:root{--bg:#090b10;--panel:#111722;--panel2:#151d2b;--line:#2d3544;--text:#e9edf5;--muted:#9ca8bb;--gold:#d7b46a;--red:#ba4e42;--blue:#5aa7ff;--green:#5bd78b;--purple:#b376ff;--orange:#ff9b45;--darkgold:#d5a441;--unique:#f0d48b;}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 10% 0%,#1f293a 0,#090b10 42%,#050608 100%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.02em;}
a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding:28px 18px 64px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0 28px}.brand{display:flex;flex-direction:column;gap:4px}.brand b{font-size:22px}.brand span{font-size:12px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}.nav{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(215,180,106,.35);background:linear-gradient(180deg,rgba(215,180,106,.12),rgba(215,180,106,.05));color:#f7e8c1;border-radius:999px;padding:9px 14px;font-size:13px;cursor:pointer}.btn:hover{border-color:rgba(215,180,106,.8);transform:translateY(-1px)}.hero{border:1px solid rgba(215,180,106,.36);background:linear-gradient(135deg,rgba(28,36,52,.96),rgba(10,12,18,.98));border-radius:28px;padding:34px;position:relative;overflow:hidden;box-shadow:0 22px 80px rgba(0,0,0,.35)}.hero:before{content:"";position:absolute;inset:-80px -120px auto auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(215,180,106,.22),transparent 65%)}.eyebrow{color:var(--gold);font-size:13px;letter-spacing:.18em;text-transform:uppercase}.hero h1{font-size:46px;line-height:1.05;margin:12px 0 16px}.hero p{max-width:760px;color:#c7d0df;line-height:1.78;margin:0}.grid{display:grid;gap:18px}.grid.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.section{margin-top:34px}.section h2{font-size:24px;margin:0 0 14px}.panel{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(21,29,43,.9),rgba(12,16,24,.94));border-radius:22px;padding:20px;box-shadow:0 14px 40px rgba(0,0,0,.26)}.menu-card{position:relative;min-height:160px;overflow:hidden}.menu-card h3{font-size:22px;margin:0 0 10px}.menu-card p{color:var(--muted);line-height:1.6;margin:0}.menu-card .big{position:absolute;right:18px;bottom:-14px;font-size:72px;opacity:.16}.menu-card:hover{border-color:rgba(215,180,106,.55);transform:translateY(-2px)}.statbar{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:20px}.stat{border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:16px;background:rgba(0,0,0,.22)}.stat b{display:block;font-size:28px;color:#fff}.stat span{color:var(--muted);font-size:12px}.crumbs{color:var(--muted);font-size:13px;margin-bottom:18px}.crumbs a{color:#f0d48b}.category-block{margin:26px 0}.cat-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px;margin-bottom:14px}.cat-head h2{margin:0;font-size:28px}.cat-head span{color:var(--muted);font-size:13px}.quality-title{display:flex;align-items:center;gap:10px;margin:22px 0 12px;color:#e9edf5}.quality-title:before{content:"";display:block;width:7px;height:24px;border-radius:99px;background:var(--gold)}.quality-title.q-green:before{background:var(--green)}.quality-title.q-blue:before{background:var(--blue)}.quality-title.q-purple:before{background:var(--purple)}.quality-title.q-orange:before{background:var(--orange)}.quality-title.q-gold:before{background:var(--darkgold)}.quality-title.q-unique:before{background:linear-gradient(180deg,#fff1b0,#d59a2d)}.equip-card{display:flex;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(17,23,34,.98),rgba(8,11,16,.98));border-radius:20px;padding:16px;min-height:260px;position:relative;overflow:hidden}.equip-card:before{content:"";position:absolute;inset:0;border-left:5px solid rgba(255,255,255,.18);pointer-events:none}.equip-card.q-green:before{border-color:var(--green)}.equip-card.q-blue:before{border-color:var(--blue)}.equip-card.q-purple:before{border-color:var(--purple)}.equip-card.q-orange:before{border-color:var(--orange)}.equip-card.q-gold:before{border-color:var(--darkgold)}.equip-card.q-unique:before{border-color:#f0d48b}.equip-card:hover{transform:translateY(-2px);border-color:rgba(215,180,106,.5)}.equip-card h3{margin:0;font-size:20px}.icon{height:88px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.12),rgba(255,255,255,.02) 45%,rgba(0,0,0,.22));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.icon svg{width:70px;height:70px;opacity:.9;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}.tags{display:flex;flex-wrap:wrap;gap:7px}.tag{font-size:11px;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#d8dfeb;background:rgba(255,255,255,.04)}.tag.owned{border-color:rgba(91,215,139,.55);color:#aef3c7}.tag.pending{border-color:rgba(255,214,116,.55);color:#ffe0a0}.tag.old{border-color:rgba(179,118,255,.5);color:#dabfff}.tag.locked{border-color:rgba(180,90,90,.5);color:#ffb3b0}.qtag{font-weight:700}.qtag.q-green{color:var(--green)}.qtag.q-blue{color:var(--blue)}.qtag.q-purple{color:var(--purple)}.qtag.q-orange{color:var(--orange)}.qtag.q-gold{color:#f1ca71}.qtag.q-unique{color:#ffe9a6}.meta{display:grid;gap:6px;font-size:13px;color:#c7d0df}.meta b{color:#fff}.desc{color:#aeb8c9;line-height:1.6;font-size:14px;flex:1}.detail-link{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:12px;color:#f0d48b;font-size:13px}.detail{display:grid;grid-template-columns:360px 1fr;gap:22px}.detail .icon{height:360px}.detail h1{font-size:42px;margin:0 0 12px}.detail-table{display:grid;grid-template-columns:150px 1fr;border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden}.detail-table div{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.detail-table div:nth-child(odd){background:rgba(255,255,255,.04);color:#f0d48b}.detail-table div:nth-child(even){color:#dfe7f3}.detail-table div:nth-last-child(-n+2){border-bottom:0}.notice{border:1px solid rgba(215,180,106,.35);background:rgba(215,180,106,.08);border-radius:18px;padding:16px;line-height:1.7;color:#f2dfb8}.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.filterbar .chip{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 12px;font-size:13px;color:#c9d2df;background:rgba(255,255,255,.04)}.footer{margin-top:48px;color:#6f7b8e;font-size:12px;text-align:center}.backline{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.note-list li{margin-bottom:8px;line-height:1.65;color:#c7d0df}@media(max-width:860px){.hero h1{font-size:34px}.grid.cols4,.grid.cols3,.grid.cols2{grid-template-columns:1fr}.statbar{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.detail .icon{height:220px}.topbar{align-items:flex-start;flex-direction:column}.hero{padding:24px}.detail-table{grid-template-columns:1fr}.detail-table div:nth-child(odd){border-bottom:0;padding-bottom:4px}.detail-table div:nth-child(even){padding-top:4px}.detail-table div{border-bottom:1px solid rgba(255,255,255,.08)}}