:root{--bg:#F3F7FB;--deep:#E6EFF7;--surface:#fff;--surface2:#DCEBF5;--ink:#10263A;--text:#263B4C;--muted:#60788C;--soft:#8094A5;--blue:#3B9FE0;--blue2:#67B9EC;--steel:#1E6FB8;--ice:#B8DDF3;--mint:#39A69C;--border:rgba(30,111,184,.16);--border2:rgba(59,159,224,.38);--shadow:0 14px 36px rgba(16,38,58,.08);--top:72px}
*{box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}body.layer-open{overflow:hidden}a{color:var(--steel);text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(59,159,224,.35);outline-offset:3px}img{display:block;max-width:100%;height:auto}button,input{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:16px;top:8px;z-index:160;transform:translateY(-150%);background:#fff;padding:8px 14px;border-radius:10px;color:var(--ink)}.skip-link:focus{transform:none}
.topbar{position:sticky;top:0;z-index:50;height:var(--top);background:rgba(243,247,251,.93);backdrop-filter:blur(15px);border-bottom:1px solid var(--border);box-shadow:0 8px 22px rgba(16,38,58,.05)}.topbar-inner{width:min(1240px,calc(100% - 32px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-link{display:flex;align-items:center;gap:16px;color:var(--ink);font-weight:800;min-width:0}.brand-logo{height:32px;width:auto;max-width:190px;object-fit:contain}.brand-text-fallback{font-size:22px;color:var(--ink);font-weight:900;white-space:nowrap}.brand-status{font-size:14px;color:var(--muted);font-weight:500;padding-left:16px;border-left:1px solid var(--border)}.top-actions{display:flex;align-items:center;gap:8px}.icon-button,.app-top-link,.rail-all,.close-button,.toggle-btn{min-height:44px;border:1px solid var(--border);border-radius:11px;background:#fff;color:var(--ink);padding:0 14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px}.icon-button:hover,.app-top-link:hover{border-color:var(--border2)}
.site-main{padding:34px 0 76px}.site-shell{width:min(1240px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;align-items:start}.content-column{min-width:0}.category-rail{position:sticky;top:calc(var(--top) + 24px);display:flex;flex-direction:column;gap:18px}.rail-group{background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:0 10px 28px rgba(16,38,58,.04)}.rail-title{font-size:12px;letter-spacing:.13em;color:var(--soft);font-weight:900;margin:0 0 8px}.rail-link{display:flex;flex-direction:column;gap:1px;padding:9px 10px 9px 12px;border-left:3px solid transparent;border-radius:9px;color:var(--text);min-height:48px}.rail-link strong{font-size:14px;line-height:1.35}.rail-link span{font-size:12px;color:var(--soft);line-height:1.4}.rail-link.is-active{border-left-color:var(--steel);background:#eaf5fc;color:var(--ink)}.rail-all{width:100%;border:0;background:linear-gradient(135deg,var(--blue2),var(--blue),var(--steel));color:#fff}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--soft);margin-bottom:18px}.page-hero{background:linear-gradient(145deg,#fff,#edf6fb);border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:var(--shadow);margin-bottom:26px;overflow:hidden}.page-hero.with-media{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);gap:26px;align-items:center}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.14em;color:var(--steel);font-weight:900;margin-bottom:6px}h1,h2,h3{color:var(--ink);line-height:1.3;margin-top:0}h1{font-size:clamp(30px,3vw,38px);margin-bottom:14px}h2{font-size:clamp(22px,2.4vw,28px);margin-bottom:12px}h3{font-size:19px;margin-bottom:8px}.lead{font-size:17px;color:var(--muted);max-width:780px;margin:0}.hero-actions,.inline-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn-primary,.btn-secondary{min-height:44px;border-radius:11px;padding:10px 18px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--blue2),var(--blue),var(--steel));color:#fff}.btn-secondary{background:#fff;color:var(--steel);border:1px solid var(--border2)}
.media-box{background:linear-gradient(150deg,#f9fcfe,#e0eef7);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}.media-box.banner{max-height:420px}.media-box.landscape{min-height:190px;max-height:360px}.media-box.portrait{min-height:320px;max-height:460px;aspect-ratio:4/5}.media-box.icon-box{width:72px;height:72px;min-height:0;border-radius:18px}.site-media{width:100%;height:auto;object-fit:contain;object-position:center}.media-box.landscape .site-media,.media-box.banner .site-media{width:100%;height:100%;max-height:360px;object-fit:contain}.media-box.banner .site-media{max-height:420px}.media-box.portrait .site-media{width:100%;height:100%;object-fit:contain}.media-box.icon-box .site-media{width:64px;height:64px;object-fit:contain}.media-fallback{width:100%;min-height:210px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#eef6fb,#d9eaf5);color:var(--steel);font-weight:900;letter-spacing:.08em;text-align:center;padding:20px}.media-fallback.portrait{min-height:360px}.media-fallback.icon-img{min-height:64px;width:64px;border-radius:16px}
.section-block{margin:28px 0;background:rgba(255,255,255,.75);border:1px solid var(--border);border-radius:16px;padding:26px}.section-block.plain{background:transparent;border:0;padding:2px 0}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}.section-head p{max-width:650px;margin:0;color:var(--muted)}.section-block p{font-size:16px;margin:0 0 14px}.section-block p:last-child{margin-bottom:0}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card,.task-card,.topic-card,.tool-card,.term-card,.help-card,.magazine-card,.directory-item,.step-card,.kanban-col{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;min-width:0}.info-card p,.task-card p,.topic-card p,.tool-card p,.term-card p,.help-card p,.magazine-card p,.directory-item p,.step-card p{color:var(--muted);font-size:15px}.step-no,.meta,.task-index{font-size:12px;color:var(--steel);letter-spacing:.12em;font-weight:900}.task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.editorial-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}.editorial-main{grid-row:span 2}.editorial-main,.editorial-side{background:#fff;border:1px solid var(--border);border-radius:15px;padding:20px}.editorial-main .media-box{margin-bottom:18px}.channel-list{display:grid;gap:18px}.channel-row{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:22px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px}.channel-row:nth-child(even) .media-box{order:2}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.tag{display:inline-flex;padding:4px 9px;border:1px solid var(--border);border-radius:8px;background:#f3f8fc;color:var(--steel);font-size:13px;font-weight:800}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.shelf-layers{display:grid;gap:8px}.shelf-layer{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--border)}.number-list{counter-reset:item;list-style:none;padding:0;margin:0}.number-list li{counter-increment:item;padding:14px 0 14px 52px;position:relative;border-bottom:1px solid var(--border)}.number-list li:before{content:counter(item,decimal-leading-zero);position:absolute;left:0;top:13px;color:var(--steel);font-weight:900}.mosaic-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.mosaic{border:1px solid var(--border);background:#fff;border-radius:15px;padding:22px;min-height:160px}.mosaic:nth-child(1),.mosaic:nth-child(5){grid-column:span 7}.mosaic:nth-child(2),.mosaic:nth-child(6){grid-column:span 5}.mosaic:nth-child(3),.mosaic:nth-child(4){grid-column:span 6}.mosaic .num{font-size:12px;letter-spacing:.14em;color:var(--steel);font-weight:900}.tool-grid,.term-groups,.magazine-grid,.compact-directory,.step-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.archive-grid,.topic-grid,.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.horizontal-band{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--border)}.band-label{color:var(--steel);font-weight:900}.chapter{padding:20px 0;border-bottom:1px solid var(--border)}.process-list{display:grid;gap:12px;counter-reset:process}.process-item{counter-increment:process;display:grid;grid-template-columns:62px 1fr;gap:16px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px}.process-item:before{content:counter(process,decimal-leading-zero);font-size:22px;color:var(--steel);font-weight:900}.kanban{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}.kanban-item{padding:11px 0;border-top:1px solid var(--border);font-size:14px;color:var(--muted)}.note-summary{background:#eaf5fc;border-left:4px solid var(--steel);padding:18px;border-radius:0 12px 12px 0}.editor-observation{background:#effaf8;border:1px solid rgba(57,166,156,.28);border-radius:14px;padding:18px;margin:20px 0}.theme-map{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.map-node{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px}.map-node.start{background:#eaf5fc;border-color:var(--border2)}.map-node.stop{border-left:4px solid var(--mint)}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:12px}.checklist li{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 16px 16px 46px;position:relative}.checklist li:before{content:"✓";position:absolute;left:16px;top:15px;color:var(--mint);font-weight:900}.demo-panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px}.demo-panel.compact-reading p{font-size:15px;line-height:1.55}
.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:0 18px}.faq-list summary{cursor:pointer;min-height:54px;display:flex;align-items:center;color:var(--ink);font-weight:900}.faq-list details p{padding:0 0 16px;color:var(--muted)}
.related-links{margin-top:28px;padding:22px;border-radius:15px;background:#eaf5fc;border:1px solid var(--border)}.related-links h2{font-size:20px}.related-links-list{display:flex;flex-wrap:wrap;gap:10px}.related-links-list a{background:#fff;border:1px solid var(--border);border-radius:10px;padding:9px 12px;font-weight:800}.page-action{margin-top:24px;background:linear-gradient(135deg,#1e6fb8,#3b9fe0);color:#fff;border-radius:16px;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.page-action h2,.page-action p{color:#fff;margin-bottom:6px}.page-action .btn-secondary{background:#fff}
.site-footer{background:#155a96;color:#dcecf8;padding:52px 0 36px}.footer-inner{width:min(1240px,calc(100% - 32px));margin:auto}.footer-brand{display:flex;align-items:center;gap:16px;margin-bottom:28px}.footer-logo{display:flex;align-items:center;min-height:44px}.footer-logo .brand-logo{filter:brightness(0) invert(1)}.footer-brand strong{display:block;color:#fff;font-size:20px}.footer-brand span{font-size:12px;letter-spacing:.1em}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.footer-grid h2{font-size:16px;color:#fff}.footer-grid a{display:block;color:#dcecf8;padding:3px 0}.footer-note{border-top:1px solid rgba(255,255,255,.18);margin:30px 0 0;padding-top:20px}.footer-copy{color:#bfd5e5}
.site-backdrop{position:fixed;inset:0;background:rgba(16,38,58,.36);z-index:80;visibility:hidden;opacity:0;pointer-events:none;transition:.2s ease}.site-backdrop.is-open{visibility:visible;opacity:1;pointer-events:auto}.search-dialog,.menu-sheet{position:fixed;z-index:90;background:#fff;border:1px solid var(--border);box-shadow:0 24px 80px rgba(16,38,58,.25);visibility:hidden;opacity:0;pointer-events:none;transition:.22s ease}.search-dialog.is-open,.menu-sheet.is-open{visibility:visible;opacity:1;pointer-events:auto}.search-dialog{left:50%;top:50%;transform:translate(-50%,-46%);width:min(640px,calc(100% - 32px));max-height:82vh;overflow:auto;border-radius:18px;padding:24px}.search-dialog.is-open{transform:translate(-50%,-50%)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.close-button{width:44px;padding:0;font-size:26px}.search-label{display:block;font-weight:800;margin:18px 0 8px}.search-input{width:100%;min-height:48px;border:1px solid var(--border2);border-radius:11px;padding:0 14px;color:var(--ink);background:#f9fcff}.search-tip{font-size:13px;color:var(--soft)}.search-results{display:grid;grid-template-columns:1fr 1fr;gap:10px}.search-results a{border:1px solid var(--border);border-radius:11px;padding:12px;color:var(--text)}.search-results strong{display:block;color:var(--ink)}.search-results span{font-size:13px;color:var(--soft)}.search-empty{background:#f3f8fc;border-radius:10px;padding:12px}
.menu-sheet{left:50%;bottom:18px;transform:translate(-50%,18px);width:min(980px,calc(100% - 32px));max-height:82vh;overflow:auto;border-radius:20px;padding:24px}.menu-sheet.is-open{transform:translate(-50%,0)}.sheet-handle{width:54px;height:5px;border-radius:5px;background:#d1dde6;margin:0 auto 18px}.menu-brand{display:flex;align-items:center;gap:14px}.menu-brand .brand-logo{height:30px}.menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:20px}.menu-group h3{font-size:15px;color:var(--steel)}.menu-item{display:block;padding:10px;border-left:3px solid transparent;border-radius:10px;color:var(--text)}.menu-item strong{display:block;color:var(--ink);font-size:14px}.menu-item span{display:block;color:var(--soft);font-size:12px;line-height:1.5}.menu-item.is-active{background:#eaf5fc;border-left-color:var(--steel)}.mobile-bottom-nav{display:none}
@media(max-width:1100px){.site-shell{grid-template-columns:205px minmax(0,1fr);gap:22px}.task-grid{grid-template-columns:repeat(2,1fr)}.kanban{grid-template-columns:repeat(3,1fr)}}
@media(max-width:960px){.site-shell{display:block}.category-rail{display:none}.page-hero.with-media{grid-template-columns:1fr}.menu-grid{grid-template-columns:repeat(2,1fr)}.kanban{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--top:66px}.topbar-inner{width:calc(100% - 24px)}.brand-status,.action-label,.app-top-link{display:none}.brand-logo{height:29px;max-width:150px}.site-main{padding:24px 0 100px}.site-shell,.footer-inner{width:calc(100% - 32px)}.page-hero,.section-block{padding:20px}.task-grid,.editorial-grid,.split-grid,.tool-grid,.term-groups,.magazine-grid,.compact-directory,.step-board,.archive-grid,.topic-grid,.help-grid,.card-grid,.card-grid.three{grid-template-columns:1fr}.editorial-main{grid-row:auto}.channel-row{grid-template-columns:1fr}.channel-row:nth-child(even) .media-box{order:0}.mosaic-grid{grid-template-columns:1fr}.mosaic,.mosaic:nth-child(n){grid-column:auto}.horizontal-band{grid-template-columns:1fr;gap:5px}.process-item{grid-template-columns:46px 1fr}.theme-map,.kanban{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.search-results{grid-template-columns:1fr}.menu-sheet{bottom:0;width:100%;border-radius:18px 18px 0 0}.menu-grid{grid-template-columns:1fr 1fr}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);min-height:56px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.97);border-top:1px solid var(--border);box-shadow:0 -8px 24px rgba(16,38,58,.08)}.mobile-bottom-nav a{display:flex;align-items:center;justify-content:center;min-width:0;padding:8px 2px;color:var(--muted);font-size:13px;font-weight:900}.mobile-bottom-nav a.is-active{background:var(--steel);color:#fff}.site-footer{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.page-action{align-items:flex-start;flex-direction:column}.media-box.landscape,.media-box.banner{min-height:0;max-height:none}.media-box.landscape .site-media,.media-box.banner .site-media{height:auto;max-height:none}}
@media(max-width:420px){.menu-grid,.footer-grid{grid-template-columns:1fr}.hero-actions,.inline-actions{display:grid}.btn-primary,.btn-secondary{width:100%}.brand-text-fallback{font-size:19px}.page-hero,.section-block{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-backdrop,.search-dialog,.menu-sheet{transition:none}}