:root{--bg:#f5f8ff;--ink:#25304b;--text:#34405b;--muted:#929bad;--line:#e5eaf5;--lime:#e8edff;--dark:#5268ff;font-family:Arial,"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8a9aff;outline-offset:4px}.container{max-width:1184px;width:calc(100% - 80px);margin:0 auto}.header{height:90px;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:26px}.brand{display:inline-flex;align-items:center;color:var(--ink);font-weight:800;font-size:29px;letter-spacing:-1.3px}.brand-icon{width:32px;height:32px;font-size:35px;display:grid;place-items:center;margin-right:9px;line-height:1}.brand-dot{color:#86b54f}.header nav{display:flex;gap:36px;font-size:14px}.header nav a{color:#697187;padding:10px 0}.header nav a.active{color:var(--ink);font-weight:600}.account{display:flex;align-items:center;gap:12px;font-size:13px}.account .email{max-width:130px;overflow:hidden;text-overflow:ellipsis}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:13px 24px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);font-size:14px;font-weight:600;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px);background:#f0f3ff}.button.dark{background:var(--dark);border-color:var(--dark);color:#fff}.button.dark:hover{background:#4055e9}.button.lime{background:var(--lime);border-color:var(--lime)}.button.small{min-height:39px;padding:10px 17px;font-size:12px;gap:16px}.button.full{width:100%;justify-content:space-between}.button.text{background:none;border:none;padding:7px;min-height:30px;font-weight:400;color:var(--muted)}

.page{padding:49px 0 60px;min-height:65vh}.page-head{margin-bottom:30px}.page-head p{font-size:13px;color:var(--muted);margin:12px 0}.back{font-size:12px;color:var(--muted);display:inline-flex;margin-bottom:22px}.panel{border:1px solid var(--line);background:white;border-radius:18px;padding:28px}.loading,.empty{text-align:center;padding:70px 25px;color:var(--muted);font-size:13px}.empty-icon{font-size:40px;color:#a0b1f3;margin-bottom:15px}.empty h3{color:var(--ink);font-size:19px}.empty .button{margin-top:12px}.tabs{display:flex;gap:8px;margin:20px 0}.tab{border:1px solid var(--line);border-radius:30px;padding:8px 17px;color:var(--muted);background:transparent;font-size:12px}.tab.active{color:#fff;background:var(--dark);border-color:var(--dark)}.order-card{margin-bottom:15px;padding:21px 25px;background:#fff;border:1px solid var(--line);border-radius:15px}.order-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);gap:12px}.order-main{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:20px}.order-main h3{font-size:15px;color:var(--ink);margin:0 0 7px}.order-main p{font-size:11px;margin:0;color:var(--muted)}.order-price{font-size:20px;color:var(--ink);margin-left:auto;white-space:nowrap}.status{padding:5px 10px;border-radius:20px;font-size:10px;background:#f0f1ec;color:#7c8373;white-space:nowrap}.status.pending{background:#fbf1da;color:#967027}.status.paid{background:#e8f3dc;color:#5f803b}.detail-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.detail-grid h3{font-size:17px;color:var(--ink);margin-bottom:20px}.detail-grid p{font-size:12px;color:var(--muted)}.kv{display:flex;justify-content:space-between;gap:16px;font-size:12px;padding:11px 0;border-bottom:1px solid #eef0e9}.kv span:first-child{color:var(--muted)}.kv span:last-child{text-align:right;overflow-wrap:anywhere}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.code-row{display:flex;gap:10px;margin:12px 0;align-items:center}.code-row code{padding:13px;background:#f4f6ff;border-radius:8px;flex:1;overflow-wrap:anywhere;white-space:pre-wrap}.qr{max-width:200px;max-height:220px;display:block;margin:18px auto}.hint{font-size:11px;color:var(--muted);line-height:1.8}.progress{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:28px;border-bottom:1px solid var(--line);padding-bottom:23px;gap:20px}.progress span{font-size:11px;color:#a2aa98}.progress span.done{color:#628441}.progress b{display:block;font-size:14px;margin-bottom:8px}.auth{display:grid;grid-template-columns:1fr 1fr;max-width:860px;margin:57px auto;min-height:480px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:white}.auth-aside{background:#eef2ff;padding:50px 35px;display:flex;flex-direction:column;justify-content:space-between}.auth-aside .sparkle{font-size:70px;color:#687aff}.auth-aside h2{font-size:31px;line-height:1.5}.auth-aside p{font-size:12px;color:#8c96b4}.auth-form{padding:39px}.auth-form h2{font-size:25px}.auth-form>p{font-size:12px;color:var(--muted);margin:10px 0 25px}.field{display:block;margin-bottom:18px;font-size:12px}.field>span{display:block;color:#62718e;margin-bottom:8px}.input{width:100%;border:1px solid #dfe5f2;background:#fcfdff;color:var(--text);border-radius:9px;padding:12px 13px;min-height:44px;font-size:13px}.input::placeholder{color:#b0b7c7}.captcha-row{display:flex;gap:10px;align-items:center}.captcha-row .input{min-width:0}.captcha-button{padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#f3f4f6;height:44px;flex:0 0 132px}.captcha-button img{height:44px;width:132px}.form-error{font-size:12px;color:#a34735;line-height:1.7;min-height:20px;margin-bottom:10px}.auth-switch{text-align:center;font-size:12px;color:var(--muted);margin-top:19px}.auth-switch a{color:#5268ff}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.guide-grid .step-number{margin-bottom:20px}.guide-grid h3{font-size:17px;color:var(--ink)}.guide-grid p{font-size:12px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;color:var(--ink);font-size:14px}details p{color:var(--muted);font-size:12px;margin:15px 0 0}dialog{max-width:470px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:20px;padding:30px;color:var(--text);background:#fff;box-shadow:0 30px 80px #152c3130}dialog::backdrop{background:#1e352d55;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-top h2{font-size:21px;margin:0}.dialog-close{border:0;background:#f0f3eb;width:30px;height:30px;border-radius:50%;color:var(--muted);font-size:18px}.checkout-product{display:flex;align-items:center;gap:14px;background:#f3f6ed;border-radius:12px;padding:18px;margin:23px 0}.checkout-product h3{font-size:14px;margin:0 0 7px}.checkout-product p{font-size:11px;color:var(--muted);margin:0}.checkout-price{font-size:27px;color:var(--ink);margin-left:auto}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--dark);color:white;padding:13px 23px;font-size:12px;border-radius:10px;max-width:90vw;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.visible{opacity:1;transform:translate(-50%,0)}.consent{display:flex;align-items:start;gap:9px;font-size:11px;line-height:1.8;margin:16px 0;color:var(--muted)}.consent input{margin-top:4px;accent-color:var(--dark)}.redemption{max-width:800px;margin:0 auto}.redemption h1{font-size:37px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.result{background:#f3f6ff;border:1px solid #dee6ff;border-radius:10px;padding:17px;font-size:12px;line-height:1.9;overflow-wrap:anywhere;margin-top:20px}.security-note{border-left:3px solid #9aaaff;padding:10px 15px;background:#f2f5ff;font-size:11px;line-height:1.8;color:#7785a5;margin-bottom:24px}
body{background:radial-gradient(ellipse at 0 0,#ebf2ff55 0,transparent 45%),radial-gradient(ellipse at 100% 100%,#e2ecff66 0,transparent 55%),#f7faff;min-height:100vh}body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(139deg,transparent 78%,#eaf1ff99 78%,transparent 95%),linear-gradient(30deg,#edf3ff88 8%,transparent 8%)}.container{max-width:1216px;width:calc(100% - 48px)}.header{height:66px;background:rgba(255,255,255,.96);border-bottom:1px solid #edf0f7}.header-inner{justify-content:start;gap:38px}.brand{font-size:25px;letter-spacing:-1px;color:#344576}.brand-icon{font-size:30px;color:#6277ff;width:29px;margin-right:6px}.brand-dot{color:#6277ff}.header nav{height:100%;align-items:center;gap:32px;font-size:13px}.header nav a{height:100%;display:flex;align-items:center;position:relative;color:#5a6175}.header nav a.active{color:#5268ff}.header nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#6478ff}.order-nav{margin-left:auto;font-size:13px;color:#5268ff;background:#f0f3ff;border-radius:11px;padding:10px 13px;white-space:nowrap}.order-nav span{font-size:17px;vertical-align:-1px;margin-right:3px}.account{gap:10px}.button{border-radius:6px;min-height:41px;font-size:13px;padding:10px 17px}.button.small{min-height:34px;padding:8px 13px;font-size:12px}.button.lime{color:#5268ff;background:#eef2ff;border-color:#e6ebff}.button.text{color:#8791ab}.shop-page{padding-top:18px;min-height:calc(100vh - 210px)}.announcement{background:white;border:1px solid #e1e7ff;border-radius:10px;box-shadow:0 2px 4px #234c9005;overflow:hidden}.announcement-head{height:46px;display:flex;align-items:center;gap:10px;background:#f0f3ff;padding:0 15px;border-bottom:1px solid #e6ebff;font-size:13px;color:#334367}.announcement-icon{width:25px;height:25px;display:grid;place-items:center;background:#7182fa;color:#fff;border-radius:4px;box-shadow:0 2px 5px #6a7cf94d;font-size:16px}.announcement-en{margin-left:auto;font-size:10px;letter-spacing:1.5px;color:#a0abc7}.announcement-body{padding:15px 18px 16px;font-size:12px;color:#34415c;line-height:1.8}.announcement-body p{margin:0 0 6px;line-height:1.85}.announcement-body p:last-child{margin-bottom:0}.announcement-label{font-size:13px;font-weight:600;color:#263557}.announcement-rule{height:1px;background:#e9edf7;width:180px;margin:12px 0}.notice-number{display:inline-grid;place-items:center;width:14px;height:15px;background:#5d79ce;color:white;font-size:10px;margin-right:6px;vertical-align:1px;border-radius:2px}.inline-link{color:#5268ff;margin-left:8px}.notice-line{color:#5268ff}.catalog-section{padding:46px 0 50px}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#a7b0c0;font-size:12px;margin:10px 0 15px}.breadcrumbs a{color:#8895ad}.catalog-controls{display:flex;justify-content:space-between;align-items:center;gap:15px}.category-tabs{display:flex;gap:10px}.category-tab{display:inline-flex;align-items:center;gap:6px;background:white;border:1px solid #e0e5ef;padding:9px 15px;border-radius:7px;color:#8490a6;font-size:12px;min-height:36px}.category-tab.active{color:white;background:#5268ff;border-color:#5268ff;box-shadow:0 2px 5px #5268ff38}.category-tab>span{font-size:16px;line-height:1}.category-tab small{padding:1px 5px;border-radius:10px;background:#eff2f8;font-size:10px;color:#8b96ad}.category-tab.active small{background:#8091ff;color:#fff}.catalog-search{display:flex;align-items:center;gap:7px;border:1px solid #e3e8f2;border-radius:7px;padding:7px 12px;background:#ffffffa8;color:#8b96b0}.catalog-search input{width:146px;border:0;background:transparent;color:#52617d;font-size:12px;outline:none;min-width:0}.catalog-search input::placeholder{color:#a2adc1}.sortbar{display:flex;align-items:center;gap:8px;margin:18px 0 16px}.sort-button{border:1px solid #dfe5ef;background:#fff;color:#64728b;font-size:12px;border-radius:5px;padding:8px 12px;min-height:33px}.sort-button.active{background:#5268ff;color:#fff;border-color:#5268ff}.result-count{font-size:11px;color:#a7b0c1;margin-left:auto}.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:start}.product-card{background:#fff;border:1px solid #e5eafa;border-radius:9px;overflow:hidden;transition:box-shadow .2s,transform .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 6px 22px #3554b514;border-color:#cfd9ff}.product-link{display:block;padding:0;margin:0;border:0;background:transparent;text-align:left;width:100%;color:inherit}.product-cover{aspect-ratio:1;position:relative;overflow:hidden;background:#060f2d}.product-cover img{width:100%;height:100%;object-fit:cover;display:block}.delivery-tag{position:absolute;right:7px;top:8px;background:#25bc5d;color:white;font-size:10px;padding:4px 7px;border-radius:4px;line-height:1.2;box-shadow:0 2px 5px #101c3830}.product-info{padding:14px 13px 15px}.product-info h2{font-size:13px;font-weight:400;line-height:1.6;letter-spacing:0;margin:0 0 5px;color:#26334f;min-height:21px}.product-subtitle{font-size:11px;color:#a0a8b9;margin:0 0 13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-stats{display:flex;justify-content:space-between;gap:5px;color:#929eaf;font-size:10px;margin:0 0 8px}.product-price{font-size:16px;font-weight:600;color:#ff5264;display:flex;align-items:center;justify-content:space-between}.product-price>span{font-size:10px;font-weight:400;color:#8c99b5;opacity:0;transition:.2s}.product-card:hover .product-price>span,.product-link:focus-visible .product-price>span{opacity:1}.catalog-empty{padding:60px 20px;color:#929cb1;font-size:13px;grid-column:1/-1;text-align:center}.footer{border-color:#e5ebf7;padding:24px 0;align-items:center}.footer .brand{font-size:20px}.footer p{font-size:11px;color:#a2adbf}.footer-right{color:#aab3c5;font-size:10px;gap:7px}.footer-right>a{color:#8190af;font-size:11px}.auth{border-color:#e1e7f7;max-width:820px}.auth-aside{background:linear-gradient(145deg,#f2f5ff,#e9efff)}.auth-aside h2{font-size:29px}.auth-aside .sparkle{color:#7587fc}.auth-aside p{color:#8d9ab8}.status.pending{background:#fff5df;color:#a78745}.status.paid{background:#e9f6ef;color:#50996e}.notice{background:#f1f5ff;color:#7586ad;border:1px solid #e6ecfc}.tabs .tab.active{background:#5268ff}.checkout-product{background:#f5f7ff}.plan-icon{font-size:28px;color:#667eff}.section-kicker{font-size:11px;letter-spacing:1.5px;color:#8998bc}.back{font-size:12px}.page-head p{font-size:13px}h2{font-size:24px}.redemption h1{font-size:34px;color:#334575;letter-spacing:-1px}.eyebrow{font-size:10px;color:#8799bf;letter-spacing:2px}.detail-grid h3{color:#334575}.auth-switch a{color:#5268ff}.guide-grid p{font-size:12px}#toast{background:#3f518b}dialog::backdrop{background:#25376055}.dialog-close{background:#f1f4ff;color:#8795b5}.confirm-title{font-size:20px}.consent input{accent-color:#5268ff}
@media(max-width:1050px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.header-inner{gap:25px}.header nav{gap:25px}.account .email{display:none}}
@media(max-width:800px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.container{width:calc(100% - 36px)}.header-inner{gap:20px}.header nav{gap:18px}.header .brand{font-size:23px}.brand-icon{font-size:25px;width:24px}.order-nav{font-size:11px;padding:9px}.account .button.small{font-size:11px;padding:8px 10px}.account .email{display:none}.announcement-body{font-size:11px}.announcement-body p{line-height:1.95}.catalog-section{padding-top:30px}.detail-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.guide-grid .step-number{float:left;margin-right:15px}.auth-aside{padding:40px 25px}}
@media(max-width:580px){.container{width:calc(100% - 24px)}.header{height:auto}.header-inner{flex-wrap:wrap;gap:14px;padding:12px 0}.header .brand{font-size:24px}.header nav{order:4;width:100%;justify-content:center;height:34px;border-top:1px solid #f0f2f8;gap:45px;margin-top:0}.header nav a{font-size:12px;padding:8px 0}.order-nav{font-size:11px;margin-left:auto;padding:8px}.order-nav span{font-size:14px}.account .button.small{padding:8px 9px;min-height:31px;font-size:10px}.account .button.text{font-size:11px;padding:5px}.shop-page{padding-top:13px}.announcement-head{height:40px;padding:0 12px;font-size:12px}.announcement-icon{width:22px;height:22px;font-size:14px}.announcement-en{font-size:8px}.announcement-body{padding:12px;font-size:11px}.announcement-label{font-size:12px}.announcement-rule{margin:10px 0}.announcement-body b{font-weight:600}.catalog-section{padding:24px 0 35px}.breadcrumbs{font-size:11px;margin-bottom:13px}.catalog-controls{gap:8px;flex-wrap:wrap}.category-tab{padding:8px 12px;font-size:11px}.catalog-search{padding:7px 10px;margin-left:auto}.catalog-search input{width:90px;font-size:11px}.sortbar{gap:6px;margin:14px 0}.sort-button{font-size:10px;padding:7px 9px;min-height:30px}.result-count{display:none}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-info{padding:11px 10px 12px}.product-info h2{font-size:12px;min-height:38px}.product-subtitle{font-size:10px;margin-bottom:11px}.product-stats{font-size:9px}.product-price{font-size:16px}.product-price>span{opacity:1;font-size:9px}.delivery-tag{font-size:9px;padding:4px 6px;top:6px;right:6px}.footer{flex-direction:column;align-items:start;gap:17px;padding:22px 0}.footer-right{align-items:start}.page{padding:28px 0 40px}.order-card{padding:17px}.order-meta{font-size:9px;align-items:start}.order-main{flex-wrap:wrap;gap:14px}.order-main h3{font-size:13px}.order-main .button{width:100%}.order-price{font-size:17px}.panel{padding:20px}.progress{gap:10px}.progress b{font-size:11px}.progress span{font-size:9px}.auth{grid-template-columns:1fr;margin:30px auto}.auth-aside{display:none}.auth-form{padding:25px}.form-grid{grid-template-columns:1fr}.redemption h1{font-size:29px}.code-row{align-items:start}.code-row .button{padding:10px}.tabs{gap:5px}.tab{font-size:11px;padding:8px 12px}}
.sold-out-tag{position:absolute;bottom:8px;left:8px;color:#e3e9ff;background:#27395cd9;font-size:10px;padding:4px 7px;border:1px solid #67779b66;border-radius:4px}
.order-password-row{display:flex;gap:8px;align-items:center}.order-password-row .input{min-width:0;flex:1;font-family:Consolas,monospace}.order-password-row .button{flex:none}.order-lookup-panel{margin-bottom:30px}.order-lookup-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.order-lookup-form .field{flex:1;min-width:200px;margin:0}.order-lookup-form .button{min-height:44px}.order-lookup-form .form-error{width:100%;margin:0;min-height:0}.local-orders-head{margin-bottom:0}.local-orders-head h3{margin:0;color:#617496;font-size:16px}@media(max-width:580px){.order-lookup-form .field{flex-basis:100%;min-width:0}.order-lookup-form .button{width:100%}.local-orders-head h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.payment-panel .payment-amount{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#f2f6ff;border:1px solid #e3ebff;border-radius:10px;margin:15px 0 18px}.payment-amount>span{font-size:13px;color:#8393b0}.payment-amount>strong{font-size:29px;font-weight:650;letter-spacing:-.8px;color:#536be4}.payment-panel .payment-scan-label{text-align:center;color:#6d7f9e;font-size:13px;margin:5px 0 14px}.payment-qr-button{display:block;width:min(440px,100%);margin:0 auto 18px;padding:0;background:#fff;border:1px solid #e5eafa;border-radius:13px;overflow:hidden;cursor:zoom-in}.payment-qr-button .qr{display:block;width:100%;max-width:440px;max-height:none;height:auto;margin:0 auto}.payment-qr-button>span{display:block;background:#f7f9ff;border-top:1px solid #edf1f9;padding:10px;font-size:11px;color:#8c9bb7}.payment-order-number{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#8393af;overflow-wrap:anywhere;background:#f8faff;padding:8px 12px;border-radius:7px}.payment-panel .hint{line-height:1.8;font-size:11px;margin:14px 0}.payment-order-hint{margin-top:20px}.payment-claim-summary{margin:20px 0}.payment-panel #detail-error{margin-top:15px}.payment-qr-dialog{width:calc(100% - 24px);max-width:760px;max-height:calc(100dvh - 24px);overflow:auto;padding:20px;background:white}.payment-qr-dialog .dialog-top{position:sticky;top:-20px;background:#fff;padding:12px 0 14px;margin:0;z-index:1}.payment-qr-dialog .dialog-top h2{font-size:17px}.payment-qr-dialog>img{display:block;width:100%;max-width:680px;height:auto;margin:12px auto}.payment-qr-dialog>p{text-align:center;font-size:12px;color:#91a0b9;margin:12px 0 0}.payment-qr-dialog::backdrop{background:#1d2b5077}@media(max-width:580px){.payment-qr-button{width:100%}.payment-qr-dialog{padding:12px}.payment-qr-dialog .dialog-top{top:-12px}.payment-qr-dialog .dialog-top h2{font-size:14px}.payment-amount>strong{font-size:26px}.payment-order-number{font-size:10px}}
