.header{gap:18px}.header nav{gap:22px}.language-control{display:inline-flex;align-items:center;flex:none}.language-control select{min-height:44px;border:1px solid #c7d0c4;border-radius:8px;background:white;color:var(--ink);font:inherit;font-size:14px;padding:.6em 1.8em .6em .75em;cursor:pointer;min-width:8.3em;width:max-content;max-width:100%}.language-control select:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.reading-page>.language-control{float:right;margin-left:12px}
.hero{grid-template-columns:.9fr 1.1fr;gap:48px;padding-block:40px 58px}.hero h1>[data-i18n]{color:var(--ink)}.hero-artwork{position:relative;align-self:stretch;height:540px;min-height:510px;margin-right:-25px}.hero-artwork picture{display:block;height:100%;overflow:hidden;border-radius:36px 8px 36px 8px;background:#eae5d8}.hero-artwork img{height:100%;width:100%;object-fit:cover;object-position:65% center;animation:art-arrive 850ms var(--ease) both}.hero-artwork>p{position:absolute;bottom:22px;left:24px;background:#fffc;color:var(--ink);padding:10px 16px;border-radius:24px;font-size:13px;backdrop-filter:blur(12px)}
.demo-section{display:grid;grid-template-columns:.7fr 1fr;align-items:center;gap:85px;padding-block:60px 15px}.demo-intro h2{font-size:36px;line-height:1.2}.demo-intro p{font-size:18px;color:var(--muted);max-width:34ch;margin-top:18px}.demo-lab{height:auto;min-height:335px;justify-content:flex-start}.demo-lab .root-lines{display:none}.demo-lab .demo-stage{margin:10px 0 0;transform:rotate(-2deg)}.demo-lab .demo-content{min-height:140px;padding:16px}.demo-lab .demo-content h2{font-size:30px}.demo-lab .demo-content p{font-size:17px;margin-top:14px}.demo-lab .demo-controls{margin-top:17px;padding:7px 9px;box-shadow:none}.demo-lab .lab-note{display:none}
.apps-section{padding-top:75px}.featured-app,.app-row>summary{grid-template-columns:240px minmax(0,1fr) 150px 25px;gap:32px}.app-row{padding:25px 0}.app-visual{position:relative;overflow:hidden;border-radius:16px 4px 16px 4px;isolation:isolate;height:156px;background:var(--sage)}.app-row .app-art{height:100%;width:100%;max-height:none;object-fit:cover;transition:transform 400ms var(--ease)}.app-row:hover .app-art{transform:scale(1.045)}.app-row .app-badge{position:absolute;bottom:10px;left:12px;width:42px;max-height:42px;object-fit:contain;filter:drop-shadow(0 3px 8px #0005)}.app-more{padding:6px 60px 0 272px}.app-row:hover{background:transparent}.app-row h3{font-size:25px}.app-meta .status{padding:6px 9px}
:lang(zh-Hans),:lang(zh-Hant){font-family:'Microsoft YaHei','Microsoft JhengHei','PingFang SC','PingFang TC',DeepRootBody,sans-serif}:lang(zh-Hans) h1,:lang(zh-Hant) h1,:lang(zh-Hans) h2,:lang(zh-Hant) h2,:lang(zh-Hans) h3,:lang(zh-Hant) h3{font-family:'Microsoft YaHei','Microsoft JhengHei','PingFang SC','PingFang TC',DeepRootDisplay,sans-serif;letter-spacing:-.02em;line-height:1.3}:lang(zh-Hans) .hero h1,:lang(zh-Hant) .hero h1{font-size:clamp(42px,4.3vw,66px)}:lang(zh-Hans) .hero-copy>p,:lang(zh-Hant) .hero-copy>p{line-height:1.8;font-size:18px}
@keyframes art-arrive{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(max-width:1150px){.header nav{gap:17px;font-size:14px}.header{padding-inline:25px;gap:12px}.brand{font-size:19px}.brand img{width:55px;height:55px}.hero{gap:30px}.hero-artwork{min-height:470px;margin-right:0}.featured-app,.app-row>summary{grid-template-columns:200px minmax(0,1fr) 130px 25px;gap:24px}.app-more{padding-left:224px}.demo-section{gap:45px}}
@media(max-width:900px) and (min-width:761px){.header{flex-wrap:wrap}.header nav{order:3;width:100%;justify-content:flex-end;padding-block:0 8px}.language-control{margin-left:auto}.hero h1{font-size:48px}.hero-artwork{min-height:450px}.featured-app,.app-row>summary{grid-template-columns:175px minmax(0,1fr) 110px 20px;gap:20px}.app-more{padding-left:195px}}
@media(max-width:760px){.header{padding:10px 20px;gap:8px}.header .brand{font-size:17px;gap:6px}.header .brand img{width:42px;height:42px}.header .brand small{font-size:10px}.header nav{order:4;justify-content:flex-start;font-size:15px}.header .language-control{order:2;margin:0}.language-control select{font-size:13px;max-width:none;padding:.6em 1.8em .6em .75em}.header .menu-toggle{order:3;font-size:13px;padding:9px 10px;min-height:44px}.hero{padding-block:25px 35px;display:block}.hero-artwork{min-height:0;margin-top:32px}.hero-artwork picture{height:340px;border-radius:28px 5px 28px 5px}.hero-artwork img{object-position:center}.hero-artwork>p{left:16px;bottom:16px;font-size:12px}.demo-section{display:block;padding-block:38px 0}.demo-intro h2{font-size:30px}.demo-intro p{font-size:17px;max-width:40ch}.demo-lab{height:auto;min-height:300px;margin:24px 0 0}.demo-lab .demo-stage{margin-inline:3px}.demo-lab .demo-content{min-height:120px}.demo-lab .demo-content h2{font-size:25px}.demo-lab .demo-controls{font-size:12px}.apps-section{padding-top:46px}.featured-app,.app-row>summary{grid-template-columns:100px minmax(0,1fr) 20px;column-gap:18px;row-gap:10px}.app-visual{height:140px;grid-row:1/3}.app-row .app-badge{width:32px;max-height:32px;left:8px;bottom:9px}.app-row h3{font-size:20px}.app-row p{font-size:15px;line-height:1.6}.app-row .app-meta{margin:0;gap:8px}.app-row .status{font-size:11px}.app-more{padding:14px 5px 0 118px}.app-more p{font-size:15px}.reading-page>.language-control{float:none;display:flex;justify-content:flex-end;margin:0 0 24px}:lang(zh-Hans) .hero h1,:lang(zh-Hant) .hero h1{font-size:clamp(38px,9vw,55px)}:lang(zh-Hans) .hero-copy>p,:lang(zh-Hant) .hero-copy>p{font-size:17px}}
@media(max-width:360px){.header{padding-inline:16px;gap:5px}.header .brand{font-size:16px}.header .brand img{width:36px;height:36px}.header .brand small{display:none}.language-control select{max-width:none}.header .menu-toggle{padding-inline:8px}.hero-artwork picture{height:280px}.featured-app,.app-row>summary{grid-template-columns:82px minmax(0,1fr) 18px;column-gap:13px}.app-visual{height:134px}.app-row h3{font-size:18px}.app-more{padding-left:95px}.demo-lab .demo-controls{gap:8px}.demo-lab .demo-content h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.hero-artwork img{animation:none;transform:none}.app-row:hover .app-art{transform:none}}
@media(max-width:1150px){.hero-artwork{height:470px}}
@media(max-width:760px){.hero-artwork{height:auto}}

/* Shared safeguards for text enlargement and progressive enhancement. */
[hidden]{display:none!important}
body{overflow-wrap:anywhere}
.brand,.text-link,.app-more>a,.checksum summary,.faq summary,.footer a,.release-refs a{min-height:44px}
.text-link,.app-more>a,.footer a,.release-refs a{display:inline-flex;align-items:center}
.checksum summary{padding-block:11px}
.footer>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))}
.footer a{min-width:0;overflow-wrap:anywhere}
.language-fallback{display:flex;flex-wrap:wrap;gap:6px;font-size:13px}
.language-fallback a{min-height:44px;display:flex;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px}
.language-control{max-width:100%}
button:disabled{cursor:default;opacity:.55}
@media(max-width:900px) and (min-width:761px){
 .hero{display:block;padding-block:35px 48px;min-height:0}
 .hero-copy{max-width:650px}
 .hero h1{font-size:clamp(46px,6.2vw,56px)}
 .hero-copy>p{max-width:52ch}
 .hero .actions{flex-direction:row;align-items:center}
 .hero-artwork{height:410px;min-height:0;margin-top:35px}
 .hero-artwork picture{height:100%}
}