:root,html[data-theme="light"]{--bg:#f6f7f9;--panel:#fff;--line:#e1e6ec;--muted:#647084;--green:#24694d;color-scheme:light}body{color:#192b28;font-family:'Microsoft YaHei','Segoe UI',sans-serif}html[data-theme="dark"]{--bg:#101918;--panel:#182421;--line:#30423c;--muted:#a8bcb3;--green:#96ddb8;color-scheme:dark}html[data-theme="dark"] body{color:#edf6f0}
.sidebar{width:214px;background:var(--panel);padding:26px 20px}.brand{gap:11px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:#25664c!important;color:#fff!important;border-radius:13px;font-size:22px!important}.brand span{color:inherit}.brand small{font-size:10px;letter-spacing:0;margin-top:2px}aside>.label{margin:32px 10px 8px}.sidebar nav{gap:5px}.sidebar nav button{padding:11px 12px;border:0!important;border-radius:9px;background:transparent!important;color:var(--muted)!important}.sidebar nav button.active{background:#e7f1eb!important;color:#25664c!important;font-weight:650}.side-note{margin-top:auto;padding:20px 10px 0}.side-note>a{display:block;font-size:13px;padding:7px 0;color:var(--green)}main{margin-left:214px;max-width:1580px;padding:0 38px}header{height:70px}.header-actions{display:flex;gap:8px;align-items:center}header button{font-size:12px;padding:7px 10px;background:var(--panel)!important;color:inherit!important;border-color:var(--line)!important}
.home-intro{padding:31px 0 25px}.home-intro h1{font-size:clamp(26px,2.7vw,39px);letter-spacing:-1px;line-height:1.45;margin:4px 0 10px}.home-intro em{font-style:normal;color:var(--green)}.home-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:8px 0}.home-meta{display:flex;gap:20px;margin-top:14px;font-size:11px;color:var(--muted)}.home-meta span:before{content:'✓';color:var(--green);margin-right:5px}.mobile-break{display:none}.search{padding:9px 14px;background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:11px}.search input{color:inherit;font-size:14px}.search span{font-size:24px}.section-heading{margin:24px 0 15px}.section-heading h2{font-size:19px}.grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.card{border-color:var(--line);padding:18px;border-radius:15px;box-shadow:0 2px 5px #1f3b2c03}.card .source-image{margin:-18px -18px 17px;background:linear-gradient(125deg,#e4ece8,#eef2ed);height:147px;display:grid;place-items:center;border-bottom:1px solid var(--line);position:relative}.card .source-image>a{width:100%;height:100%;padding:16px;aspect-ratio:auto}.card .source-image img{height:112px;max-height:112px;object-fit:contain}.source-image.image-failed img{display:none}.source-image.image-failed:after,.source-image.cover-placeholder:after{content:attr(data-label);font-size:clamp(17px,1.7vw,25px);font-weight:750;letter-spacing:-.5px;color:#305e4b;text-align:center;padding:18px}.card .source-image.cover-placeholder{background:linear-gradient(130deg,#eaf0f8,#ecf4ed)}.card .source-image.cover-placeholder:before{content:attr(data-type);position:absolute;top:11px;left:15px;font-size:10px;letter-spacing:1px;color:#62768b}.card .card-top{gap:9px}.card .monogram{width:30px;height:30px;font-size:11px;border-color:var(--line)}.card h3{font-size:18px}.card p{font-size:13px;line-height:1.85;margin:12px 0}.card>a,.card .project-open{font-size:13px}.card .tags{margin-bottom:10px}.card .tag{font-size:10px}.home-card .recommended-for{color:var(--green);font-size:11px;font-weight:650;margin:0 0 10px}.home-card .home-actions{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}.home-actions .primary{border-radius:8px;padding:8px 12px;background:#25664c!important;color:white!important;font-size:12px}.home-actions a:not(.primary){padding:8px 0;font-size:12px;color:var(--green)}.home-card .small{font-size:11px;min-height:0;margin-top:10px}.home-next{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.home-next>div{border:1px solid var(--line);border-radius:12px;padding:19px;background:var(--panel)}.home-next h2{font-size:16px;margin:0 0 8px}.home-next p{font-size:13px;color:var(--muted)}.home-next a,.home-next button{font-size:13px;color:var(--green);border:0;background:transparent;padding:0}.ad-slot[hidden]{display:none!important}footer{font-size:11px;flex-wrap:wrap}.hot-post{padding:20px 0}.hot-post h3{font-size:17px}.detail-share{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;margin:15px 0}.post-tools{display:flex;gap:7px;margin-top:8px}.post-tools button{font-size:12px}#account-settings{max-width:480px}#account-settings details{margin:24px 0}#account-settings p{font-size:13px}#account-settings input{color:inherit}.beginner-badge{display:inline-flex;font-size:11px;color:var(--green);background:#e8f2ea;padding:3px 8px;border-radius:20px}.project-static{max-width:860px;margin:0 auto;padding:24px}.project-static h1{font-size:32px}.project-static article{background:var(--panel);padding:26px;border-radius:15px;border:1px solid var(--line)}.project-static li{margin:10px 0}.project-static .actions a{background:var(--panel);color:var(--green)}.project-static dl{display:grid;grid-template-columns:100px 1fr;gap:12px}.project-static dd{margin:0}.project-static dt{color:var(--muted)}
.source-image.image-failed>a{display:none}.source-image.image-failed{min-height:90px}
html:not([data-view="home"]) .home-meta,html:not([data-view="home"]) #home-intro,html:not([data-view="home"]) #home-next{display:none!important}
.home-meta span::before{content:none!important;display:none!important}
.recovery-panel{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--bg)}.recovery-panel h3{margin-top:0;font-size:17px}.checkbox-label{display:flex;align-items:flex-start;gap:8px}.checkbox-label input{width:16px!important;min-width:16px;margin-top:4px}#recovery-code-value{box-sizing:border-box;width:100%;max-width:100%;font-family:monospace;font-size:15px;resize:none;word-break:break-all}#recovery-output{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}#recovery-output[hidden]{display:none!important}#recovery{max-width:480px}
@media(min-width:1450px){.grid:not(.home-grid){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px) and (min-width:651px){.sidebar{width:180px;padding:25px 14px}main{margin-left:180px;padding:0 23px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid .card:first-child{grid-column:1/-1}.home-grid .card:first-child .source-image{display:none}}
@media(max-width:650px){.sidebar{position:static;width:100%;padding:14px 16px 7px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{font-size:24px}.brand span{font-size:17px}.brand-mark{width:32px;height:32px;font-size:18px!important;border-radius:10px}.brand small{display:none}.sidebar nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;margin:11px -4px 0;padding-bottom:4px;scrollbar-width:none}.sidebar nav button{flex:0 0 auto;white-space:nowrap;padding:7px 9px;font-size:12px}.sidebar .side-note{display:none}main{margin:0;padding:0 16px}header{min-height:42px;height:42px;flex-wrap:nowrap;padding:6px 0;gap:6px}header>span{display:none}.header-actions{width:100%;gap:5px}#theme-toggle{margin-right:auto}header button{font-size:10px;padding:5px 7px}.home-intro{padding:15px 0 13px}.home-intro .eyebrow{font-size:10px;margin:0}.home-intro h1{font-size:25px;line-height:1.4;margin:5px 0 7px}.home-intro>p:not(.eyebrow){font-size:11px;line-height:1.7;margin:4px 0;max-width:345px}.home-meta{font-size:9px;gap:10px;margin-top:9px}.mobile-break{display:block}.search{padding:8px 11px}.search input{font-size:12px}.search span{font-size:21px}.section-heading{margin:17px 0 11px}.section-heading h2{font-size:16px}.section-heading>span{font-size:10px}.grid{gap:14px;grid-template-columns:1fr}.card{padding:16px}.card .source-image{height:135px;margin:-16px -16px 13px}.card .source-image img{height:105px}.home-card .source-image{height:116px}.home-card .source-image img{height:88px}.card h3{font-size:17px}.card p{font-size:12px;line-height:1.75;margin:10px 0}.home-next{grid-template-columns:1fr;gap:12px;margin-top:20px}.home-next>div{padding:16px}.hot-post{grid-template-columns:25px 1fr;gap:8px;padding:16px 0}.hot-post h3{font-size:15px}.hot-post .rank{font-size:16px}.hot-post .small{font-size:10px}.feed-status{padding:12px;font-size:11px}.hot-post .actions{font-size:11px}.project-static{padding:16px}.project-static article{padding:18px}.project-static dl{grid-template-columns:1fr;gap:5px}.project-static dd{margin-bottom:10px}dialog{padding:19px}.detail-guide{padding:13px}dialog h2{font-size:24px}}

/* 2026-10-28: consistent optical workbench palette, preserving the existing theme preference. */
:root,html[data-theme="light"]{--bg:#edf2f7;--panel:#ffffff;--line:#ccd7e2;--muted:#617487;--green:#2865e8;--ai-shared-ink:#101a28}
html[data-theme="dark"]{--bg:#0a121e;--panel:#121f30;--line:#2c3e53;--muted:#9eb2c8;--green:#90b9ff;--ai-shared-ink:#edf5ff}
body{color:var(--ai-shared-ink);font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.project-static article{border-radius:10px;box-shadow:none}.project-static .actions a{border-radius:6px}