:root{color:var(--text);background:var(--page-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--blue-900:#10213f;--blue-800:#173b78;--blue-700:#075cc7;--blue-600:#0b74de;--blue-100:#dcecff;--blue-50:#eef6ff;--page-bg:#f5f9ff;--shell-bg:linear-gradient(180deg, #deeefff0 0, #f5f9ffdb 360px), radial-gradient(circle at 14% 12%, #3084e62e, transparent 28rem), #f5f9ff;--text:#1e304a;--text-strong:#10213f;--text-soft:#48637f;--text-subtle:#59708d;--nav-text:#38516f;--label:#314762;--line:#d9e6f7;--line-strong:#d9e6f7f2;--line-medium:#d9e6f7db;--line-soft:#d9e6f7c7;--muted:#65758d;--surface-solid:#fff;--surface-panel:#ffffffdb;--surface-raised:#ffffffd1;--surface-float:#ffffffb8;--surface-section:#ffffffbd;--surface-muted:#f8fbff;--surface-tint:#eef6ff;--mini-card-bg:linear-gradient(135deg, #fff, #f2f7ff);--empty-bg:#eef6ffbd;--empty-bg-soft:#eef6ff9e;--empty-border:#b7cdea;--input-bg:#fff;--input-text:#142743;--input-border:#cbdcf0;--inline-code-text:#0d4f9d;--inline-code-bg:#eef6ff;--code-bg:#10213f;--code-text:#edf7ff;--code-block-bg:#f8fafc;--code-block-toolbar-bg:#dce9f5;--code-block-border:#a9bed2;--code-block-text:#2f4053;--code-block-toolbar-text:#405770;--code-copy-bg:#edf4fa;--code-copy-text:#405770;--code-copy-border:#a9bed2;--code-copy-hover-bg:#d2e0ec;--code-copy-hover-text:#273e56;--code-copy-success-bg:#e9f5ec;--code-copy-success-text:#326b44;--code-copy-error-bg:#fff1f0;--code-copy-error-text:#a1413d;--code-token-keyword:#6d28d9;--code-token-string:#15803d;--code-token-title:#0369a1;--code-token-comment:#52677f;--code-token-number:#c2410c;--on-accent:#fff;--danger:#c93737;--danger-bg:#fff6f6;--danger-line:#c9373738;--private:#9a5a15;--focus-ring:0 0 0 3px #0b74de1f;--shadow:0 18px 50px #0d4c8f1f;--accent-shadow:0 12px 26px #075cc733;--brand-logo-shadow:0 12px 26px #0b74de2e;--card-hover-shadow:0 16px 38px #10213f1a;--drawer-backdrop:#07121f7a;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,Segoe UI,sans-serif}:root[data-theme=dark]{color:var(--text);background:var(--page-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--blue-900:#f3fbf8;--blue-800:#c9eadf;--blue-700:#6ed3ff;--blue-600:#8adfff;--blue-100:#193a34;--blue-50:#102a27;--page-bg:#07100f;--shell-bg:linear-gradient(180deg, #091211f5 0, #07100feb 360px), radial-gradient(circle at 12% 10%, #6ed3ff2b, transparent 28rem), radial-gradient(circle at 86% 2%, #74ffc61c, transparent 23rem), #07100f;--text:#dce9e5;--text-strong:#f3fbf8;--text-soft:#bfd1cb;--text-subtle:#9fb8b0;--nav-text:#bed1cb;--label:#cddbd7;--line:#a4cdc238;--line-strong:#a4cdc252;--line-medium:#a4cdc242;--line-soft:#a4cdc22e;--muted:#9aafaa;--surface-solid:#101b1a;--surface-panel:#0d1817e0;--surface-raised:#0f1d1cdb;--surface-float:#0c1817c2;--surface-section:#0c1716c7;--surface-muted:#0b1716;--surface-tint:#102a27;--mini-card-bg:linear-gradient(135deg, #132421, #0c1a19);--empty-bg:#102a2794;--empty-bg-soft:#102a276b;--empty-border:#89bcb061;--input-bg:#091514;--input-text:#e4f3ef;--input-border:#a4cdc24d;--inline-code-text:#78e6ff;--inline-code-bg:#0d2828;--code-bg:#050b0c;--code-text:#d8fff3;--code-block-bg:#223247;--code-block-toolbar-bg:#1b2a3c;--code-block-border:#49647f;--code-block-text:#e5eef7;--code-block-toolbar-text:#c7d7e8;--code-copy-bg:#2b4058;--code-copy-text:#dce9f5;--code-copy-border:#58728c;--code-copy-hover-bg:#38536d;--code-copy-hover-text:#fff;--code-copy-success-bg:#294a3a;--code-copy-success-text:#b9e7c5;--code-copy-error-bg:#562d36;--code-copy-error-text:#ffd0d4;--code-token-keyword:#c4b5fd;--code-token-string:#86efac;--code-token-title:#7dd3fc;--code-token-comment:#a5b4c3;--code-token-number:#fdba74;--on-accent:#041014;--danger:#ff8f8f;--danger-bg:#2a1215;--danger-line:#ff8f8f57;--private:#ffd27a;--focus-ring:0 0 0 3px #6ed3ff2e;--shadow:0 22px 60px #00000057;--accent-shadow:0 14px 30px #6ed3ff2e;--brand-logo-shadow:0 14px 30px #6ed3ff29;--card-hover-shadow:0 18px 42px #00000052;--drawer-backdrop:#000000ad}*{box-sizing:border-box}body{background:var(--page-bg);min-width:320px;margin:0}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh;color:var(--text);background:var(--shell-bg)}body.drawer-open{overflow:hidden}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:24px;width:min(1440px,100% - 40px);margin:0 auto;padding:18px 0;display:flex;position:sticky;top:0}.brand,.nav-links{align-items:center;display:flex}.brand{color:var(--blue-900);gap:10px;font-weight:800}.topbar-actions{align-items:center;gap:10px;display:flex}.navigation-surface,.mobile-drawer-heading{align-items:center;display:flex}.navigation-surface{gap:10px}.mobile-drawer-heading,.mobile-article-toc,.drawer-close,.mobile-menu-toggle,.drawer-backdrop{display:none}.brand-logo{border:1px solid var(--line-strong);background:var(--surface-raised);width:44px;height:44px;box-shadow:var(--brand-logo-shadow);object-fit:contain;border-radius:50%;padding:3px;display:block}.nav-links{border:1px solid var(--line-medium);background:var(--surface-float);border-radius:8px;gap:4px;padding:5px}.nav-links a{color:var(--nav-text);border-radius:6px;padding:9px 13px;font-size:14px}.nav-links a.router-link-active,.nav-links a:hover{color:var(--blue-700);background:var(--blue-50)}.social-nav{border:1px solid var(--line-medium);background:var(--surface-float);border-radius:8px;align-items:center;gap:7px;padding:4px;display:flex}.social-nav a{width:34px;height:34px;color:var(--blue-800);background:0 0;border-radius:7px;place-items:center;transition:color .18s,background .18s,transform .18s;display:grid}.social-nav a:hover,.social-nav a:focus-visible{color:var(--blue-700);background:var(--blue-50);transform:translateY(-1px)}.social-nav svg{fill:currentColor;width:18px;height:18px}.social-nav span{font-size:16px;font-weight:950;line-height:1}.theme-toggle{border:1px solid var(--line-medium);width:42px;height:42px;color:var(--blue-800);background:var(--surface-raised);box-shadow:var(--shadow);border-radius:8px;flex:none;place-items:center;transition:transform .18s,border-color .18s,color .18s,background .18s;display:grid}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--blue-700);border-color:var(--blue-600);background:var(--surface-solid);transform:translateY(-1px)}main{width:min(1440px,100% - 40px);margin:0 auto;padding:28px 0 72px}.hero-section{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:stretch;gap:36px;min-height:520px;padding:56px 0 44px;display:grid}.hero-copy{flex-direction:column;justify-content:center;display:flex}.eyebrow,.section-kicker,.article-meta{color:var(--blue-700);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.eyebrow{border:1px solid var(--line);background:var(--surface-float);border-radius:999px;width:fit-content;padding:8px 11px}.hero-copy h1{color:var(--blue-900);letter-spacing:0;margin:18px 0 16px;font-size:clamp(44px,7vw,86px);line-height:1.02}.hero-text{max-width:680px;color:var(--text-soft);font-size:20px;line-height:1.8}.hero-notice{border:1px dashed var(--line);width:fit-content;max-width:680px;color:var(--blue-800);background:var(--surface-raised);border-radius:8px;margin:8px 0 0;padding:10px 13px;font-weight:800}.profile-links{gap:10px;margin-top:14px;display:flex}.profile-links a{border:1px solid var(--line);color:var(--blue-800);background:var(--surface-raised);border-radius:999px;padding:7px 11px;font-size:13px;font-weight:900}.owner-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;max-width:520px;margin-top:16px;padding:14px;display:grid}.owner-card img{object-fit:cover;border-radius:50%;width:48px;height:48px}.owner-card div{gap:4px;display:grid}.owner-card strong{color:var(--blue-900)}.owner-card span{color:var(--muted);font-size:14px;line-height:1.6}.hero-actions,.toolbar-actions,.switch-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{color:var(--on-accent);background:var(--blue-700);box-shadow:var(--accent-shadow)}.button.ghost{color:var(--blue-800);border-color:var(--line);background:var(--surface-raised)}.button.danger{color:var(--danger);border-color:var(--danger-line);background:var(--danger-bg)}.button.full{width:100%}.button:disabled{cursor:not-allowed;opacity:.65;transform:none}.hero-panel,.login-card,.admin-sidebar,.admin-editor{border:1px solid var(--line-strong);background:var(--surface-panel);box-shadow:var(--shadow);border-radius:8px}.hero-panel{background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;padding:26px;display:flex}.panel-heading{color:var(--blue-800);align-items:center;gap:10px;font-size:18px;font-weight:900;display:flex}.portfolio-stack{gap:14px;margin-top:24px;display:grid}.portfolio-mini{border:1px solid var(--line);background:var(--mini-card-bg);border-radius:8px;gap:6px;padding:18px;display:grid}.portfolio-mini strong{color:var(--blue-900);font-size:18px}.portfolio-mini span,.portfolio-placeholder{color:var(--muted);line-height:1.7}.content-section{border:1px solid var(--line-soft);background:var(--surface-section);border-radius:8px;margin-top:34px;padding:26px}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;display:flex}.section-heading h2,.page-header h1,.admin-sidebar h1,.editor-toolbar h2{color:var(--blue-900);margin:3px 0 0}.section-heading a{color:var(--blue-700);font-weight:800}.compact{margin-bottom:14px}.article-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;display:grid}.article-grid.three{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.article-card{border:1px solid var(--line);background:var(--surface-solid);border-radius:8px;transition:transform .18s,box-shadow .18s;overflow:hidden}.article-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.article-cover{aspect-ratio:16/9;background:var(--blue-50);display:block}.article-cover img,.detail-cover{object-fit:cover;width:100%;height:100%}.article-card-body{padding:18px}.article-meta{color:var(--text-subtle);flex-wrap:wrap;font-size:12px}.meta-icon{align-items:center;gap:4px;display:inline-flex}.meta-icon.private{color:var(--private)}.article-card h3{color:var(--blue-900);margin:12px 0 8px;font-size:20px;line-height:1.35}.article-card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.7;display:-webkit-box;overflow:hidden}.split-section{grid-template-columns:.82fr 1.18fr;gap:24px;display:grid}.rank-list,.latest-list,.admin-list{gap:12px;display:grid}.rank-list a{border:1px solid var(--line);background:var(--surface-solid);border-radius:8px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.rank-list span{width:28px;height:28px;color:var(--on-accent);background:var(--blue-700);border-radius:7px;place-items:center;font-weight:900;display:grid}.rank-list strong{min-width:0}.rank-list em{color:var(--muted);font-size:13px;font-style:normal}.page-header{gap:12px;padding:54px 0 20px;display:grid}.page-header h1{font-size:clamp(38px,6vw,64px);line-height:1.05}.page-header p{max-width:760px;color:var(--muted);margin:0;font-size:18px;line-height:1.8}.portfolio-header{align-content:center;min-height:340px}.category-tabs{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.category-tabs button{border:1px solid var(--line);min-height:38px;color:var(--text-soft);background:var(--surface-solid);border-radius:999px;padding:8px 13px}.category-tabs button.active,.category-tabs button:hover{color:var(--on-accent);border-color:var(--blue-700);background:var(--blue-700)}.list-summary,.loading-row{color:var(--muted);margin-bottom:16px}.empty-state{border:1px dashed var(--empty-border);color:var(--muted);background:var(--empty-bg);border-radius:8px;padding:34px}.empty-state h2{color:var(--blue-900);margin:0 0 8px}.empty-state p{margin:0;line-height:1.7}.article-detail-layout{grid-template-columns:minmax(0,860px) 260px;align-items:start;gap:24px;width:min(1144px,100%);margin:34px auto 0;display:grid}.article-detail{border:1px solid var(--line);background:var(--surface-solid);width:100%;max-width:860px;box-shadow:var(--shadow);border-radius:8px;margin:0;padding:36px}.article-main-column{min-width:0;position:relative}.article-action-rail{z-index:20;gap:10px;width:44px;display:grid;position:fixed;top:160px;left:max(12px,50vw - 636px)}.article-action-button{border:1px solid var(--line);width:44px;min-height:58px;color:var(--text-soft);background:var(--surface-muted);box-shadow:var(--shadow-soft);border-radius:8px;place-items:center;gap:4px;padding:8px 4px;font-size:12px;font-weight:900;transition:color .18s,border-color .18s,background .18s,transform .18s;display:grid}.article-action-button:hover,.article-action-button:focus-visible{color:var(--blue-700);border-color:var(--blue-600);background:var(--blue-50);transform:translateY(-1px)}.article-action-button.is-liked{color:var(--on-accent);border-color:var(--blue-700);background:var(--blue-700)}.article-action-button:disabled{cursor:wait;opacity:.7;transform:none}.article-action-error{width:120px;color:var(--danger);margin:0;font-size:12px;line-height:1.5}.article-end-actions{border:1px solid var(--line);background:var(--surface-muted);border-radius:8px;margin-top:40px;padding:20px;display:none}.article-end-actions>p:first-child{color:var(--text-soft);margin:0 0 14px;font-weight:800}.article-end-actions>div{flex-wrap:wrap;gap:10px;display:flex}.article-end-actions .article-action-button{width:auto;min-height:42px;padding:8px 14px;display:inline-flex}.article-end-actions .article-action-error{width:auto;margin-top:10px;position:static}@media (width<=1280px){.article-action-rail{width:auto;margin-bottom:14px;display:flex;position:static}.article-action-button{width:auto;min-height:38px;padding:8px 12px;display:inline-flex}.article-action-error{align-self:center;width:auto}}.article-toc{border:1px solid var(--line);background:var(--surface-solid);max-height:min(520px,100vh - 128px);box-shadow:var(--shadow);scrollbar-color:var(--blue-600) var(--surface-tint);scrollbar-width:thin;border-radius:8px;padding:18px;position:sticky;top:96px;overflow-y:auto}.article-toc h2{color:var(--blue-900);margin:0 0 12px;font-size:16px}.article-toc-disclosure>summary{color:var(--blue-900);font-size:16px;font-weight:900;list-style:none}.article-toc-disclosure>summary::-webkit-details-marker{display:none}.article-toc-disclosure>summary small{color:var(--muted);font-size:12px}.article-toc nav{gap:8px;display:grid}.toc-link{color:var(--text-soft);border-radius:6px;padding:7px 8px;font-size:14px;line-height:1.45;display:block}.toc-link:hover,.toc-link:focus-visible{color:var(--blue-700);background:var(--blue-50)}.toc-link.level-3{padding-left:22px;font-size:13px}.article-detail header h1{color:var(--blue-900);margin:18px 0 12px;font-size:clamp(34px,5vw,58px);line-height:1.16}.article-detail header p{color:var(--muted);margin:0;font-size:18px;line-height:1.8}.detail-cover{border-radius:8px;max-height:420px;margin:26px 0}.article-comments{border-top:1px solid var(--line);margin-top:52px;padding-top:34px;scroll-margin-top:96px}.comments-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.comments-heading h2{color:var(--blue-900);margin:4px 0 0;font-size:28px}.comments-heading h2 span{color:var(--muted);font-size:17px}.comments-heading>p{color:var(--muted);margin:0;font-size:13px}.comment-form{border:1px solid var(--line);background:var(--surface-muted);border-radius:8px;gap:14px;padding:20px;display:grid}.comment-form label{color:var(--text-soft);gap:7px;font-weight:800;display:grid;position:relative}.comment-form input,.comment-form textarea{border:1px solid var(--line-strong);width:100%;color:var(--text);background:var(--surface-solid);border-radius:7px}.comment-form textarea{resize:vertical}.comment-form small{color:var(--muted);justify-self:end;font-weight:600}.comment-form .button{justify-self:start}.comment-list{gap:12px;margin-top:22px;display:grid}.comment-item{border-bottom:1px solid var(--line);padding:18px 0}.comment-item header{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.comment-item header strong{color:var(--blue-900)}.comment-item header span{color:var(--text-soft);background:var(--surface-muted);border-radius:999px;padding:3px 7px;font-size:12px}.comment-item time{color:var(--muted);margin-left:auto;font-size:12px}.comment-item>p{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;line-height:1.75}.comments-empty{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:8px;margin:22px 0 0;padding:24px}.comment-pagination{color:var(--muted);justify-content:center;align-items:center;gap:16px;margin-top:20px;font-size:13px;display:flex}.markdown-body{color:var(--text);word-break:break-word;line-height:1.86}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--blue-900);scroll-margin-top:96px;line-height:1.35}.markdown-body a{color:var(--blue-700);font-weight:700}.markdown-body img{object-fit:contain;border-radius:8px;width:100%;max-width:100%;max-height:520px;margin:22px auto;display:block}.markdown-video{background:var(--code-bg);border-radius:8px;width:100%;max-height:520px;margin:22px auto;display:block}.markdown-body pre{background:var(--code-bg);border-radius:8px;padding:18px;overflow-x:auto}.markdown-body code{color:var(--inline-code-text);background:var(--inline-code-bg);border-radius:5px;padding:2px 5px}.markdown-body pre code{color:var(--code-text);background:0 0;padding:0}.markdown-code-block{border:1px solid var(--code-block-border);background:var(--code-block-bg);border-radius:8px;margin:22px 0;overflow:hidden;box-shadow:0 6px 16px #0d4c8f14}.markdown-code-toolbar{border-bottom:1px solid var(--code-block-border);min-height:42px;color:var(--code-block-toolbar-text);background:var(--code-block-toolbar-bg);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px 8px 16px;display:flex}.markdown-code-language{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.markdown-code-copy{border:1px solid var(--code-copy-border);color:var(--code-copy-text);background:var(--code-copy-bg);border-radius:6px;flex:none;padding:6px 10px;font-size:12px;font-weight:900;transition:background .18s,border-color .18s,color .18s}.markdown-code-copy:hover,.markdown-code-copy:focus-visible{border-color:var(--code-copy-border);color:var(--code-copy-hover-text);background:var(--code-copy-hover-bg)}.markdown-code-copy.is-success{border-color:var(--code-copy-border);color:var(--code-copy-success-text);background:var(--code-copy-success-bg)}.markdown-code-copy.is-error{border-color:var(--code-copy-border);color:var(--code-copy-error-text);background:var(--code-copy-error-bg)}.markdown-code-block pre{background:0 0;border-radius:0;margin:0;padding:16px 18px;overflow-x:auto}.markdown-code-block pre code{color:var(--code-block-text);background:0 0}.markdown-code-block .hljs-keyword,.markdown-code-block .hljs-selector-tag,.markdown-code-block .hljs-literal{color:var(--code-token-keyword)}.markdown-code-block .hljs-string,.markdown-code-block .hljs-attr,.markdown-code-block .hljs-template-variable{color:var(--code-token-string)}.markdown-code-block .hljs-title,.markdown-code-block .hljs-function .hljs-title{color:var(--code-token-title)}.markdown-code-block .hljs-comment,.markdown-code-block .hljs-quote{color:var(--code-token-comment);font-style:italic}.markdown-code-block .hljs-number,.markdown-code-block .hljs-built_in{color:var(--code-token-number)}.markdown-table-scroll{-webkit-overflow-scrolling:touch;align-items:flex-start;width:100%;margin:22px 0;display:flex;overflow-x:auto}.markdown-body table{border-collapse:collapse;table-layout:auto;flex:1 0 auto;width:max-content;min-width:100%}.markdown-body th,.markdown-body td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.markdown-table-cell{overflow-wrap:anywhere;word-break:break-word;width:fit-content;max-width:30em}.markdown-body th{color:var(--blue-900);background:var(--surface-tint)}.markdown-body td{background:var(--surface-solid)}.article-access-card{border:1px solid var(--line);background:var(--surface-solid);max-width:520px;box-shadow:var(--shadow);border-radius:8px;gap:14px;margin:64px auto 0;padding:34px;display:grid}.article-access-card h1,.article-access-card p{margin:0}.article-access-card h1{color:var(--blue-900)}.article-access-card p{color:var(--muted);line-height:1.7}.access-icon{width:44px;height:44px;color:var(--blue-700);background:var(--blue-50);border-radius:8px;place-items:center;display:grid}.access-form{gap:12px;margin-top:4px;display:grid}.admin-login{place-items:center;min-height:calc(100vh - 160px);display:grid}.login-card{gap:16px;width:min(440px,100%);padding:30px;display:grid}.login-card h1,.login-card p{margin:0}.login-card p{color:var(--muted);line-height:1.7}label{color:var(--label);gap:7px;font-size:14px;font-weight:800;display:grid}input,textarea,select{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--input-text);border-radius:7px;outline:none}input,select{min-height:42px;padding:0 12px}textarea{resize:vertical;padding:12px}input:focus,textarea:focus,select:focus{border-color:var(--blue-600);box-shadow:var(--focus-ring)}.form-error,.form-feedback{color:var(--danger);margin:0;font-weight:800}.form-feedback{color:var(--blue-700)}.admin-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:28px;width:min(1680px,100vw - 28px);margin-left:50%;padding-top:24px;display:grid;transform:translate(-50%)}.admin-console{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:24px;width:min(1680px,100vw - 28px);margin-left:50%;padding-top:24px;display:grid;transform:translate(-50%)}.article-editor-page{width:100%;max-width:100%;margin:0 auto;padding-top:24px;overflow-x:clip}.article-editor-page>.admin-editor{border:1px solid var(--line);background:var(--surface-solid);box-shadow:var(--shadow);border-radius:8px;margin-top:14px}.editor-back-link{width:fit-content}.editor-error-state{justify-items:start;gap:14px;display:grid}.cms-sidebar,.cms-main,.cms-page,.cms-panel,.cms-stat-grid article,.cms-row,.media-card{border:1px solid var(--line);background:var(--surface-solid);box-shadow:var(--shadow);border-radius:8px}.cms-sidebar{max-height:calc(100vh - 110px);padding:18px;position:sticky;top:88px;overflow:auto}.cms-main{min-width:0;padding:22px}.cms-menu-group{border-top:1px solid var(--line);gap:7px;padding:16px 0;display:grid}.cms-menu-group.compact-menu{gap:10px;padding-top:18px}.cms-menu-group:first-of-type{margin-top:16px}.cms-menu-group strong{color:var(--blue-900);font-size:14px}.cms-menu-group button{color:var(--text-soft);text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:28px 1fr;align-items:center;gap:2px 10px;padding:12px;display:grid}.cms-menu-group button span{grid-row:span 2;font-size:20px}.cms-menu-group button small{color:var(--muted);font-size:12px}.cms-menu-group button.active,.cms-menu-group button:hover{color:var(--blue-700);background:var(--blue-50)}.cms-page{gap:18px;padding:20px;display:grid}.cms-tabs{border:1px solid var(--line);background:var(--surface-muted);border-radius:9px;flex-wrap:wrap;gap:8px;padding:6px;display:flex}.cms-tabs button{min-height:34px;color:var(--text-soft);background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:7px 12px;font-weight:800;display:inline-flex}.cms-tabs button.active,.cms-tabs button:hover{color:var(--blue-700);background:var(--surface-solid);box-shadow:0 8px 18px #0d4c8f14}.cms-tabs span{color:var(--blue-800);background:var(--blue-50);border-radius:999px;padding:1px 7px;font-size:12px}.cms-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.cms-stat-grid article{gap:8px;padding:18px;display:grid}.cms-stat-grid span,.cms-row span,.media-card span,.cms-panel p{color:var(--muted);font-size:13px}.cms-stat-grid strong{color:var(--blue-900);font-size:32px}.cms-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cms-panel{padding:18px}.cms-panel h3{color:var(--blue-900);margin:0 0 12px}.cms-table-list{gap:10px;display:grid}.cms-row{justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.cms-row>div{gap:5px;display:grid}.cms-count-badge{color:var(--blue-800);background:var(--blue-50);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:900}.admin-comment-row>div:first-child{min-width:0}.admin-comment-row p{max-width:760px;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;line-height:1.65}.cms-inline-form,.settings-grid{gap:14px;display:grid}.cms-inline-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid button,.settings-grid p{grid-column:1/-1}.embedded-editor{box-shadow:none;border:0;padding:0}.media-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.media-card{grid-template-rows:150px auto auto;gap:12px;padding:12px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;overflow:hidden}.media-card:hover{border-color:var(--blue-600);box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.media-preview{background:linear-gradient(135deg,#eef6ffeb,#ffffffc2),radial-gradient(circle at 20% 10%,#0b74de24,#0000 18rem);border:0;border-radius:8px;width:100%;padding:0;display:block;overflow:hidden}.media-preview.previewable{cursor:zoom-in}.media-preview.previewable:hover,.media-preview.previewable:focus-visible{outline-offset:-3px;outline:3px solid #0b74de47}.media-preview:disabled{cursor:default}.media-card img,.file-placeholder{object-fit:cover;border-radius:0;width:100%;height:100%}.media-lightbox{z-index:50;background:#07101ec7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.media-lightbox-dialog{border:1px solid var(--line-strong);background:var(--surface-solid);border-radius:10px;gap:14px;width:min(100%,1100px);max-height:calc(100vh - 48px);padding:18px;display:grid;overflow:auto;box-shadow:0 24px 80px #0000006b}.media-lightbox-dialog header{justify-content:space-between;align-items:center;gap:14px;display:flex}.media-lightbox-dialog header div{gap:4px;min-width:0;display:grid}.media-lightbox-dialog header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-lightbox-dialog header span{color:var(--muted);font-size:13px}.media-lightbox-dialog img,.media-lightbox-dialog video{object-fit:contain;background:#060b13;border-radius:7px;width:100%;max-height:calc(100vh - 180px);display:block}.media-card-body{gap:5px;min-width:0;display:grid}.media-card-body strong{color:var(--blue-900);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-card-body em{color:var(--muted);font-size:12px;font-style:normal}.media-oss-card{background:var(--surface-muted);border-style:dashed}.file-placeholder{color:var(--blue-800);text-transform:uppercase;place-items:center;font-weight:900;display:grid}.admin-sidebar,.admin-editor{padding:20px}.admin-sidebar{max-height:calc(100vh - 110px);position:sticky;top:88px;overflow:auto}.admin-sidebar-head,.editor-toolbar,.preview-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--blue-800);background:var(--surface-solid);border-radius:7px;place-items:center;display:grid}.admin-list{margin-top:16px}.admin-list-item{border:1px solid var(--line);background:var(--surface-solid);cursor:pointer;border-radius:8px;gap:4px;padding:13px;display:grid}.admin-list-item.active,.admin-list-item:hover{border-color:var(--blue-600);background:var(--blue-50)}.admin-list-item strong{color:var(--blue-900)}.admin-list-item span,.admin-list-item em{color:var(--muted);font-size:13px;font-style:normal}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;width:100%;max-width:100%;margin-top:18px;display:grid}.editor-form{overscroll-behavior:contain;grid-template-rows:auto auto auto auto auto auto minmax(360px,1fr) auto;gap:14px;display:grid;overflow:auto}.form-row{grid-template-columns:.72fr 1fr;gap:14px;display:grid}.switch-row label{grid-template-columns:unset;border:1px solid var(--line);background:var(--surface-solid);border-radius:7px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.link-only-control{align-items:stretch;gap:6px;display:inline-flex}.link-only-control label{margin:0}.copy-link-button{border:1px solid var(--line);width:38px;min-height:38px;color:var(--blue-800);background:var(--surface-solid);border-radius:7px;place-items:center;display:grid}.copy-link-button:hover{border-color:var(--blue-600);color:var(--blue-700);background:var(--blue-50)}.link-password-panel{border:1px dashed var(--line);background:var(--surface-solid);border-radius:8px;gap:10px;width:33.333%;min-width:260px;padding:14px;display:grid}.clear-password-option{grid-template-columns:unset;color:var(--muted);align-items:center;gap:8px;display:inline-flex}.clear-password-option input,.switch-row input{width:16px;min-height:16px}.markdown-input{resize:none;flex:1;height:auto;min-height:0;font-family:Cascadia Code,Consolas,monospace;line-height:1.7;overflow:auto}.preview-pane{overscroll-behavior:contain;border:1px solid var(--line);background:var(--surface-muted);border-radius:8px;flex-direction:column;min-width:0;max-width:100%;height:940px;min-height:0;padding:18px;display:flex;overflow:auto}.preview-heading{color:var(--blue-800);justify-content:flex-start;margin-bottom:14px;font-weight:900}@media (width<=900px){.topbar,.nav-links,.hero-section,.split-section,.article-detail-layout,.admin-layout,.admin-console,.cms-stat-grid,.cms-two-column,.cms-inline-form,.settings-grid,.editor-grid,.form-row{grid-template-columns:1fr}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:row;align-items:center;gap:12px;padding:12px 0}.topbar-actions{gap:8px;width:auto;margin-left:auto;display:flex}.brand{min-width:0}.brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-logo{width:40px;height:40px}.theme-toggle,.mobile-menu-toggle,.drawer-close{border:1px solid var(--line-medium);width:44px;height:44px;color:var(--blue-800);background:var(--surface-raised);border-radius:8px;place-items:center;display:grid}.navigation-surface{z-index:42;background:var(--surface-solid);width:min(86vw,340px);box-shadow:var(--shadow);opacity:0;transform-origin:100%;visibility:hidden;flex-direction:column;align-items:stretch;padding:18px;transition:transform .2s,opacity .2s,visibility .2s;display:flex;position:fixed;inset:0 0 0 auto;transform:scale(.985)}.navigation-surface.open{opacity:1;visibility:visible;transform:scale(1)}.mobile-drawer-heading{justify-content:space-between;min-height:48px;display:flex}.navigation-surface .nav-links{background:0 0;border:0;grid-template-columns:1fr;gap:6px;padding:10px 0;display:grid}.navigation-surface .nav-links a{border:1px solid var(--line-soft);background:var(--surface-muted);text-align:left;min-height:44px;padding:12px}.navigation-surface .nav-links a.router-link-active,.navigation-surface .nav-links a:hover,.navigation-surface .nav-links a:focus-visible{background:var(--blue-50)}.mobile-article-toc{border-top:1px solid var(--line-medium);flex-direction:column;flex:1;min-height:0;margin-top:8px;padding-top:16px;display:flex}.mobile-article-toc-heading{justify-content:space-between;align-items:baseline;gap:16px;padding:0 8px 10px;display:flex}.mobile-article-toc-heading strong{color:var(--blue-900);font-size:15px;font-weight:900}.mobile-article-toc-heading span{color:var(--muted);font-size:12px;font-weight:700}.mobile-article-toc nav{scrollbar-color:var(--blue-600) transparent;scrollbar-width:thin;flex:1;gap:4px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.mobile-article-toc .toc-link{border-left:2px solid var(--line-medium);background:var(--surface-muted);border-radius:0 6px 6px 0;min-height:40px;padding:10px 12px}.mobile-article-toc .toc-link:hover,.mobile-article-toc .toc-link:focus-visible{border-left-color:var(--blue-600)}.mobile-article-toc .toc-link.level-3{padding-left:26px}.navigation-surface .social-nav{width:fit-content;margin-top:auto}.drawer-backdrop{z-index:41;background:var(--drawer-backdrop);border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.hero-section{min-height:auto}.article-detail-layout{width:100%}.article-toc{display:none}.admin-sidebar,.cms-sidebar{max-height:none;position:static}.editor-form,.preview-pane{height:auto}.markdown-field{min-height:720px}.markdown-input{min-height:660px}}@media (prefers-reduced-motion:reduce){.navigation-surface{transition:none}}@media (width<=560px){main,.topbar,.article-editor-page{width:min(100% - 24px,1160px)}.comments-heading,.comment-pagination{flex-direction:column;align-items:stretch}.comment-item time{width:100%;margin-left:0}.nav-links{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy h1{font-size:42px}.content-section,.article-detail,.article-toc,.login-card,.cms-main,.cms-page,.admin-sidebar,.admin-editor{padding:18px}.rank-list a{grid-template-columns:32px 1fr}.rank-list em{grid-column:2}}@media (width<=900px){.three-fields,.wide-title-row,.cover-tools{grid-template-columns:1fr}.admin-console{width:min(100% - 24px,1160px);margin-left:auto;transform:none}.cms-row{flex-direction:column;align-items:stretch}}.three-fields{grid-template-columns:.9fr 1fr .72fr}.wide-title-row{grid-template-columns:1.25fr .75fr}.cover-tools{grid-template-columns:minmax(360px,1fr) auto;align-items:end;gap:12px;display:grid}.upload-button{border:1px solid var(--line);min-height:42px;color:var(--blue-800);background:var(--surface-solid);cursor:pointer;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.upload-button input{display:none}.markdown-field-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.inline-upload{min-height:32px;padding:6px 10px;font-size:13px;font-weight:800}.markdown-field{flex-direction:column;height:100%;min-height:360px;display:flex;overflow:hidden}@media (width<=1180px){.editor-grid,.cover-tools,.three-fields,.wide-title-row{grid-template-columns:1fr}.editor-form,.preview-pane{height:auto}.admin-layout{width:min(100% - 24px,1160px);margin-left:auto;transform:none}}.box-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.box-tabs button{border:1px solid var(--line);min-height:40px;color:var(--text-soft);background:var(--surface-solid);border-radius:7px;justify-content:center;align-items:center;gap:7px;font-weight:800;display:flex}.box-tabs button.active{color:var(--on-accent);border-color:var(--blue-700);background:var(--blue-700)}.box-tabs span{min-width:22px;height:22px;color:var(--blue-700);background:var(--blue-50);border-radius:999px;place-items:center;padding:0 6px;font-size:12px;display:grid}.box-tabs button.active span{color:var(--blue-700);background:var(--surface-solid)}.admin-empty{border:1px dashed var(--empty-border);min-height:80px;color:var(--muted);background:var(--empty-bg-soft);border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.time-field{position:relative}.time-field input{padding-right:12px}.tiny-icon-button{z-index:1;border:1px solid var(--line);width:24px;height:24px;color:var(--blue-700);background:var(--blue-50);border-radius:6px;place-items:center;display:grid;position:absolute;top:0;right:0}.tiny-icon-button:hover{border-color:var(--blue-600);background:var(--surface-solid)}.admin-editor{min-width:0}.editor-form,.preview-pane{border:1px solid var(--line);background:var(--surface-muted);border-radius:8px;min-width:0;height:940px;padding:18px}@media (width>=901px){.article-toc-disclosure>summary{pointer-events:none;margin-bottom:12px}.article-toc-disclosure>summary small{display:none}.article-toc-disclosure>nav{display:grid!important}}@media (width<=900px){.hero-section{grid-template-columns:1fr;gap:24px;min-height:auto;padding:28px 0 24px}.hero-copy h1{font-size:clamp(42px,12vw,64px)}.split-section{grid-template-columns:1fr}.article-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tabs,.cms-tabs{overscroll-behavior-inline:contain;scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.category-tabs::-webkit-scrollbar{height:4px}.cms-tabs::-webkit-scrollbar{height:4px}.category-tabs::-webkit-scrollbar-track{background:0 0}.cms-tabs::-webkit-scrollbar-track{background:0 0}.category-tabs::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.cms-tabs::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.category-tabs button,.cms-tabs button{flex:none;min-height:44px}.article-detail-layout{grid-template-columns:1fr;width:100%}.article-toc{display:none}.article-toc-disclosure>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;display:flex}.article-toc-disclosure[open]>nav{margin-top:12px}.detail-cover,.markdown-body img{max-width:100%;height:auto}.markdown-table-scroll,.markdown-code-block pre{max-width:100%;overflow-x:auto}}@media (width<=560px){.content-section,.article-detail,.article-toc{padding:16px}.article-grid,.article-grid.three{grid-template-columns:1fr}.hero-actions .button{flex:100%;min-height:44px}.article-detail header h1{overflow-wrap:anywhere;font-size:clamp(30px,9vw,42px)}.article-meta{flex-wrap:wrap;align-items:flex-start}.article-detail-layout{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.article-action-rail{z-index:35;inset:auto 12px calc(10px + env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--surface-panel);width:auto;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:10px;justify-content:center;margin:0;padding:7px;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:fixed}.article-action-rail.is-mobile-hidden{visibility:hidden;pointer-events:none;opacity:0;transform:translateY(calc(100% + 24px + env(safe-area-inset-bottom)))}.article-action-button{min-width:96px;min-height:44px}.article-end-actions{display:block}.article-end-actions .article-action-button{flex:120px;justify-content:center;min-width:0}.article-action-error{background:var(--danger-bg);border-radius:7px;width:min(280px,100vw - 24px);padding:8px 10px;position:absolute;bottom:calc(100% + 8px);right:0}.comments-heading,.comment-pagination{flex-direction:column;align-items:stretch}.comment-form{padding:16px}.comment-form .button,.comment-pagination .button{min-height:44px}}@media (width<=560px) and (prefers-reduced-motion:reduce){.article-action-rail{transition:none}}.admin-mobile-bar{display:none}.cms-sidebar-actions{align-items:center;gap:8px;display:flex}@media (width<=900px){.admin-console{width:min(100% - 24px,1160px);margin-left:auto;padding-top:12px;display:block;transform:none}.admin-mobile-bar{z-index:30;border:1px solid var(--line);background:var(--surface-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:9px;justify-content:space-between;align-items:center;min-height:60px;margin-bottom:12px;padding:8px 12px;display:flex;position:sticky;top:76px}.admin-mobile-bar div{gap:2px;display:grid}.admin-mobile-bar span{color:var(--blue-700);letter-spacing:.08em;font-size:11px;font-weight:900}.admin-mobile-bar strong{color:var(--blue-900)}.cms-sidebar{z-index:42;opacity:0;transform-origin:0;visibility:hidden;border-radius:0;width:min(86vw,340px);max-height:none;transition:transform .2s,opacity .2s,visibility .2s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:scale(.985)}.cms-sidebar.open{opacity:1;visibility:visible;transform:scale(1)}.cms-sidebar .drawer-close{display:grid}.cms-drawer-backdrop{z-index:41}.cms-main{width:100%;margin:0;padding:16px}.cms-page{padding:16px}.cms-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-two-column,.cms-inline-form,.settings-grid{grid-template-columns:1fr}.cms-row{flex-direction:column;align-items:stretch}.cms-row>div{min-width:0}.cms-row .toolbar-actions{width:100%}.cms-row .toolbar-actions .button{flex:140px;min-height:44px}.cms-page>.editor-toolbar{flex-wrap:wrap;align-items:flex-start}.cms-page>.editor-toolbar>.button,.cms-page>.editor-toolbar>.upload-button{min-height:44px}.cms-tabs{flex-wrap:nowrap;overflow-x:auto}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-card{grid-template-rows:120px auto auto;min-width:0}.media-card-body strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@media (width<=560px){.admin-login{min-height:calc(100vh - 96px)}.login-card{width:100%;padding:18px}.login-card .button{width:100%;min-height:44px}.cms-main,.cms-page{padding:14px}.cms-stat-grid{gap:10px}.cms-stat-grid article{padding:14px}.cms-stat-grid strong{font-size:26px}.media-grid{grid-template-columns:1fr}.cms-page>.editor-toolbar>.button,.cms-page>.editor-toolbar>.upload-button{width:100%}}@media (prefers-reduced-motion:reduce){.navigation-surface,.cms-sidebar{transition:none}}.mobile-editor-tabs{display:none}@media (width<=900px){.mobile-editor-tabs{border:1px solid var(--line);background:var(--surface-muted);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin:16px 0;padding:4px;display:grid}.mobile-editor-tabs button{min-height:44px;color:var(--text-soft);background:0 0;border:0;border-radius:6px;font-weight:900}.mobile-editor-tabs button.active{color:var(--blue-700);background:var(--surface-solid);box-shadow:var(--shadow)}.mobile-editor-tabs button:focus-visible{box-shadow:var(--focus-ring)}.editor-grid[data-mobile-tab=edit] .preview-pane,.editor-grid[data-mobile-tab=preview] .editor-form{display:none}.editor-form,.preview-pane{min-width:0;height:auto}.markdown-field{min-height:460px}.markdown-input{min-height:400px}}@media (width<=560px){.article-editor-page{width:min(100% - 24px,1160px);padding-bottom:calc(82px + env(safe-area-inset-bottom))}.article-editor-page>.admin-editor{padding:16px}.article-editor-page .editor-toolbar{align-items:flex-start}.article-editor-page .editor-toolbar>.toolbar-actions{z-index:36;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--surface-panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;padding:8px;display:grid;position:fixed;left:12px}.article-editor-page .editor-toolbar>.toolbar-actions .button{min-width:0;min-height:44px}.article-editor-page>.admin-editor>.form-feedback{z-index:20;border:1px solid var(--line);background:var(--surface-solid);border-radius:7px;padding:9px 12px;position:sticky;top:76px}.markdown-field{min-height:420px}.markdown-input{min-height:360px}.markdown-field-head{flex-direction:column;align-items:flex-start}.inline-upload{width:100%}}