:root{--bg:#f8f7f3;--panel:#fffefa;--ink:#1e2927;--muted:#67736e;--line:#e5e7de;--green:#174f46;--green-soft:#e6efe8;--accent:#b67b41;--sidebar:#f0f2ea;--shadow:0 14px 36px rgba(37,61,49,.055);--radius:18px;--sans:"Inter","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif}
:root[data-theme=dark]{--bg:#151b19;--panel:#1b2521;--ink:#edf4ed;--muted:#a2b1a7;--line:#334039;--green:#9ad2b9;--green-soft:#263d32;--accent:#e0ad73;--sidebar:#17201c;--shadow:0 14px 36px rgba(0,0,0,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.layout{min-height:100vh;display:flex}.sidebar{position:sticky;top:0;align-self:flex-start;width:248px;min-width:248px;height:100vh;background:var(--sidebar);border-right:1px solid var(--line);padding:32px 20px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 10px}.brand-mark{background:#174f46;color:#fffdf8;font-size:24px;font-weight:800;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;box-shadow:0 8px 20px #104c3925}.brand-words{display:flex;flex-direction:column;line-height:1.28}.brand-words strong{font-size:23px;font-weight:750;letter-spacing:3px}.brand-words small{font-size:9px;color:var(--muted);letter-spacing:1.2px;margin-top:5px}.sidebar-strap{color:var(--muted);font-size:13px;padding:32px 12px 21px;line-height:1.8}.nav-heading{font-size:11px;letter-spacing:1.6px;color:var(--muted);font-weight:700;padding:29px 15px 13px}.side-nav{overflow-y:auto;min-height:0}.nav-link{width:100%;text-align:left;display:flex;align-items:center;gap:11px;color:var(--muted);border:0;background:transparent;padding:11px 13px;border-radius:11px;font-size:14px;margin:2px 0}.nav-link:hover,.nav-link.active{background:var(--green-soft);color:var(--green);font-weight:650}.nav-glyph{width:22px;font-size:18px;text-align:center}.nav-count{margin-left:auto;font-size:12px;opacity:.8}.sidebar-bottom{margin-top:auto;padding:16px 10px 0}.sidebar-note{font-size:12px;color:var(--muted);padding:16px;border-top:1px solid var(--line);line-height:1.8}.theme-btn{background:transparent;border:0;color:var(--muted);padding:8px 12px;border-radius:8px}.theme-btn:hover{background:var(--green-soft);color:var(--green)}.main-shell{flex:1;min-width:0;max-width:1700px}.topbar{height:76px;padding:0 clamp(22px,4.6vw,78px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb span{margin:0 9px;color:#a7b0a8}.header-actions{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);white-space:nowrap}.online-indicator{height:7px;width:7px;border-radius:50%;background:#66a98a}.desktop-theme{font-size:20px;margin-left:10px}.footer{border-top:1px solid var(--line);margin:24px clamp(22px,4.6vw,78px) 0;padding:22px 0 30px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}#app{padding:0 clamp(22px,4.6vw,78px) 50px;min-height:calc(100vh - 155px)}.hero{padding:58px 0 38px;display:grid;grid-template-columns:1fr 230px;align-items:center;gap:26px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-size:12px;font-weight:750;letter-spacing:2px;text-transform:uppercase}.eyebrow:before{content:"";height:2px;width:22px;background:var(--accent)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(37px,4.4vw,65px);line-height:1.22;letter-spacing:-2px;margin:20px 0 18px;font-weight:760}.hero h1 em{font-style:normal;color:var(--green)}.hero p{font-size:16px;color:var(--muted);line-height:1.95;max-width:610px}.hero-art{width:220px;height:206px;border-radius:50% 50% 45% 55%;background:radial-gradient(circle at 48% 53%,#e8efe0 0,#d8e9db 52%,#f4eee0 53%,#f4eee0 60%,transparent 61%);position:relative;margin:auto}.hero-art:before{content:"知";font-size:105px;color:#22594c;font-family:serif;font-weight:700;position:absolute;top:19px;left:52px;transform:rotate(-8deg)}.hero-art:after{content:"✦  ✦";font-size:20px;color:#d5a76a;position:absolute;right:5px;top:20px;letter-spacing:15px}.stats{display:flex;gap:14px;flex-wrap:wrap;margin:15px 0 25px}.stat{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:12px 20px;display:flex;gap:10px;align-items:center}.stat strong{font-size:20px}.stat span{color:var(--muted);font-size:12px}.tool-row{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:30px 0 22px}.section-heading{font-size:24px;letter-spacing:-.8px;margin:0}.section-sub{font-size:13px;color:var(--muted);margin-top:3px}.search{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:0 15px;min-width:280px;height:44px}.search:focus-within{outline:2px solid #81af9755;border-color:#7eaa96}.search span{font-size:19px;color:var(--muted)}.search input{background:transparent;border:0;outline:0;color:var(--ink);width:100%;font-size:13px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 21px}.chip{font-size:12px;padding:7px 14px;border:1px solid var(--line);border-radius:100px;color:var(--muted);background:transparent}.chip:hover,.chip.selected{color:var(--green);background:var(--green-soft);border-color:transparent;font-weight:700}.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.note-card{padding:26px 26px 23px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:224px;transition:transform .18s,border-color .18s}.note-card:hover{transform:translateY(-3px);border-color:#a5c5b3}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.cat-pill{display:inline-block;padding:5px 10px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:700;border-radius:7px}.card-date{font-size:12px;color:var(--muted)}.note-card h3{font-size:20px;letter-spacing:-.5px;line-height:1.5;margin:0 0 12px}.note-card p{color:var(--muted);font-size:13px;line-height:1.85;margin-bottom:20px;flex:1}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:12px;color:var(--muted)}.arrow-bubble{background:var(--green-soft);color:var(--green);border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:16px}.empty{padding:65px 20px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.empty strong{display:block;font-size:18px;color:var(--ink);margin:10px 0}.article-head{max-width:800px;margin:0 auto;padding:56px 0 22px}.back-link{font-size:13px;color:var(--green);font-weight:650}.article-head h1{font-size:clamp(34px,4.6vw,53px);line-height:1.3;letter-spacing:-1.5px;margin:25px 0 18px}.article-lead{font-size:17px;color:var(--muted);line-height:1.9;max-width:690px}.article-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:25px}.article-wrap{max-width:800px;margin:12px auto 0}.article-body{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(25px,4vw,52px);box-shadow:var(--shadow);font-size:16px;line-height:1.96;overflow-wrap:anywhere}.article-body h2{font-size:24px;line-height:1.4;margin:36px 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:19px;margin:27px 0 10px}.article-body p{margin:0 0 19px}.article-body ul,.article-body ol{padding-left:24px;margin:10px 0 22px}.article-body li{margin-bottom:6px}.article-body strong{color:var(--green)}.article-body a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.article-body blockquote{border-left:3px solid var(--accent);background:var(--green-soft);padding:16px 21px;margin:24px 0;color:var(--ink);border-radius:0 9px 9px 0}.article-body blockquote p{margin:0}.article-body code{background:var(--green-soft);font-size:.89em;padding:2px 6px;border-radius:5px;font-family:Consolas,monospace}.article-body pre{background:#1d2b26;color:#edf4e9;border-radius:11px;padding:19px 22px;overflow:auto;line-height:1.6}.article-body pre code{background:transparent;color:inherit;padding:0}.article-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 35px}.action-button{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:10px 16px;border-radius:10px;font-size:13px}.action-button:hover{background:var(--green-soft)}.article-next{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px;color:var(--green);font-size:13px}.related{margin:43px 0 10px}.related h2{font-size:23px}.mobile-shade,.menu-toggle{display:none}.error-msg{background:var(--green-soft);border-radius:12px;padding:20px;margin-top:30px}.kbd{font-family:Consolas,monospace;font-size:12px;background:var(--green-soft);padding:3px 5px;border-radius:5px}
@media(max-width:1060px){.sidebar{width:216px;min-width:216px;padding-left:12px;padding-right:12px}.hero{grid-template-columns:1fr 175px}.hero-art{transform:scale(.79);transform-origin:center}}
@media(max-width:760px){.sidebar{position:fixed;transform:translateX(-110%);transition:transform .2s;box-shadow:var(--shadow);width:260px}.sidebar.open{transform:translateX(0)}.mobile-shade.show{display:block;position:fixed;inset:0;background:#0006;z-index:15}.menu-toggle{display:inline-block}.icon-btn{background:transparent;border:0;font-size:20px;color:var(--ink)}.topbar{height:65px;gap:9px}.header-actions{font-size:11px}.breadcrumb{margin-right:auto}.hero{grid-template-columns:1fr;padding:42px 0 20px}.hero-art{display:none}.note-grid{grid-template-columns:1fr}.tool-row{display:block}.search{margin-top:17px;min-width:0;width:100%}.footer{display:block}.footer span{display:block}.article-head{padding-top:38px}.article-body{padding:25px}}