:root{--bg:#F3F6F9;--surface:#fff;--soft:#E8EEF5;--ink:#0B1220;--text:#1E293B;--muted:#475569;--aux:#64748B;--blue:#2563EB;--blue2:#60A5FA;--blue3:#1D4ED8;--lime:#65A30D;--slate:#334155;--border:rgba(37,99,235,.16);--shadow:0 14px 36px rgba(11,18,32,.08);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%;height:auto}button{cursor:pointer}.site-header{position:fixed;inset:0 0 auto;z-index:80}.status-bar{height:32px;background:var(--slate);color:#fff}.status-inner,.command-inner,.tabs-inner{width:min(calc(100% - 32px),var(--max));margin:auto;height:100%;display:flex;align-items:center}.status-inner{justify-content:space-between}.status-brand{font-size:13px;font-weight:800;letter-spacing:.08em}.icon-action{border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:6px;min-height:32px;padding:0 8px}.icon-action:focus-visible,.square-action:focus-visible,.close-action:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue2);outline-offset:3px}.command-bar{height:60px;background:#fff;border-bottom:1px solid var(--border)}.command-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.square-action{justify-self:start}.app-action{justify-self:end}.square-action,.app-action,.close-action,.button-link{min-height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:750}.square-action{border:1px solid var(--border);background:#fff;color:var(--ink);padding:0 15px}.app-action,.button-link.primary{padding:0 20px;background:linear-gradient(135deg,var(--blue2) 0%,var(--blue) 52%,var(--blue3) 100%);color:#fff;box-shadow:0 8px 18px rgba(37,99,235,.18)}.button-link.secondary{padding:0 20px;border:1px solid var(--blue);background:#fff;color:var(--blue)}.command-logo{display:flex;align-items:center;justify-content:center;min-width:150px;height:44px}.brand-mark{max-height:32px;max-width:180px;width:auto}.brand-text{font-weight:900;letter-spacing:.05em;color:var(--ink);font-size:21px}.desktop-tabs{height:44px;background:#fff;border-bottom:1px solid var(--border)}.tabs-inner{gap:30px}.tabs-inner a{height:44px;display:flex;align-items:center;position:relative;font-size:15px;font-weight:700;color:var(--muted)}.tabs-inner a.is-current{color:var(--blue)}.tabs-inner a.is-current:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--blue);border-radius:3px}.site-main{padding-top:164px;min-height:60vh}.container{width:min(calc(100% - 32px),var(--max));margin:auto}.hero-card,.page-hero,.section-card,.content-card,.note-card{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.hero-card{border-radius:20px;padding:clamp(24px,5vw,56px);margin-top:28px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime)}h1,h2,h3{color:var(--ink);line-height:1.22;margin-top:0}h1{font-size:clamp(28px,4.2vw,32px);margin-bottom:18px}h2{font-size:clamp(22px,3vw,28px)}h3{font-size:18px}.lead{font-size:17px;color:var(--muted);max-width:760px}.hero-actions,.section-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.cover-media{margin-top:30px;max-height:340px;width:100%;object-fit:contain;border-radius:18px;background:var(--soft)}.media-slot{background:linear-gradient(135deg,#fff 0%,#E8EEF5 100%);border:1px dashed rgba(37,99,235,.24);position:relative;overflow:hidden}.media-slot:after{content:"";position:absolute;width:100px;height:100px;border:18px solid rgba(37,99,235,.08);border-radius:50%;right:8%;top:20%}.content-media{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:16px}.section-block{padding:54px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-head p{max-width:620px;margin:0;color:var(--muted)}.theme-rows{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-row{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:start}.theme-dot{width:9px;height:9px;background:var(--blue);border-radius:50%;margin-top:7px}.theme-row p{margin:4px 0 0;color:var(--muted);font-size:14px}.text-link{color:var(--blue);font-weight:750;white-space:nowrap}.beat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.beat-item{background:var(--soft);border-radius:16px;padding:20px}.beat-num,.big-number{font-size:36px;line-height:1;font-weight:900;color:var(--blue)}.mosaic-three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card{border-radius:18px;overflow:hidden}.content-card .content-body{padding:22px}.content-body p,.note-card p{color:var(--muted)}.stack-two{display:grid;gap:18px}.split-card{display:grid;grid-template-columns:.95fr 1.05fr;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden}.split-card:nth-child(even){grid-template-columns:1.05fr .95fr}.split-card .copy{padding:28px}.split-card .content-media{height:100%;border-radius:0;object-fit:cover;min-height:260px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic-tile{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px;min-height:180px}.file-list{display:grid;gap:10px}.file-item{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:14px;padding:17px}.file-code{font-weight:900;color:var(--blue)}.rank-list{display:grid;gap:14px}.rank-row{display:grid;grid-template-columns:74px 1fr;gap:18px;align-items:start;background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:2px;background:var(--border)}.timeline-item{position:relative;background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;margin:0 0 16px}.timeline-item:before{content:"";position:absolute;left:-26px;top:26px;width:12px;height:12px;background:var(--blue);border:4px solid var(--bg);border-radius:50%}.status-tag{display:inline-flex;padding:4px 10px;background:#EDF4FF;color:var(--blue3);border-radius:999px;font-size:12px;font-weight:800}.service-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:center}.service-grid .content-media{aspect-ratio:4/5;max-height:430px}.badge-mini{width:64px!important;height:64px!important;object-fit:contain;border-radius:16px}.mini-media-slot{width:64px;height:64px;border-radius:16px}.prose{background:#fff;border:1px solid var(--border);border-radius:18px;padding:clamp(24px,4vw,42px);box-shadow:var(--shadow)}.prose p{margin:0 0 1.15em}.prose h2{margin-top:1.6em}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.note-card{border-radius:16px;padding:22px}.page-hero{border-radius:18px;padding:clamp(24px,4vw,42px);margin-top:28px}.page-hero .content-media{margin-top:24px;max-height:320px}.long-bars{display:grid;gap:12px}.long-bar{display:grid;grid-template-columns:88px 1fr;gap:18px;padding:20px;background:#fff;border:1px solid var(--border);border-radius:14px}.serial-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.serial-strip article{flex:0 0 260px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px}.serial-strip::-webkit-scrollbar{height:8px}.serial-strip::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.step-list{counter-reset:step;display:grid;gap:14px}.step{counter-increment:step;background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px}.step:before{content:counter(step,decimal-leading-zero);display:block;color:var(--blue);font-size:30px;font-weight:900;margin-bottom:8px}.clause-list{display:grid;gap:14px}.clause{background:#fff;border-left:4px solid var(--blue);border-radius:0 14px 14px 0;padding:20px 22px;box-shadow:var(--shadow)}details{background:#fff;border:1px solid var(--border);border-radius:14px;padding:0 18px;margin:0 0 12px}summary{cursor:pointer;font-weight:800;color:var(--ink);padding:17px 0}details p{margin:0;padding:0 0 18px;color:var(--muted)}.site-footer{margin-top:70px;background:var(--ink);color:#D6E4FF}.footer-inner{width:min(calc(100% - 32px),var(--max));margin:auto;padding:50px 0 calc(40px + env(safe-area-inset-bottom))}.footer-brand{display:flex;gap:18px;align-items:center;padding-bottom:30px;border-bottom:1px solid rgba(214,228,255,.15)}.footer-mark{min-width:110px}.footer-mark .brand-text{color:#fff}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{font-size:22px;color:#fff}.footer-brand span{font-size:13px;letter-spacing:.14em}.footer-brand p{margin:6px 0 0;color:#9fb3d8}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:34px 0}.footer-columns h2{color:#fff;font-size:15px}.footer-columns a{display:block;color:#c7d5ef;margin:8px 0}.footer-columns a:hover{color:#fff}.footer-note,.copyright{color:#9fb3d8;font-size:14px}.site-overlay{position:fixed;inset:0;background:rgba(11,18,32,.42);z-index:90;visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.site-overlay.is-open{visibility:visible;opacity:1;pointer-events:auto}.directory-panel{position:fixed;inset:0;z-index:110;background:#F3F6F9;transform:translateY(-18px);opacity:0;visibility:hidden;pointer-events:none;transition:.22s}.directory-panel.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto}.directory-top{height:86px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw - var(--max))/2))}.directory-brand{display:flex;align-items:center;gap:14px;font-weight:900}.close-action{border:1px solid var(--border);background:#fff;padding:0 18px;color:var(--ink)}.directory-scroll{height:calc(100vh - 86px);overflow-y:auto;width:min(calc(100% - 32px),var(--max));margin:auto;padding:30px 0 50px}.directory-group{margin-bottom:34px}.directory-group h2{font-size:18px}.mosaic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mosaic-grid a{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;min-height:126px}.mosaic-grid b{display:block;color:var(--ink);margin-bottom:8px}.mosaic-grid span{display:block;color:var(--muted);font-size:14px}.mosaic-grid a:hover{border-color:var(--blue);transform:translateY(-1px)}.search-layer{position:fixed;left:0;right:0;top:92px;z-index:105;visibility:hidden;opacity:0;pointer-events:none;transition:.18s}.search-layer.is-open{visibility:visible;opacity:1;pointer-events:auto}.search-card{width:min(calc(100% - 32px),900px);margin:auto;background:#fff;border:1px solid var(--border);border-radius:0 0 18px 18px;box-shadow:0 24px 60px rgba(11,18,32,.18);padding:28px}.search-head{display:flex;justify-content:space-between;align-items:start;gap:18px}.search-head h2{font-size:24px;margin:7px 0 0}.search-field{display:grid;grid-template-columns:80px 1fr;align-items:center;margin:20px 0;background:var(--soft);border-radius:14px;padding:8px 12px}.search-field span{font-weight:800;color:var(--muted)}.search-field input{border:0;background:transparent;min-height:44px;outline:none;color:var(--ink);width:100%}.search-presets{display:flex;flex-wrap:wrap;gap:10px}.search-presets a{padding:9px 14px;border-radius:999px;background:#EDF4FF;color:var(--blue3);font-weight:750}.search-presets a[hidden]{display:none}.search-hint{font-size:13px;color:var(--aux);margin:18px 0 0}.panel-open{overflow:hidden}.mobile-bottom{display:none}
@media(max-width:860px){.mosaic-three,.topic-grid{grid-template-columns:1fr 1fr}.service-grid,.split-card,.split-card:nth-child(even){grid-template-columns:1fr}.split-card .content-media{min-height:220px}.footer-columns{grid-template-columns:1fr 1fr}.beat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.desktop-tabs{display:none}.site-main{padding-top:116px}.command-logo{min-width:100px}.command-inner{width:calc(100% - 24px)}.status-inner{width:calc(100% - 24px)}.square-action{padding:0 12px}.app-action{padding:0 14px}.brand-mark{max-width:120px}.hero-card{margin-top:18px}.theme-rows,.mosaic-three,.topic-grid,.info-grid{grid-template-columns:1fr}.theme-row{grid-template-columns:14px 1fr}.theme-row .text-link{grid-column:2}.beat-grid{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}.file-item{grid-template-columns:42px 1fr}.file-item .text-link{grid-column:2}.rank-row{grid-template-columns:58px 1fr}.footer-columns{grid-template-columns:1fr 1fr}.mosaic-grid{grid-template-columns:repeat(2,1fr)}.directory-top{height:76px}.directory-scroll{height:calc(100vh - 76px);padding-top:22px}.mosaic-grid a{min-height:116px;padding:15px}.search-layer{top:0;bottom:0;background:var(--bg);overflow:auto}.search-card{width:100%;min-height:100%;border:0;border-radius:0;box-shadow:none;padding:24px 16px 90px}.search-field{grid-template-columns:1fr}.search-field span{font-size:12px}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom));height:50px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 30px rgba(11,18,32,.14);z-index:70;overflow:hidden}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--muted)}.mobile-bottom a.is-current{background:var(--blue);color:#fff}.site-footer{padding-bottom:68px}.site-overlay{z-index:90}.directory-panel,.search-layer{z-index:110}.footer-brand{align-items:flex-start;flex-direction:column}.long-bar{grid-template-columns:60px 1fr}}
@media(max-width:460px){.beat-grid{grid-template-columns:1fr}.mosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-grid a{font-size:14px}.footer-columns{grid-template-columns:1fr}.hero-actions .button-link{width:100%}.status-brand{font-size:12px}.icon-action span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.stacked-note{margin-bottom:12px}.spaced-grid{margin-top:18px}.spaced-panel{margin-top:18px}.app-brand-row{display:flex;gap:14px;align-items:center;margin-bottom:16px}.app-brand-title{margin:4px 0 0}