:root{--navy: #082f5b;--navy-deep: #052444;--coral: #ff684f;--coral-dark: #b93d2d;--ink: #182433;--muted: #657384;--line: #dfe6ed;--soft: #f5f8fb;--white: #fff;--shell: min(1180px, calc(100vw - 40px) );font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--white);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#fff;line-height:1.65}img{max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:var(--shell);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:10px 14px;color:#fff;background:var(--navy);transform:translateY(-150%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid color-mix(in srgb,var(--coral) 72%,white);outline-offset:3px}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(223,230,237,.82);background:#ffffffed;backdrop-filter:blur(18px)}.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-size:19px;font-weight:760;letter-spacing:-.02em}.brand img{width:38px;height:38px;border-radius:10px}.site-nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:590;color:#405064}.site-nav>a:hover{color:var(--navy)}.language-switch{display:flex;gap:7px;padding-left:20px;border-left:1px solid var(--line)}.language-switch a{color:#657384}.language-switch a.active{color:var(--navy);font-weight:760}.menu-toggle{display:none;width:44px;height:44px;border:0;background:transparent}.menu-toggle span:not(.sr-only){display:block;width:21px;height:2px;margin:5px auto;background:var(--navy)}.hero{position:relative;overflow:hidden;padding:100px 0 92px}.hero:before{content:"";position:absolute;inset:0 0 auto;height:520px;background:radial-gradient(circle at 78% 10%,rgba(255,104,79,.09),transparent 31%),linear-gradient(180deg,#f8fbfe 0,#fff);z-index:-1}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.hero-copy h1{max-width:610px;margin:0;color:var(--navy-deep);font-size:clamp(3.35rem,5vw,4.1rem);line-height:.99;letter-spacing:-.065em}.hero-copy p{max-width:570px;margin:30px 0 0;color:var(--muted);font-size:18px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 20px;border:1px solid var(--line);border-radius:9px;color:var(--navy);background:#fff;font-size:14px;font-weight:720;box-shadow:0 3px 14px #082f5b0d}.button.primary{color:#fff;border-color:var(--coral-dark);background:var(--coral-dark);box-shadow:0 10px 26px #ff684f38}.button:hover{transform:translateY(-1px)}.hero-note{margin-top:18px;color:#8a96a5;font-size:12px}.hero-media{position:relative}.hero-media:after{content:"";position:absolute;z-index:-1;right:-36px;bottom:-38px;width:72%;height:72%;border:1px solid #f0d6d1;border-radius:26px;transform:rotate(2deg)}.editor-window{overflow:hidden;border:1px solid #cbd6e1;border-radius:14px;background:#fff;box-shadow:0 32px 90px #06264829,0 4px 20px #06264814}.window-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;color:#718092;border-bottom:1px solid #e4e9ef;background:#f7f9fb;font:11px ui-monospace,monospace}.window-dot{width:9px;height:9px;border-radius:50%;background:#d7dee6}.window-dot:first-child{background:#ff7b68}.window-title{margin:auto;transform:translate(-24px)}.editor-body{display:grid;grid-template-columns:145px 1fr;min-height:465px}.editor-outline{display:flex;flex-direction:column;gap:12px;padding:27px 18px;color:#7a8897;border-right:1px solid #e5eaf0;background:#fbfcfd;font-size:11px}.editor-outline strong{margin-bottom:7px;color:#9aa5b1;font-size:9px;letter-spacing:.14em}.editor-outline .active{color:var(--navy);font-weight:700}.editor-document{padding:44px 52px}.doc-kicker,.eyeline{margin:0 0 12px;color:var(--coral-dark);font-size:9px;font-weight:760;letter-spacing:.15em}.editor-document h2{margin:0 0 20px;color:#122942;font-size:30px;line-height:1.2;letter-spacing:-.035em}.editor-document p{color:#5b6876;font-size:13px}.editor-document blockquote{margin:24px 0;padding:10px 18px;color:#4d5d6e;border-left:3px solid var(--coral);background:#f8fafc;font-size:12px}.editor-document pre{margin:22px 0;padding:20px;overflow:auto;color:#d7e3f2;border-radius:8px;background:#0d2946;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.code-key{color:#ff9a8b}.code-string{color:#a6ddc6}.code-bool{color:#9cc7ff}.mini-flow{display:flex;align-items:center;justify-content:center;gap:10px;padding:17px;color:var(--navy);background:#f5f8fb;font:10px ui-monospace,monospace}.mini-flow i{width:30px;height:1px;background:#a9b8c7}.status-bar{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#718092;border-top:1px solid #e5eaf0;background:#f8fafc;font:9px ui-monospace,monospace}.section{padding:120px 0}.section.soft{background:var(--soft)}.section.dark-band{color:#d8e6f4;background:var(--navy-deep)}.section-head{max-width:760px;margin-bottom:58px}.section-head.center{margin-inline:auto;text-align:center}.section-head h2{margin:0;color:var(--navy-deep);font-size:clamp(2.35rem,4vw,4.2rem);line-height:1.06;letter-spacing:-.055em}.dark-band .section-head h2{color:#fff}.section-head p{margin:22px 0 0;color:var(--muted);font-size:17px;line-height:1.8}.dark-band .section-head p{color:#aebfd1}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.prose-mark{display:inline-block;width:46px;height:5px;margin-bottom:24px;border-radius:999px;background:var(--coral);transform:rotate(-2deg)}.feature-list{display:grid;gap:0;border-top:1px solid var(--line)}.feature-row{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid var(--line)}.feature-row b{color:var(--coral-dark);font:12px ui-monospace,monospace}.feature-row h3{margin:0 0 7px;color:var(--navy);font-size:18px}.feature-row p{margin:0;color:var(--muted);font-size:14px}.theme-explorer{position:relative}.theme-filters{display:inline-flex;gap:4px;margin-bottom:24px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#fff}.theme-filters button{min-height:34px;padding:0 14px;border:0;border-radius:6px;color:#667587;background:transparent;font-size:12px;font-weight:680}.theme-filters button.active{color:#fff;background:var(--navy)}.theme-workspace{display:grid;grid-template-columns:205px minmax(0,1fr) 230px;min-height:650px;overflow:hidden;border:1px solid #d6dfe8;border-radius:14px;background:#fff;box-shadow:0 28px 70px #082f5b1a}.theme-list{max-height:650px;overflow-y:auto;padding:12px;border-right:1px solid var(--line);background:#fafcfd}.theme-list button{width:100%;min-height:46px;display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:9px;padding:8px 10px;border:0;border-radius:7px;color:#49596b;background:transparent;text-align:left;font-size:11px;cursor:pointer}.theme-list button:hover{background:#eef3f7}.theme-list button.active{color:var(--navy);background:#e8eff6;font-weight:720}.theme-list button[hidden]{display:none}.theme-list small{color:#596a7b;font-size:9px;text-transform:uppercase}.theme-dot{width:8px;height:8px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 3px color-mix(in srgb,var(--dot) 14%,transparent)}.theme-preview{position:relative;display:grid;grid-template-columns:112px 1fr;grid-template-rows:1fr 28px;min-width:0;color:var(--theme-fg);background:var(--theme-bg);transition:color .22s ease,background .22s ease}.preview-outline{grid-row:1 / 3;display:flex;flex-direction:column;gap:14px;padding:28px 14px;border-right:1px solid color-mix(in srgb,var(--theme-fg) 14%,transparent);background:color-mix(in srgb,var(--theme-bg) 94%,var(--theme-fg));font-size:9px}.preview-outline b{color:color-mix(in srgb,var(--theme-fg) 82%,var(--theme-bg));letter-spacing:.12em}.preview-outline .active{color:var(--theme-accent);font-weight:700}.theme-preview article{padding:44px 42px;overflow:auto}.theme-preview h3{margin:0 0 20px;color:var(--theme-heading);font-size:26px;line-height:1.18}.theme-preview p,.theme-preview li{font-size:11px}.theme-preview blockquote{margin:18px 0;padding:10px 14px;border-left:3px solid var(--theme-accent);background:color-mix(in srgb,var(--theme-code) 70%,transparent);font-size:10px}.theme-preview code{color:var(--theme-accent);background:var(--theme-code)}.theme-preview pre{padding:16px;overflow:auto;border-radius:6px;background:var(--theme-code);font:9px/1.7 ui-monospace,monospace}.theme-preview table{width:100%;margin-top:18px;border-collapse:collapse;font-size:9px}.theme-preview th,.theme-preview td{padding:7px;border:1px solid color-mix(in srgb,var(--theme-fg) 17%,transparent);text-align:left}.theme-preview th{background:var(--theme-code)}.theme-mermaid{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding:14px;color:var(--theme-accent);border:1px solid color-mix(in srgb,var(--theme-accent) 35%,transparent);border-radius:6px;font:9px ui-monospace,monospace}.theme-mermaid i{width:34px;height:1px;background:var(--theme-accent)}.preview-status{grid-column:2;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-top:1px solid color-mix(in srgb,var(--theme-fg) 14%,transparent);font:8px ui-monospace,monospace}.theme-detail{padding:32px 24px;border-left:1px solid var(--line)}.theme-detail h3{margin:0 0 12px;color:var(--navy);font-size:24px}.theme-detail>p:not(.eyeline){color:var(--muted);font-size:12px}.theme-use{padding-top:18px;border-top:1px solid var(--line)}.swatches{display:flex;gap:6px;margin:26px 0}.swatches span{width:31px;height:31px;border:1px solid rgba(0,0,0,.08);border-radius:50%;background:var(--swatch)}.export-note{padding:14px;border-radius:7px;background:var(--soft)}.trust-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px}.trust-panel{padding:46px;border:1px solid #234d76;border-radius:14px;background:#0a3158}.trust-panel.large{min-height:340px;display:flex;flex-direction:column;justify-content:space-between}.trust-panel h3{margin:0;color:#fff;font-size:27px}.trust-panel p{color:#b5c7d8}.file-path{padding:18px;color:#aad4ff;border:1px solid #315b82;border-radius:8px;background:#062746;font:12px ui-monospace,monospace}.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.platform{padding:38px;border:1px solid var(--line);border-radius:12px;background:#fff}.platform h3{margin:0 0 10px;color:var(--navy);font-size:24px}.platform p{color:var(--muted)}.page-hero{padding:100px 0 64px;border-bottom:1px solid var(--line);background:linear-gradient(#f8fbfe,#fff)}.page-hero h1{max-width:850px;margin:0;color:var(--navy-deep);font-size:clamp(3rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.06em}.page-hero p{max-width:720px;margin:25px 0 0;color:var(--muted);font-size:18px}.content-layout{display:grid;grid-template-columns:230px 1fr;gap:70px}.content-nav{position:sticky;top:110px;align-self:start;display:grid;gap:8px;font-size:13px}.content-nav a{color:#657384}.rich-content{max-width:780px}.rich-content section{padding:0 0 70px;scroll-margin-top:100px}.rich-content h2{color:var(--navy);font-size:31px;letter-spacing:-.035em}.rich-content h3{color:#253d57}.rich-content p,.rich-content li{color:#586879}.rich-content code{padding:2px 6px;border-radius:4px;background:#edf2f6;font-family:ui-monospace,monospace}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.download-card{padding:30px;border:1px solid var(--line);border-radius:12px;background:#fff}.download-card h2{margin-top:0;color:var(--navy)}.download-card .button{width:100%;margin-top:8px}.notice{margin:28px 0;padding:20px 22px;border-left:4px solid var(--coral);background:#fff6f3;color:#684740}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{padding:24px 0;color:var(--navy);font-weight:720;cursor:pointer}.faq-list details p{margin-top:0;padding-bottom:22px;color:var(--muted)}.site-footer{padding:58px 0;color:#9eb0c2;background:var(--navy-deep)}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.footer-grid strong{color:#fff;font-size:18px}.footer-grid p{margin:6px 0 0;font-size:13px}.footer-links{display:flex;gap:22px;font-size:13px}.copyright{grid-column:1 / -1;padding-top:22px;border-top:1px solid #1d456b}@media(max-width:980px){.hero-grid,.split,.trust-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy p{margin-inline:auto}.hero-actions{justify-content:center}.theme-workspace{grid-template-columns:170px 1fr}.theme-detail{grid-column:1 / -1;border-top:1px solid var(--line);border-left:0}.download-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){:root{--shell: min(100% - 28px, 680px)}.site-header{position:relative}.menu-toggle{display:block}.site-nav{position:absolute;top:65px;left:14px;right:14px;display:none;align-items:stretch;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 20px 50px #082f5b24}.site-nav.open{display:grid}.language-switch{padding:12px 0 0;border-top:1px solid var(--line);border-left:0}.hero{padding:68px 0}.hero-grid{gap:45px}.hero-copy h1{font-size:clamp(3rem,15vw,4.5rem)}.editor-body{grid-template-columns:1fr;min-height:390px}.editor-outline{display:none}.editor-document{padding:30px 24px}.section{padding:82px 0}.section-head{margin-bottom:38px}.theme-workspace{display:block;min-height:0}.theme-list{display:flex;max-height:none;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.theme-list button{min-width:145px}.theme-preview{min-height:540px;grid-template-columns:82px 1fr}.theme-preview article{padding:30px 20px}.theme-detail{padding:24px}.platform-grid,.download-grid,.content-layout{grid-template-columns:1fr}.content-nav{position:static;display:flex;flex-wrap:wrap}.footer-grid{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.copyright{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}