: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;min-width:0;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{overscroll-behavior:contain;scrollbar-color:var(--blue-600) transparent;scrollbar-gutter:stable;scrollbar-width:thin;gap:14px;max-height:340px;margin-top:24px;padding-right:8px;display:grid;overflow-y:auto}.portfolio-stack:focus-visible{outline:2px solid var(--blue-600);outline-offset:5px}.portfolio-stack::-webkit-scrollbar{width:6px}.portfolio-stack::-webkit-scrollbar-track{background:0 0}.portfolio-stack::-webkit-scrollbar-thumb{background:var(--blue-600);border-radius:999px}.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}.visitor-profile-strip{align-items:center;gap:11px;min-height:38px;display:flex}.visitor-profile-strip>div{gap:2px;display:grid}.visitor-profile-strip strong{color:var(--text-strong)}.visitor-profile-strip small{justify-self:start;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.visitor-avatar{color:#fff;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;line-height:1;display:inline-grid}.visitor-avatar.tone-0{background:#2563eb}.visitor-avatar.tone-1{background:#0f766e}.visitor-avatar.tone-2{background:#b45309}.visitor-avatar.tone-3{background:#be123c}.visitor-avatar.tone-4{background:#6d28d9}.visitor-avatar.tone-5{background:#047857}.visitor-avatar.tone-6{background:#9f1239}.visitor-avatar.tone-7,.visitor-avatar.is-legacy{background:#475569}.comment-list{gap:0;margin-top:22px;display:grid}.comment-thread{border-bottom:1px solid var(--line);padding:20px 0}.comment-message{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;display:grid}.comment-message-body{min-width:0}.comment-message header{flex-wrap:wrap;align-items:center;gap:7px 10px;min-height:36px;display:flex}.comment-message header strong{color:var(--blue-900)}.comment-message header span{color:var(--text-soft);background:var(--surface-muted);border-radius:6px;padding:3px 7px;font-size:12px}.comment-message header .visitor-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.comment-message header .reply-target{color:var(--blue-700);background:var(--blue-50)}.comment-message time{color:var(--muted);margin-left:auto;font-size:12px}.comment-message-body>p{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;line-height:1.75}.comment-actions{align-items:center;gap:4px;margin-top:9px;display:flex}.comment-action{min-width:32px;min-height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:4px 7px;font-size:12px;display:inline-flex}.comment-action:hover,.comment-action:focus-visible{color:var(--blue-700);background:var(--blue-50)}.comment-action.danger:hover,.comment-action.danger:focus-visible{color:var(--danger);background:var(--danger-bg)}.comment-replies{border-left:2px solid var(--line);gap:18px;margin:18px 0 0 18px;padding-left:28px;display:grid}.comment-reply{grid-template-columns:32px minmax(0,1fr)}.comment-reply .visitor-avatar{flex-basis:32px;width:32px;height:32px;font-size:12px}.comment-tombstone-mark{background:var(--line-strong);width:36px;height:2px;margin-top:17px}.comment-message.is-deleted .comment-message-body>p,.comment-thread.is-deleted>.comment-root .comment-message-body>p{color:var(--muted);font-style:italic}.reply-composer{border-left:3px solid var(--blue-600);background:var(--surface-muted);gap:10px;margin:14px 0 0 48px;padding:14px;display:grid}.comment-reply .reply-composer{margin-left:0}.reply-composer-heading{color:var(--text-soft);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.reply-composer-heading button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:inline-grid}.reply-composer-heading button:hover,.reply-composer-heading button:focus-visible{color:var(--text-strong);background:var(--surface-tint)}.reply-composer input,.reply-composer textarea{border:1px solid var(--line-strong);width:100%;color:var(--text);background:var(--surface-solid);border-radius:7px}.reply-composer textarea{resize:vertical}.reply-composer .button{justify-self:start}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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 strong{color:var(--text-strong);font-synthesis:weight;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-block.is-collapsed .markdown-code-toolbar{border-bottom-color:#0000}.markdown-code-language{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.markdown-code-actions{flex:none;align-items:center;gap:6px;display:flex}.markdown-code-copy,.markdown-code-toggle{border:1px solid var(--code-copy-border);min-height:30px;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,.markdown-code-toggle:hover,.markdown-code-toggle: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-content[hidden]{display:none}.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}.article-subscription-band{border-block:1px solid var(--line);background:var(--surface-section);grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);align-items:center;gap:16px 28px;width:min(100% - 32px,1160px);margin:0 0 24px;padding:20px 24px;display:grid}.article-subscription-copy{color:var(--blue-700);align-items:flex-start;gap:12px;display:flex}.article-subscription-copy h2,.article-subscription-copy p{margin:0}.article-subscription-copy h2{color:var(--text-strong);font-size:19px}.article-subscription-copy p{color:var(--text-soft);margin-top:4px;font-size:13px;line-height:1.6}.article-subscription-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.article-subscription-form .button{min-height:42px}.subscription-feedback{grid-column:1/-1;margin:0;font-size:13px;font-weight:800}.subscription-feedback.is-success{color:var(--code-copy-success-text)}.subscription-feedback.is-error{color:var(--danger)}.subscription-action-page{border-block:1px solid var(--line);width:min(100% - 32px,720px);color:var(--blue-700);justify-items:start;gap:12px;margin:36px auto;padding:32px 0;display:grid}.subscription-action-page h1,.subscription-action-page p{margin:0}.subscription-action-page h1{color:var(--text-strong)}.subscription-action-page>p:not(.section-kicker){color:var(--text-soft)}.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);white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:900}.admin-comment-groups{gap:10px;display:grid}.admin-comment-group{border:1px solid var(--line);background:var(--surface-solid);border-radius:8px;overflow:hidden}.admin-comment-group>summary{min-height:64px;color:var(--text-strong);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;list-style-position:inside;display:flex}.admin-comment-group>summary:hover{background:var(--surface-muted)}.admin-comment-group>summary:focus-visible{box-shadow:inset var(--focus-ring);outline:0}.admin-comment-group>summary>span:first-child{gap:4px;min-width:0;display:inline-grid}.admin-comment-group>summary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-comment-group>summary small{color:var(--muted);font-size:12px}.admin-comment-list{border-top:1px solid var(--line)}.admin-comment-list .cms-row+.cms-row{border-top:1px solid var(--line-soft)}.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))}.mail-admin{gap:26px;display:grid}.mail-settings-form{padding-top:4px}.mail-section-heading{grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;display:flex}.mail-section-heading h3,.mail-section-heading p{margin:0}.mail-section-heading h3{color:var(--text-strong);align-items:center;gap:7px;font-size:17px;display:flex}.mail-section-heading p{color:var(--muted);margin-top:4px;font-size:13px}.mail-enabled-toggle,.mail-settings-form .clear-password-option{grid-template-columns:unset;align-items:center;gap:8px;display:inline-flex}.mail-enabled-toggle input,.mail-settings-form .clear-password-option input{width:16px;min-height:16px}.mail-form-actions{grid-column:1/-1}.mail-admin-section{border-top:1px solid var(--line);gap:14px;padding-top:24px;display:grid}.mail-inline-form,.mail-filter-bar{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.mail-filter-bar{grid-template-columns:minmax(220px,1fr) 180px auto}.mail-record-list{border-block:1px solid var(--line);display:grid}.mail-record-row{justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:12px 0;display:flex}.mail-record-row+.mail-record-row{border-top:1px solid var(--line-soft)}.mail-record-row>div{gap:4px;min-width:0;display:grid}.mail-record-row strong,.mail-record-row span,.mail-record-row small{overflow-wrap:anywhere}.mail-record-row span,.mail-record-row small,.mail-pagination{color:var(--muted);font-size:12px}.mail-record-row small{font-family:Cascadia Code,Consolas,monospace}.mail-pagination{justify-content:flex-end;align-items:center;gap:10px;display:flex}@media (width<=760px){.article-subscription-band{grid-template-columns:1fr;width:min(100% - 24px,1160px);padding:18px 0}.article-subscription-form,.mail-inline-form,.mail-filter-bar{grid-template-columns:1fr}.article-subscription-form .button,.mail-inline-form .button,.mail-filter-bar .button{min-height:44px}.mail-section-heading,.mail-record-row{flex-direction:column;align-items:stretch}.admin-comment-group>summary{align-items:flex-start}.admin-comment-group>summary strong{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}.mail-record-row .button{width:100%;min-height:44px}.mail-pagination{justify-content:space-between}}.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:repeat(6,auto) minmax(360px,1fr);gap:14px;display:grid;overflow:auto}.editor-form.has-link-password{grid-template-rows:repeat(7,auto) minmax(360px,1fr)}.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:min(100%,320px);min-width:0;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;transition:opacity .22s,transform .22s}.topbar.has-open-navigation{z-index:50}.topbar.is-mobile-article-hidden{pointer-events:none;opacity:0;transform:translateY(calc(-100% - 16px))}.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,.topbar{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-message 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}.upload-button.disabled{cursor:not-allowed;opacity:.58}.markdown-field-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.markdown-field-head>label{color:var(--text);font-weight:800}.markdown-field-actions,.markdown-import-recovery{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.inline-upload{min-height:32px;padding:6px 10px;font-size:13px;font-weight:800}.markdown-import-status{border:1px solid var(--line);color:var(--blue-800);background:var(--surface-raised);border-radius:7px;gap:8px;margin-top:10px;padding:10px 12px;font-size:13px;font-weight:800;display:grid}.markdown-import-status.failed{border-color:var(--danger-line);color:var(--danger);background:var(--danger-bg)}.markdown-import-status-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.markdown-import-status progress{width:100%;height:6px;accent-color:var(--blue-600)}.markdown-import-recovery{justify-content:flex-start}.markdown-import-errors{gap:5px;margin:0;padding:0;list-style:none;display:grid}.markdown-import-errors li{justify-content:space-between;gap:12px;display:flex}.markdown-import-errors span{overflow-wrap:anywhere}.markdown-import-errors small{color:inherit;flex:none;font-weight:700}.markdown-import-recovery .button{min-height:34px;padding:6px 10px;font-size:12px}.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-message{grid-template-columns:32px minmax(0,1fr);gap:10px}.comment-root .visitor-avatar,.comment-tombstone-mark{width:32px}.comment-replies{margin-left:12px;padding-left:16px}.reply-composer{margin-left:42px}.comment-reply .reply-composer{margin-left:0}.comment-form .button,.comment-pagination .button,.reply-composer .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}.markdown-field-actions,.inline-upload{width:100%}.markdown-field-actions .inline-upload{flex:100%;min-height:42px}.markdown-import-status-line,.markdown-import-errors li,.markdown-import-recovery{flex-direction:column;align-items:stretch}.markdown-import-recovery .button{width:100%}}