pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:bold}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:bold}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root,html[data-theme=light]{color-scheme:light;--bg: #f5f7fa;--bg-2: #eef2f6;--side: #ffffff;--panel: #ffffff;--panel-solid: #ffffff;--panel-2: #f5f7fa;--line: #e8eaed;--line-strong: #d9dce1;--text: #1f2329;--title: #37352f;--muted: #646a73;--accent: #3b6ff5;--accent-2: #6b93f8;--accent-soft: rgba(59, 111, 245, .1);--on-accent: #ffffff;--danger: #ff4d4f;--danger-soft: #fff1f0;--danger-line: #ffccc7;--danger-text: #cf1322;--ok: #52c41a;--warn: #fa8c16;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 16px rgba(15, 23, 42, .06);--input-bg: #ffffff;--input-border: #d9dce1;--overlay: rgba(15, 23, 42, .45);--topbar: rgba(255, 255, 255, .86);--hover: rgba(59, 111, 245, .06);--table-head: #f7f8fa;--mute-day: #c9cdd4;--todo-bg: #ffffff;--todo-done: #f5f7fa;--nav-link-bg: #ffffff;--code-plain: #f6f8fa;--fold: #dbe4f0;--fold-2: #d4ead9;--band-3: #e8eeff;--band-3t: #3b6ff5;--band-4: #e6fffb;--band-4t: #0d9488;--band-5: #fff7e6;--band-5t: #d48806;--tone-1: rgba(59, 111, 245, .1);--tone-1b: #3b6ff5;--tone-2: rgba(82, 196, 26, .1);--tone-2b: #52c41a;--tone-3: rgba(255, 77, 79, .1);--tone-3b: #ff4d4f;--tone-4: rgba(13, 148, 136, .1);--tone-4b: #0d9488;--tone-5: rgba(250, 140, 22, .12);--tone-5b: #fa8c16;--tone-6: rgba(114, 46, 209, .1);--tone-6b: #722ed1;--env-prod: #15803d;--env-prod-bg: #dcfce7;--env-test: #c2410c;--env-test-bg: #ffedd5;--radius: 10px;--font: "Outfit", "MiSans", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif}html[data-theme=dark]{color-scheme:dark;--bg: #0b0f14;--bg-2: #11161d;--side: #11161d;--panel: #171d26;--panel-solid: #171d26;--panel-2: #1d2430;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--text: #e8eaed;--title: #ece8e1;--muted: #8b93a0;--accent: #6b93f8;--accent-2: #93b0fa;--accent-soft: rgba(59, 111, 245, .16);--on-accent: #ffffff;--danger: #f87171;--danger-soft: rgba(248, 113, 113, .12);--danger-line: rgba(248, 113, 113, .32);--danger-text: #fca5a5;--ok: #4ade80;--warn: #fbbf24;--shadow: 0 8px 24px rgba(0, 0, 0, .38);--input-bg: #1d2430;--input-border: rgba(255, 255, 255, .12);--overlay: rgba(0, 0, 0, .62);--topbar: rgba(17, 22, 29, .88);--hover: rgba(59, 111, 245, .1);--table-head: rgba(255, 255, 255, .04);--mute-day: #4b5563;--todo-bg: #1d2430;--todo-done: #151b22;--nav-link-bg: #1d2430;--code-plain: #11161d;--fold: #2a3342;--fold-2: #1f3a2d;--band-3: rgba(59, 111, 245, .16);--band-3t: #93b0fa;--band-4: rgba(13, 148, 136, .16);--band-4t: #5eead4;--band-5: rgba(250, 140, 22, .16);--band-5t: #fdba74;--tone-1: rgba(59, 111, 245, .16);--tone-1b: #6b93f8;--tone-2: rgba(74, 222, 128, .14);--tone-2b: #4ade80;--tone-3: rgba(248, 113, 113, .16);--tone-3b: #f87171;--tone-4: rgba(45, 212, 191, .14);--tone-4b: #2dd4bf;--tone-5: rgba(251, 191, 36, .14);--tone-5b: #fbbf24;--tone-6: rgba(167, 139, 250, .16);--tone-6b: #a78bfa;--env-prod: #4ade80;--env-prod-bg: rgba(74, 222, 128, .16);--env-test: #fb923c;--env-test-bg: rgba(251, 146, 60, .16)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);overflow:hidden;transition:background-color .2s ease,color .2s ease}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:var(--text)}input,select,textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;padding:9px 12px;outline:none;width:100%;transition:border-color .2s,box-shadow .2s,background .2s}input[type=checkbox],input[type=radio]{appearance:none;width:18px;height:18px;min-width:18px;padding:0;margin:0;border:1.5px solid var(--input-border);border-radius:5px;background:var(--input-bg);box-shadow:none;cursor:pointer;display:inline-grid;place-items:center;flex:0 0 18px;transition:background .16s,border-color .16s,box-shadow .16s}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";width:9px;height:5px;border:2px solid var(--on-accent);border-top:0;border-right:0;transform:rotate(-45deg) translate(.5px,-1px)}input[type=checkbox]:focus,input[type=radio]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}select{appearance:none;border:1px solid var(--input-border);background-color:var(--input-bg);background-image:linear-gradient(45deg,transparent 50%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px;box-shadow:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{min-height:88px;resize:vertical}button{border:0;border-radius:8px;padding:7px 12px;cursor:pointer;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:13px;transition:transform .18s ease,filter .18s ease,background .18s ease}button:hover{transform:translateY(-1px);filter:brightness(1.06)}button:active{transform:translateY(0)}button.ghost{background:transparent;border:1px solid var(--line-strong);color:var(--text);font-weight:500}button.edit{background:var(--ok);color:var(--on-accent)}button.danger{background:var(--danger);color:var(--on-accent)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.kebab{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.kebab-wrap{position:relative;display:inline-flex}.kebab-pop{position:fixed;z-index:80;min-width:84px;box-shadow:var(--shadow)}.card-corner{position:absolute;right:12px;bottom:12px}.project-card{position:relative;padding-bottom:44px}.shell{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:232px minmax(0,1fr);animation:shell-in .55s cubic-bezier(.22,1,.36,1)}@keyframes shell-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.side{background:var(--side);border-right:1px solid var(--line);padding:18px 12px 14px;display:flex;flex-direction:column;min-height:0}.brand{display:flex;align-items:center;gap:10px;margin:4px 8px 22px}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--accent)}.brand-mark svg{width:18px;height:18px}.brand-text{font-size:18px;letter-spacing:.18em;font-weight:600}.brand-sub{font-size:11px;color:var(--muted);letter-spacing:.08em}.side-nav{display:flex;flex-direction:column;gap:4px;overflow:auto;flex:1}.side-nav a{position:relative;color:var(--muted);padding:10px 12px;border-radius:12px;display:flex;align-items:center;gap:10px;overflow:hidden;transition:color .2s,background .2s,transform .2s}.side-nav a .ico{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px;opacity:.85}.side-nav a .ico svg{width:18px;height:18px}.side-nav a:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:3px;border-radius:99px;background:var(--accent);transform:scaleY(0);transition:transform .22s cubic-bezier(.22,1,.36,1)}.side-nav a:hover{background:var(--hover);color:var(--text);transform:translate(3px)}.side-nav a.router-link-active{background:var(--accent-soft);color:var(--text)}.side-nav a.router-link-active:before{transform:scaleY(1)}.side-nav a:nth-child(1){animation:nav-in .45s both .04s}.side-nav a:nth-child(2){animation:nav-in .45s both .08s}.side-nav a:nth-child(3){animation:nav-in .45s both .12s}.side-nav a:nth-child(4){animation:nav-in .45s both .16s}.side-nav a:nth-child(5){animation:nav-in .45s both .2s}.side-nav a:nth-child(6){animation:nav-in .45s both .24s}.side-nav a:nth-child(7){animation:nav-in .45s both .28s}.side-nav a:nth-child(8){animation:nav-in .45s both .32s}.side-nav a:nth-child(9){animation:nav-in .45s both .36s}.side-nav a:nth-child(10){animation:nav-in .45s both .4s}@keyframes nav-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.side-foot{margin-top:auto;padding:14px 10px 4px;color:var(--muted);font-size:11px;line-height:1.6;border-top:1px solid var(--line)}.side-foot b{color:var(--text);font-weight:600}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}.topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:var(--topbar);backdrop-filter:blur(16px);flex:0 0 60px}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.topbar-title h1{font-size:16px;margin:0;font-weight:600;color:var(--title)}.topbar-title .muted{margin-top:2px}.topbar-actions{display:flex;align-items:center;gap:10px}.theme-toggle{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}.theme-toggle svg{width:16px;height:16px}.accent-picker{position:relative;width:34px;height:34px;border-radius:8px;border:1px solid var(--line-strong);background:var(--panel);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.accent-picker:after{content:"";width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:inset 0 0 0 1px #0000001f;pointer-events:none}.accent-picker input[type=color]{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;opacity:0;cursor:pointer;background:transparent;box-shadow:none}.login-theme{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:8px}.topbar-clock{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted);white-space:nowrap;letter-spacing:.02em;line-height:1.2}.topbar-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;border:1px solid var(--line-strong);background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;text-decoration:none}.topbar-avatar img{width:100%;height:100%;object-fit:cover;display:block}.topbar-avatar svg{width:18px;height:18px}.user-chip{color:var(--muted);font-size:13px;padding:6px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--line)}.route-bar{position:absolute;left:232px;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);transform:scaleX(0);transform-origin:left;pointer-events:none;z-index:8}.route-bar.on{animation:route-load .7s cubic-bezier(.22,1,.36,1)}@keyframes route-load{0%{transform:scaleX(0);opacity:1}70%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}.workspace-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 320px 320px;min-height:0}.main{overflow:auto;padding:22px 26px 48px}.rails{display:contents}.rail{border-left:1px solid var(--line);background:var(--bg-2);overflow:auto;padding:16px 14px 28px;min-width:0}.page-enter-active{transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1)}.page-leave-active{transition:opacity .18s ease,transform .18s ease}.page-enter-from{opacity:0;transform:translateY(14px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}h1{font-size:22px;margin:0 0 4px;font-weight:600;color:var(--title)}h2,h3,b,strong{font-weight:600}.muted{color:var(--muted);font-size:14px}.nav-page h1,.notes-page h1,.topbar-title.theme h1{color:var(--accent)!important;font-size:28px}.topbar-title.theme h1{font-size:18px}.nav-page h3,.nav-page td a,.notes-page td a,.notes-page h2 a,.nav-site-name{color:var(--accent)!important;font-size:18px;font-weight:600}.nav-section h3{margin:0 0 12px;font-size:18px;color:var(--title)}.nav-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.nav-site-card{position:relative;display:flex;align-items:center;gap:10px;padding:14px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:inherit;min-height:72px;box-shadow:var(--shadow);cursor:pointer;transition:transform .18s,border-color .18s}.nav-site-card:hover{transform:translateY(-2px);border-color:var(--accent)}.nav-site-meta{min-width:0}.nav-site-name{font-size:18px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-site-url{margin-top:4px;font-size:14px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-blog{display:grid;grid-template-columns:1fr 1fr;gap:16px}.note-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.note-cover{display:block;height:160px;overflow:hidden;background:var(--panel-2)}.note-cover img{width:100%;height:100%;object-fit:cover;display:block}.note-body{padding:14px 16px 12px;display:flex;flex-direction:column;gap:8px;flex:1}.note-body h2{margin:0;font-size:20px;line-height:1.4;color:var(--title)}.note-excerpt{margin:0;color:var(--muted);font-size:15px;line-height:1.6;min-height:42px}.note-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}@media (max-width: 1200px){.nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 820px){.nav-grid,.note-blog{grid-template-columns:1fr}}.settings-status{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.avatar-card{display:flex;align-items:center;gap:18px;margin-bottom:16px;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.avatar-preview{width:72px;height:72px;padding:0;border-radius:50%;overflow:hidden;border:1px solid var(--line-strong);background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex:0 0 72px;box-shadow:none}.avatar-preview:hover{transform:none;filter:none}.avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}.avatar-preview svg{width:32px;height:32px}.avatar-card-body{min-width:0}.avatar-card-body h3{margin:0 0 4px;font-size:18px;color:var(--title)}.avatar-card-body p{margin:0 0 12px}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.settings-card{display:flex;flex-direction:column;min-height:380px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.settings-card header{margin-bottom:14px}.settings-card header h3{margin:0 0 6px;font-size:18px;color:var(--title)}.settings-card header p{margin:0}.settings-card .form{flex:1;max-width:none}.settings-card footer{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.settings-card footer button{min-width:96px}@media (max-width: 1100px){.settings-grid{grid-template-columns:1fr}.settings-card{min-height:0}}.nice-select{position:relative;width:100%;min-width:140px}.nice-select-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:10px;padding:9px 12px;font-weight:500;text-align:left;box-shadow:none}.nice-select-btn:hover{transform:none;filter:none;background:var(--panel-2)}.nice-select.open .nice-select-btn{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.nice-select-btn svg{flex:0 0 auto;color:var(--accent)}.nice-select.open .nice-select-btn svg{transform:rotate(180deg)}.nice-select-menu{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);background:var(--panel);border:1px solid var(--input-border);border-radius:10px;box-shadow:var(--shadow);padding:6px;overflow:visible;max-height:none}.nice-select-item{width:100%;text-align:left;background:transparent;color:var(--text);border-radius:8px;font-weight:500;box-shadow:none;padding:8px 10px}.nice-select-item:hover{transform:none;filter:none;background:var(--accent-soft)}.nice-select-item.on{background:var(--accent);color:var(--on-accent)}.row-actions .nice-select{width:200px;flex:0 0 200px}.nice-date{position:relative;width:100%}.nice-date-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:10px;padding:9px 12px;font-weight:500;text-align:left;box-shadow:none}.nice-date-btn:hover{transform:none;filter:none;background:var(--panel-2)}.nice-date.open .nice-date-btn{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.nice-date-btn svg{flex:0 0 auto;color:var(--accent)}.nice-date-btn .mute{color:var(--muted);font-weight:400}.nice-date-pop{position:fixed;z-index:60;background:var(--panel);border:1px solid var(--input-border);border-radius:12px;box-shadow:var(--shadow);padding:12px}.nice-date-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.nice-date-head b{font-size:14px;font-weight:600}.nice-date-head .ghost{width:30px;height:30px;padding:0;font-size:18px;line-height:1}.nice-date-week,.nice-date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.nice-date-week span{text-align:center;font-size:11px;color:var(--muted);padding:4px 0}.nice-date-day{height:32px;padding:0;border-radius:8px;background:transparent;color:var(--text);font-weight:500;box-shadow:none}.nice-date-day:hover{transform:none;filter:none;background:var(--accent-soft)}.nice-date-day.mute{color:var(--mute-day)}.nice-date-day.today{box-shadow:inset 0 0 0 1px var(--accent)}.nice-date-day.on{background:var(--accent);color:var(--on-accent)}.nice-date-day.on:hover{background:var(--accent);filter:none}.nice-date-foot{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.saving-overlay{position:fixed;inset:0;display:grid;place-items:center;background:var(--overlay);z-index:80}.saving-box{display:grid;place-items:center;gap:10px;min-width:140px;padding:22px 26px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.saving-spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dash-row{display:grid;gap:14px;margin-top:16px}.dash-row-1{grid-template-columns:repeat(5,minmax(0,1fr))}.dash-row-2{grid-template-columns:minmax(240px,340px) minmax(320px,1fr)}.dash-row-3{grid-template-columns:repeat(3,minmax(240px,1fr))}@media (max-width: 1200px){.dash-row-1{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-row-2,.dash-row-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 820px){.dash-row-1,.dash-row-2,.dash-row-3{grid-template-columns:1fr}}.dash-row-1 .card{border:0;box-shadow:none}.dash-row-2 .card:before{display:none}.dash-row-2 .stat-card:after{display:none}.dash-row-2 .card{background:linear-gradient(225deg,var(--fold) 16px,transparent 16.5px),var(--panel);border:1px solid var(--line);box-shadow:none}.dash-row-2 .stat-card.tone-6{background:linear-gradient(225deg,var(--fold) 16px,transparent 16.5px),var(--panel)}.dash-row-2 .card-tint-2{background:linear-gradient(225deg,var(--fold-2) 16px,transparent 16.5px),var(--panel)}.dash-row-2 .card h3{display:inline-block;padding-bottom:8px;position:relative}.dash-row-2 .card h3:after{content:"";position:absolute;left:0;bottom:0;width:22px;height:2px;border-radius:2px;background:var(--tone-6b)}.dash-row-2 .card-tint-2 h3:after{background:var(--tone-2b)}.dash-row-3 .card:before{display:none}.dash-row-3 .card{background:var(--panel);border:1px dashed var(--line-strong);box-shadow:none;padding-top:0}.dash-row-3 .card h3{margin:0 -16px 12px;padding:10px 16px;font-size:14px;letter-spacing:.04em;color:var(--muted)}.dash-row-3 .card-tint-3 h3{background:var(--band-3);color:var(--band-3t)}.dash-row-3 .card-tint-4 h3{background:var(--band-4);color:var(--band-4t)}.dash-row-3 .card-tint-5 h3{background:var(--band-5);color:var(--band-5t)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent}.card h3{margin:0 0 8px;font-size:18px;color:var(--title)}a.card{color:inherit;display:block;text-decoration:none;transition:transform .22s ease,border-color .22s ease}a.card:hover{transform:translateY(-3px);border-color:var(--accent)}.stat-card{position:relative;overflow:hidden}.stat-card h3{font-size:28px;letter-spacing:-.03em}.stat-card:after{content:"";position:absolute;right:-20px;top:-20px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 70%)}.tone-1{background:linear-gradient(180deg,var(--tone-1),transparent)}.tone-1:before{background:var(--tone-1b)}.tone-2{background:linear-gradient(180deg,var(--tone-2),transparent)}.tone-2:before{background:var(--tone-2b)}.tone-3{background:linear-gradient(180deg,var(--tone-3),transparent)}.tone-3:before{background:var(--tone-3b)}.tone-4{background:linear-gradient(180deg,var(--tone-4),transparent)}.tone-4:before{background:var(--tone-4b)}.tone-5{background:linear-gradient(180deg,var(--tone-5),transparent)}.tone-5:before{background:var(--tone-5b)}.tone-6{background:linear-gradient(180deg,var(--tone-6),transparent)}.tone-6:before{background:var(--tone-6b)}.card-tint-2{background:var(--tone-2)}.card-tint-3{background:var(--tone-6)}.card-tint-4{background:var(--tone-4)}.card-tint-5{background:var(--tone-3)}.table-wrap{border-radius:var(--radius)}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);min-width:720px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:16px;vertical-align:top}th{color:var(--muted);font-weight:500;font-size:14px;background:var(--table-head)}tr:last-child td{border-bottom:0}tbody tr{transition:background .15s}tbody tr:hover{background:var(--hover)}.row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.form{display:grid;gap:10px;max-width:640px}.form.two{grid-template-columns:1fr 1fr}.form label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.modal-mask{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:20;padding:16px;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:12px;padding:22px;width:min(640px,100%);max-height:90vh;overflow:auto;box-shadow:var(--shadow);animation:pop-in .28s cubic-bezier(.22,1,.36,1)}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tabs button{background:var(--panel-2);color:var(--text);border:1px solid var(--line-strong);box-shadow:none}.tabs button.on{background:var(--accent);color:var(--on-accent);border-color:transparent}.msg{color:var(--danger);font-size:13px;min-height:18px}.ok{color:var(--ok)}.login-wrap{min-height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;background:var(--bg);animation:shell-in .6s ease}.login-card{width:400px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:32px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.login-card h1{margin-bottom:8px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:14px;font-weight:600;letter-spacing:.02em;line-height:1.3}.badge.prod{color:var(--accent);background:var(--accent-soft)}.badge.test{color:var(--muted);background:var(--panel-2)}.badge.env-prod,.badge.env-test{border:1px solid transparent}.badge.env-prod:before,.badge.env-test:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 6px}.badge.env-prod{color:var(--env-prod);background:var(--env-prod-bg);border-color:color-mix(in srgb,var(--env-prod) 28%,transparent)}.badge.env-test{color:var(--env-test);background:var(--env-test-bg);border-color:color-mix(in srgb,var(--env-test) 28%,transparent)}.list-plain{margin:0;padding-left:18px;font-size:16px}.list-plain li{margin:6px 0}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}@media (min-width: 1500px){.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.project-card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow);cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;animation:rise .5s cubic-bezier(.22,1,.36,1) both}.project-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.project-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.project-card-head h3{margin:0;font-size:21px;color:var(--title)}.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.meta-pill{font-size:14px;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:4px 9px}.meta-pill b{color:var(--text);font-weight:600}.preview-list{display:grid;gap:6px}.preview-line{display:flex;gap:8px;align-items:center;font-size:15px;color:var(--title)}.preview-line .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-2);flex:0 0 6px}.preview-line.prod .dot{background:var(--accent)}.rail-card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:14px;min-height:100%}.rail-card h3{margin:0 0 12px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.todo-item{display:flex;gap:10px;align-items:flex-start;padding:10px 11px;margin-bottom:8px;background:var(--todo-bg);border:1px solid var(--line);border-radius:10px;animation:todo-in .24s ease}.todo-item:last-child{margin-bottom:0}.todo-item input{margin-top:1px}.todo-item span{font-size:15px;line-height:1.45;color:var(--title)}.todo-item.done{background:var(--todo-done);opacity:.72}.todo-item.done span{text-decoration:line-through;color:var(--muted)}@keyframes todo-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.quick-add{display:flex;gap:6px;margin-top:12px}.quick-add input{flex:1}.quick-add button{padding:8px 12px;box-shadow:none}.todo-list{display:grid;gap:10px}.todo-row{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.todo-row.done{opacity:.62}.todo-row.done .todo-title{text-decoration:line-through;color:var(--muted)}.todo-row input{margin-top:3px}.todo-body{flex:1;min-width:0}.todo-title{font-size:17px;font-weight:600;line-height:1.4;color:var(--title)}.todo-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:14px;color:var(--muted)}.todo-prio{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;background:var(--panel-2);color:var(--muted)}.todo-prio.high{background:var(--danger-soft);color:var(--danger)}.todo-row .row-actions{flex:0 0 auto}.nav-group{margin-bottom:12px}.nav-group .muted{margin-bottom:6px}.nav-list{display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border-radius:8px;cursor:pointer;border:1px solid var(--line);background:var(--nav-link-bg);color:var(--title);font-size:15px;font-weight:500;text-align:left;box-shadow:none;transition:transform .18s,border-color .18s,background .18s,filter .18s}.nav-link:hover{filter:none}.nav-link:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);flex:0 0 7px}.nav-link:hover{transform:translateY(-1px);border-color:var(--accent);background:var(--hover)}.rail-stack{display:flex;flex-direction:column;gap:14px}.empty{color:var(--muted);text-align:center;padding:28px 12px;font-size:15px}select.compact,input.compact{width:auto;max-width:220px}.note-form{max-width:none}.note-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.note-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:460px}.note-split textarea{min-height:460px;font-family:Consolas,"Sarasa Mono SC","Cascadia Mono",monospace;font-size:13px;line-height:1.6;resize:vertical}.md-preview{min-height:460px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px;overflow:auto;font-size:15px;line-height:1.7}.md-preview h1,.md-preview h2,.md-preview h3{margin:12px 0 8px}.md-preview p,.md-preview ul,.md-preview ol{margin:8px 0}.md-preview img{max-width:100%;border-radius:10px;border:1px solid var(--line)}.md-preview pre{margin:10px 0;padding:12px;border-radius:10px;overflow:auto;background:var(--code-plain);border:1px solid var(--line)}.md-preview code{font-family:Consolas,"Sarasa Mono SC","Cascadia Mono",monospace;font-size:12.5px}.md-preview :not(pre)>code{background:var(--panel-2);padding:1px 6px;border-radius:6px}.note-detail{padding:22px 24px 36px}.note-detail .md-preview{min-height:0;border:0;background:transparent;padding:0}.code-block{margin:12px 0}.code-block-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;background:#232135;border:1px solid #232135;border-bottom:0;border-radius:10px 10px 0 0;font-size:12px;color:#b7b3c9}.code-copy{padding:4px 10px;font-size:12px;font-weight:500;background:transparent;color:#d8d4e6;border:1px solid rgba(216,212,230,.32);box-shadow:none}.code-block pre{margin:0;border-top-left-radius:0;border-top-right-radius:0;background:#1c1b28;border:1px solid #232135;color:#d8d4e6}.ghost-link{display:inline-flex}.md-preview pre code{color:inherit}@media (max-width: 960px){.note-split{grid-template-columns:1fr}}.topbar .rail-toggle{display:none}.menu-btn{display:none}.mobile-mask{display:none}@media (max-width: 1360px){.topbar .rail-toggle{display:inline-flex}.workspace-body{grid-template-columns:minmax(0,1fr)}.rails{display:none}.rails.open{display:grid;grid-template-columns:1fr 1fr;position:absolute;right:0;top:60px;bottom:0;width:min(680px,100%);z-index:6;background:var(--bg-2);border-left:1px solid var(--line)}}.renew-list{display:grid;gap:10px;font-size:15px}.renew-title{font-size:13px;margin-bottom:2px;color:var(--title);font-weight:600}.renew-line{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}.renew-line:last-child{border-bottom:0}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);width:min(420px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow);padding:14px 16px 0;z-index:90;max-height:min(70vh,560px);overflow:auto;animation:toast-in .3s ease}.toast-danger{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-text);box-shadow:var(--shadow)}.toast-danger .toast-head b{color:var(--danger)}.toast-danger .ghost{border-color:var(--danger-line);color:var(--danger);background:var(--panel)}.toast-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:2px}.toast-group+.toast-group{margin-top:12px}.toast-group-head{font-size:12px;font-weight:600;color:var(--danger);margin-bottom:2px}.toast-line{padding:8px 0;border-top:1px solid var(--danger-line)}.toast-line-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.toast-name{font-weight:600;min-width:0;word-break:break-all}.toast-left{flex:0 0 auto;font-size:12px;font-weight:600;color:var(--danger);white-space:nowrap}.toast-meta{margin-top:3px;font-size:12px;color:var(--danger-text)}.toast-sum,.toast-total{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:12px}.toast-sum{padding:6px 0 2px;color:var(--danger-text)}.toast-amounts{display:grid;gap:2px;text-align:right;font-variant-numeric:tabular-nums}.toast-total{margin:12px -16px 0;padding:10px 16px 12px;border-top:1px solid var(--danger-line);border-radius:0 0 12px 12px;background:var(--danger-line);font-weight:600;font-size:13px;color:var(--danger-text)}.cell-name{font-weight:600;font-size:16px;color:var(--title)}.cell-sub{display:block;margin-top:3px;font-size:14px;color:var(--muted);font-weight:400}.cell-mono{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:15px}.expire-soon{color:var(--danger);font-weight:600}.badge.http{color:var(--warn);background:var(--band-5)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 820px){.shell{grid-template-columns:1fr}.side{position:fixed;left:0;top:0;bottom:0;width:min(280px,78vw);z-index:30;transform:translate(-100%);transition:transform .28s cubic-bezier(.22,1,.36,1);background:var(--side);border-right:1px solid var(--line)}.side.open{transform:translate(0)}.brand-text,.brand-sub,.side-nav a span:last-child,.side-foot{display:block}.side-nav a{justify-content:flex-start;padding:10px 12px}.route-bar{left:0}.menu-btn{display:inline-flex}.mobile-mask{display:block;position:fixed;inset:0;background:var(--overlay);z-index:25}.topbar{padding:0 12px;gap:8px}.topbar-title h1{font-size:15px}.main{padding:16px 14px 42px}.topbar-clock{font-size:12px}.row-actions{flex-wrap:nowrap}.row-actions .ghost,.row-actions .kebab{flex:0 0 auto}.table-wrap{overflow:visible}table{min-width:0;box-shadow:none;background:transparent;border:0}table thead{display:none}table tbody,table tr,table td{display:block;width:100%}table tr{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:10px;box-shadow:var(--shadow)}table td{border:0;padding:4px 0;font-size:13px;white-space:normal}table td:before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:2px}table td.row-actions{display:flex;gap:8px;justify-content:flex-end}.todo-row{flex-wrap:wrap}.todo-row .row-actions{margin-left:auto}.modal{padding:16px}.project-grid{grid-template-columns:1fr}.rails,.rails.open{display:none}}