:root{--bg:#0b0c0f;--panel:#111319;--panel-2:#161922;--text:#e6e7eb;--muted:#9aa0aa;--brand:#6e8bff;--brand-600:#5576ff;--ring:rgba(110,139,255,.35);--border:#222636;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--shadow:0 1px 1px rgba(0,0,0,.05),0 8px 24px rgba(0,0,0,.35)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 20% -10%,rgba(110,139,255,.08),transparent 50%),radial-gradient(1000px 700px at 120% 0,rgba(137,105,255,.07),transparent 45%),var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;line-height:1.6}a,body{color:var(--text)}a{text-decoration:none}a:hover{color:#fff}.container{max-width:1080px;margin:0 auto;padding:24px 20px}header.site{position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:saturate(120%) blur(8px);backdrop-filter:saturate(120%) blur(8px);background:rgba(11,12,15,.6);border-bottom:1px solid var(--border)}.site-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.brand-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(180deg,var(--brand),#8c6eff);box-shadow:0 0 0 4px rgba(110,139,255,.12),0 6px 14px rgba(110,139,255,.35)}.nav{display:flex;gap:16px;align-items:center}.nav a{color:var(--muted);padding:8px 10px;border-radius:8px}.nav a:hover{color:#fff;background:hsla(0,0%,100%,.04)}footer.site{border-top:1px solid var(--border);background:linear-gradient(180deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,0));padding:24px 20px 40px}.muted{color:var(--muted)}.panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);border-color:rgba(110,139,255,.35);box-shadow:0 1px 1px rgba(0,0,0,.05),0 14px 32px rgba(110,139,255,.25)}.card-cover{width:100%;height:180px;object-fit:cover;display:block;border-bottom:1px solid var(--border)}.card-body{padding:12px 12px 14px}.card-title{margin:6px 0;font-weight:600}.price{color:#e9e9ff;font-weight:600}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:12px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.01))}.input,input[type=number],input[type=text]{background:hsla(0,0%,100%,.04);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;outline:none}.input:focus,input[type=number]:focus,input[type=text]:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:hsla(0,0%,100%,.04);color:var(--text);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease;text-decoration:none}.btn:hover{transform:translateY(-1px);border-color:hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.06)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(180deg,var(--brand),var(--brand-600));border-color:transparent;color:#fff;box-shadow:0 10px 20px rgba(110,139,255,.28),0 0 0 3px var(--ring)}.btn-primary:hover{filter:brightness(1.02)}.btn-danger{background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;border-color:transparent}.btn-ghost{background:transparent;border-color:var(--border)}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:10px 8px;border-bottom:1px solid var(--border)}.table th{font-weight:500}.pill,.table th{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:hsla(0,0%,100%,.04)}.gallery{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.gallery img{max-width:280px;border-radius:12px;border:1px solid var(--border)}.skeleton{background:linear-gradient(90deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));background-size:200% 100%;animation:ske 1.2s ease-in-out infinite;border-radius:10px}@keyframes ske{0%{background-position:200% 0}to{background-position:-200% 0}}.ratio-4-3{aspect-ratio:4/3;object-fit:cover}.ratio-1-1{aspect-ratio:1/1;object-fit:cover}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);font-size:12px}.badge-danger{background:rgba(239,68,68,.1);color:#fecaca;border-color:rgba(239,68,68,.35)}.badge-success{background:rgba(34,197,94,.1);color:#bbf7d0;border-color:rgba(34,197,94,.35)}@media (max-width:768px){.container{padding:20px 16px}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.card-cover{height:150px}.site-inner{padding:12px 16px}}