@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Noto+Serif+SC:wght@500;600;700&display=swap');

:root { --ink:#1c211b; --muted:#777d72; --paper:#f8f8f4; --side:#eef0e9; --line:#dde0d7; --sage:#73816a; --sage-dark:#4e5d48; --warm:#e5d6bc; --danger:#9b4e48; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans","PingFang SC",sans-serif; }
button,input { font:inherit; } button { cursor:pointer; border:0; color:inherit; background:none; }
.hidden { display:none!important; }

.lock-screen { min-height:100vh; display:grid; place-items:center; position:relative; overflow:hidden; background:#eef0e9; }
.lock-screen::before,.lock-screen::after { content:""; position:absolute; border-radius:50%; filter:blur(1px); opacity:.8; }
.lock-screen::before { width:48vw;height:48vw;min-width:500px; background:#dce6d4; top:-25vw;left:-10vw; }
.lock-screen::after { width:36vw;height:36vw;min-width:390px; background:#ece1cd;right:-10vw;bottom:-17vw; }
.lock-card { position:relative;z-index:1;width:min(420px,calc(100vw - 42px));padding:52px 46px 40px;border:1px solid rgba(255,255,255,.8);background:rgba(250,251,247,.65);box-shadow:0 25px 70px rgba(55,66,49,.11);backdrop-filter:blur(14px);text-align:center; }
.brand-mark { width:54px;height:54px;margin:0 auto 23px;display:grid;place-items:center;border-radius:50%;background:var(--sage-dark);color:#fff;font:600 25px "Noto Serif SC",serif; }
.brand-mark.small { margin:0;width:29px;height:29px;font-size:15px; }
.eyebrow { margin:0 0 7px;color:var(--sage);font:500 10px "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase; }
.lock-card h1 { margin:0;font:600 28px/1.32 "Noto Serif SC",serif;letter-spacing:.03em; }.lock-card>p:not(.privacy-note) { margin:10px 0 30px;color:var(--muted);font-size:14px; }
#lockForm { text-align:left; }.lock-card label { display:block;margin-bottom:8px;font-size:12px;font-weight:600; }.password-field { display:flex;border-bottom:1px solid #aeb4a9; }.password-field:focus-within { border-color:var(--sage-dark); }.password-field input { width:100%;padding:12px 3px 10px;border:0;outline:0;background:transparent;font-size:15px; }.password-field button { width:28px;color:var(--muted); }
.form-hint { min-height:16px;margin:9px 0 17px!important;color:var(--muted);font-size:11px!important; }.form-hint.error { color:var(--danger); }.unlock-button { width:100%;padding:14px;background:var(--sage-dark);color:#fff;transition:.2s; }.unlock-button:hover { background:#3e4d39; }.unlock-button span { margin-left:8px; }.privacy-note { margin:25px 0 0!important;color:#92978e;font-size:11px!important; }.grain { position:absolute;inset:0;opacity:.21;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E"); }

.workspace { height:100vh;display:flex;overflow:hidden; }.sidebar { width:260px;flex:none;padding:20px 13px 15px;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column;transition:width .25s,padding .25s;overflow:hidden; }.sidebar.is-collapsed { width:57px;padding:20px 10px; }.sidebar-top,.content-header,.heading-area,.header-actions,.notebooks-heading,.editor-meta,.editor-title-row { display:flex;align-items:center; }.sidebar-top { justify-content:space-between;padding:0 7px 25px; }.brand { display:flex;align-items:center;gap:9px;font:600 18px "Noto Serif SC",serif;white-space:nowrap; }.icon-button { width:29px;height:29px;border-radius:6px;color:var(--muted);font-size:23px;line-height:1; }.icon-button:hover,.editor-action:hover { background:rgba(90,105,84,.1); }.new-note { width:100%;display:flex;align-items:center;gap:8px;padding:10px 11px;margin-bottom:19px;background:var(--sage-dark);color:#fff;text-align:left;border-radius:5px;font-size:13px;white-space:nowrap; }.new-note span:first-child { font-size:18px;font-weight:300;line-height:10px; }.new-note kbd { margin-left:auto;font:9px "DM Mono",monospace;opacity:.56; }.nav-section { padding-bottom:17px;border-bottom:1px solid #d9dcd4; }.nav-item { width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:5px;color:#5d6659;font-size:13px;text-align:left;white-space:nowrap; }.nav-item>span:first-child { width:15px;text-align:center;font-size:16px;color:#747c70; }.nav-item:hover,.nav-item.active { background:rgba(255,255,255,.63);color:var(--ink); }.nav-item.active { font-weight:600; }.nav-item em { margin-left:auto;color:#94998f;font:10px "DM Mono",monospace;font-style:normal; }.notebooks-heading { justify-content:space-between;margin:19px 4px 8px; }.section-toggle { display:flex;align-items:center;gap:7px;color:#71796c;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase; }.chevron { font-size:14px; }.section-toggle.closed .chevron { transform:rotate(-90deg); }.add-notebook { padding:2px 5px;color:#748070;font-size:18px; }.notebook-list { overflow:auto; }.notebook-item { width:100%;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:5px;color:#5d6659;font-size:13px;text-align:left;white-space:nowrap; }.notebook-item:hover,.notebook-item.active { background:rgba(255,255,255,.63);color:var(--ink); }.notebook-dot { width:8px;height:8px;border-radius:50%;flex:none; }.notebook-item em { margin-left:auto;color:#959b92;font:10px "DM Mono",monospace;font-style:normal; }.sidebar-bottom { margin-top:auto;padding-top:12px;border-top:1px solid #d9dcd4; }.sidebar.is-collapsed .brand>span:last-child,.sidebar.is-collapsed .button-label,.sidebar.is-collapsed kbd,.sidebar.is-collapsed .nav-label,.sidebar.is-collapsed em,.sidebar.is-collapsed .notebooks-heading,.sidebar.is-collapsed .notebook-list { display:none; }.sidebar.is-collapsed .sidebar-top { padding:0 4px 25px; }.sidebar.is-collapsed .new-note { padding:10px 10px; }.sidebar.is-collapsed .nav-item { padding:9px 10px; }.sidebar.is-collapsed .nav-item>span:first-child { font-size:18px; }

.content { flex:1;min-width:0;display:flex;flex-direction:column; }.content-header { min-height:99px;justify-content:space-between;padding:20px 42px 18px;border-bottom:1px solid var(--line); }.heading-area { gap:11px; }.heading-area h2 { margin:0;font:600 25px "Noto Serif SC",serif;letter-spacing:.03em; }.header-actions { gap:18px; }.search { width:218px;display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid transparent;border-radius:5px;color:#82887f;background:#f1f2ee; }.search:focus-within { border-color:#bdc3b7;background:#fff; }.search input { width:100%;border:0;outline:0;background:transparent;font-size:12px; }.search kbd { padding:2px 4px;color:#92978e;border:1px solid #d5d8d1;border-radius:3px;font:9px "DM Mono",monospace;white-space:nowrap; }.avatar { width:30px;height:30px;border-radius:50%;background:#d3b889;color:#fff;font-size:12px;font-weight:600; }.mobile-menu { display:none; }
.sync-status { color:#75816d;font-size:10px;white-space:nowrap; }.sync-status::before { content:"";display:inline-block;width:6px;height:6px;margin:0 5px 1px 0;border-radius:50%;background:#83a47c; }.sync-status.is-offline { color:#aa8055; }.sync-status.is-offline::before { background:#d0a36f; }
.search-wrap { position:relative; }.search-results { position:absolute;z-index:8;top:calc(100% + 7px);right:0;width:310px;max-height:360px;overflow:auto;padding:6px;background:#fff;border:1px solid #dde1d9;border-radius:6px;box-shadow:0 13px 30px rgba(45,56,40,.15); }.search-result-count,.search-result-empty { margin:5px 8px 7px;color:#889087;font-size:10px; }.search-result { display:grid;width:100%;gap:4px;padding:9px 10px;border-radius:4px;text-align:left; }.search-result:hover { background:#eef1eb; }.search-result strong { color:#566052;font-size:12px;font-weight:600; }.search-result small { overflow:hidden;color:#8b9288;font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap; }
.notes-pane { flex:1;overflow:auto;padding:28px 42px 45px; }.note-list-header { display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:var(--muted);font-size:12px; }.note-list-header button { color:var(--muted);font-size:12px; }.notes-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px; }.note-card { min-height:166px;padding:18px 18px 15px;border:1px solid var(--line);border-radius:5px;background:#fff;transition:transform .18s,box-shadow .18s;cursor:pointer;display:flex;flex-direction:column; }.note-card:hover { transform:translateY(-2px);box-shadow:0 9px 20px rgba(50,60,45,.08); }.card-top { display:flex;justify-content:space-between;align-items:center;margin-bottom:15px; }.card-notebook { display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px; }.card-star { color:#c2a16a;font-size:17px; }.note-card h3 { margin:0 0 8px;font:600 17px/1.35 "Noto Serif SC",serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.note-card p { margin:0;color:#7d837a;font-size:12px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }.card-bottom { margin-top:auto;padding-top:14px;color:#a1a69e;font:10px "DM Mono",monospace; }.empty-state { min-height:330px;display:grid;place-content:center;text-align:center;color:var(--muted); }.empty-icon { margin:auto auto 14px;color:#b5bbaa;font-size:26px; }.empty-state h3 { margin:0 0 8px;font:600 19px "Noto Serif SC",serif;color:#555d53; }.empty-state p { margin:0 0 19px;font-size:13px; }.outline-button { margin:auto;padding:8px 14px;border:1px solid #b7bdb1;border-radius:4px;color:var(--sage-dark);font-size:12px; }
.parallel-workspace { flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden; }.parallel-toolbar { display:flex;align-items:center;justify-content:space-between;padding:18px 42px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px; }.parallel-toolbar p { margin:4px 0 0;color:#a0a59d;font-size:11px; }.open-note-button { padding:9px 13px;border-radius:4px;background:var(--sage-dark);color:#fff;font-size:12px; }.note-panes { flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#dfe2da;overflow:auto; }.note-pane { min-width:265px;min-height:0;display:flex;flex-direction:column;background:#fcfcfa;border-right:1px solid #d8ddd4; }.note-pane:last-child { border-right:0; }.pane-header { padding:15px 17px 12px;border-bottom:1px solid #e5e7e1; }.pane-label { display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#899087;font:10px "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase; }.pane-label span:last-child { color:#73816a; }.pane-select { width:100%;padding:7px 25px 7px 9px;border:1px solid #dfe3da;border-radius:4px;background:#f4f5f1;color:#5d6659;font-size:11px;outline:0; }.pane-content { flex:1;min-height:0;display:flex;flex-direction:column;padding:18px 18px 14px; }.pane-empty { flex:1;display:grid;place-content:center;text-align:center;color:#93998f; }.pane-empty .empty-icon { margin:0 auto 9px; }.pane-empty h3 { margin:0 0 7px;color:#5c655b;font:600 17px "Noto Serif SC",serif; }.pane-empty p { max-width:180px;margin:0 0 16px;font-size:12px;line-height:1.65; }.pane-new { padding:8px 11px;border:1px solid #bfc6ba;border-radius:4px;color:var(--sage-dark);font-size:11px; }.pane-title-row { display:flex;gap:7px;align-items:center; }.pane-title { min-width:0;flex:1;padding:0;border:0;outline:0;background:transparent;font:600 21px/1.35 "Noto Serif SC",serif; }.pane-title::placeholder { color:#b7bcb4; }.pane-star { width:26px;height:26px;border-radius:4px;color:#b7bdb3;font-size:18px; }.pane-star.active { color:#bd914c; }.pane-notebook-row { display:flex;justify-content:space-between;align-items:center;min-height:27px;margin:8px 0 15px; }.pane-notebook { max-width:160px;padding:4px 5px;border:1px solid transparent;border-radius:3px;color:#788073;font-size:10px;outline:0; }.pane-notebook:hover,.pane-notebook:focus { border-color:#d9ded5; }.pane-status { color:#9da39a;font-size:10px;white-space:nowrap; }.pane-format { display:flex;align-items:center;gap:2px;padding:6px 0;border-top:1px solid #e4e7e0;border-bottom:1px solid #e4e7e0; }.pane-format button { width:25px;height:24px;border-radius:3px;color:#687064;font-size:11px; }.pane-format button:hover { background:#edf0e9; }.pane-format span { width:1px;height:14px;margin:0 2px;background:#e0e3dc; }.pane-body { flex:1;min-height:180px;padding:17px 1px;outline:0;color:#353a33;font:14px/1.85 "Noto Serif SC",serif;overflow:auto; }.pane-body:empty::before { content:attr(data-placeholder);color:#b9bdb7;pointer-events:none; }.pane-body h2 { margin:1.2em 0 .4em;font-size:19px; }.pane-body ul,.pane-body ol { padding-left:1.4em; }
.editor { flex:1;overflow:auto;padding:26px clamp(30px,8vw,142px) 80px; }.editor-meta { justify-content:space-between; }.back-button { color:var(--muted);font-size:12px; }.back-button:hover { color:var(--ink); }.editor-action { width:30px;height:30px;border-radius:4px;color:#777d74;font-size:19px; }.editor-action.active { color:#bd914c; }.editor-title-row { gap:15px;margin-top:35px; }.editor-title-row input { min-width:0;flex:1;border:0;outline:0;background:transparent;font:600 34px/1.3 "Noto Serif SC",serif; }.editor-title-row input::placeholder { color:#bcc0b9; }.notebook-picker { padding:6px 8px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:11px;white-space:nowrap; }.last-saved { margin:8px 0 27px;color:#a0a69d;font-size:10px; }.format-toolbar { display:flex;align-items:center;gap:2px;padding:6px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line); }.format-toolbar button { width:28px;height:27px;border-radius:3px;color:#667064;font-size:13px; }.format-toolbar button:hover { background:#edf0e9; }.format-toolbar span { width:1px;height:16px;margin:0 5px;background:var(--line); }.note-body { min-height:420px;padding:29px 0;outline:0;font:15px/1.9 "Noto Serif SC",serif;color:#353a33; }.note-body:empty::before { content:attr(data-placeholder);color:#b9bdb7;pointer-events:none; }.note-body h2 { margin:1.5em 0 .4em;font-size:22px; }.note-body a { color:#5d7655; }.note-body ul,.note-body ol { padding-left:1.5em; }
.modal { position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:18px;background:rgba(25,31,24,.27);backdrop-filter:blur(2px); }.modal-card { width:min(390px,100%);padding:28px;background:#fbfbf8;box-shadow:0 18px 50px rgba(20,30,18,.2); }.modal-card h3 { margin:0 0 8px;font:600 21px "Noto Serif SC",serif; }.modal-card p { margin:0 0 19px;color:var(--muted);font-size:13px;line-height:1.6; }.modal-card input,.modal-card select { width:100%;padding:10px;border:1px solid var(--line);outline:0;background:#fff;border-radius:4px; }.modal-actions { display:flex;justify-content:flex-end;gap:8px;margin-top:19px; }.modal-actions button { padding:8px 13px;border-radius:4px;font-size:12px; }.cancel { color:var(--muted); }.primary { background:var(--sage-dark);color:#fff; }.danger { color:var(--danger); }.setting-row { display:flex;gap:9px;padding:12px 0;border-top:1px solid var(--line); }.setting-row button { padding:0;color:var(--sage-dark);font-size:12px;font-weight:600; }.toast { position:fixed;z-index:20;bottom:24px;left:50%;transform:translateX(-50%);padding:9px 14px;border-radius:4px;background:#30382f;color:#fff;font-size:12px;box-shadow:0 6px 18px rgba(0,0,0,.17); }
@media (max-width:900px) { .note-panes { grid-template-columns:repeat(3,300px); }.parallel-toolbar { padding-left:22px;padding-right:22px; } }
@media (max-width:720px) { .sidebar { position:fixed;z-index:5;height:100vh;transform:translateX(-100%);box-shadow:4px 0 20px rgba(0,0,0,.1); }.sidebar.mobile-open { transform:translateX(0); }.content-header { min-height:78px;padding:15px 18px; }.mobile-menu { display:block;font-size:19px; }.heading-area h2 { font-size:20px; }.search { width:31px;padding:7px; }.search input,.search kbd { display:none; }.parallel-toolbar { padding:14px 18px; }.parallel-toolbar p { display:none; }.note-panes { grid-template-columns:repeat(3,82vw); }.lock-card { padding:42px 27px 32px; } }

/* 无限横向工作台 */
.note-heading { margin:19px 9px 8px;color:#71796c;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase; }.left-note-list { overflow:auto; }.left-note { width:100%;display:flex;align-items:center;padding:9px 10px;border-radius:5px;text-align:left; }.left-note:hover,.left-note.is-open { background:rgba(255,255,255,.65); }.left-note.is-open { box-shadow:inset 2px 0 var(--sage); }.left-note-copy { min-width:0;flex:1; }.left-note-copy strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#596256;font-size:12px;font-weight:500; }.left-empty { padding:9px;color:#949a91;font-size:11px;line-height:1.55; }.sidebar.is-collapsed .left-note-list,.sidebar.is-collapsed .note-heading { display:none; }
.note-panes { display:flex;grid-template-columns:none; }.note-pane { width:390px;min-width:390px; }.pane-header { padding:14px 17px 12px; }.pane-label { margin-bottom:10px; }.pane-label span:last-child { letter-spacing:0;text-transform:none; }.pane-tab-title { display:flex;align-items:center;gap:8px;min-width:0;color:#596256;font-size:12px;font-weight:600; }.pane-tab-title>span:nth-child(2) { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.pane-close { width:24px;height:24px;margin-left:auto;border-radius:4px;color:#899087;font-size:21px;line-height:1; }.pane-close:hover { background:#e7ebe4;color:#3e493b; }.pane-title { font-size:22px; }.pane-autosave { margin:7px 0 15px;color:#9ba198;font-size:10px; }.workspace-empty { width:100%;display:grid;place-content:center;text-align:center;color:#93998f; }.workspace-empty .empty-icon { margin:0 auto 12px; }.workspace-empty h3 { margin:0 0 8px;color:#5c655b;font:600 19px "Noto Serif SC",serif; }.workspace-empty p { max-width:350px;margin:0 0 17px;font-size:12px;line-height:1.7; }
.note-pane { position:relative; }.pane-resizer { position:absolute;z-index:4;top:0;right:-4px;bottom:0;width:8px;cursor:col-resize;touch-action:none; }.pane-resizer:hover,.is-resizing .pane-resizer { background:rgba(91,118,82,.32); }.is-resizing { cursor:col-resize!important;user-select:none; }
.pane-order { display:flex;align-items:center;gap:1px;margin-left:auto; }.pane-order button { width:21px;height:22px;border-radius:3px;color:#687064;font-size:14px;line-height:1; }.pane-order button:hover:not(:disabled) { background:#e7ebe4;color:#3e493b; }.pane-order button:disabled { color:#c8ccc5;cursor:default; }.pane-tab-title .pane-close { margin-left:4px; }
.pane-replace { padding:3px 5px;margin-left:auto;border:1px solid #dfe4db;border-radius:3px;color:#6d7868;font-size:10px;white-space:nowrap; }.pane-replace:hover { border-color:#b8c1b3;background:#f0f3ed; }.pane-replace+.pane-order { margin-left:4px; }
@media (max-width:900px) { .note-panes { grid-template-columns:none; }.note-pane { width:300px;min-width:300px; } }
@media (max-width:720px) { .note-panes { grid-template-columns:none; }.note-pane { width:82vw;min-width:82vw; } }

/* 截图同款的终端式等宽字体：macOS 优先 SF Mono / Menlo，其他系统自动回退。 */
:root { --terminal-font:"SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Noto Sans Mono CJK SC", monospace; }
body, body *, button, input, select, textarea { font-family:var(--terminal-font)!important; }
.pane-body { line-height:1.35!important; }

/* 深海军蓝主题 */
:root { --ink:#f4f7fb; --muted:#aebbc7; --paper:#172632; --side:#101d28; --line:#2b3d4b; --sage:#9fbea9; --sage-dark:#284654; --warm:#d8b577; --danger:#f07b75; }
body { background:#071019; }.workspace,.content,.parallel-workspace { background:var(--paper); }.sidebar { background:var(--side);border-color:var(--line); }.sidebar-bottom,.nav-section { border-color:var(--line); }.brand,.heading-area h2 { color:#fff; }.brand-mark { background:#315568; }.nav-item,.section-toggle,.note-heading { color:#b7c4ce; }.nav-item>span:first-child { color:#aebdca; }.nav-item:hover,.nav-item.active,.left-note:hover,.left-note.is-open { background:#1d3140;color:#fff; }.left-note.is-open { box-shadow:inset 2px 0 #9fbea9; }.left-note-copy strong,.pane-tab-title,.pane-title,.pane-body { color:#f4f7fb; }.left-empty,.pane-autosave,.pane-status,.parallel-toolbar,.parallel-toolbar p { color:#aebbc7; }.content-header,.parallel-toolbar { border-color:var(--line); }.search { background:#1d2d3a;color:#c5d1da; }.search:focus-within { border-color:#668496;background:#213646; }.search input { color:#fff; }.search input::placeholder { color:#9aabb7; }.search kbd { border-color:#496070;color:#b7c6d1; }.sync-status { color:#a8cbb2; }.note-panes { background:#0f1c26; }.note-pane { background:#172632;border-color:var(--line); }.pane-header,.pane-format { border-color:var(--line); }.pane-format button,.pane-star,.pane-close,.pane-order button { color:#c3d0d9; }.pane-format button:hover,.pane-close:hover,.pane-order button:hover:not(:disabled) { background:#28414f;color:#fff; }.pane-replace { border-color:#49606f;color:#c5d4dd;background:#1a2c38; }.pane-replace:hover { border-color:#7293a2;background:#28414f; }.pane-order button:disabled { color:#536572; }.pane-resizer:hover,.is-resizing .pane-resizer { background:rgba(131,177,196,.45); }.open-note-button,.new-note,.primary { background:#315568;color:#fff; }.open-note-button:hover,.new-note:hover,.primary:hover { background:#3d6577; }.workspace-empty h3,.workspace-empty p { color:#d7e0e7; }.lock-screen { background:#0c1821; }.lock-screen::before { background:#1d3645; }.lock-screen::after { background:#263a45; }.lock-card { background:rgba(20,34,44,.88);border-color:#354b59;box-shadow:0 25px 70px rgba(0,0,0,.36); }.lock-card h1,.lock-card label { color:#fff; }.lock-card>p:not(.privacy-note),.privacy-note { color:#b3c0c9!important; }.password-field { border-color:#506473; }.password-field:focus-within { border-color:#a0c5b1; }.password-field input { color:#fff; }.password-field input::placeholder { color:#8193a0; }.modal { background:rgba(3,10,15,.62); }.modal-card { background:#172632;color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.46); }.modal-card p { color:#b4c1cb; }.modal-card input,.modal-card select { color:#fff;background:#203542;border-color:#456070; }.setting-row { border-color:var(--line); }.setting-row button { color:#b6d6c2; }.cancel { color:#c1cbd3; }.search-results { background:#1a2d39;border-color:#496171;box-shadow:0 13px 30px rgba(0,0,0,.42); }.search-result:hover { background:#28414f; }.search-result strong { color:#f0f5f8; }.search-result small,.search-result-count,.search-result-empty { color:#b2c1cb; } ::selection { background:#50758a;color:#fff; }

/* 浅色纸张主题（通过“数据与设置”切换） */
html[data-theme="light"] { --ink:#1c211b; --muted:#777d72; --paper:#f8f8f4; --side:#eef0e9; --line:#dde0d7; --sage:#73816a; --sage-dark:#4e5d48; --warm:#e5d6bc; --danger:#9b4e48; }
html[data-theme="light"] body { background:#f8f8f4; }
html[data-theme="light"] .workspace,html[data-theme="light"] .content,html[data-theme="light"] .parallel-workspace,html[data-theme="light"] .note-pane { background:#f8f8f4; }
html[data-theme="light"] .sidebar { background:#eef0e9;border-color:#dde0d7; }
html[data-theme="light"] .sidebar-bottom,html[data-theme="light"] .nav-section,html[data-theme="light"] .content-header,html[data-theme="light"] .parallel-toolbar,html[data-theme="light"] .pane-header,html[data-theme="light"] .pane-format { border-color:#dde0d7; }
html[data-theme="light"] .brand,html[data-theme="light"] .heading-area h2,html[data-theme="light"] .left-note-copy strong,html[data-theme="light"] .pane-tab-title,html[data-theme="light"] .pane-title,html[data-theme="light"] .pane-body { color:#1c211b; }
html[data-theme="light"] .brand-mark { background:#4e5d48; }
html[data-theme="light"] .nav-item,html[data-theme="light"] .section-toggle,html[data-theme="light"] .note-heading { color:#5d6659; }
html[data-theme="light"] .nav-item>span:first-child { color:#747c70; }
html[data-theme="light"] .nav-item:hover,html[data-theme="light"] .nav-item.active,html[data-theme="light"] .left-note:hover,html[data-theme="light"] .left-note.is-open { background:rgba(255,255,255,.7);color:#1c211b; }
html[data-theme="light"] .left-note.is-open { box-shadow:inset 2px 0 #73816a; }
html[data-theme="light"] .left-empty,html[data-theme="light"] .pane-autosave,html[data-theme="light"] .pane-status,html[data-theme="light"] .parallel-toolbar,html[data-theme="light"] .parallel-toolbar p { color:#858c82; }
html[data-theme="light"] .search { background:#f1f2ee;color:#82887f; }
html[data-theme="light"] .search:focus-within { border-color:#bdc3b7;background:#fff; }
html[data-theme="light"] .search input { color:#1c211b; }html[data-theme="light"] .search input::placeholder { color:#8b9288; }
html[data-theme="light"] .search kbd { border-color:#d5d8d1;color:#92978e; }
html[data-theme="light"] .sync-status { color:#75816d; }
html[data-theme="light"] .note-panes { background:#dfe2da; }
html[data-theme="light"] .pane-format button,html[data-theme="light"] .pane-star,html[data-theme="light"] .pane-close,html[data-theme="light"] .pane-order button { color:#687064; }
html[data-theme="light"] .pane-format button:hover,html[data-theme="light"] .pane-close:hover,html[data-theme="light"] .pane-order button:hover:not(:disabled) { background:#e7ebe4;color:#3e493b; }
html[data-theme="light"] .pane-replace { border-color:#dfe4db;color:#6d7868;background:transparent; }
html[data-theme="light"] .pane-replace:hover { border-color:#b8c1b3;background:#f0f3ed; }
html[data-theme="light"] .pane-order button:disabled { color:#c8ccc5; }
html[data-theme="light"] .pane-resizer:hover,html[data-theme="light"] .is-resizing .pane-resizer { background:rgba(91,118,82,.32); }
html[data-theme="light"] .open-note-button,html[data-theme="light"] .new-note,html[data-theme="light"] .primary { background:#4e5d48;color:#fff; }
html[data-theme="light"] .open-note-button:hover,html[data-theme="light"] .new-note:hover,html[data-theme="light"] .primary:hover { background:#3e4d39; }
html[data-theme="light"] .workspace-empty h3 { color:#5c655b; } html[data-theme="light"] .workspace-empty p { color:#93998f; }
html[data-theme="light"] .lock-screen { background:#eef0e9; }html[data-theme="light"] .lock-screen::before { background:#dce6d4; }html[data-theme="light"] .lock-screen::after { background:#ece1cd; }
html[data-theme="light"] .lock-card { background:rgba(250,251,247,.78);border-color:rgba(255,255,255,.8);box-shadow:0 25px 70px rgba(55,66,49,.11); }
html[data-theme="light"] .lock-card h1,html[data-theme="light"] .lock-card label { color:#1c211b; }.lock-card>p:not(.privacy-note),html[data-theme="light"] .privacy-note { color:#777d72!important; }
html[data-theme="light"] .password-field { border-color:#aeb4a9; }html[data-theme="light"] .password-field:focus-within { border-color:#4e5d48; }html[data-theme="light"] .password-field input { color:#1c211b; }html[data-theme="light"] .password-field input::placeholder { color:#8b9288; }
html[data-theme="light"] .modal { background:rgba(25,31,24,.27); }html[data-theme="light"] .modal-card { background:#fbfbf8;color:#1c211b;box-shadow:0 18px 50px rgba(20,30,18,.2); }html[data-theme="light"] .modal-card p { color:#777d72; }html[data-theme="light"] .modal-card input,html[data-theme="light"] .modal-card select { color:#1c211b;background:#fff;border-color:#dde0d7; }
html[data-theme="light"] .setting-row { border-color:#dde0d7; }html[data-theme="light"] .setting-row button { color:#4e5d48; }html[data-theme="light"] .cancel { color:#777d72; }
html[data-theme="light"] .search-results { background:#fff;border-color:#dde1d9;box-shadow:0 13px 30px rgba(45,56,40,.15); }html[data-theme="light"] .search-result:hover { background:#eef1eb; }html[data-theme="light"] .search-result strong { color:#566052; }html[data-theme="light"] .search-result small,html[data-theme="light"] .search-result-count,html[data-theme="light"] .search-result-empty { color:#8b9288; }
html[data-theme="light"] ::selection { background:#c9ddc6;color:#1c211b; }
.setting-theme { align-items:center;justify-content:space-between; }.setting-theme strong { display:block;font-size:12px; }.setting-theme small { display:block;margin-top:4px;color:var(--muted);font-size:10px; }.setting-theme select { width:130px;flex:none; }