*{box-sizing:border-box}html{background:#f6f7fb;color:#172033;font-family:Microsoft YaHei,PingFang SC,-apple-system,BlinkMacSystemFont,Arial,sans-serif;min-height:100%}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.blog-shell,.member-page,.mobile-shell,.section{margin:0 auto;max-width:1080px;padding:24px}.blog-hero{background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,64,175,.86)),radial-gradient(circle at 20% 20%,rgba(96,165,250,.65),transparent 32%);border-radius:8px;color:#fff;overflow:hidden;padding:24px}.article-kicker,.post-card>div,.section-heading,.top-nav{align-items:center;display:flex;justify-content:space-between;gap:16px}.top-nav{color:rgba(255,255,255,.82);font-size:14px;margin-bottom:44px}.top-nav span{font-weight:800}.footer-links,.hero-actions,.top-nav div{display:flex;flex-wrap:wrap;gap:10px}.top-nav a{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 12px}.hero-grid{display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.eyebrow,.page-header p,.section-heading p{color:#2563eb;font-size:13px;font-weight:800;letter-spacing:0;margin:0 0 8px}.blog-hero .eyebrow{color:#bfdbfe}h1,h2,h3,p,pre{margin:0}.blog-hero h1{font-size:clamp(34px,6vw,64px);letter-spacing:0;line-height:1.04;max-width:680px}.hero-copy{color:rgba(255,255,255,.84);font-size:17px;line-height:1.8;margin-top:18px;max-width:660px}.hero-actions{margin-top:24px}.pill-link,.play-btn,.primary,.primary-action,.secondary-action{border-radius:999px;display:inline-flex;font-weight:800;justify-content:center;padding:11px 16px}.play-btn,.primary,.primary-action{background:#facc15;color:#172033}.pill-link,.secondary-action{background:rgba(255,255,255,.12);color:#fff}.code-card{align-self:end;background:rgba(15,23,42,.82);border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden}.code-card span{background:rgba(255,255,255,.08);color:#bfdbfe;display:block;font-size:13px;padding:12px 16px}.code-card pre{color:#dbeafe;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.8;overflow-x:auto;padding:18px}.track-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0}.article-page,.content-card,.empty-blog,.footer-box,.game-card,.notice-card,.post-card,.track-card{background:#fff;border:1px solid #e4e7ef;border-radius:8px;box-shadow:0 8px 28px rgba(15,23,42,.06)}.track-card{padding:18px}.track-card h2{font-size:18px;margin-bottom:8px}.article-content p,.article-summary,.empty-blog p,.footer-box,.notice-card,.post-card p,.track-card p{color:#5f6b7d;line-height:1.75}.latest-section,.post-list{margin-top:20px}.section-heading{margin-bottom:12px}.page-header h1,.section-heading h2{font-size:28px}.back-link,.section-heading a{color:#2563eb;font-weight:800}.post-list{display:grid;grid-gap:12px;gap:12px}.empty-blog,.post-card{display:block;padding:18px}.post-card:hover{border-color:#93c5fd}.post-card h2,.post-card h3{font-size:21px;margin:10px 0 8px}.post-type{background:#eff6ff;border-radius:999px;color:#1d4ed8;font-size:12px;font-weight:800;padding:5px 9px}time{color:#7b8798;font-size:13px}.page-header{margin:10px 0 20px}.page-header span{color:#5f6b7d;display:block;line-height:1.7;margin-top:8px}.back-link{display:inline-flex;margin-bottom:14px}.article-page{padding:clamp(22px,4vw,40px)}.article-kicker{margin-bottom:14px}.article-page h1{font-size:clamp(32px,5vw,54px);letter-spacing:0;line-height:1.12}.article-summary{font-size:18px;margin-top:16px}.article-content{border-top:1px solid #e4e7ef;margin-top:24px;padding-top:24px}.article-content h2,.article-content h3{margin:22px 0 10px}.article-content blockquote,.article-content ol,.article-content p,.article-content ul{margin:12px 0}.article-content code{background:#f1f5f9;border-radius:5px;color:#be123c;padding:2px 5px}.article-content blockquote{border-left:4px solid #93c5fd;color:#475569;padding-left:14px}.archive-shell{max-width:560px}.launcher-hero{background:linear-gradient(135deg,#fb923c,#ef4444 46%,#7c3aed);border-radius:8px;color:#fff;padding:24px}.logo-line{align-items:center;display:flex;gap:12px}.avatar-placeholder,.logo-icon{align-items:center;background:rgba(255,255,255,.18);border-radius:8px;display:flex;font-size:24px;font-weight:900;height:44px;justify-content:center;width:44px}.hero-desc{color:rgba(255,255,255,.88);line-height:1.75;margin-top:14px}.tabs{background:#fff;border:1px solid #e4e7ef;border-radius:8px;display:flex;gap:8px;margin:14px 0;padding:8px}.tab-btn{background:transparent;border:0;border-radius:6px;color:#475569;cursor:pointer;flex:1 1;font-weight:800;height:38px}.tab-btn.active{background:#facc15;color:#172033}.compact-title,.section-title{align-items:center;display:flex;justify-content:space-between;margin:14px 0 10px}.game-grid,.game-list,.news-list{display:grid;grid-gap:12px;gap:12px}.game-card{display:flex;gap:12px;padding:12px}.game-logo{align-items:center;background:#eff6ff;border-radius:8px;color:#2563eb;display:flex;flex-shrink:0;font-size:24px;font-weight:900;height:70px;justify-content:center;object-fit:cover;width:70px}.game-info{min-width:0}.game-actions,.game-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.game-name{font-size:18px}.badge,.small-tag{color:#64748b;font-size:12px}.game-desc{color:#5f6b7d;font-size:13px;line-height:1.65;margin:6px 0}@media screen and (max-width:760px){.blog-shell,.member-page,.mobile-shell,.section{padding:14px}.hero-grid,.track-grid{grid-template-columns:1fr}.post-card>div,.section-heading,.top-nav{align-items:flex-start;flex-direction:column}.blog-hero{padding:18px}}