@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap');
:root{--bg:#0b1120;--bg-2:#101a2f;--card:rgba(24,35,58,.78);--card-solid:#18233a;--line:rgba(148,163,184,.18);--line-strong:rgba(148,163,184,.32);--text:#f8fafc;--muted:#9aa9c4;--accent:#78e6b0;--accent-2:#8ca1ff;--blue:#67c7f4;--danger:#ff8797;--warning:#f8ca72;--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:radial-gradient(900px 500px at 12% -10%,rgba(116,100,255,.24),transparent 65%),radial-gradient(700px 460px at 100% 18%,rgba(48,179,208,.14),transparent 65%),var(--bg);color:var(--text);font:16px/1.55 'Fira Sans',system-ui,sans-serif;letter-spacing:.005em}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 75%)}main{position:relative;max-width:1180px;margin:auto;padding:28px 24px 56px}header{display:flex;justify-content:space-between;align-items:center;padding:4px 0 20px;border-bottom:1px solid var(--line)}header b{display:block;font-size:17px;letter-spacing:.02em}header small{display:block;color:var(--muted);font-size:12px;margin-top:2px}header span{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 13px;color:var(--muted);font-size:12px;background:rgba(15,23,42,.44)}header span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--warning);box-shadow:0 0 12px currentColor}.hero{display:flex;justify-content:space-between;gap:30px;align-items:end;padding:66px 0 34px}.hero>div{max-width:720px}.eyebrow{color:var(--accent-2);font:600 11px/1.2 'Fira Code',monospace;letter-spacing:.18em}.hero h1{max-width:720px;margin:14px 0 13px;font-size:clamp(36px,6vw,70px);line-height:1.02;letter-spacing:-.055em}.hero p:last-child{max-width:630px;margin:0;color:var(--muted);font-size:16px}.grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}.card,.logs{background:linear-gradient(145deg,rgba(27,42,69,.84),rgba(14,23,42,.86));border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.card h2,.logs h2{margin:0 0 7px;font-size:19px;letter-spacing:-.02em}.card>p{margin-top:0}.muted{color:var(--muted);font-size:13px}.card.locked{opacity:.6;filter:saturate(.7)}.card.unlocked{opacity:1;filter:none}.card.locked:after{content:"登录后可用";display:block;margin-top:15px;color:var(--muted);font:11px 'Fira Code',monospace}form{display:grid;gap:15px}label{display:grid;gap:8px;font-size:12px;color:#d9e2f3}input,textarea{width:100%;background:rgba(8,15,30,.7);color:var(--text);border:1px solid var(--line-strong);border-radius:12px;padding:12px 13px;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}input:focus,textarea:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px rgba(140,161,255,.16);background:rgba(8,15,30,.92)}textarea{resize:vertical}button{min-height:44px;border:1px solid transparent;border-radius:12px;padding:11px 16px;font:600 14px 'Fira Sans',sans-serif;cursor:pointer;background:#243554;color:var(--text);transition:transform .18s,filter .18s,background .18s,border-color .18s}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(0)}button:focus-visible{outline:3px solid rgba(103,199,244,.45);outline-offset:2px}button.primary{background:linear-gradient(135deg,#a99bff,#7565f4);color:#160f35}button.success{background:linear-gradient(135deg,#8ef0bd,#43cf91);color:#062719}button.alipay{background:linear-gradient(135deg,#92dcff,#3e9fe8);color:#061c31}.check{display:flex;align-items:flex-start;gap:8px;color:var(--muted);line-height:1.35}.check input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--accent)}.result{min-height:24px;margin-top:14px;font-size:13px}.good{color:var(--accent)}.bad{color:var(--danger)}.payment-panel{margin-top:21px;padding-top:20px;border-top:1px solid var(--line)}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.payment-meta{display:grid;grid-template-columns:max-content 1fr;gap:7px 16px;margin:17px 0;color:var(--muted);font-size:13px}.payment-meta dt{color:#dbe5f6}.payment-meta dd{margin:0;overflow-wrap:anywhere;font-family:'Fira Code',monospace;font-size:12px}.payment-links{display:grid;gap:11px;margin:17px 0}.payment-links input{font:11px 'Fira Code',monospace;color:#bbcae5}.pay-string{min-height:130px;font:11px/1.55 'Fira Code',monospace}.orders{margin-top:18px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.section-heading h2{margin-bottom:4px}.orders-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:12px;margin-top:16px}.order-item{padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(8,15,30,.38);transition:border-color .2s,transform .2s}.order-item:hover{border-color:rgba(120,230,176,.42);transform:translateY(-2px)}.order-top{display:flex;justify-content:space-between;gap:12px}.order-top strong{font-size:14px}.order-status{color:var(--accent);font-size:12px;white-space:nowrap}.order-amount{margin:10px 0 13px;color:var(--accent);font:600 27px 'Fira Code',monospace}.order-amount small{font:400 12px 'Fira Sans',sans-serif;color:var(--muted)}.order-meta{display:grid;grid-template-columns:max-content 1fr;gap:5px 12px;margin:0;font-size:12px}.order-meta dt{color:var(--muted)}.order-meta dd{margin:0;overflow-wrap:anywhere;color:#d8e2f3}.logs{margin-top:18px}.logs>div{display:flex;justify-content:space-between;align-items:center}.logs h2{margin:0}.logs button{background:transparent;color:var(--muted);padding-inline:4px}pre{margin:14px 0 0;min-height:80px;max-height:220px;overflow:auto;background:rgba(5,10,21,.78);border:1px solid var(--line);border-radius:12px;padding:14px;color:#9eacce;font:11px/1.7 'Fira Code',monospace;white-space:pre-wrap}footer{text-align:center;color:#65738d;font-size:11px;margin-top:24px}@media(max-width:800px){main{padding:18px 14px 40px}.hero{display:block;padding:48px 0 27px}.hero h1{font-size:clamp(36px,12vw,54px)}.grid{grid-template-columns:1fr}.card,.logs{padding:20px;border-radius:18px}.section-heading{align-items:center}}@media(max-width:520px){header{padding-bottom:14px}.hero{padding-top:36px}.hero p:last-child{font-size:14px}.inline-actions button{flex:1 1 135px}.payment-meta{grid-template-columns:1fr;gap:3px}.payment-meta dd{margin-bottom:5px}.section-heading{display:block}.section-heading button{width:100%;margin-top:13px}.orders-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;scroll-behavior:auto!important}}