:root{--bg:#0f1115;--bg-soft:#171a21;--card:#1c2028;--border:#2a2f3a;--text:#e8e6df;--muted:#9aa0ab;--gold:#d4af37;--gold-soft:#e6c968;--jade:#4bbf8a;--red:#c0392b;--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 80% -10%, #d4af3714, transparent 60%), radial-gradient(900px 500px at -10% 10%, #4bbf8a0f, transparent 55%), var(--bg);color:var(--text);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 20px}.site-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0f1115d1;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.brand{align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.brand .logo{font-size:1.5rem}.brand .gold{color:var(--gold)}.nav{align-items:center;gap:22px;display:flex}.nav a{color:var(--muted);font-weight:500;transition:color .15s}.nav a:hover{color:var(--text)}.cart-link{position:relative}.cart-badge{background:var(--gold);color:#1a1a1a;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute;top:-8px;right:-12px}.hero{text-align:center;padding:72px 0 40px}.hero h1{letter-spacing:-.5px;margin:0 0 12px;font-size:clamp(2rem,5vw,3.2rem)}.hero h1 .gold{color:var(--gold)}.hero p{color:var(--muted);max-width:640px;margin:0 auto 24px;font-size:1.1rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:1rem;font-weight:600;transition:transform .1s,filter .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-gold{background:linear-gradient(135deg, var(--gold), var(--gold-soft));color:#1a1a1a}.btn-gold:hover{filter:brightness(1.05)}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--gold)}.btn:disabled{opacity:.5;cursor:not-allowed}.chips{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0 32px;display:flex}.chip{border:1px solid var(--border);background:var(--bg-soft);color:var(--muted);border-radius:999px;padding:8px 14px;font-size:.9rem;transition:all .15s}.chip:hover,.chip.active{border-color:var(--gold);color:var(--text)}.section-title{margin:32px 0 18px;font-size:1.5rem}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.card:hover{border-color:var(--gold);transform:translateY(-3px)}.card .thumb{background:linear-gradient(160deg, var(--bg-soft), var(--card));justify-content:center;align-items:center;height:160px;font-size:4rem;display:flex;position:relative}.card .badge{background:var(--gold);color:#1a1a1a;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:700;position:absolute;top:10px;left:10px}.card .body{flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.card h3{margin:0;font-size:1rem;line-height:1.35}.card .desc{color:var(--muted);flex:1;font-size:.86rem}.card .foot{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.price{color:var(--gold);font-size:1.1rem;font-weight:700}.notice{background:var(--bg-soft);border:1px solid var(--border);border-left:3px solid var(--jade);color:var(--muted);border-radius:10px;margin:24px 0;padding:14px 16px;font-size:.9rem}.cart-line{border-bottom:1px solid var(--border);grid-template-columns:56px 1fr auto auto;align-items:center;gap:14px;padding:14px 0;display:grid}.cart-line .emoji{text-align:center;font-size:2rem}.qty{border:1px solid var(--border);border-radius:999px;align-items:center;display:inline-flex}.qty button{color:var(--text);cursor:pointer;background:0 0;border:none;width:30px;height:30px;font-size:1.1rem}.qty span{text-align:center;min-width:26px}.cart-total{justify-content:space-between;align-items:center;margin:22px 0;font-size:1.25rem;display:flex}.link-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:.85rem}.link-remove:hover{color:var(--red)}.detail{grid-template-columns:1fr 1fr;align-items:start;gap:36px;margin:24px 0 48px;display:grid}.detail .visual{aspect-ratio:1;background:linear-gradient(160deg, var(--bg-soft), var(--card));border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;font-size:8rem;display:flex}.detail h1{margin:0 0 8px}.empty{text-align:center;color:var(--muted);padding:60px 0}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:48px;padding:28px 0;font-size:.85rem}.site-footer .container{flex-wrap:wrap;justify-content:space-between;gap:8px 20px;display:flex}@media (max-width:720px){.detail{grid-template-columns:1fr}.nav{gap:14px;font-size:.92rem}.hero{padding:48px 0 28px}}.prose{max-width:760px;margin:32px auto 8px}.prose h1{margin:0 0 16px;font-size:clamp(1.7rem,4vw,2.3rem)}.prose h2{color:var(--gold-soft);margin:28px 0 8px;font-size:1.25rem}.prose p{color:var(--text);margin:0 0 14px}.prose .lead{color:var(--muted);margin-bottom:24px;font-size:1.15rem}.prose ul{color:var(--text);margin:0 0 14px;padding-left:20px}.prose li{margin:6px 0}.prose .btn{margin-top:20px}.footer-links{gap:18px;display:flex}.footer-links a{color:var(--muted);transition:color .15s}.footer-links a:hover{color:var(--gold)}