:root{--red-700: #7E0710;--red-600: #B60F18;--red-500: #D3182A;--ink: #111111;--paper: #FFFFFF;--shadow: 0 14px 30px rgba(0, 0, 0, .22);--radius: 22px}.fp-bg{min-height:100vh;background:linear-gradient(135deg,var(--red-700) 0%,var(--red-600) 50%,var(--red-500) 100%);position:relative;display:flex;flex-direction:column}.fp-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.26;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 10l2 6h6l-5 4 2 6-5-4-5 4 2-6-5-4h6z' fill='%23fff'/%3E%3C/svg%3E");background-repeat:repeat;pointer-events:none}.fp-header{padding:16px 20px;position:relative;z-index:1}.fp-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.fp-logo{width:min(240px,64vw);height:60px;object-fit:contain;flex-shrink:0;background:var(--paper);border-radius:12px;padding:8px;box-shadow:0 4px 12px #00000026}.fp-kefu{width:112px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.35);color:var(--paper);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.fp-kefu:active{transform:scale(.98)}.fp-kefu-qr{width:72px;height:72px;border-radius:10px;display:block;background:#fff;object-fit:cover;box-shadow:0 4px 10px #0000002e}.fp-kefu-fallback{width:72px;height:72px;border-radius:10px;background:#ffffff24;border:1px dashed rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;text-align:center;color:#ffffffe6;font-size:12px;font-weight:800;padding:6px;box-sizing:border-box}.fp-kefu-label{font-size:12px;font-weight:800;letter-spacing:.2px;line-height:1}.fp-slogan{margin-top:10px;color:var(--paper);opacity:.9;font-size:12px;font-weight:700}.fp-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:18px}.fp-modal-card{width:min(420px,92vw);background:#fffffff5;border-radius:22px;box-shadow:0 18px 40px #00000059;padding:18px 18px 16px;display:flex;flex-direction:column;align-items:center}.fp-modal-title{font-size:18px;font-weight:900;color:var(--ink);margin-bottom:10px}.fp-modal-qr{width:min(320px,80vw);height:auto;border-radius:18px;background:#fff;border:2px solid rgba(0,0,0,.08)}.fp-modal-tip{margin-top:10px;font-size:13px;color:#000000a6;font-weight:700}.fp-modal-close{margin-top:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:14px;padding:12px 18px;font-size:14px;font-weight:900;color:var(--paper);background:linear-gradient(135deg,var(--red-600) 0%,var(--red-500) 100%);cursor:pointer}.fp-modal-close:active{transform:scale(.98)}.fp-brand-main{flex:1}.fp-brand-title{font-size:20px;font-weight:900;color:var(--paper);margin:0;line-height:1.3;letter-spacing:.5px}.fp-brand-sub{font-size:12px;color:var(--paper);opacity:.85;margin-top:4px}.fp-brand-label{font-size:11px;font-weight:700;color:var(--paper);opacity:.7;text-transform:uppercase;letter-spacing:.8px}.fp-main{flex:1;padding:20px;display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:1}.fp-page{width:100%;max-width:520px}.fp-card{background:var(--paper);border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow);margin-bottom:16px}.fp-title{font-size:24px;font-weight:900;color:var(--ink);margin:0 0 16px;line-height:1.3}.fp-tip{background:#d3182a14;border-left:4px solid var(--red-500);padding:12px 16px;border-radius:8px;font-size:14px;color:var(--red-700);font-weight:600;margin-bottom:20px}.fp-imgwrap{border-radius:16px;border:3px solid var(--ink);overflow:hidden;margin-bottom:20px;background:#f5f5f5}.fp-img{width:100%;height:auto;display:block}.fp-placeholder{width:100%;height:320px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f9f9f9,#ececec);color:#999;font-size:14px;font-weight:600}.fp-actions{display:flex;gap:12px;flex-wrap:wrap}.fp-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:14px;padding:14px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center}.fp-btn-primary{background:linear-gradient(135deg,var(--red-600) 0%,var(--red-500) 100%);color:var(--paper);box-shadow:0 4px 12px #d3182a4d}.fp-btn-primary:active{transform:scale(.97);box-shadow:0 2px 8px #d3182a4d}.fp-btn-ghost{background:var(--paper);color:var(--red-600);border:2px solid var(--red-600)}.fp-btn-ghost:active{transform:scale(.97);background:#d3182a0d}.fp-foot{padding:16px 20px;text-align:center;color:var(--paper);font-size:12px;opacity:.8;position:relative;z-index:1}.fp-loading{text-align:center;padding:40px 20px}.fp-loading-text{color:var(--ink);font-size:16px;font-weight:600;margin-top:12px}:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}html,body{margin:0;padding:0;background:#f6f7f9;color:#111}.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:16px}.brand{display:flex;align-items:center;gap:12px}.logo{width:44px;height:44px;border-radius:12px;background:#111;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.brandName{font-weight:700;font-size:16px}.brandSlogan{font-size:12px;color:#666}.main{flex:1;padding:16px;display:flex;justify-content:center}.page{width:100%;max-width:480px}.card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 1px 2px #0000000f}.title{font-size:18px;font-weight:700;margin-bottom:6px}.muted{color:#666;font-size:14px}.imageWrap{margin-top:12px}.image{width:100%;height:auto;border-radius:12px;display:block}.row{margin-top:12px;display:flex;justify-content:flex-start}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ddd;background:#fff;border-radius:12px;padding:10px 12px;font-weight:600}.footer{padding:16px;text-align:center}.error{margin-top:10px;color:#b00020;font-size:12px}