:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#f7f7f9;background:#0d0f14;font-synthesis:none;font-size:14px;font-variant-numeric:tabular-nums;--gold: #e9c9ae;--orange: #fb632a}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}a{color:inherit;text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}::selection{background:#e9c9ae;color:#171a20}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#71747c;border-radius:6px}input,textarea{caret-color:#d8aa86}button{border:0;background:none}h1,h2,h3,p{margin:0}h1{font-size:20px}h2{font-size:17px}h3{font-size:15px}.client-app{min-height:100dvh;background:radial-gradient(circle at 50% 0,rgba(255,214,170,.09),transparent 40%),linear-gradient(#151821,#0d0f14 52%,#0d0f14)}.has-nav{padding-bottom:60px}.section-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:4px;margin:17px 0 12px}.section-title:before,.section-title:after{content:"";width:70px;height:1px;background:#dddee52e}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;padding-bottom:env(safe-area-inset-bottom);display:flex;background:#fff;color:#252732;z-index:5}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px}.bottom-nav button.active{color:#5541de}.bottom-nav img{width:24px;height:24px;object-fit:contain}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(#f2d9c6,#ddb69c);color:#3d3026;border-radius:22px;padding:12px 25px;font-weight:700;min-height:42px;text-decoration:none}.gold-button:hover:not(:disabled){filter:brightness(1.06)}.gold-button:active:not(:disabled){transform:translateY(1px)}.full{width:100%}.quiet{display:block;text-align:center;color:#787d88;font-size:11px}.home-page{padding:12px}.home-banner{padding:0;width:100%;display:block;border-radius:9px;overflow:hidden}.home-banner img{display:block;width:100%;height:110px;object-fit:fill}.home-stats{display:grid;grid-template-columns:1fr 1fr;background:#e8cdb6;border-radius:9px;color:#483728;padding:22px 12px}.home-stats>div{display:flex;flex-direction:column;align-items:center;gap:12px}.home-stats>div+div{border-left:1px solid #b89b85}.home-stats span{font-size:12px}.home-stats strong{font-size:25px}.membership{padding:10px 12px 132px;min-height:calc(100dvh - 60px)}.membership>.section-title{margin-top:16px}.benefits{display:flex;flex-direction:column;gap:9px}.benefits article{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(#25272e,#202228);border:1px solid rgba(255,255,255,.04);border-radius:9px;padding:13px 12px;min-height:66px}.benefits h3{margin-bottom:5px}.benefits p{color:#c3c3c8;font-size:12px;line-height:1.6}.benefits img{height:43px;width:43px;object-fit:contain;flex-shrink:0}.swipe-hint{text-align:center;color:#fa642f;font-size:12px;margin-top:16px}.plan-switch{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;color:#c2b4a9;font-size:12px}.plan-switch button{display:flex;padding:7px;background:#25272e;border-radius:50%}.plan-switch small{font-size:11px;color:#9d9ba3;margin-left:7px}.apply-bar{position:fixed;left:12px;right:12px;bottom:70px;display:flex;gap:8px;z-index:4}.apply-bar>strong{background:#202228;border-radius:30px;flex:1;display:flex;align-items:center;font-size:21px;padding:0 18px}.apply-bar>.gold-button{min-width:110px}.client-dialog{border:0;border-radius:9px;padding:29px 26px 24px;width:min(340px,calc(100vw - 40px));background:#fff;color:#202329;max-height:90dvh;overflow-y:auto;box-shadow:0 16px 65px #0005}.client-dialog::backdrop{background:#000000a6}.client-dialog h2{text-align:center;font-size:16px;margin-bottom:23px}.dialog-close{position:absolute;right:8px;top:8px;color:#888}.icon-button{padding:5px;display:flex}.auth-options{display:flex;flex-direction:column;gap:12px;margin:0 24px 20px}.auth-options label{display:flex;align-items:center;gap:7px;color:#62666c;font-size:14px}.auth-options input{accent-color:#5b43e9;margin:0;width:15px;height:15px}.demo-note{color:#76747d;font-size:11px;line-height:1.6}.client-dialog>.demo-note{text-align:center;margin-bottom:12px}.client-dialog .gold-button{background:#5034f3;color:#fff;border-radius:7px}.my-page{padding:21px 12px 30px}.profile-card{background:linear-gradient(110deg,#efdac7,#d8b9a1);border-radius:9px;color:#36271b;padding:13px}.profile-info{display:flex;align-items:flex-start;gap:10px}.profile-info>img{width:38px;height:38px;object-fit:contain}.profile-info h1{font-size:18px;font-weight:800;margin:1px 0 5px}.profile-info p{font-size:12px;line-height:1.9}.profile-info button{padding:0 0 0 5px;color:#f65e27;font-weight:700}.balance{margin-top:8px;background:#32261e66;color:#fff;display:flex;flex-direction:column;align-items:center;padding:12px 0 10px;border-radius:6px;gap:7px}.balance strong{font-size:17px}.balance span{font-size:11px}.profile-task{background:linear-gradient(110deg,#e7d3c2,#cdb09a);color:#49382a;border-radius:9px;padding:17px 13px 12px}.profile-task>p:first-child{text-align:center;font-size:11px}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.progress-label strong{font-size:12px;color:#f55d2d}.progress-label button{background:#f5632d;border-radius:20px;color:#fff;font-weight:700;font-size:12px;padding:7px 12px}progress{appearance:none;width:100%;height:6px;border:0;background:#f6ede5;border-radius:8px;display:block;overflow:hidden;margin:7px 0}progress::-webkit-progress-bar{background:#f6ede5;border-radius:8px}progress::-webkit-progress-value{background:#f56632;border-radius:8px}.cumulative{font-size:13px}.common-functions{display:flex;gap:8px}.common-functions button{min-width:72px;display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:700;font-size:12px;padding:2px 6px}.common-functions button>span{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;background:linear-gradient(#ff864b,#fb5b24);color:#fff}.logout-client{display:flex;align-items:center;gap:6px;color:#aaa8ad;font-size:12px;margin:28px 15px 0;padding:8px}.page-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;height:52px;padding:0 8px}.page-head h1{text-align:center;font-size:16px}.page-head button{padding:10px 0;display:flex;align-items:center}.task-rule{font-size:12px;line-height:1.7;margin:0 12px 18px;color:#e4d7c9}.task-sheet{background:#f5f5f5;color:#141820;border-radius:14px 14px 0 0;min-height:calc(100dvh - 88px);padding:1px 11px 40px}.task-sheet>.section-title{margin:18px 0 14px}.task-sheet .section-title:before,.task-sheet .section-title:after{background:#e1e1e4}.task-list{background:#fff;border-radius:9px;padding:0 10px}.task-row{display:flex;width:100%;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f4f4f4;color:#1c2029;font-size:15px}.task-state{display:flex;align-items:center;gap:6px;color:#f66230;font-weight:700}.task-state.completed{color:#218051}.task-state.failed{color:#c43c34}.task-state.in_progress{color:#986719}.task-state svg{color:#a6a6ab;transition:transform .2s}.rotate{transform:rotate(90deg)}.task-expanded{padding:16px 0;color:#535862;font-size:12px;line-height:1.8}.task-expanded dl{margin:0 0 10px}.task-expanded dl>div,dl>div{display:flex;justify-content:space-between;gap:12px;margin:8px 0}.task-expanded dt,.task-expanded dd{margin:0}.task-expanded small{display:block;margin-top:10px;color:#777}.no-more{text-align:center;color:#a8a8ae;padding:15px;font-size:12px}.orders-page,.addresses-page{min-height:100dvh}.order-list{padding:8px 12px 30px}.customer-order{background:#21232a;border-radius:10px;padding:18px;margin-bottom:12px}.order-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-top h2{font-size:16px}.order-number{color:#9699a6;font-size:11px;margin:10px 0 18px;overflow-wrap:anywhere}.customer-order dl{font-size:12px;color:#b9bcc5}.customer-order dd{margin:0;text-align:right;color:#e8e4df}.order-money{font-size:18px!important;color:#edccb0!important}.order-bottom{border-top:1px solid #353740;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.order-bottom .gold-button{padding:8px 15px;min-height:34px;font-size:12px}.order-note{font-size:12px;color:#bfc1c9;line-height:1.6;margin-top:12px;overflow-wrap:anywhere}.status{font-size:11px;padding:4px 8px;border-radius:5px;color:#9e9ca9;background:#ffffff0b;white-space:nowrap}.status.paid{background:#1c774528;color:#77cb99}.status.pending{background:#b4842b22;color:#efc77f}.status.closed,.status.expired{color:#afb0bc}.client-empty{padding:70px 28px;text-align:center;color:#999ca8;display:flex;flex-direction:column;align-items:center;gap:16px;font-size:13px;line-height:1.8}.demo-badge{display:table;margin:0 auto;padding:5px 10px;border-radius:4px;font-size:11px;color:#8b642c;background:#fbf0d9}.qr-amount{text-align:center;font-size:28px;font-weight:700;margin:14px 0;color:#20232c}.qr-image{display:block;width:min(100%,250px);aspect-ratio:1;margin:8px auto;background:#fff}.qr-description{text-align:center;font-size:12px;color:#6b6e77;line-height:1.8;margin:13px 0 18px}.qr-actions{display:flex;justify-content:space-around;align-items:center;margin:18px 0}.qr-actions button,.qr-actions a{display:flex;align-items:center;gap:5px;font-size:12px;color:#595b65;text-decoration:none}.pay-page{min-height:100dvh;background:#f6f5f3;color:#262830}.pay-page .page-head{border-bottom:1px solid #e5e4e1}.cashier{width:min(430px,100%);margin:0 auto;padding:28px 24px 50px}.cashier-brand{display:flex;align-items:center;justify-content:center;gap:8px;font-size:17px;font-weight:700;margin-bottom:22px}.cashier-brand svg{color:#af8b60}.cashier-title{text-align:center;margin-top:30px;color:#73727a;font-size:15px}.cashier-price{text-align:center;font-size:44px;margin:12px 0 30px;color:#22252d;letter-spacing:-1px}.cashier-price small{font-size:24px}.cashier-details{font-size:12px;border-top:1px solid #e1e0db;border-bottom:1px solid #e1e0db;padding:15px 0;margin:25px 0}.cashier-details dt{color:#797980;white-space:nowrap}.cashier-details dd{margin:0;text-align:right;overflow-wrap:anywhere}.cashier-warning{font-size:12px;color:#8d744e;line-height:1.9;background:#f0eadf;padding:13px;border-radius:6px;margin-bottom:20px}.plain-button{padding:14px;color:#74747d;font-size:13px;margin-top:10px}.payment-success{display:flex;flex-direction:column;align-items:center;gap:13px;margin:34px 0;color:#259a5a}.payment-success h1{font-size:24px}.payment-success p{color:#7a7b82;font-size:12px;text-align:center}.client-form{display:flex;flex-direction:column;gap:15px}.client-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#60636b}.client-form input,.client-form textarea{border:1px solid #dddde2;border-radius:5px;padding:10px;width:100%;color:#23252e;background:#fff;resize:vertical}.client-form textarea{min-height:80px}.address-item{margin:12px;background:#25272f;border-radius:8px;padding:18px;line-height:1.8;position:relative}.address-item strong{display:block;padding-right:40px}.address-item strong span{color:#afafb9;font-weight:400;font-size:12px}.address-item p{font-size:13px;color:#b5b6bf;margin-top:10px;overflow-wrap:anywhere}.address-item button{position:absolute;right:15px;top:20px;color:#eaa484;font-size:12px}.add-address{display:flex;width:calc(100% - 24px);margin:20px 12px}.support-icon{display:block;color:#d4b294;margin:0 auto 20px}.support-text{font-size:14px;text-align:center;color:#636571;line-height:1.8;white-space:pre-wrap;margin-bottom:24px}.loading-screen{min-height:65dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#aeb0bc}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{display:flex;align-items:flex-start;justify-content:center;min-height:100dvh;padding:90px 25px 45px}.login-form{width:min(370px,100%)}.login-brand{display:flex;align-items:center;gap:10px;justify-content:center;color:#e9c9ae;margin-bottom:35px;font-size:20px;font-weight:700}.login-form h1{font-size:27px;font-weight:500;margin-bottom:38px}.login-input{display:flex;align-items:center;gap:12px;border-bottom:1px solid #45464f;padding:13px 0;margin-bottom:20px;color:#ac9b8c}.login-input input{min-width:0;flex:1;background:none;border:0;color:#f4eeea;outline:none;padding:5px 0}.login-input input::placeholder{color:#a2a0a8}.login-input button{display:flex;color:#9f9aa5;padding:4px}.remember{display:flex;align-items:center;gap:5px;color:#c2bbc0;font-size:13px;margin:28px 0}.remember input{accent-color:#d7b493}.login-submit{width:100%;border-radius:8px}.register-link{display:flex;justify-content:center;align-items:center;margin-top:25px;font-size:13px;color:#a8a5ae}.register-link button{color:#e4c7ad;padding:5px}.login-demo{text-align:center;color:#92919a;font-size:11px;margin-top:45px}.client-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);z-index:40;max-width:calc(100vw - 40px);padding:13px 20px;background:#2a2a2eea;color:#fff;border-radius:7px;font-size:13px;line-height:1.5;text-align:center;box-shadow:0 5px 20px #0003}@media(min-width:768px){.cashier{padding-top:45px}.orders-page .order-list{max-width:900px;margin:auto}.login-page{padding-top:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.task-notice{font-size:11px;line-height:1.7;color:#cbb9a7;padding:0 12px 16px}.benefits img{padding:12px;border-radius:50%;background-color:#ffffff08}.membership .benefits article:nth-child(3){min-height:66px}