:root{color-scheme:light;--paper:#f5f3ea;--ink:#253128;--muted:#5c675d;--line:#d7dccc;--green:#34583e;--navy:#102b32;--gold:#e9af56;--mint:#59d9be}
.release-gallery{display:grid;gap:24px;margin-top:26px}.release-picture{min-width:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#eaece1}.release-picture a{display:block}.release-picture img{width:100%;height:auto;max-height:540px;object-fit:contain;background:#eaece1}.release-picture figcaption{display:block;color:var(--muted);font-size:14px;padding:14px 18px;line-height:1.7;background:var(--paper)}@media(max-width:700px){.release-gallery{gap:18px;margin-top:22px}.release-picture figcaption{padding:12px 14px}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:6px}img{display:block;max-width:100%;height:auto}figure{margin:0}main{max-width:1600px;margin:auto;padding:0 5%}.skip{position:absolute;top:-90px;left:20px;padding:14px;background:white;z-index:20}.skip:focus{top:10px}
header{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:700;line-height:1.3}.brand-mark{width:72px;height:72px;object-fit:contain}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:1.5px;margin-top:7px}nav{display:flex;align-items:center;gap:26px;font-size:14px}.nav-pill{border:1px solid var(--green);border-radius:4px;padding:9px 18px}nav a:hover,.text-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}
.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:0 5%;padding-top:48px}.hero-kicker{grid-column:1/-1;font-size:12px;letter-spacing:2px;color:var(--green);margin-bottom:28px}.hero-copy{align-self:center;padding:24px 0 40px}h1{font-size:clamp(38px,4.2vw,66px);line-height:1.32;letter-spacing:-1.8px;margin:0 0 28px;font-weight:800}h1>span{color:var(--green)}.hero-copy p{margin:0 0 32px;color:var(--muted);line-height:2}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;background:var(--green);color:white;padding:12px 22px;border-radius:4px;font-size:16px}.button:hover{background:#254a30}.text-link{font-size:14px;border-bottom:1px solid var(--line)}.world-image{background:var(--navy);border-radius:8px;overflow:hidden;align-self:center}.world-image img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:67% center}figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:14px 20px;font-size:12px;color:#e9eee4;line-height:1.7}.intro-line{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:40px 0;margin-top:32px}.intro-line>span:first-child{font-size:12px;letter-spacing:3px;color:var(--green)}.intro-line p{font-size:20px;margin:0;line-height:1.7}.intro-arrow{display:none}
.experience,.moments{padding:80px 0;border-bottom:1px solid var(--line)}.eyebrow{font-size:12px;color:var(--green);letter-spacing:2px}h2{font-size:clamp(30px,3vw,44px);line-height:1.45;letter-spacing:-1px;font-weight:500;margin:20px 0}em{font-style:normal;color:var(--green)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;margin-bottom:38px}.section-heading .eyebrow{grid-column:1/-1}.section-heading>p{align-self:end;color:var(--muted);margin-bottom:24px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.features article{border-top:2px solid var(--green);padding-top:22px}.feature-number{font-size:12px;letter-spacing:1px;color:var(--green)}.features h3{font-size:22px;line-height:1.6;font-weight:500;margin:16px 0}.features p,.development-note,.brochure p,.journey p,.milestones p,details p{color:var(--muted)}.development-note{font-size:14px;margin:24px 0 0}
.brochure{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;padding:64px 5%;margin:72px 0 0;background:var(--navy);color:var(--paper);border-radius:8px;align-items:center}.brochure .eyebrow{color:var(--mint)}.brochure p{color:#d5e0d9;max-width:520px}.brochure .button{background:var(--gold);color:var(--navy);margin-top:10px}.brochure .button:hover{background:#f3c574}.brochure .download-note{font-size:12px;margin-top:16px}.brand-showcase{text-align:center;border-left:1px solid #ffffff25;padding-left:16%}.brand-showcase img{width:230px;margin:auto}.brand-showcase p{margin:16px 0 5px;font-size:16px}.brand-showcase small{font-size:12px;color:#bccfc5}.demo-image{background:var(--navy);border-radius:8px;overflow:hidden}.demo-image img{width:100%;background:#111}.design-reference{margin-top:24px}.design-reference figure{margin-top:24px;background:var(--navy);border-radius:6px;overflow:hidden}.design-reference img{width:100%}
.journey,.questions{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:76px 0;border-bottom:1px solid var(--line)}.journey>div>p{max-width:450px}.dev-badge{display:inline-flex;background:#e4e9dc;border-radius:4px;padding:10px 16px;margin-top:16px;font-size:14px;align-items:center;gap:8px}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%}.milestones{align-self:center}.milestones>div{display:flex;align-items:start;gap:16px;padding:22px 0;border-top:1px solid var(--line)}.milestones>div>span:first-child{font-size:14px;color:var(--green)}.milestones section{flex:1}.milestones h3{font-size:18px;line-height:1.5;margin:0 0 8px;font-weight:500}.milestones p{font-size:16px;margin:0}.milestone-tag{font-size:12px;white-space:nowrap;border:1px solid #bfceb8;color:var(--green);padding:3px 8px;border-radius:3px}
details{border-top:1px solid var(--line);padding:22px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:16px}summary::-webkit-details-marker{display:none}summary span{color:var(--green)}details[open] summary span{transform:rotate(45deg)}details p{margin-bottom:0}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 0;font-size:14px}footer p,footer>a:last-child{color:var(--muted)}.footer-brand{font-size:22px}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;gap:0 3%}h1{font-size:clamp(34px,4vw,48px);letter-spacing:-1px}.hero-actions{gap:16px}.world-image img{aspect-ratio:1}.features{gap:24px}.brand-showcase{padding-left:10%}.milestone-tag{display:none}.brand{font-size:22px}nav{gap:18px}}
@media(max-width:700px){main{padding:0 20px}header{min-height:100px;flex-wrap:wrap;gap:0;padding:14px 0}.brand{font-size:20px}.brand-mark{width:56px;height:56px}.brand small{letter-spacing:0;font-size:12px}nav{width:100%;justify-content:space-between;gap:12px;margin-top:10px;font-size:14px}.nav-pill{padding:5px 10px}.hero{display:block;padding-top:28px}.hero-kicker{font-size:12px;letter-spacing:1px;margin-bottom:12px}.hero-copy{padding:20px 0 32px}h1{font-size:clamp(32px,8vw,48px);letter-spacing:-1px}.hero-copy p br{display:none}.world-image img{aspect-ratio:4/3;object-position:65% center}figcaption{padding:12px 16px}.intro-line{margin-top:0;padding:28px 0;gap:24px}.intro-line>span:first-child{max-width:110px;font-size:12px;letter-spacing:1px}.intro-line p{font-size:16px}.experience,.moments{padding:52px 0}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px}.features{grid-template-columns:1fr;gap:28px}.features h3{font-size:21px}.brochure{grid-template-columns:1fr;gap:36px;margin-top:48px;padding:36px 24px}.brand-showcase{border-left:0;border-top:1px solid #ffffff25;padding:24px 0 0}.brand-showcase img{width:190px}.journey,.questions{grid-template-columns:1fr;gap:32px;padding:52px 0}.milestone-tag{display:block}.milestones>div{gap:12px}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.latest-release{display:grid;grid-template-columns:1fr 1.5fr;gap:7%;padding:76px 0;border-bottom:1px solid var(--line)}.latest-release>div>p{font-size:14px;color:var(--muted)}.latest-release .button{margin-top:16px}.latest-release .release-entry{border-top:0;padding:0}.release-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.release-version{font-size:24px;font-weight:700;color:var(--green)}.release-status{font-size:12px;line-height:1.5;border:1px solid #b9c9b0;padding:5px 10px;border-radius:4px;color:var(--green);background:#e8eedf}.status-design,.status-progress,.status-discussion,.status-planned,.status-deferred{background:#f6edda;color:#765427;border-color:#e4d0a8}.status-historical{background:#eeeee7;color:var(--muted);border-color:var(--line)}.release-date{font-size:14px;color:var(--muted)}.release-entry{padding:32px 0;border-top:1px solid var(--line);scroll-margin-top:32px}.release-entry h3{font-size:24px;line-height:1.5;font-weight:500;margin:18px 0}.release-entry ul{padding-left:22px;margin:18px 0}.release-entry li{margin:9px 0;line-height:1.9}.release-limit{background:#eaece1;border-left:3px solid #a8b49d;padding:14px 18px;font-size:14px;line-height:1.9;color:#525e51;margin-bottom:0}.updates-heading{padding:44px 0 40px;border-bottom:1px solid var(--line)}.updates-heading .eyebrow{display:block;margin-top:32px}.updates-heading h1{font-size:clamp(40px,5vw,64px);line-height:1.3;margin:12px 0 20px}.updates-intro{font-size:22px;line-height:1.6}.updates-note{max-width:850px;color:var(--muted)}.release-layout{display:grid;grid-template-columns:200px 1fr;gap:7%;padding:40px 0 70px}.release-index{display:flex;flex-direction:column;align-items:stretch;align-self:start;position:sticky;top:24px;gap:6px;font-size:14px;max-height:calc(100vh - 48px);overflow:auto}.release-index a{padding:5px 12px;line-height:1.5;border-left:2px solid var(--line)}.release-index .release-group-link{font-weight:700;color:var(--green);margin-top:16px;border-left-color:var(--green)}.release-content{min-width:0}.release-group{scroll-margin-top:24px}.release-group>h2{font-size:28px;margin:12px 0 28px}.release-group+.release-group{margin-top:60px}
@media(max-width:700px){.latest-release{grid-template-columns:1fr;gap:32px;padding:52px 0}.release-layout{grid-template-columns:1fr;gap:30px;padding-top:24px}.release-index{position:static;display:flex;flex-direction:row;flex-wrap:wrap;max-height:none;gap:7px}.release-index .release-group-link{width:100%;margin-top:10px}.release-index a{padding:6px 10px;background:#eaece1;border-left:0;border-radius:3px}.release-entry{padding:26px 0}.release-entry h3{font-size:22px}.updates-intro{font-size:19px}.updates-heading{padding-top:28px}.release-meta{gap:8px}.release-date{flex-basis:100%}.release-group>h2{font-size:26px}}
header>nav[aria-label="主导航"],header>nav[aria-label="Main navigation"]{margin-left:auto;flex-wrap:wrap}.language-switch{gap:8px;font-size:14px;flex-shrink:0}.language-switch a{padding:5px 6px}.language-switch a[aria-current="page"]{font-weight:700;color:var(--green);border-bottom:2px solid var(--green)}.language-switch span{color:var(--muted)}html[lang="en"] .brand>span{max-width:240px}html[lang="en"] h1{font-size:clamp(36px,4vw,62px);line-height:1.22;letter-spacing:-1.3px}html[lang="en"] .milestone-tag{white-space:normal;max-width:110px;line-height:1.5}html[lang="en"] .hero-copy p{line-height:1.8}
@media(max-width:1100px){header{flex-wrap:wrap;padding:16px 0;gap:12px}header>.brand{flex:1}header>nav[aria-label="主导航"],header>nav[aria-label="Main navigation"]{order:3;width:100%;justify-content:flex-start;gap:22px;margin:4px 0 0}.language-switch{width:auto;margin:0}}
@media(max-width:700px){.language-switch{width:auto;margin:0;gap:5px}.language-switch a{padding:4px 5px}header>nav[aria-label="主导航"],header>nav[aria-label="Main navigation"]{justify-content:space-between;gap:10px}html[lang="en"] .brand{font-size:18px}html[lang="en"] .brand>span{max-width:150px}html[lang="en"] h1{font-size:clamp(34px,8.5vw,48px)}html[lang="en"] .milestone-tag{display:none}html[lang="en"] nav .nav-pill{padding:4px 7px}}