:root{color-scheme:light;--font-display: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;--font-body: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--bg-base: #f5efe7;--bg-strong: #fffaf4;--surface: rgba(255, 255, 255, .86);--surface-strong: rgba(255, 255, 255, .96);--surface-muted: rgba(245, 236, 226, .85);--border-soft: rgba(87, 61, 39, .14);--border-strong: rgba(87, 61, 39, .22);--text-primary: #221a16;--text-secondary: #5f4f46;--text-muted: #82726a;--accent: #8c3f2e;--accent-strong: #6a241b;--accent-soft: rgba(140, 63, 46, .1);--accent-green: #3f6258;--success: #1d6b49;--danger: #b42318;--shadow-soft: 0 20px 60px rgba(50, 34, 22, .08);--shadow-card: 0 24px 72px rgba(50, 34, 22, .12);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;--page-width-normal: 1180px;--page-width-reading: 980px;font-family:var(--font-body);line-height:1.65;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at top left,rgba(140,63,46,.1),transparent 28%),radial-gradient(circle at 85% 18%,rgba(63,98,88,.12),transparent 24%),linear-gradient(180deg,#fbf7f1 0%,var(--bg-base) 56%,#f8f2ea 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(87,61,39,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(87,61,39,.025) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.12),transparent 78%);mask-image:linear-gradient(180deg,rgba(0,0,0,.12),transparent 78%)}body,button,input,textarea,select{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.14}p{margin:0}a{color:inherit}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:999px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fffaf6;padding:10px 16px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;box-shadow:0 14px 28px #6a241b29}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.65;transform:none}button.secondary,.link-button{background:#fffcf7f0;border-color:var(--border-soft);color:var(--text-primary);box-shadow:none}button.danger{background:linear-gradient(135deg,#c13f30,#991b1b)}input,textarea,select{width:100%;border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:11px 12px;background:#ffffffeb;color:var(--text-primary);transition:border-color .18s ease,box-shadow .18s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#8c3f2e66;box-shadow:0 0 0 4px #8c3f2e14}textarea{min-height:340px;resize:vertical}.page{width:min(100%,calc(var(--page-width-normal) + 48px));margin:0 auto;padding:28px 24px 56px}.page--normal{max-width:calc(var(--page-width-reading) + 48px)}.page--full{max-width:min(100%,1480px)}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.notice{color:var(--text-secondary);font-size:14px;line-height:1.75}.error{color:var(--danger)}.success{color:var(--success)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px}.link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.layout-toggle{display:inline-flex;padding:4px;border-radius:999px;border:1px solid var(--border-soft);background:#ffffffd6}.layout-toggle button{padding:8px 14px;border:none;background:transparent;color:var(--text-secondary);box-shadow:none}.layout-toggle button.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fffaf6}.preview{min-height:280px;padding:24px;border-radius:var(--radius-md);background:var(--surface-strong);overflow:auto}.preview h1,.preview h2,.preview h3,.preview h4{margin-top:1.7em;margin-bottom:.6em}.preview>:first-child{margin-top:0}.preview pre{overflow:auto;background:#1f1b19;color:#fcfbf8;padding:16px;border-radius:16px}.preview code{font-family:SFMono-Regular,Consolas,Menlo,monospace}.preview :not(pre)>code{padding:.15em .4em;border-radius:8px;background:#8c3f2e14}.preview img,.preview svg{max-width:100%;height:auto}.preview table{width:max-content;min-width:100%;border-collapse:collapse}.preview th,.preview td{border:1px solid rgba(87,61,39,.12);padding:10px 12px;text-align:left}.preview blockquote{margin:24px 0;padding:14px 18px;border-left:4px solid var(--accent);background:#8c3f2e0f;color:var(--text-secondary)}.preview hr{border:none;border-top:1px solid rgba(87,61,39,.12);margin:28px 0}.split-panel{--split-left-width: 320px;display:grid;grid-template-columns:minmax(0,var(--split-left-width)) 12px minmax(0,1fr);gap:0;align-items:start}.split-panel__left,.split-panel__right{min-width:0}.split-panel__divider{position:relative;width:12px;margin:0 12px;cursor:col-resize;border-radius:999px;background:linear-gradient(180deg,#8c3f2e1f,#3f62581f)}.split-panel__divider:before{content:"";position:absolute;inset:12px 4px;border-radius:999px;background:#ffffffb8}.file-list{overflow:auto}.file-list--adaptive{height:clamp(320px,calc(100vh - 280px),72vh)}.file-group{margin-bottom:14px}.file-group-title{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.file-item{margin-bottom:8px;padding:14px;border-radius:var(--radius-md);border:1px solid rgba(87,61,39,.08);background:#fffc;display:grid;gap:12px}.file-item.active{border-color:#8c3f2e3d;background:linear-gradient(180deg,#8c3f2e14,#ffffffe6)}.file-item-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}.file-item-header input[type=checkbox]{width:auto;margin-top:10px}.file-item-title-area{min-width:0}.file-open-btn{width:100%;padding-inline:0;margin-bottom:8px;justify-content:flex-start;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;border:none;background:transparent;color:var(--text-primary);box-shadow:none}.file-item-actions{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}.file-item-actions button{padding:7px 11px;font-size:13px}.file-item-badges{display:flex;gap:6px;flex-wrap:wrap}.file-item-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;border:1px solid rgba(87,61,39,.1);background:var(--surface-muted);color:var(--text-secondary);font-size:12px}.file-item-badge.is-public{color:var(--success);background:#3f62581f;border-color:#3f62582e}.file-item-badge.is-private{color:var(--text-muted)}.file-selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.file-editor-toolbar{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1fr) auto auto auto;gap:10px;align-items:center}.editor-preview-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}.editor-preview-split section{min-width:0}.editor-pane-scroll,.preview-pane-scroll{height:clamp(360px,calc(100vh - 320px),74vh);overflow:auto}.editor-pane-scroll{min-height:300px;resize:vertical}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.admin-page h1,.viewer-page h1,.blog-hero h1,.admin-login-page h1{line-height:1.08}.admin-page{display:grid;gap:18px}.admin-page.page--normal{max-width:min(100%,1480px)}.admin-page.page--full{width:100%;max-width:none;padding-inline:clamp(16px,2vw,28px)}.admin-shell__header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:28px 30px;border-radius:var(--radius-lg);border:1px solid rgba(87,61,39,.08);background:#fffcf7eb;box-shadow:var(--shadow-soft)}.admin-shell__header-main,.admin-shell__title-block{display:grid;gap:10px}.admin-shell__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-shell__eyebrow,.blog-hero__eyebrow,.blog-section-eyebrow,.viewer-section-eyebrow,.admin-login-card__eyebrow,.admin-login-hero__eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.admin-shell__description{max-width:720px;color:var(--text-secondary)}.admin-tabs{display:flex;gap:12px;margin:0 0 20px;flex-wrap:wrap}.admin-tabs a,.admin-tabs span{display:inline-flex;align-items:center;border-radius:999px;padding:8px 14px;font-size:14px;text-decoration:none;background:#ffffffd1;border:1px solid var(--border-soft);color:var(--text-secondary)}.admin-tabs .active{background:linear-gradient(135deg,#8c3f2e29,#3f62581f);border-color:#8c3f2e2e;color:var(--text-primary)}.admin-metric-grid,.admin-settings-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-metric-card,.admin-settings-summary article{padding:18px 20px;border-radius:var(--radius-md);border:1px solid rgba(87,61,39,.08);background:#fffc}.admin-metric-card__label,.admin-metric-card__hint,.admin-settings-summary .notice,.admin-file-card__meta,.blog-group-note,.blog-card__meta-label{color:var(--text-muted)}.admin-metric-card__label,.blog-card__meta-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.admin-metric-card__value,.admin-settings-summary strong{display:block;margin:10px 0 6px;font-family:var(--font-display);font-size:clamp(1.5rem,2vw,2rem)}.admin-status-panel{display:grid;gap:6px;padding:16px 18px;border-radius:var(--radius-md);border:1px solid rgba(87,61,39,.08);background:#faf5efeb}.admin-status-panel--success{border-color:#3f62582e;background:#3f62581a}.admin-status-panel--error{border-color:#b423182e;background:#b4231814}.admin-status-panel__title{font-family:var(--font-display);font-size:1.05rem}.admin-workbench__panel,.admin-settings-panel{display:grid;gap:16px}.admin-files-workspace{display:grid}.admin-workbench__panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.admin-editor-focus-bar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--radius-md);border:1px solid rgba(87,61,39,.08);background:#f5ece28f;color:var(--text-secondary)}.admin-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-settings-panel--wide{grid-column:1 / -1}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-form-grid label,.admin-login-form__field{display:grid;gap:6px;color:var(--text-secondary)}.checkbox-list{display:grid;gap:10px}.checkbox-list label,.inline-check{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary)}.inline-check{white-space:nowrap}.inline-check input,.checkbox-list input{width:auto}.admin-pages-visibility{display:grid;gap:12px;padding:18px;border-radius:var(--radius-md);border:1px solid rgba(87,61,39,.08);background:#f5ece294}.admin-pages-visibility__heading{display:grid;gap:6px}.admin-login-page{min-height:100vh;display:grid;align-items:center}.admin-login-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,440px);gap:24px}.admin-login-hero,.admin-login-card{padding:32px;border-radius:var(--radius-xl);border:1px solid var(--border-soft);box-shadow:var(--shadow-card)}.admin-login-hero{background:radial-gradient(circle at top left,rgba(140,63,46,.16),transparent 32%),linear-gradient(135deg,#fffbf6f2,#f2e7dce0);display:grid;gap:20px}.admin-login-hero__description{max-width:34rem;color:var(--text-secondary);font-size:1.05rem}.admin-login-hero__panel{display:grid;gap:8px;max-width:32rem;padding:18px 20px;border-radius:var(--radius-md);border:1px solid rgba(87,61,39,.08);background:#ffffffb3}.admin-login-card{background:#ffffffeb;display:grid;gap:16px}.admin-login-form{display:grid;gap:14px}.blog-page{max-width:1260px;margin:0 auto;padding:40px 24px 64px}.blog-content{display:grid;gap:28px}.blog-hero{display:grid;gap:16px;margin-bottom:16px}.blog-hero__masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;padding:0 4px 18px;border-bottom:1px solid rgba(87,61,39,.12)}.blog-hero__content{display:grid;gap:8px}.blog-hero__description{max-width:38rem;color:var(--text-secondary);font-size:.95rem}.blog-hero__nav{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.blog-hero__nav-link{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--border-soft);background:#ffffffd1;color:var(--text-primary);text-decoration:none}.blog-hero__nav-link:hover{border-color:#8c3f2e38;background:#fffffff0}.blog-hero__actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.blog-hero__metrics{display:flex;gap:10px;flex-wrap:wrap}.blog-hero__metric-pill,.blog-hero__admin-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border-soft);background:#ffffffc2;color:var(--text-secondary)}.blog-hero__metric-pill{color:var(--accent-strong)}.blog-hero__admin-link{color:var(--text-secondary);text-decoration:none}.blog-filter-card,.blog-section-card{display:grid;gap:16px}.blog-filter-card__header{display:flex;justify-content:space-between;align-items:end;gap:16px}.blog-section-card{gap:20px;position:relative;overflow:hidden}.blog-section-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px}.blog-section-card--writing{background:radial-gradient(circle at top right,rgba(140,63,46,.1),transparent 28%),#ffffffdb}.blog-section-card--writing:before{background:linear-gradient(90deg,#8c3f2ed1,#8c3f2e1f)}.blog-section-card--special{background:radial-gradient(circle at top right,rgba(63,98,88,.14),transparent 30%),#fbfdfbeb}.blog-section-card--special:before{background:linear-gradient(90deg,#3f6258d1,#3f625824)}.blog-topic-chips{display:flex;flex-wrap:wrap;gap:10px}.blog-topic-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(140,63,46,.12);background:#8c3f2e14;color:var(--accent-strong);font-size:14px;box-shadow:none;cursor:pointer}.blog-topic-chip.is-active{background:linear-gradient(135deg,#8c3f2e29,#6a241b29);border-color:#8c3f2e38}.blog-topic-chip__label{white-space:nowrap}.blog-topic-chip strong{font-size:12px;font-family:var(--font-body)}.blog-section-card__header{display:grid;gap:8px;padding:0 4px}.blog-group-list{display:grid;gap:24px}.blog-group-block{display:grid;gap:14px;padding:0 4px 18px;border-bottom:1px solid rgba(87,61,39,.1)}.blog-group-block:last-child{padding-bottom:0;border-bottom:none}.blog-group-block__header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.blog-group-title{margin-bottom:4px;font-size:1.2rem}.blog-group-count{color:var(--text-muted);white-space:nowrap}.blog-list-rows{display:grid;gap:8px}.blog-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid rgba(87,61,39,.08)}.blog-list-row:last-child{border-bottom:none;padding-bottom:0}.blog-list-row__main{display:grid;gap:6px;min-width:0}.blog-list-row__side{display:grid;gap:10px;justify-items:end;text-align:right}.blog-list-row__meta{flex-shrink:0;padding-top:2px;color:var(--text-muted);font-size:13px}.blog-list-row__action{color:var(--accent-strong);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.blog-card-link{color:var(--text-primary);text-decoration:none;font-weight:700;font-size:1.02rem}.blog-meta,.blog-empty{color:var(--text-secondary);font-size:14px}.viewer-page{padding-top:32px}.viewer-page.page--normal{max-width:min(100%,1480px)}.viewer-page.page--full{width:100%;max-width:none;padding-inline:clamp(16px,2vw,28px)}.viewer-page.page--full .viewer-article-shell{grid-template-columns:1fr;gap:18px}.viewer-page.page--full .viewer-article-sidebar{position:static;order:-1}.viewer-article-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,280px);gap:20px;align-items:start}.viewer-article-main{display:grid;gap:18px;min-width:0}.viewer-article-sidebar{position:sticky;top:24px;display:grid;gap:12px}.viewer-article-header,.viewer-reading-mode-card,.viewer-outline-card{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:#ffffffe0;box-shadow:var(--shadow-soft)}.viewer-article-header,.viewer-reading-mode-card{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:24px}.viewer-article-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.viewer-article-meta span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:var(--surface-muted);color:var(--text-secondary);font-size:14px}.viewer-article-actions{display:flex;gap:10px;flex-wrap:wrap}.viewer-reading-mode-card{align-items:center}.viewer-layout-note{padding-inline:8px}.viewer-article-body{padding:0;overflow:hidden}.viewer-article-preview{min-height:520px;padding:clamp(22px,3vw,40px);border:none;box-shadow:none;background:linear-gradient(180deg,#fffffffa,#fbf7f1f5)}.viewer-outline-card{padding:18px}.viewer-outline-list{display:grid;gap:6px;margin-top:12px}.viewer-outline-link{display:block;padding:8px 10px;border-radius:14px;color:var(--text-secondary);text-decoration:none}.viewer-outline-link:hover{background:#8c3f2e14;color:var(--text-primary)}.viewer-outline-link--depth-2{margin-left:10px}.viewer-outline-link--depth-3{margin-left:20px}.viewer-outline-link__label{display:block;font-size:14px;line-height:1.5}.slides-embed-shell{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;padding:18px}.slides-embed-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:radial-gradient(circle at top right,rgba(63,98,88,.12),transparent 26%),linear-gradient(180deg,#fffffff5,#f6efe7eb);box-shadow:var(--shadow-soft)}.slides-embed-toolbar__main{display:grid;gap:8px}.slides-embed-toolbar__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.slides-embed-frame{width:100%;min-height:0;height:calc(100vh - 180px);border:none;border-radius:calc(var(--radius-xl) - 4px);background:#fff;box-shadow:var(--shadow-card)}.slides-index-hero{display:grid;gap:10px}.slides-index-hero__actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:1100px){.blog-hero,.viewer-article-shell,.admin-login-layout,.admin-metric-grid,.admin-settings-summary,.blog-hero__masthead{grid-template-columns:1fr}.blog-filter-card__header{flex-direction:column;align-items:flex-start}.slides-embed-toolbar{flex-direction:column}.viewer-article-sidebar{position:static}}@media(max-width:900px){.split-panel{grid-template-columns:1fr}.split-panel__divider{display:none}.split-panel__left{margin-bottom:14px}.grid,.admin-settings-grid,.settings-form-grid,.file-editor-toolbar,.editor-preview-split{grid-template-columns:1fr}.page-header,.viewer-article-header,.viewer-reading-mode-card,.blog-group-block__header,.admin-workbench__panel-header,.admin-shell__header,.admin-editor-focus-bar,.slides-embed-toolbar__actions{flex-direction:column}}@media(max-width:640px){.page,.blog-page{padding-inline:16px;padding-bottom:40px}.card,.admin-login-card,.admin-login-hero,.viewer-article-header,.viewer-reading-mode-card{padding:20px;border-radius:22px}.blog-hero__masthead,.blog-list-row{grid-template-columns:1fr}.blog-hero__actions,.blog-hero__nav,.viewer-article-actions,.admin-shell__actions,.link-button,.admin-shell__actions button{width:100%}.slides-embed-shell{padding:12px}.slides-embed-toolbar,.slides-embed-frame{border-radius:22px}.slides-embed-toolbar__actions,.slides-index-hero__actions{width:100%}.blog-list-row__side{justify-items:start;text-align:left}.file-item-actions,.row{width:100%;justify-content:flex-start}.file-item-actions button,.row button{flex:1 1 0}}