:root{font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#18212f;background:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:28px;padding:24px 18px;color:#f8fafc;background:#102033}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:#102033;background:#f2c94c;font-weight:800}.brand strong,.brand span{display:block}.brand span{margin-top:2px;color:#a9b8c9;font-size:13px}.nav-list{display:grid;gap:8px}.nav-button,.icon-text-button,.icon-toggle,.tag-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid transparent;border-radius:8px}.nav-button{justify-content:flex-start;padding:0 12px;color:#c8d4e3;background:transparent}.nav-button.active,.nav-button:hover{color:#fff;background:#1d3550}.login-panel{display:grid;gap:10px;margin-top:auto;padding-top:20px;border-top:1px solid #29415d}.login-panel>span{color:#a9b8c9;font-size:13px}.login-panel strong{color:#fff;font-size:14px}.icon-text-button{color:#102033;background:#fff}.main-content{min-width:0;padding:24px clamp(16px,3vw,40px) 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.search-box{display:flex;align-items:center;gap:10px;width:min(620px,100%);height:44px;padding:0 14px;border:1px solid #d8e0e9;border-radius:8px;background:#fff}.search-box input{width:100%;min-width:0;border:0;outline:0;color:#18212f}.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;color:#0f5132;background:#d9f6e7;font-size:13px;white-space:nowrap}.status-pill.inline{width:fit-content;border-radius:8px}.workspace{display:grid;gap:28px}.profile-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:26px;align-items:stretch}.profile-copy{display:flex;flex-direction:column;justify-content:center;min-height:340px;padding:clamp(20px,4vw,42px);border:1px solid #d8e0e9;border-radius:8px;background:#fff}.eyebrow{margin:0 0 10px;color:#1f7a6d;font-size:13px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin-bottom:14px;font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:0}h2{margin-bottom:10px;font-size:24px;letter-spacing:0}h3{margin-bottom:8px;font-size:18px;letter-spacing:0}.summary{max-width:720px;color:#5b6878;font-size:16px;line-height:1.8}.interest-row,.tag-row,.tag-filter,.reaction-row{display:flex;flex-wrap:wrap;gap:8px}.interest-row span,.tag-row span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;color:#24445e;background:#e7eef5;font-size:13px}.profile-image{width:100%;min-height:340px;object-fit:cover;border-radius:8px;border:1px solid #d8e0e9;background:#dce6ef}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric{display:grid;gap:8px;min-height:94px;padding:18px;border:1px solid #d8e0e9;border-radius:8px;background:#fff}.metric span{color:#6a7685;font-size:13px}.metric strong{font-size:22px}.content-band,.tool-panel,.game-details{border:1px solid #d8e0e9;border-radius:8px;background:#fff}.content-band{display:grid;gap:18px;padding:24px}.section-heading h1,.section-heading h2{margin-bottom:0}.article-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.article-list.compact{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.article-card{display:grid;gap:14px;min-width:0;padding:20px;border:1px solid #d8e0e9;border-radius:8px;background:#fff}.article-summary{margin-bottom:0}.article-content{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px 16px;border:1px solid #e5eaf0;border-radius:8px;color:#334155;background:#f8fafc;line-height:1.8}.article-card p,.news-item p,.digest-item p,.game-details p{color:#5b6878;line-height:1.7}.date,.article-meta{color:#6a7685;font-size:13px}.article-meta{display:flex;justify-content:space-between;gap:10px}.tag-button{min-height:34px;padding:0 12px;color:#334155;border-color:#d8e0e9;background:#fff}.tag-button.active,.tag-button:hover{color:#fff;background:#1f7a6d}.icon-toggle{min-width:88px;padding:0 12px;color:#334155;border-color:#d8e0e9;background:#f8fafc}.icon-toggle.active{color:#fff;border-color:#c44d58;background:#c44d58}.comment-box{display:grid;gap:10px;padding-top:14px;border-top:1px solid #e5eaf0}.comment-title{display:flex;align-items:center;gap:7px;color:#334155;font-weight:700}.comment{margin:0;padding:10px 12px;border-radius:8px;background:#f4f6f8}.comment strong{color:#334155}.comment span{color:#5b6878}.comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.comment-form input{min-width:0;height:38px;padding:0 12px;border:1px solid #d8e0e9;border-radius:8px;outline:0}.comment-form button{min-width:68px;border:0;border-radius:8px;color:#fff;background:#102033}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-panel,.game-details{display:grid;gap:14px;padding:22px}.news-item,.digest-item{display:grid;gap:6px;padding:14px 0;border-top:1px solid #e5eaf0}.news-item span{color:#1f7a6d;font-size:13px;font-weight:700}.game-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.game-stage{overflow:hidden;height:clamp(560px,calc(100vh - 210px),900px);min-height:560px;padding:12px;border-radius:8px;background:linear-gradient(135deg,#102033e6,#1f7a6de0),#102033;color:#fff}.game-stage iframe{width:100%;height:100%;border:0;border-radius:8px;background:#fff}.game-details{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.game-copy{min-width:0}.game-copy h2{margin-bottom:4px}.game-copy p{margin-bottom:0}.game-actions{display:flex;flex-wrap:wrap;gap:10px}.game-actions a,.game-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;min-height:40px;padding:0 14px;border:0;border-radius:8px;color:#fff;text-decoration:none;background:#1f7a6d}.game-actions .secondary-link{color:#102033;background:#edf2f7}.admin-layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(340px,1.05fr);gap:18px;align-items:start}.admin-panel{display:grid;gap:16px;padding:22px;border:1px solid #d8e0e9;border-radius:8px;background:#fff}.admin-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-panel-heading h2{margin-bottom:0}.admin-panel-heading>span{color:#6a7685;font-size:13px}.admin-form label{display:grid;gap:7px}.admin-form label>span{color:#334155;font-size:13px;font-weight:700}.admin-form input,.admin-form textarea{width:100%;min-width:0;border:1px solid #d8e0e9;border-radius:8px;outline:0;color:#18212f;background:#fff}.admin-form input{height:40px;padding:0 12px}.admin-form textarea{resize:vertical;padding:10px 12px;line-height:1.6}.admin-form-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(130px,.8fr) minmax(110px,.7fr);gap:12px}.admin-actions,.manager-actions{display:flex;flex-wrap:wrap;gap:10px}.primary-action,.ghost-button,.manager-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 13px;border-radius:8px}.primary-action{border:0;color:#fff;background:#1f7a6d}.primary-action:disabled{cursor:not-allowed;opacity:.65}.ghost-button,.manager-actions button{color:#334155;border:1px solid #d8e0e9;background:#f8fafc}.danger-button{color:#9f1d2f!important;border-color:#f1b7c0!important;background:#fff5f6!important}.admin-message{margin:0;padding:10px 12px;border-radius:8px;color:#0f5132;background:#d9f6e7}.auth-panel{width:min(480px,100%)}.github-auth-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border-radius:8px;color:#fff;text-decoration:none;background:#24292f;font-weight:700}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;color:#6a7685;font-size:13px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#d8e0e9}.auth-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px;border:1px solid #d8e0e9;border-radius:8px;background:#f8fafc}.auth-mode-switch button{min-height:36px;border:0;border-radius:6px;color:#5b6878;background:transparent}.auth-mode-switch button.active{color:#102033;background:#fff;box-shadow:0 1px 5px #0f172a1a}.auth-user,.admin-session,.admin-session>div{display:flex;align-items:center}.auth-user{gap:12px}.auth-user>div{display:grid;gap:3px}.auth-user span{color:#6a7685;font-size:13px}.admin-session{justify-content:space-between;gap:12px;width:fit-content;padding:10px 12px;border:1px solid #d8e0e9;border-radius:8px;background:#fff}.admin-session>div{gap:8px;color:#1f7a6d;font-weight:700}.manager-list{display:grid;gap:12px}.manager-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;padding:14px;border:1px solid #e5eaf0;border-radius:8px;background:#f8fafc}.manager-row h3{margin-bottom:6px}.manager-row p{color:#5b6878;line-height:1.6}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr;gap:14px;padding:14px}.nav-list{grid-template-columns:repeat(auto-fit,minmax(64px,1fr))}.nav-button{justify-content:center;padding:0 8px}.login-panel{display:none}.profile-grid,.split-grid,.admin-layout,.manager-row,.game-details,.metric-grid{grid-template-columns:1fr}.topbar{align-items:stretch;flex-direction:column}.admin-form-grid{grid-template-columns:1fr}}@media(max-width:560px){.main-content{padding:18px 12px 34px}.brand{align-items:flex-start}.nav-button span{display:none}h1{font-size:32px}.profile-copy,.content-band,.article-card,.tool-panel,.game-details{padding:16px}.comment-form{grid-template-columns:1fr}.game-stage{height:72vh;min-height:500px;padding:10px}}