:root{color:#10213f;font-synthesis:none;text-rendering:optimizelegibility;--blue-900:#10213f;--blue-800:#173b78;--blue-700:#075cc7;--blue-600:#0b74de;--blue-100:#dcecff;--blue-50:#eef6ff;--line:#d9e6f7;--muted:#65758d;--danger:#c93737;--shadow:0 18px 50px #0d4c8f1f;background:#f5f9ff;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.site-shell{background:linear-gradient(#deeefff0 0,#f5f9ffdb 360px),radial-gradient(circle at 14% 12%,#3084e62e,#0000 28rem),#f5f9ff;min-height:100vh}.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}.brand-logo{object-fit:contain;background:#ffffffd1;border:1px solid #d9e6f7f2;border-radius:50%;width:44px;height:44px;padding:3px;display:block;box-shadow:0 12px 26px #0b74de2e}.nav-links{background:#ffffffb8;border:1px solid #d9e6f7db;border-radius:8px;gap:4px;padding:5px}.nav-links a{color:#38516f;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)}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:#ffffffb8;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{color:#48637f;max-width:680px;font-size:20px;line-height:1.8}.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:#fff;background:var(--blue-700);box-shadow:0 12px 26px #075cc733}.button.ghost{color:var(--blue-800);border-color:var(--line);background:#ffffffd1}.button.danger{color:var(--danger);background:#fff6f6;border-color:#c9373738}.button.full{width:100%}.button:disabled{cursor:not-allowed;opacity:.65;transform:none}.hero-panel,.login-card,.admin-sidebar,.admin-editor{box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #d9e6f7f2;border-radius:8px}.hero-panel{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:linear-gradient(135deg,#fff,#f2f7ff);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{background:#ffffffbd;border:1px solid #d9e6f7c7;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:#fff;border-radius:8px;transition:transform .18s,box-shadow .18s;overflow:hidden}.article-card:hover{transform:translateY(-2px);box-shadow:0 16px 38px #10213f1a}.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:#59708d;flex-wrap:wrap;font-size:12px}.meta-icon{align-items:center;gap:4px;display:inline-flex}.meta-icon.private{color:#9a5a15}.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:#fff;border-radius:8px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.rank-list span{color:#fff;background:var(--blue-700);border-radius:7px;place-items:center;width:28px;height:28px;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);color:#48637f;background:#fff;border-radius:999px;min-height:38px;padding:8px 13px}.category-tabs button.active,.category-tabs button:hover{color:#fff;border-color:var(--blue-700);background:var(--blue-700)}.list-summary,.loading-row{color:var(--muted);margin-bottom:16px}.empty-state{color:var(--muted);background:#eef6ffbd;border:1px dashed #b7cdea;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{border:1px solid var(--line);max-width:860px;box-shadow:var(--shadow);background:#fff;border-radius:8px;margin:34px auto 0;padding:36px}.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}.markdown-body{color:#1e304a;word-break:break-word;line-height:1.86}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--blue-900);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-body pre{background:#10213f;border-radius:8px;padding:18px;overflow-x:auto}.markdown-body code{color:#0d4f9d;background:#eef6ff;border-radius:5px;padding:2px 5px}.markdown-body pre code{color:#edf7ff;background:0 0;padding:0}.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:#314762;gap:7px;font-size:14px;font-weight:800;display:grid}input,textarea,select{color:#142743;background:#fff;border:1px solid #cbdcf0;border-radius:7px;outline:none;width:100%}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:0 0 0 3px #0b74de1f}.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-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:#fff;border-radius:7px;place-items:center;display:grid}.admin-list{margin-top:16px}.admin-list-item{border:1px solid var(--line);cursor:pointer;background:#fff;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:minmax(680px,1.12fr) minmax(600px,.88fr);align-items:start;gap:30px;margin-top:18px;display:grid}.editor-form{grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto;gap:14px;display:grid;overflow:hidden}.form-row{grid-template-columns:.72fr 1fr;gap:14px;display:grid}.switch-row label{grid-template-columns:unset;border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.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:#f8fbff;border-radius:8px;flex-direction:column;min-width:0;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,.admin-layout,.editor-grid,.form-row{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}.nav-links{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.nav-links a{text-align:center}.hero-section{min-height:auto}.admin-sidebar{max-height:none;position:static}}@media (width<=560px){main,.topbar{width:min(100% - 24px,1160px)}.nav-links{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy h1{font-size:42px}.content-section,.article-detail,.login-card,.admin-sidebar,.admin-editor{padding:18px}.rank-list a{grid-template-columns:32px 1fr}.rank-list em{grid-column:2}}.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);cursor:pointer;white-space:nowrap;background:#fff;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:0;display:flex;overflow:hidden}@media (width<=1180px){.editor-grid,.cover-tools,.three-fields,.wide-title-row{grid-template-columns:1fr}.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);color:#48637f;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;font-weight:800;display:flex}.box-tabs button.active{color:#fff;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:#fff}.admin-empty{min-height:80px;color:var(--muted);background:#eef6ff9e;border:1px dashed #b7cdea;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:#fff}.admin-editor{min-width:0}.editor-form,.preview-pane{border:1px solid var(--line);background:#f8fbff;border-radius:8px;min-width:0;height:940px;padding:18px}