:root{--bg:#0d0b08;--panel:#17130d;--panel2:#211a10;--line:#3a2e1b;--text:#fff8e9;--muted:#b9aa8c;--gold:#f3c75d;--gold2:#c98b2a;--green:#73d3a0;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -12%,#3a2a13 0,#181109 32%,#0b0907 72%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}
.topbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:rgba(14,11,7,.94);border-bottom:1px solid rgba(243,199,93,.12);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border:1px solid #f3c75d;border-radius:10px;display:grid;place-items:center;font-weight:900;color:#f7d978;background:linear-gradient(135deg,#2a1c09,#4b3210)}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#9e8863;font-size:10px;margin-top:2px}
.top-actions{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}.top-mini{border:1px solid #493619;background:#17110a;color:#d8c49a;border-radius:999px;padding:8px 10px;font-size:10px;font-weight:700;white-space:nowrap}.top-mini:hover{border-color:#f3c75d;color:#fff3ca}.favorite-btn{font-family:inherit;cursor:pointer}
.notice{max-width:1180px;margin:8px auto 0;padding:9px 14px;border:1px solid #3b2b18;background:#181108;border-radius:10px;color:#d5c49e;font-size:12px;display:flex;gap:8px}
.hero,.section,.seo-panel,footer{max-width:1180px;margin-left:auto;margin-right:auto}.section,.seo-panel{padding:18px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.section-title small{font-size:9px;letter-spacing:2px;color:#d9aa43}.section-title h2{font-size:20px;margin:2px 0 0}.section-note{font-size:10px;color:#8e7857}
.platform-list{display:grid;gap:10px}.platform-card{min-height:88px;display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(135deg,#241b10,#35220f 90%);border:1px solid rgba(243,199,93,.22);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:.18s transform,.18s border-color}.platform-card:hover{transform:translateY(-1px);border-color:rgba(243,199,93,.58)}
.logo-wrap{width:52px;height:52px;flex:0 0 52px;background:#0f0d09;border:1px solid #44331d;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-wrap img{width:78%;height:78%;object-fit:contain;transform:scale(var(--logo-scale,1))}.logo-wrap span{font-size:20px;font-weight:900;color:#f0c45b}
.platform-copy{min-width:0;flex:1}.platform-name{font-weight:800;font-size:15px;display:flex;align-items:center;gap:7px}.platform-name em{font-style:normal;font-size:8px;padding:3px 6px;border-radius:999px;background:#8d611d;color:#fff4d2}.platform-copy p{margin:6px 0 0;color:#c3b499;font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.arrow{font-size:28px;color:#d5a94a;padding:0 4px}.empty{padding:24px;border:1px dashed #5a4526;border-radius:14px;color:#ad9873;text-align:center}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.trust-grid article{padding:14px;border-radius:14px;background:#17120b;border:1px solid #362918}.trust-grid strong{display:block;font-size:14px;color:#f5d57b}.trust-grid span{display:block;margin-top:6px;color:#a99471;font-size:11px;line-height:1.55}
.friend-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.friend-card{position:relative;min-height:128px;padding:16px;border-radius:16px;background:linear-gradient(145deg,#172519,#203b25);border:1px solid rgba(115,211,160,.22)}.friend-card:nth-child(2){background:linear-gradient(145deg,#21170e,#442713);border-color:rgba(243,199,93,.2)}.friend-card strong{display:block;font-size:16px;margin-top:18px}.friend-card p{font-size:11px;line-height:1.55;color:#bcae92;margin:7px 0 10px}.friend-tag{position:absolute;top:12px;right:12px;font-size:9px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.08);color:#dfcfad}.friend-go{font-size:11px;color:#f1c75e;font-weight:700}
.hero{padding:32px 18px 18px}.eyebrow{font-size:10px;color:#dbaa44;letter-spacing:2.5px;font-weight:800}.hero h1{font-size:34px;margin:7px 0 8px}.hero p{margin:0;color:#b8a98e;line-height:1.8;font-size:14px;max-width:620px}.hero-tags{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.hero-tags span{font-size:11px;padding:6px 10px;border-radius:999px;border:1px solid #49371d;background:#191208;color:#dcc69c}
.seo-panel{margin-top:6px}.seo-intro{color:#b4a587;font-size:13px;line-height:1.8;margin:0 0 12px}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seo-grid article{background:#15100a;border:1px solid #332719;border-radius:14px;padding:14px}.seo-grid h3{font-size:14px;margin:0 0 7px;color:#f2d678}.seo-grid p{font-size:11px;line-height:1.65;color:#9f8d70;margin:0}
.faq details{border-bottom:1px solid #302516;background:#15100a;padding:0 14px}.faq details:first-of-type{border-radius:14px 14px 0 0}.faq details:last-of-type{border-radius:0 0 14px 14px;border-bottom:0}.faq summary{cursor:pointer;padding:15px 0;font-weight:700;font-size:13px}.faq details p{margin:0;padding:0 0 15px;color:#a59376;font-size:12px;line-height:1.7}.about p{background:#15100a;border:1px solid #332719;border-radius:14px;padding:16px;color:#a59376;font-size:12px;line-height:1.8;margin:0}
footer{padding:26px 18px 42px;text-align:center;color:#7f6e55;font-size:11px}footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-bottom:16px;color:#aa9877}footer small{display:block;margin-top:6px;color:#665843}
@media(max-width:560px){.topbar{gap:8px}.brand small{display:none}.top-actions{gap:5px}.top-mini{padding:7px 8px;font-size:9px}.notice{margin:7px 10px 0}.trust-grid{grid-template-columns:1fr}.friend-grid,.seo-grid{grid-template-columns:1fr}.section,.seo-panel{padding:14px 12px}.hero{padding-top:26px}.hero h1{font-size:30px}.platform-card{border-radius:12px}}
@media(min-width:900px){
body{padding-bottom:40px}
.topbar{padding-left:max(16px,calc((100vw - 1180px)/2));padding-right:max(16px,calc((100vw - 1180px)/2))}
.platform-list{grid-template-columns:1fr 1fr;gap:12px 16px}
.platform-card{min-height:92px}
.trust-grid{grid-template-columns:repeat(3,1fr)}
.friend-grid{grid-template-columns:1fr 1fr}
.seo-grid{grid-template-columns:repeat(2,1fr);gap:14px}
.hero{padding-top:28px}
}