:root{color:#20212c;font-synthesis:none;background:#e8e8ee;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.device-stage{background:linear-gradient(135deg,#ece8ff 0%,#eef5ff 50%,#fff7ed 100%);place-items:center;min-height:100vh;padding:18px;display:grid}.app-shell{background:#faf9ff;width:min(100%,464px);min-height:848px;position:relative;overflow:hidden;box-shadow:0 18px 48px #35344938}.picker-screen,.detail-screen,.cashier-screen,.success-screen{min-height:848px;position:relative}.picker-screen{background:#f5f3ff;padding:18px 18px 76px}.app-header,.navigation{align-items:center;height:64px;display:grid}.picker-header{grid-template-columns:44px 1fr 44px;gap:8px;margin-bottom:14px}.picker-header>div{text-align:center}.picker-header h1,.navigation h1{margin:2px 0 0;font-size:20px;font-weight:760;line-height:1.2}.eyebrow{color:#7e789e;margin:0;font-size:11px}.icon-button{cursor:pointer;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:inline-grid}.icon-button.light{color:#4c4965;background:0 0}.icon-button.dark{color:#343440;background:#f1f1f5}.order-summary{background:#fff;border:1px solid #eeecf5;border-radius:8px;align-items:center;min-height:100px;padding:15px 14px;display:flex;box-shadow:0 3px 11px #4a3d7c0f}.summary-icon{color:#4464e5;background:#edf0ff;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:grid}.summary-copy{gap:3px;margin-left:12px;display:grid}.summary-copy span{color:#817d90;font-size:13px}.summary-copy strong{color:#ee4e74;font-size:27px;line-height:1}.summary-count{color:#858292;white-space:nowrap;margin-left:auto;font-size:13px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:17px;display:grid}.style-card{cursor:pointer;text-align:center;color:#fff;background:#fff;border:1px solid #e8e5ef;border-radius:8px;min-height:164px;padding:0;transition:transform .16s,box-shadow .16s;overflow:hidden;box-shadow:0 3px 10px #40375b0f}.style-card:hover{transform:translateY(-2px);box-shadow:0 8px 17px #40375b26}.style-card:focus-visible{outline-offset:2px;outline:3px solid #615af1}.style-card.active{border-color:#5953e9}.style-top{align-content:center;place-items:center;gap:3px;height:110px;padding:10px;display:grid}.style-top strong{font-size:17px;line-height:1.2}.style-top small{color:#ffffffe0;font-size:14px}.style-use{color:#777486;justify-content:center;align-items:center;gap:3px;height:52px;font-size:14px;display:inline-flex}.picker-footer{z-index:4;color:#8a8697;pointer-events:none;justify-content:flex-end;align-items:center;width:min(100% - 36px,428px);height:42px;font-size:12px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.picker-footer>*{pointer-events:auto}.picker-footer>span{align-items:center;gap:5px;display:inline-flex}.home-fab{color:#4c4b60;cursor:pointer;background:#fff;border:0;border-radius:50%;width:44px;height:44px;box-shadow:0 4px 13px #3c36532b}.toast{z-index:5;color:#d7f9ff;letter-spacing:0;background:#232636f2;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:min(100% - 44px,420px);min-height:54px;font-weight:720;animation:.25s ease-out slide-up;display:flex;position:fixed;bottom:70px;left:50%;transform:translate(-50%)}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.detail-screen{background:#fff;padding:18px}.navigation{text-align:center;grid-template-columns:44px 1fr 44px;margin-bottom:12px}.navigation h1{font-size:18px}.navigation .icon-button:last-child{justify-self:end}.invite-card{justify-items:center;padding:20px 14px 15px;display:grid}.merchant-badge{color:#fff;border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.invite-card p{color:#3f3e4c;margin:10px 0 4px;font-size:14px}.invite-card span{color:#9693a0;font-size:12px}.amount-panel{text-align:center;padding:10px 0 18px}.amount-panel p{color:#555362;margin:0 0 6px;font-size:15px}.amount-panel>strong{letter-spacing:0;font-size:40px;line-height:1.15;display:block}.timer{color:#81808a;align-items:center;gap:5px;margin-top:9px;font-size:13px;display:inline-flex}.timer b{color:#3f3d4b;font-variant-numeric:tabular-nums}.notice-panel{color:#746f55;background:#fff8d9;border:1px solid #faedbf;border-radius:8px;padding:14px 15px}.notice-panel h2,.product-panel h2,.method-panel h2{color:#2f2e39;margin:0 0 9px;font-size:15px}.notice-panel ol{margin:0;padding-left:17px;font-size:13px;line-height:1.7}.primary-button{color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;min-height:51px;margin-top:18px;font-size:16px;font-weight:720}.primary-button.warm{color:#574d16;background:#f1da42}.primary-button.blue{background:#1259e8}.primary-button:disabled{opacity:.65;cursor:default}.product-panel{border-top:1px solid #efedf3;margin-top:24px;padding-top:18px}.product-row{grid-template-columns:54px 1fr auto;align-items:center;gap:11px;display:grid}.product-art{color:#fff;border-radius:8px;place-items:center;width:54px;height:54px;display:grid}.product-row>div:nth-child(2){gap:5px;display:grid}.product-row strong{font-size:14px;font-weight:650}.product-row span{color:#96929e;font-size:12px}.product-row>b{align-self:end;font-size:14px}.cashier-screen{background:#fff;padding:18px 22px 22px}.cashier-hero{justify-items:center;margin-top:26px;display:grid}.cashier-symbol{color:#fff;background:#e8bd2b;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.cashier-hero strong{margin-top:12px;font-size:31px}.cashier-hero span{color:#777481;font-variant-numeric:tabular-nums;margin-top:8px;font-size:13px}.payment-meta{border-top:1px solid #efeff3;border-bottom:1px solid #efeff3;gap:11px;margin:26px 0 0;padding:15px 0;display:grid}.payment-meta div{grid-template-columns:78px 1fr;gap:12px;font-size:13px;display:grid}.payment-meta dt{color:#83808e}.payment-meta dd{text-align:right;color:#3d3b47;word-break:break-all;margin:0}.method-panel{margin-top:23px}.payment-method{color:#34333f;text-align:left;cursor:pointer;background:#fff;border:1px solid #e9e9ef;border-radius:8px;grid-template-columns:34px 1fr 25px;align-items:center;gap:10px;width:100%;height:58px;padding:0 13px;display:grid}.method-mark{color:#fff;background:#18ad62;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.security-line{color:#92909d;justify-content:center;align-items:center;gap:5px;margin-top:13px;font-size:12px;display:flex}.verify-overlay{z-index:10;background:#15172252;align-items:flex-end;display:flex;position:fixed;inset:0}.verify-panel{background:#f7f7fa;border:1px solid #edecf2;border-radius:14px 14px 0 0;width:min(100%,464px);margin:0 auto;padding:18px 18px 22px;box-shadow:0 -10px 28px #1e1f2c1f}.verify-heading{color:#2f2d38;justify-content:space-between;align-items:baseline;padding-right:28px;font-weight:700;display:flex;position:relative}.verify-heading small{color:#8c8997;font-size:11px;font-weight:400}.verify-close{color:#5c5968;cursor:pointer;background:#e9e8ee;border:0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-2px;right:0}.code-boxes{grid-template-columns:repeat(6,1fr);gap:7px;margin:15px 0 8px;display:grid}.code-boxes span{color:#282733;background:#fff;border:1px solid #dcdbe4;border-radius:6px;place-items:center;height:37px;font-size:23px;display:grid}.code-error{color:#d93c46;margin:5px 0 0;font-size:12px}.keypad{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px;display:grid}.keypad button{color:#30303c;cursor:pointer;background:#fff;border:1px solid #e1e0e8;border-radius:6px;height:38px}.keypad .erase{color:#746f80;font-size:13px}.verify-button{color:#fff;cursor:pointer;background:#272934;border:0;border-radius:8px;width:100%;height:42px;margin-top:12px;font-weight:700}.success-screen{background:#f8f9ff;padding:18px}.success-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:720px;display:flex}.success-icon{color:#25aa68}.success-content h1{margin:17px 0 8px;font-size:25px}.success-content p{color:#858291;margin:0;font-size:14px}.success-order{text-align:left;color:#4c4a57;background:#fff;border:1px solid #e9e9ef;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;width:100%;margin:36px 0 10px;padding:15px;display:grid}.success-order b{color:#25242e}.link-overlay{z-index:8;background:#15172252;align-items:flex-end;display:flex;position:fixed;inset:0}.link-modal{background:#fff;border-radius:14px 14px 0 0;width:min(100%,464px);margin:0 auto;padding:20px 18px 22px;box-shadow:0 -10px 28px #1e1f2c1f}.link-modal-heading{justify-content:space-between;align-items:flex-start;padding-right:30px;display:flex;position:relative}.link-title{align-items:center;gap:10px;display:flex}.link-title>span:last-child{gap:4px;display:grid}.link-title strong{color:#2d2c38;font-size:17px}.link-title small{color:#888593;font-size:12px}.link-icon{color:#1b5eea;background:#eaf0ff;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.share-preview-block{margin-top:17px}.share-preview-label{color:#7f7c88;text-align:center;margin-bottom:8px;font-size:11px}.wechat-preview{background:#202125;border:1px solid #2d2e33;border-radius:6px;width:min(100%,334px);min-height:144px;margin:0 auto;padding:13px 12px 16px;overflow:hidden;box-shadow:0 7px 18px #23222c21}.wechat-time{color:#86878b;text-align:center;font-size:9px;display:block}.wechat-message-row{justify-content:flex-end;align-items:flex-start;gap:10px;margin-top:10px;display:flex}.wechat-share-card{color:#fff;text-align:left;cursor:pointer;background:#57585e;border:0;border-radius:3px;grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:9px;width:min(100%,248px);min-height:87px;padding:10px 9px 10px 12px;display:grid;position:relative}.wechat-share-card:after{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:8px solid #57585e;width:0;height:0;position:absolute;top:14px;right:-7px}.wechat-card-copy{flex-direction:column;justify-content:flex-start;align-self:stretch;gap:7px;min-width:0;display:flex}.wechat-card-copy strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.25;overflow:hidden}.wechat-card-copy>span{color:#eeeeef;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.wechat-app-icon{color:#fff;border:5px solid #fff;border-radius:5px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 1px 3px #0000002e}.wechat-sender-avatar{color:#f2f4f6;background:#718991;border-radius:4px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.generated-link{color:#5d5a6b;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#f8f8fb;border:1px solid #e2e1e9;border-radius:8px;margin-top:17px;padding:12px;font-size:12px;line-height:1.5}.link-actions{grid-template-columns:1fr 1.15fr;gap:9px;margin-top:13px;display:grid}.secondary-button{color:#4d4a59;cursor:pointer;background:#fff;border:1px solid #dedde6;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:48px;font-weight:700;display:inline-flex}.link-actions .primary-button{justify-content:center;align-items:center;gap:7px;min-height:48px;margin-top:0;display:inline-flex}.link-note{color:#9895a2;text-align:center;margin:13px 0 0;font-size:11px}@media (width<=500px){.device-stage{background:#f5f3ff;padding:0;display:block}.app-shell{width:100%;min-height:100vh;box-shadow:none}.picker-screen,.detail-screen,.cashier-screen,.success-screen{min-height:100vh}}@media (width<=360px){.picker-screen{padding-left:12px;padding-right:12px}.style-grid{gap:10px}.style-top strong{font-size:15px}.style-top small{font-size:12px}.summary-count{display:none}.link-modal{padding-left:12px;padding-right:12px}.wechat-preview{padding-left:9px;padding-right:9px}.wechat-message-row{gap:8px}.wechat-share-card{grid-template-columns:minmax(0,1fr) 52px}.wechat-app-icon{width:52px;height:52px}}