:root{--ink:#102a43;--muted:#52667a;--line:#d5e2eb;--brand:#0e7490;--brand-dark:#164e63;--brand-soft:#e4f1f4;--accent:#f59e0b;--surface:#fff;--canvas:#f6f8fa;--soft:#eef3f6;color-scheme:light;font-synthesis:none;line-break:strict;overflow-wrap:anywhere}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.65}button,input,select{color:inherit;font:inherit}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:var(--brand);text-underline-offset:.2em}a:hover{color:var(--brand-dark)}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;box-shadow:0 0 0 4px rgba(14,116,144,.18)}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:8px 12px;border-radius:6px;background:var(--ink);color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{min-height:60px;border-bottom:1px solid var(--line);background:hsla(0,0%,100%,.96)}.footer-inner,.header-inner,.page-shell{width:min(calc(100% - 40px),1240px);margin-inline:auto}.header-inner{display:flex;min-height:60px;align-items:stretch;justify-content:space-between}.brand-lockup{display:inline-flex;min-height:48px;align-items:center;gap:10px;color:var(--ink);font-weight:760;letter-spacing:.02em;text-decoration:none}.brand-lockup img{width:30px;height:30px}.brand-lockup small,.eyebrow,.meta-label{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.site-nav{display:flex;align-items:stretch}.site-nav a{display:grid;min-width:106px;min-height:48px;place-items:center;border-left:1px solid var(--line);color:var(--ink);font-size:.875rem;text-decoration:none}.site-nav a:last-child{border-right:1px solid var(--line)}.site-nav a:hover{background:var(--soft)}.hero{padding:52px 0 36px}.hero-main{max-width:880px}.hero h1,.page-heading h1{max-width:18em;margin:12px 0 0;font-size:clamp(2.35rem,1.9rem + 2vw,4.25rem);font-weight:790;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}.lede{max-width:46rem;margin:16px 0 0;color:var(--muted);font-size:1.05rem}.catalog-trust{display:flex;width:-moz-fit-content;width:fit-content;max-width:100%;align-items:center;gap:14px;margin-top:24px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface)}.catalog-trust p{margin:0;color:var(--muted);font-size:.875rem}.status-flag{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;color:var(--ink);font-size:.78rem;font-weight:700}.status-flag:before{width:8px;height:8px;border-radius:50%;background:var(--accent);content:""}.browser-section{scroll-margin-top:1rem;padding-bottom:56px}.filter-panel{position:-webkit-sticky;position:sticky;z-index:20;top:0;display:grid;grid-template-columns:minmax(280px,1.45fr) minmax(170px,.72fr) minmax(170px,.72fr) auto;grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px;background:hsla(0,0%,100%,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.filter-field,.filter-search{display:grid;min-width:0;grid-gap:5px;gap:5px}.filter-field label,.filter-search label{color:var(--muted);font-size:.72rem;font-weight:600}.filter-field select,.filter-search input{width:100%;min-width:0;min-height:46px;border:1px solid transparent;border-radius:9px;padding:0 13px;background:var(--soft)}.filter-search input::placeholder{color:#71869a}.filter-field select:hover,.filter-search input:hover{border-color:var(--line)}.filter-field select.is-active{border-color:#b9dce3;background:var(--brand-soft);color:var(--brand-dark);font-weight:650}.filter-action{display:grid;align-items:flex-end}.text-button{min-height:46px;border:0;border-radius:8px;padding:0 14px;background:transparent;color:var(--brand);cursor:pointer;font-weight:650}.text-button:hover{background:var(--brand-soft)}.invalid-notice{margin:10px 0 0;border:1px solid #e7c675;border-radius:8px;padding:9px 12px;background:#fff8e8;color:#62440d;font-size:.875rem}.result-heading{display:flex;min-height:76px;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 2px 14px}.result-heading h2{margin:0;font-size:1.45rem;line-height:1.25}.result-heading p{margin:0;color:var(--muted);font-size:.875rem;text-align:right}.demo-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;margin:0;padding:0;list-style:none}.demo-list>li{min-width:0;height:100%}.demo-record{height:100%;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.demo-card-link{display:flex;height:100%;min-height:100%;flex-direction:column;color:var(--ink);text-decoration:none}.demo-record:hover{border-color:#9fcbd4}.cover-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:8/5;background:var(--soft)}.cover-frame img{display:block;width:100%;height:100%;object-fit:cover}.draft-cover-placeholder,.draft-detail-placeholder{display:grid;min-height:100%;place-content:center;grid-gap:6px;gap:6px;padding:20px;background:linear-gradient(135deg,rgba(14,116,144,.08),transparent 55%),repeating-linear-gradient(-45deg,transparent,transparent 12px,rgba(16,42,67,.035) 12px,rgba(16,42,67,.035) 24px),var(--soft);color:var(--muted);text-align:center}.draft-cover-placeholder span,.draft-detail-placeholder span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.draft-cover-placeholder strong,.draft-detail-placeholder strong{color:var(--ink);font-size:.82rem}.record-content{display:flex;min-width:0;flex:1 1;flex-direction:column;padding:18px}.record-content h3{margin:7px 0 0;font-size:1.16rem;line-height:1.35;text-wrap:balance}.record-summary{display:-webkit-box;overflow:hidden;margin:10px 0 0;color:var(--muted);font-size:.9rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}.tag-list span{display:inline-flex;min-height:26px;align-items:center;border-radius:999px;padding:2px 9px;background:var(--brand-soft);color:var(--brand-dark);font-size:.72rem;font-weight:600}.card-action{margin-top:auto;padding-top:16px;color:var(--brand);font-size:.84rem;font-weight:700}.empty-state{border:1px solid var(--line);border-radius:14px;padding:52px 24px;background:var(--surface);text-align:center}.empty-state h2,.empty-state h3{margin:0}.empty-state p{max-width:38rem;margin:8px auto 14px;color:var(--muted)}.principles{display:grid;grid-template-columns:190px minmax(0,1fr);grid-gap:28px;gap:28px;scroll-margin-top:1rem;border-top:1px solid var(--line);padding:36px 0 52px}.principles-heading h2{margin:3px 0 0;font-size:1.35rem}.principles-heading p{margin:0}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.principle-grid article{border-left:2px solid var(--brand);padding-left:14px}.principle-grid h3{margin:0;font-size:.95rem}.principle-grid p{margin:5px 0 0;color:var(--muted);font-size:.84rem}.page-heading{padding:42px 0 30px}.page-heading .lede{max-width:52rem}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px;padding:0;list-style:none;color:var(--muted);font-size:.84rem}.breadcrumb li:not(:last-child):after{margin-left:7px;content:"/"}.detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);align-items:start;grid-gap:22px;gap:22px}.detail-aside,.detail-cover{min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.detail-cover{padding:16px}.detail-cover figure{margin:0}.detail-cover img{display:block;width:100%;height:auto;border-radius:9px}.draft-detail-placeholder{width:100%;aspect-ratio:8/5;border-radius:9px}.detail-cover figcaption{margin-top:10px;color:var(--muted);font-size:.8rem}.detail-aside{position:-webkit-sticky;position:sticky;top:20px;padding:24px}.detail-aside h2{margin:0;font-size:1.2rem}.facts-list{margin:17px 0 22px}.facts-list div{display:grid;grid-template-columns:86px minmax(0,1fr);grid-gap:10px;gap:10px;border-top:1px solid var(--line);padding:9px 0}.facts-list dt{color:var(--muted);font-size:.78rem}.facts-list dd{margin:0;font-size:.9rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem!important}.primary-link{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid var(--brand-dark);border-radius:9px;padding:9px 14px;background:var(--brand-dark);color:#fff;font-weight:700;text-align:center;text-decoration:none}.detail-aside>.primary-link{width:100%}.primary-link:hover{background:var(--ink);color:#fff}.external-note{margin:8px 0 0;color:var(--muted);font-size:.76rem;text-align:center}.release-details{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.release-details summary{min-height:44px;cursor:pointer;color:var(--brand-dark);font-size:.86rem;font-weight:700;line-height:44px}.facts-list-technical{margin:4px 0 0}.back-links{display:flex;flex-wrap:wrap;gap:18px;padding:28px 0 52px;font-size:.9rem}.not-found{min-height:60vh;padding:72px 0}.not-found h1{margin:10px 0;font-size:clamp(2.25rem,6vw,5rem)}.not-found p{max-width:38rem;color:var(--muted)}.site-footer{border-top:1px solid var(--line);background:var(--ink);color:#fff}.footer-inner{display:flex;min-height:116px;align-items:center;justify-content:space-between;gap:28px}.footer-inner p{max-width:46rem;margin:0;color:#d5e2eb}.footer-inner a{color:#fff}@media (max-width:1024px){.demo-list{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel{grid-template-columns:minmax(240px,1.2fr) minmax(150px,.7fr) minmax(150px,.7fr) auto}.detail-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}}@media (max-width:768px){.filter-panel{grid-template-columns:1fr 1fr}.filter-action,.filter-search{grid-column:1/-1}.filter-action{justify-self:end}.detail-layout{grid-template-columns:1fr}.detail-aside{position:static}.principles{grid-template-columns:1fr;gap:20px}}@media (max-width:700px){.footer-inner,.header-inner,.page-shell{width:min(calc(100% - 24px),1240px)}.site-nav a{min-width:auto;padding-inline:12px}.brand-lockup small,.site-nav a:first-child{display:none}.hero{padding:30px 0 24px}.hero h1,.page-heading h1{font-size:clamp(2.05rem,9vw,2.7rem)}.lede{margin-top:12px;font-size:.96rem}.catalog-trust{align-items:flex-start;flex-direction:column;gap:4px;margin-top:18px}.filter-panel{position:static;gap:8px;padding:10px}.filter-field select,.filter-search input{padding-inline:10px;font-size:.88rem}.filter-action .text-button{min-height:38px}.result-heading{min-height:64px;align-items:flex-start;flex-direction:column;gap:3px;padding:19px 2px 10px}.result-heading h2{font-size:1.2rem}.result-heading p{text-align:left}.demo-list{grid-template-columns:1fr;gap:10px}.demo-card-link{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:132px}.record-cover{align-self:start;margin:12px 0 12px 12px}.cover-frame{border-radius:9px}.record-content{padding:12px}.record-content h3{margin-top:4px;font-size:1rem}.record-summary{margin-top:5px;font-size:.8rem;line-height:1.45}.tag-list{gap:4px;margin-top:8px}.tag-list span{min-height:23px;padding-inline:7px;font-size:.66rem}.card-action{display:none}.empty-state{padding:40px 18px}.principles{padding:32px 0 42px}.principle-grid{grid-template-columns:1fr;gap:16px}.page-heading{padding:30px 0 24px}.detail-cover{padding:10px}.detail-aside{padding:20px}.facts-list div{grid-template-columns:76px minmax(0,1fr)}.back-links{padding-bottom:40px}.footer-inner{min-height:150px;align-items:flex-start;flex-direction:column;justify-content:center}}@media (max-width:360px){.demo-card-link{grid-template-columns:96px minmax(0,1fr)}.record-summary{-webkit-line-clamp:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}