:root { color-scheme:light; --paper:#fff9f0; --surface:#fffcf7; --ink:#1d1d1f; --muted:#726d67; --border:#1d1d1f; --line:#e5dfd6; --selected:#eee8de; }
:root[data-theme=dark] { color-scheme:dark; --paper:#1a1714; --surface:#211d19; --ink:#ede5da; --muted:#bcb3a8; --border:#3c3630; --line:#3c3630; --selected:#332d27; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
body { margin:0; background:var(--paper); color:var(--ink); font:15px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; }
a { color:inherit; } button,input { font:inherit; color:inherit; }
button { cursor:pointer; background:var(--surface); border:2px solid var(--border); border-radius:8px; padding:5px 13px; }
button:hover { border-color:var(--ink); } button:disabled { opacity:.5; cursor:default; }
a:focus-visible,button:focus-visible,[contenteditable=true]:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
.docs-header { height:80px; padding:12px 32px; display:flex; align-items:center; gap:20px; position:sticky; top:0; background:var(--paper); z-index:20; }
.docs-brand img { display:block; object-fit:contain; }
[data-theme=dark] .docs-brand img { filter:invert(.97) sepia(.12); }
.header-divider { height:22px; border-left:1px solid var(--line); }
.docs-header nav { margin-left:auto; display:flex; align-items:center; gap:24px; }
.docs-header nav a { text-decoration:none; font-size:14px; }
.docs-tabs { position:sticky; top:80px; z-index:20; display:flex; gap:28px; padding:0 32px; height:52px; background:var(--paper); border-bottom:1px solid var(--line); }
.docs-tabs a { text-decoration:none; padding:10px 0; border-bottom:2px solid transparent; color:var(--muted); }
.docs-tabs a[aria-selected=true] { border-color:var(--ink); color:var(--ink); font-weight:600; }
.docs-layout { display:grid; grid-template-columns:264px minmax(0,1fr); min-height:calc(100svh - 208px); }
.docs-sidebar { position:sticky; top:132px; align-self:start; height:calc(100svh - 132px); overflow-y:auto; border-right:1px solid var(--line); padding:26px 16px 36px 24px; }
#docs-menu { display:none; }
#docs-directory h2 { font-size:12px; margin:26px 12px 9px; color:var(--muted); font-weight:500; letter-spacing:.06em; }
#docs-directory h2:first-child { margin-top:0; }
#docs-directory a { display:block; padding:8px 12px; margin:3px 0; border-radius:7px; text-decoration:none; font-size:14px; line-height:1.65; overflow-wrap:anywhere; }
#docs-directory a[aria-current=page] { background:var(--selected); font-weight:600; }
#docs-directory a:hover { background:var(--selected); }
#docs-directory time { display:block; color:var(--muted); font-size:12px; font-weight:400; }
#docs-main { width:100%; max-width:1000px; padding:38px 64px 72px; margin:0 auto; min-width:0; }
.article-top { display:flex; justify-content:space-between; align-items:center; min-height:36px; gap:16px; }
#docs-category { margin:0; color:var(--muted); font-size:13px; }
#docs-actions { display:flex; gap:8px; }
h1 { font-size:32px; line-height:1.4; letter-spacing:-.025em; margin:18px 0 8px; overflow-wrap:anywhere; }
#docs-date { margin:6px 0 26px; font-size:13px; color:var(--muted); }
#docs-body { overflow-wrap:anywhere; min-height:120px; }
#docs-body p { margin:0 0 18px; }
#docs-body h2 { font-size:23px; margin:30px 0 14px; line-height:1.5; }
#docs-body h3,#docs-body h4 { font-size:18px; margin:24px 0 12px; }
#docs-body ul,#docs-body ol { padding-left:24px; margin:14px 0 22px; }
#docs-body li { padding-left:4px; margin:8px 0; }
#docs-body a { text-decoration:underline; text-underline-offset:3px; }
#docs-body[contenteditable=true] { border:2px solid var(--border); border-radius:10px; background:var(--surface); padding:20px; min-height:320px; }
#docs-title-input { width:100%; font-size:26px; padding:10px 12px; border:2px solid var(--border); border-radius:8px; background:var(--surface); margin:8px 0; }
#docs-date-input { font-size:14px; padding:6px 10px; border:2px solid var(--border); border-radius:8px; background:var(--surface); margin:8px 0; }
.editor-label { display:block; margin-top:16px; font-size:13px; }
#docs-toolbar { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; }
#docs-toolbar button { font-size:13px; padding:3px 10px; }
#docs-status { font-size:13px; margin:10px 0; color:var(--muted); }
#docs-status:empty { display:none; }
#docs-pagination { display:flex; justify-content:space-between; gap:20px; margin-top:48px; padding-top:24px; border-top:1px solid var(--line); }
#docs-pagination a { max-width:48%; font-size:14px; text-decoration:none; }
#docs-pagination a:last-child { margin-left:auto; text-align:right; }
@media(min-width:1600px) { #docs-main { margin-left:6%; } }
@media(max-width:959px) {
 .docs-header { padding:10px 18px; height:68px; gap:12px; }
 .docs-brand img { width:90px; height:40px; }
 .docs-header nav { gap:14px; } .docs-header nav a { font-size:12px; } .docs-header nav a:first-child { display:none; }
 .docs-tabs { top:68px; height:50px; padding:0 20px; }
 .docs-layout { display:block; }
 .docs-sidebar { top:118px; z-index:15; height:auto; max-height:60svh; border-right:0; border-bottom:1px solid var(--line); padding:8px 16px; background:var(--paper); }
 #docs-menu { display:flex; justify-content:space-between; width:100%; border:0; background:none; padding:4px 0; }
 #docs-directory { display:none; padding:14px 0; } .docs-sidebar.is-open #docs-directory { display:block; }
 #docs-main { padding:25px 22px 50px; }
 h1 { font-size:26px; } #docs-actions button { padding:3px 9px; font-size:13px; }

}

#docs-title-input:focus-visible { outline:none; border-color:var(--ink); }
.docs-header nav a { white-space:nowrap; }
@media(max-width:379px) { .docs-header { padding:10px 12px; gap:8px; } .docs-brand img { width:80px; } .docs-header nav { gap:8px; } .docs-header nav a { font-size:11px; } }