:root{--bg: #eef5fb;--paper: #ffffff;--ink: #071126;--muted: #60738b;--line: #d9e4ef;--blue: #2563eb;--blue-dark: #1746b6;--green: #16a34a;--red: #dc2626;--orange: #f59e0b;--shadow: 0 24px 70px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Noto Sans SC,Microsoft YaHei,sans-serif;background:radial-gradient(circle at 12% -14%,rgba(37,99,235,.18),transparent 32%),radial-gradient(circle at 95% 0%,rgba(14,165,233,.14),transparent 26%),linear-gradient(180deg,#fbfdff,var(--bg))}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{width:min(100%,1880px);max-width:1880px;margin:0 auto;padding:0 clamp(18px,1.8vw,32px) 56px}.topbar{height:74px;display:flex;align-items:center;justify-content:flex-start;gap:18px;width:100%;position:sticky;top:0;z-index:20;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;min-width:fit-content;font-weight:950;text-decoration:none;color:inherit}.brand-text{display:grid;gap:1px;line-height:1.05}.brand-text strong{font-size:17px;letter-spacing:-.04em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.26em}.logo-mark{flex:0 0 auto;width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.86),transparent 18%),linear-gradient(135deg,#7cc4ff,#1458dc 58%,#0a2c79);box-shadow:0 10px 24px #2563eb40}.logo-mark svg{width:30px;height:30px;color:#fff}.logo-mark path:first-child{fill:currentColor}.logo-mark path:last-child{fill:none;stroke:#dbeafe;stroke-width:3;stroke-linecap:round}nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;min-width:0}.topbar nav{margin-left:auto}nav button{flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:850}nav button.active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-color:transparent}.page-intro{margin:26px 0 16px}.page-intro p{max-width:560px}.eyebrow{color:var(--blue);font-size:12px;font-weight:950;letter-spacing:.18em;margin:0 0 8px}h1,h2{margin:0;letter-spacing:-.05em}h1{font-size:clamp(28px,4vw,44px)}h2{font-size:22px}p{color:var(--muted);line-height:1.7;margin:8px 0 0}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font-weight:850}.chips button.active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-color:transparent}.catalog-toolbar>input{width:260px;max-width:100%;border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:#fff}.catalog-groups{display:grid;gap:30px}.catalog-group{display:grid;gap:14px;padding-top:28px;border-top:2px solid rgba(37,99,235,.16)}.catalog-group:first-child{padding-top:0;border-top:0}.group-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px 4px}.group-heading h2{margin:0;display:flex;align-items:baseline;gap:10px;font-size:22px;letter-spacing:-.03em}.group-heading h2 span{color:var(--muted);font-size:13px;font-weight:900;letter-spacing:0}.group-heading h2 strong{color:var(--ink);font-weight:950}.group-heading>span{flex:0 0 auto;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.product-grid{display:grid;grid-template-columns:1fr;gap:12px}.product-card{display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,22vw,320px);grid-template-areas:"meta action" "title action" "desc action";gap:8px 22px;align-items:center;background:#fffffff5;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow)}.product-card h3{grid-area:title;margin:0;font-size:17px;letter-spacing:-.02em}.product-card>p{grid-area:desc;margin:0;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{grid-area:meta;display:flex;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap}.platform-tag{color:var(--muted);font-size:12px;font-weight:850}.card-bottom{grid-area:action;display:grid;grid-template-columns:minmax(96px,1fr) minmax(112px,auto);min-width:0;justify-content:stretch;align-items:center;gap:12px;padding-left:18px;border-left:1px solid #edf2f8}.card-bottom .primary{width:100%;min-width:112px;padding:10px 16px;white-space:nowrap}.product-card .price{min-width:0}.product-card .price strong{font-size:20px;font-weight:950}.product-card .price small{color:var(--muted);margin-left:4px}.product-card.skeleton{min-height:180px;border:0;box-shadow:none;background:linear-gradient(100deg,#eef3f9 40%,#e3ebf4,#eef3f9 60%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.load-error{background:#fffffff5;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:36px;display:grid;gap:12px;justify-items:center;text-align:center}.load-error button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font-weight:900}.pill{display:inline-flex;width:fit-content;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.pill.in_stock,.pill.service_available,.pill.low_stock{color:#15803d;background:#f0fdf4;border-color:#86efac}.pill.out_of_stock{color:var(--red);background:#fff1f2;border-color:#fecaca}.drawer-overlay{position:fixed;inset:0;z-index:60;background:#07112673;display:flex;justify-content:flex-end}.drawer{width:min(440px,100%);height:100%;overflow-y:auto;background:#fff;padding:22px;display:grid;gap:14px;align-content:start;animation:drawer-in .22s ease}@keyframes drawer-in{0%{transform:translate(48px);opacity:0}}.drawer-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.drawer-head h2{margin-top:6px}.drawer-close{flex:none;width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:999px;font-weight:900}.drawer form{display:grid;gap:12px}.drawer label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:900}.drawer input,.drawer textarea,.drawer select{width:100%;border:1px solid var(--line);border-radius:13px;padding:11px 12px;background:#fff}.drawer-total{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--line);padding-top:12px}.drawer-total span{color:var(--muted);font-weight:850}.drawer-total strong{font-size:24px;letter-spacing:-.03em}body.drawer-open{overflow:hidden}.purchase-note{display:grid;gap:4px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:16px;padding:12px 14px}.purchase-note span{color:#315a93;font-size:13px}.detail-line{display:flex;justify-content:space-between;gap:12px;border:1px solid #edf2f8;background:#f8fafc;border-radius:14px;padding:10px 12px}.detail-line span{color:var(--muted)}.detail-line strong{text-align:right}.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-dark));border:0;border-radius:14px;padding:12px 16px;font-weight:950}.error,.success,.empty{border-radius:14px;padding:11px 12px}.error{color:var(--red);background:#fff1f2;border:1px solid #fecaca}.success{display:grid;gap:4px;color:#15803d;background:#f0fdf4;border:1px solid #86efac}.success a{color:#1458dc;font-weight:900;text-decoration:none}.signed-order{display:grid;gap:3px;padding:12px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}.signed-order span,.signed-order small{color:var(--muted)}.account-shell{max-width:1180px}.account-hero{margin:22px 0 16px;padding:22px;display:flex;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#fff,#eff6ff);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.account-hero button,.wallet-card button,.auth-switch button{height:fit-content;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:900}.auth-card,.wallet-card,.recharge-card,.account-list{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.auth-card{max-width:480px;margin:40px auto}.auth-switch{display:flex;gap:8px;margin-bottom:18px}.auth-switch button.active{color:#fff;background:var(--blue)}.auth-card form,.recharge-card{display:grid;gap:12px}.auth-card label,.recharge-card label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:900}.auth-card input,.recharge-card input,.recharge-card select{width:100%;border:1px solid var(--line);border-radius:13px;padding:11px 12px;background:#fff}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wallet-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#0d2250,#2563eb);color:#fff}.wallet-card p,.wallet-card small{color:#dbeafe}.wallet-card button{margin-left:auto}.avatar{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;color:#1746b6;background:#fff;font-size:22px;font-weight:950}.account-wide,.account-list{grid-column:1 / -1}.account-list{display:grid;gap:10px}.account-list article{display:grid;grid-template-columns:minmax(0,1fr) 130px 110px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf2f8}.account-list article.order-row{grid-template-columns:minmax(0,1fr) 130px 110px 84px}.account-list article button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-weight:900}.account-list article:last-child{border-bottom:0}.account-list small{display:block;color:var(--muted);margin-top:4px}.empty{color:var(--muted)}@keyframes sheet-in{0%{transform:translateY(48px);opacity:0}}@media(min-width:1440px){.app-shell{width:calc(100vw - 48px);max-width:1880px}.catalog-groups{gap:34px}}@media(max-width:1100px){.product-card{grid-template-columns:1fr;grid-template-areas:"meta" "title" "desc" "action"}.card-bottom{padding-left:0;padding-top:12px;border-left:0;border-top:1px solid #edf2f8}}@media(max-width:720px){.app-shell{padding:0 14px 36px}.drawer-overlay{align-items:flex-end}.drawer{width:100%;height:94vh;border-radius:22px 22px 0 0;animation:sheet-in .22s ease}.catalog-toolbar>input{width:100%}.topbar{position:static;height:auto;padding:10px 0;align-items:stretch;flex-direction:column;gap:10px}.brand{width:100%}nav{width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}nav button{flex:none;padding:8px 12px;font-size:13px}.group-heading{align-items:flex-start;flex-direction:column;gap:8px}.group-heading h2{display:grid;gap:3px}.product-card{grid-template-columns:1fr;grid-template-areas:"meta" "title" "desc" "action";gap:10px;padding:16px}.card-bottom{grid-template-columns:1fr;padding-left:0;padding-top:12px;border-left:0;border-top:1px solid #edf2f8}.order-hero,.account-hero{padding:16px}.order-hero p,.account-hero p{display:none}.page-intro{margin:18px 0 12px}.account-hero,.account-grid{display:grid;grid-template-columns:1fr}.account-list article{grid-template-columns:1fr}.account-list article.order-row{grid-template-columns:1fr}.delivery-item span{grid-template-columns:1fr}}.order-shell{max-width:1280px}.order-hero{margin:22px 0 16px;padding:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#fffffff5;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.order-hero button,.success button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:900}.order-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.lookup-card,.placeholder-card,.order-card-wide,.payment-card,.ticket-card{background:#fffffff5;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.lookup-card{position:sticky;top:92px;display:grid;gap:12px;padding:18px}.lookup-card label,.ticket-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:900}.lookup-card input,.ticket-form textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:11px 12px;background:#fff}.order-content{display:grid;gap:16px}.placeholder-card,.order-card-wide,.payment-card,.ticket-card{padding:18px}.order-title-line{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.orderno-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.orderno-row button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.guest-save-hint{display:block;margin-top:6px;color:var(--muted);font-size:12px}.field-hint{color:var(--muted);font-size:12px;font-weight:400}.purchase-notes{border:1px solid #fde68a;background:#fffbeb;border-radius:14px;padding:10px 14px}.purchase-notes summary{cursor:pointer;color:#92400e;font-size:13px;font-weight:900}.purchase-notes ul{margin:8px 0 2px;padding-left:18px;color:#78500f;font-size:13px;line-height:1.7}.status-pill{display:inline-flex;width:fit-content;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.order-facts,.payment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.payment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.order-facts span,.payment-grid>div{display:grid;gap:4px;border:1px solid #edf2f8;background:#f8fafc;border-radius:16px;padding:12px}.order-facts small,.payment-grid small{color:var(--muted);font-size:12px;font-weight:850}.order-facts strong,.payment-grid strong{font-size:16px}.payment-grid span{color:var(--muted);font-size:12px}.payment-grid button{width:fit-content;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}.payment-headline{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;align-items:stretch;margin-bottom:16px}.payment-headline p{margin-bottom:0}.pay-amount{display:grid;align-content:center;gap:5px;border:1px solid rgba(191,219,254,.28);border-radius:18px;padding:16px;color:#fff;background:radial-gradient(circle at 88% 10%,rgba(96,165,250,.32),transparent 36%),linear-gradient(135deg,#071126,#123f9d)}.pay-amount small,.pay-amount span{color:#cfe0ff;font-weight:850}.pay-amount strong{color:#fff;font-size:26px;line-height:1.05}.pay-amount .fiat-amount{width:fit-content;margin-top:4px;padding:5px 9px;border:1px solid rgba(191,219,254,.24);border-radius:999px;background:#ffffff1a;font-size:12px}.usdt-pay-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;align-items:start}.usdt-pay-layout .payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-grid .address-box{grid-column:1 / -1}.qr-panel{display:grid;justify-items:center;gap:9px;border:1px solid #fde68a;border-radius:20px;padding:14px;background:#ffffffc7;text-align:center}.qr-code{position:relative;width:184px;height:184px;display:grid;place-items:center;border:1px solid #fee2a8;border-radius:18px;background:#fff;box-shadow:0 14px 30px #92400e1a;overflow:hidden}.qr-code img{width:164px;height:164px;display:block}.qr-logo{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:30px;height:30px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);border:3px solid white;border-radius:50%;font-weight:950;box-shadow:0 8px 18px #b91c1c38}.qr-panel small,.payment-warning{color:var(--muted);font-size:12px}.payment-warning{margin-top:14px;border:1px solid #fde68a;border-radius:14px;padding:11px 12px;background:#fffbeb}.payment-card.usdt{border-color:#fde68a;background:linear-gradient(135deg,#fffbe9,#fff)}.payment-card.paid{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#fff)}.payment-card.pending{border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff)}.order-items{display:grid;gap:10px;margin-top:14px}.order-items article{border:1px solid #edf2f8;border-radius:16px;padding:12px}.order-items article>span{display:block;margin-top:4px;color:var(--muted)}.input-preview{display:grid;gap:4px;margin-top:8px}.input-preview small{color:var(--muted);word-break:break-word}.delivery-preview{display:grid;gap:8px;margin-top:10px;padding:12px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}.delivery-preview>strong{color:#1d4ed8;font-size:13px}.delivery-item{display:grid;gap:6px;padding:10px;border-radius:12px;background:#fff}.delivery-item span{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}.delivery-item small{color:var(--muted);font-weight:850}.delivery-item code{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-all}.timeline{display:grid;gap:10px;margin-top:14px}.timeline div{display:grid;gap:3px;padding-left:14px;border-left:3px solid var(--blue)}.timeline span,.timeline small{color:var(--muted)}.message-list{display:grid;gap:10px;margin-bottom:14px}.message{max-width:78%;border:1px solid #edf2f8;border-radius:16px;padding:12px;background:#f8fafc}.message.customer{justify-self:end;background:#eff6ff;border-color:#bfdbfe}.message.admin{justify-self:start;background:#f8fafc}.message p{margin:4px 0;color:var(--ink)}.message small{color:var(--muted)}.ticket-form{display:grid;gap:10px}@media(max-width:980px){.order-hero,.order-layout{grid-template-columns:1fr}.order-hero{display:grid}.lookup-card{position:static}.order-facts,.payment-grid,.payment-headline,.usdt-pay-layout{grid-template-columns:1fr}.message{max-width:100%}}