:root{--bg:#0f1419;--bg-elev:#1a222c;--text:#f2f5f8;--muted:#9aa7b5;--accent:#3d9cfd;--accent-2:#7dd3c0;--line:#ffffff14;--radius:14px;--font:"Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 10% -10%, #3d9cfd2e, transparent 55%), radial-gradient(900px 500px at 90% 0%, #7dd3c01f, transparent 50%), var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0f1419b8;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:.02em;align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand-logo{object-fit:cover;border-radius:8px;width:32px;height:32px;display:block}.brand-text{line-height:1}.nav{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.nav a.router-link-active{color:var(--text)}.linkish{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.main{flex:1;width:min(1100px,100% - 32px);margin:0 auto;padding:28px 0 64px}.hero{margin-bottom:28px}.hero h1{margin:0 0 8px;font-size:clamp(1.6rem,4vw,2.4rem)}.hero p{color:var(--muted);max-width:40rem;margin:0;line-height:1.6}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card img{aspect-ratio:16/9;object-fit:cover;background:#111;width:100%;display:block}.card-body{padding:12px 14px 14px}.card-body h3{margin:0 0 6px;font-size:1rem}.card-body .meta{color:var(--muted);margin-bottom:10px;font-size:.85rem}.btn{background:linear-gradient(135deg, var(--accent), #5b7cfa);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{border:1px solid var(--line);color:var(--text);background:0 0}.btn.block{width:100%}.panel{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);width:min(420px,100%);margin:0 auto;padding:24px}.panel h1{margin:0 0 8px;font-size:1.4rem}.panel .hint{color:var(--muted);margin:0 0 18px;line-height:1.5}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--muted);font-size:.9rem}.field input{border:1px solid var(--line);color:var(--text);background:#00000040;border-radius:10px;outline:none;padding:12px 14px}.field input:focus{border-color:#3d9cfd99}.price-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.price-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.price-card .price{margin:8px 0 12px;font-size:1.8rem;font-weight:700}.price-card .desc{color:var(--muted);margin-bottom:16px;font-size:.9rem;line-height:1.5}.msg{color:var(--accent-2);margin-top:12px;font-size:.9rem}.err{color:#ff8f8f;margin-top:12px;font-size:.9rem}@media (width<=640px){.topbar{padding:12px 14px}.main{width:min(1100px,100% - 24px);padding-top:20px}}