/* YLTool / 东方观测仪 — transform / opacity motion, no render-loop dependencies. */
:root{--serif:"STKaiti","KaiTi","楷体","Noto Serif SC","Songti SC",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif;--mono:"Cascadia Code","Consolas",monospace;--bg:#080f12;--surface:#0e191c;--surface2:#122226;--ink:#ebeee8;--muted:#9caeac;--dim:#77908d;--jade:#90e2c4;--gold:#d2b880;--red:#c56851;--line:#29403e;--faint:rgba(132,200,176,.045);--panel:rgba(12,27,29,.82);--nav:rgba(8,15,18,.92);color-scheme:dark}
:root[data-theme=light]{--bg:#f0e9d8;--surface:#f7f1e5;--surface2:#e8dfcd;--ink:#243c37;--muted:#5c6e63;--dim:#687267;--jade:#22684f;--gold:#8c6831;--red:#ae4c38;--line:#cfc6b0;--faint:rgba(103,78,40,.035);--panel:rgba(247,241,229,.9);--nav:rgba(240,233,216,.95);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.8 var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{border:0}h1,h2,h3,p,figure{margin:0}ul{padding-left:20px}em{font-style:normal;color:var(--jade)}::selection{background:var(--jade);color:var(--bg)}:focus-visible{outline:2px solid var(--jade);outline-offset:6px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;z-index:150;background:var(--surface);padding:12px}.skip-link:focus{top:12px}.eyebrow{font:11px/1.7 var(--mono);letter-spacing:.14em;color:var(--jade);display:flex;align-items:center;gap:12px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--jade);border-radius:50%;box-shadow:0 0 12px color-mix(in srgb,var(--jade) 40%,transparent);flex:none}.site-nav{position:sticky;top:0;z-index:50;background:var(--nav);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-inner{width:min(1360px,calc(100% - 64px));margin:auto;display:flex;align-items:center;gap:32px;height:80px}.brand{display:flex;align-items:center;gap:12px;font:22px/1.2 var(--serif);font-weight:bold;letter-spacing:.12em}.brand img{border-radius:11px}.brand small{display:block;font:8px/1.5 var(--mono);letter-spacing:.17em;color:var(--dim);margin-top:5px}.nav-links{display:flex;gap:28px;margin-left:auto;font-size:13px;color:var(--muted)}.nav-links a{position:relative}.nav-links a:hover,.nav-links a.active{color:var(--jade)}.nav-links a.active:after{content:"";position:absolute;bottom:-12px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--jade)}.nav-actions{display:flex;gap:18px;align-items:center}.icon-btn{background:transparent;width:38px;height:38px;color:var(--jade);font-size:23px;border:1px solid var(--line);border-radius:50%}.nav-download{font-size:12px;border-bottom:1px solid var(--jade);padding:7px 0;white-space:nowrap}.nav-download span{margin-left:10px}.menu-btn{display:none}.reading-progress{position:fixed;inset:0 auto auto 0;height:2px;width:100%;background:var(--jade);transform:scaleX(0);transform-origin:left;z-index:100}
/* 玉如意纹样与古卷经纬在两个主题间切换。图纹不参与逐帧动画。 */
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 76% 47%,rgba(50,119,101,.15),transparent 48%),var(--bg)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--faint) 1px,transparent 1px),linear-gradient(90deg,var(--faint) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='290' height='190' viewBox='0 0 290 190'%3E%3Cg fill='none' stroke='%23598677' stroke-width='.7'%3E%3Cpath d='M175 104c-28 0-26-29-6-29-7-25 33-35 39-8 27-8 39 21 15 30-12 5-27-7-18-14 9-7 18 8 4 17-22 15-44 10-65 14s-27 21-53 15c24 0 17-28 53-25z'/%3E%3Cpath d='M182 106c-31 18-56 6-72 28M202 114c-33 23-64 1-93 29'/%3E%3C/g%3E%3C/svg%3E")}.hero-grid{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:44px;min-height:690px;padding-block:76px 64px}.hero-copy{position:relative;z-index:2;animation:arrive .8s both}.hero-name{display:flex;gap:24px;align-items:center;margin-top:26px}.hero h1{font:clamp(76px,7.8vw,112px)/1.15 var(--serif);letter-spacing:.09em;font-weight:600}.seal{display:inline-grid;place-items:center;flex:none;width:43px;height:48px;border:1px solid var(--red);outline:1px solid var(--red);outline-offset:-5px;color:var(--red);font:17px/1.1 var(--serif);text-align:center;transform:rotate(-5deg)}.hero-english{font:11px/1.7 var(--mono);letter-spacing:.29em;color:var(--dim);margin-top:14px}.hero-english span{color:var(--gold);margin-inline:8px}.hero-manifesto{font:clamp(26px,3.1vw,40px)/1.45 var(--serif);letter-spacing:.06em;margin-top:30px}.hero-manifesto span{display:block;white-space:nowrap}.hero-manifesto span:last-child{color:var(--jade)}.hero-description{max-width:480px;color:var(--muted);font-size:13px;line-height:2.1;margin-top:20px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:14px 22px;border:1px solid var(--line);font-size:13px;letter-spacing:.04em;transition:transform .2s,background .2s,border-color .2s}.button span{font-size:20px;line-height:1}.button:hover{transform:translateY(-3px)}.primary{background:var(--jade);color:var(--bg);border-color:var(--jade)}.primary:hover{background:color-mix(in srgb,var(--jade) 86%,white)}.secondary{background:var(--panel)}.secondary:hover{border-color:var(--jade)}.release-badge{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;margin-top:24px}.release-badge b{font:12px var(--mono);color:var(--ink)}.release-date{font-family:var(--mono);color:var(--dim);margin-left:9px}.hero-art{position:relative;aspect-ratio:1;min-width:0;animation:arrive 1.1s .15s both}.astrolabe{position:absolute;inset:2%;color:var(--gold)}.orbit{position:absolute;border-radius:50%;inset:3%;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent)}.orbit-outer{border-style:dashed;animation:turn 100s linear infinite}.orbit-outer:before,.orbit-outer:after{content:"";position:absolute;width:8px;height:8px;top:50%;left:-4px;background:var(--gold);border-radius:50%;box-shadow:0 0 20px var(--gold)}.orbit-outer:after{left:auto;right:-4px;background:var(--jade);box-shadow:0 0 20px var(--jade)}.orbit-inner{inset:14%;border:1px solid var(--line);border-top-color:var(--jade);border-bottom-color:var(--jade);animation:turn 45s linear infinite reverse}.orbit-jade{inset:23%;border:1px solid var(--line);background:radial-gradient(circle,rgba(96,184,150,.12),transparent 73%)}.orbit-map{position:absolute;inset:0;width:100%;height:100%;opacity:.65}.direction{position:absolute;font:15px var(--serif);color:var(--gold);background:var(--bg);padding:6px}.d-n{left:50%;top:0;transform:translateX(-50%)}.d-s{left:50%;bottom:0;transform:translateX(-50%)}.d-w{left:0;top:50%;transform:translateY(-50%)}.d-e{right:0;top:50%;transform:translateY(-50%)}.guardian{position:absolute;width:58%;height:58%;object-fit:contain;left:21%;top:18%;filter:drop-shadow(0 20px 35px rgba(33,144,112,.15));animation:breathe 7s ease-in-out infinite}.art-label{position:absolute;top:-18px;left:50%;transform:translateX(-50%);color:var(--dim);font:10px var(--mono);letter-spacing:.35em;white-space:nowrap}.art-corner{position:absolute;width:19px;height:19px;border-color:var(--gold);opacity:.5}.art-corner-tl{left:0;top:0;border-top:1px solid;border-left:1px solid}.art-corner-br{right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}.art-note{position:absolute;color:var(--muted);font:13px var(--serif);writing-mode:vertical-rl;letter-spacing:.3em;top:31%}.art-note span{font:7px var(--mono);color:var(--dim);margin-top:12px;letter-spacing:.14em}.note-left{left:2%}.note-right{right:2%}.art-caption{position:absolute;bottom:22%;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.art-caption>span{font:18px var(--serif);letter-spacing:.22em}.art-caption small{display:block;font:7px var(--mono);color:var(--dim);letter-spacing:.12em;margin-top:8px}.motion-toggle{position:absolute;right:0;bottom:-35px;background:transparent;font:10px var(--mono);color:var(--dim);padding:10px 0}.motion-toggle span{margin-left:12px}.hero-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);padding-block:23px;color:var(--dim);font:10px var(--mono);letter-spacing:.1em}.hero-foot span{color:var(--jade);margin-right:12px}.hero-foot a{color:var(--muted)}.hero-foot a span{margin:0 0 0 12px}
.section{padding-block:100px;scroll-margin-top:0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:40px}.section-head h2,.origin-grid h2,.closing h2{font:clamp(30px,3.4vw,46px)/1.4 var(--serif);letter-spacing:.02em;margin-top:18px}.section-head>p{font-size:12px;line-height:2;color:var(--muted);padding-bottom:5px;max-width:385px}.chapter{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--red);color:var(--red);font:13px var(--serif);transform:rotate(-4deg)}.preview-console{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);box-shadow:0 22px 64px rgba(0,0,0,.12)}.console-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 22px;border-bottom:1px solid var(--line);color:var(--muted);font:10px var(--mono)}.console-top i{display:inline-block;width:5px;height:5px;background:var(--jade);margin-right:9px}.console-top>span:last-child{font-size:8px;letter-spacing:.13em;color:var(--dim)}.screenshot-main{position:relative;display:block;width:100%;padding:0;background:#122226;overflow:hidden;aspect-ratio:1917/1077;cursor:zoom-in}.screenshot-main img{width:100%;height:100%;object-fit:contain}.screenshot-main.switching img{animation:screen-in .35s both}.expand-hint{position:absolute;bottom:20px;right:20px;background:#0c191cde;color:#dbefe7;border:1px solid #619381;padding:8px 16px;font-size:11px}.preview-bottom{padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.preview-bottom>span{color:var(--dim);font:8px var(--mono);white-space:nowrap}.preview-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);gap:22px}.preview-tabs button{padding:21px 10px 19px;background:none;color:var(--muted);border-bottom:2px solid transparent;text-align:left;font-size:12px}.preview-tabs button span{font:10px var(--mono);margin-right:15px;color:var(--dim)}.preview-tabs button.active{color:var(--jade);border-color:var(--jade)}.module-strip{display:flex;gap:30px;align-items:center;margin-top:30px}.module-strip>span{font:13px var(--serif);color:var(--gold);white-space:nowrap}.module-strip p{font-size:11px;color:var(--dim);line-height:2.4}.module-strip i{font-style:normal;color:var(--line);margin-inline:10px}.feature-section{background:var(--surface);border-block:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature{padding:28px;background:var(--bg);border:1px solid var(--line);position:relative;overflow:hidden;transition:border-color .25s,transform .25s}.feature:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--jade);transform:scaleX(0);transform-origin:left;transition:transform .3s}.feature:hover{border-color:var(--jade);transform:translateY(-3px)}.feature:hover:before{transform:scaleX(1)}.feature-large{grid-row:span 2;display:flex;flex-direction:column;background:linear-gradient(150deg,var(--surface2),var(--bg))}.feature-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.feature-id{font:10px/1.7 var(--mono);color:var(--jade)}.line-icon{color:var(--gold);font:28px/1.2 var(--serif)}.feature h3{font:27px/1.5 var(--serif);margin-block:20px 14px;letter-spacing:.03em}.feature-large h3{font-size:35px}.feature p{font-size:12px;line-height:2.05;color:var(--muted)}.skin-pair{display:grid;gap:25px;margin-block:auto;padding-top:32px;padding-bottom:32px}.skin-pair img{width:100%;height:auto;object-fit:contain;border-radius:5px}.skin-pair figcaption{font:10px var(--mono);margin-top:9px;color:var(--dim)}.feature-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.feature-tags span{font:9px/1.4 var(--mono);border:1px solid var(--line);color:var(--dim);padding:5px 7px}.trace-chart{width:100%;height:65px;margin-top:16px}.chart-grid{stroke:var(--line);stroke-dasharray:3 6}.chart-line{stroke:var(--jade);stroke-width:1.4}.diagram-note{font-size:9px;color:var(--dim)}.feature-wide{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center}.feature-wide h3{font-size:26px;margin-block:14px}.safety-note{border-left:1px solid var(--line);padding-left:32px}.safety-note>span{font:12px var(--mono);color:var(--gold);display:block;margin-bottom:12px}.coming-note{display:flex;align-items:center;gap:22px;border:1px dashed var(--line);padding:25px;margin-top:24px}.outline-seal{font:19px var(--serif);border:1px solid var(--gold);color:var(--gold);padding:12px;writing-mode:vertical-rl;letter-spacing:.15em;flex:none}.coming-note h3{font:18px var(--serif);margin-bottom:8px}.coming-note p{font-size:12px;color:var(--muted);line-height:2}.coming-note a{font-size:11px;white-space:nowrap;color:var(--jade);margin-left:auto}.spell-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.spell-grid article{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}.spell-grid article:hover{background:var(--surface)}kbd{display:inline-block;border:1px solid var(--line);border-bottom-width:3px;border-radius:5px;background:var(--surface);color:var(--jade);font:13px var(--mono);padding:9px 12px}.spell-grid h3{font:23px var(--serif);margin-top:26px}.spell-grid h3 span{font:11px var(--sans);color:var(--dim);margin-left:14px}.spell-grid p{font-size:11px;color:var(--muted);margin-top:10px}.interaction-notes{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:25px}.interaction-notes p{font-size:11px;color:var(--dim);line-height:2}.interaction-notes b{color:var(--gold);font-weight:normal;margin-right:8px}.origin-section{border-block:1px solid var(--line);background:var(--surface)}.origin-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.origin-grid h2{font-size:clamp(35px,4vw,54px);margin-top:30px;line-height:1.5}.origin-english{font:10px/2 var(--mono);color:var(--dim);letter-spacing:.2em;margin-top:35px}.origin-text{position:relative}.origin-text>p{color:var(--muted);font-size:13px;line-height:2.2;margin-bottom:24px;position:relative}.origin-text b{color:var(--ink);font:22px var(--serif)}.origin-text blockquote{margin:28px 0;color:var(--gold);border-left:1px solid var(--gold);padding-left:22px;font:22px/1.7 var(--serif)}.origin-mark{position:absolute;right:0;top:-30px;font:230px var(--serif);color:var(--faint);pointer-events:none}.text-link{font-size:12px;color:var(--jade);border-bottom:1px solid var(--line);padding-bottom:5px}.install-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.download-card{border:1px solid var(--line);padding:38px;background:radial-gradient(ellipse at 100% 0,var(--surface2),transparent),var(--surface)}.download-card h3{font:50px var(--mono);color:var(--jade);margin-top:27px}.download-card h3 small{font:20px var(--serif);color:var(--ink);display:block;margin-top:12px}.download-card>p{font:11px var(--mono);color:var(--dim);margin-top:15px}.platform-tags{display:flex;gap:10px;margin-top:30px}.platform-tags span{border:1px solid var(--line);padding:4px 10px;font:11px var(--mono);color:var(--muted)}.download-card .button{margin-top:28px;width:100%;justify-content:space-between}.download-card>small{display:block;color:var(--dim);font-size:10px;line-height:2;margin-top:18px}.terminal-card{border:1px solid var(--line);background:var(--surface);min-width:0}.terminal-body{padding:24px}.terminal-body>p{font:10px var(--mono);color:var(--dim);margin:8px 0 14px}.terminal-body>p:not(:first-child){margin-top:24px}.command{display:flex;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--line);padding:10px 12px;margin-top:8px;min-width:0}.command code{font:11px/1.8 var(--mono);color:var(--jade);flex:1;min-width:0;overflow-wrap:anywhere}.command button{font-size:10px;flex:none;background:transparent;color:var(--dim);padding:5px}.command button:hover{color:var(--jade)}details{margin-top:22px;font-size:11px;color:var(--muted)}summary{cursor:pointer;color:var(--gold)}details p{margin-block:10px}details code{font:11px/2 var(--mono)}.release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.release{border-top:1px solid var(--line);padding-top:20px}.release.current{border-top-color:var(--jade)}.release>p{font:10px var(--mono);color:var(--dim)}.release>p .status-dot{margin-right:10px}.release h3{font:27px var(--mono);color:var(--ink);margin-top:25px}.release h3 small{font:15px var(--serif);color:var(--muted);margin-left:6px}.release time{font:10px var(--mono);color:var(--dim);display:block;margin-top:10px}.release ul{font-size:12px;line-height:2.1;color:var(--muted);margin-top:20px}.release li{margin-bottom:7px}.source-note{color:var(--dim);font-size:10px;line-height:2;border-top:1px solid var(--line);padding-top:22px;margin-top:26px}.closing{text-align:center;border-block:1px solid var(--line);background:radial-gradient(ellipse at 50% 110%,color-mix(in srgb,var(--jade) 10%,transparent),transparent 70%),var(--surface)}.closing .seal{margin-bottom:25px}.closing .eyebrow{justify-content:center;font-size:9px}.closing h2{font-size:clamp(34px,4.5vw,58px);margin-top:20px}.closing p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:24px;line-height:2.1}.closing .button{margin-top:30px}.license{display:block;color:var(--dim);font:10px var(--mono);margin-top:25px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:34px;color:var(--dim);font-size:10px}.footer-brand{font:22px var(--serif);color:var(--ink)}.footer-brand small{display:block;font:7px var(--mono);letter-spacing:.15em;color:var(--dim);margin-top:7px}footer>div{display:flex;gap:20px}footer a:hover{color:var(--jade)}dialog{background:var(--bg);color:var(--ink);padding:50px 18px 18px;border:1px solid var(--line);width:min(1500px,96vw);max-height:94dvh}dialog::backdrop{background:#030a0fe8}dialog img{margin:auto;max-width:100%;max-height:78dvh;object-fit:contain}dialog p{text-align:center;font-size:12px;margin-top:12px}.lightbox-close{position:absolute;right:18px;top:10px;background:var(--surface2);border:1px solid var(--line);padding:6px 15px;font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--surface2);border:1px solid var(--jade);color:var(--ink);z-index:120;padding:10px 24px;font-size:12px;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
html[data-theme=light] .hero{background:radial-gradient(ellipse at 70% 45%,#e0d3b7,transparent 60%),var(--bg)}html[data-theme=light] .hero:after{background-image:repeating-linear-gradient(3deg,transparent 0 5px,#89754420 5.5px,transparent 6px),repeating-linear-gradient(92deg,transparent 0 8px,#b19f7525 8.5px,transparent 9px);opacity:.4}html[data-theme=light] .hero:before{background-size:92px 92px;mask-image:linear-gradient(90deg,transparent,#000);opacity:.7}html[data-theme=light] .guardian{filter:drop-shadow(0 16px 23px #867a5830)}
@keyframes turn{to{transform:rotate(360deg)}}@keyframes breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes screen-in{from{opacity:.4;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}
.motion-paused .orbit,.motion-paused .guardian,.hero-outside .orbit,.hero-outside .guardian,.page-hidden .orbit,.page-hidden .guardian{animation-play-state:paused}.reveal{opacity:1;transform:none}.js-motion .reveal.pending{opacity:0;transform:translateY(20px)}.js-motion .reveal{transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@supports(animation-timeline:scroll()){.reading-progress{animation:progress linear both;animation-timeline:scroll(root)}}@keyframes progress{to{transform:scaleX(1)}}@supports(view-transition-name:root){::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}}
@media(min-width:1600px){.hero-grid{min-height:760px;padding-block:90px}.hero-art{margin-left:15px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav-inner{gap:22px}.nav-links{gap:18px}.hero-grid{gap:20px;padding-block:64px}.hero h1{font-size:86px}.hero-art{margin-right:-10px}.hero-description{font-size:12px}.hero-cta{gap:8px}.button{padding:13px 17px;gap:18px}.feature{padding:22px}.feature-grid{gap:12px}.origin-grid{gap:50px}.section-head>p{max-width:310px}.nav-links a:last-child{display:none}.feature-id{font-size:9px}}
@media(max-width:800px){.nav-inner{width:calc(100% - 40px);height:70px}.nav-links{position:absolute;top:70px;left:0;right:0;background:var(--bg);padding:24px;display:none;flex-direction:column;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links a:last-child{display:block}.nav-links a.active:after{display:none}.nav-actions{margin-left:auto;gap:12px}.menu-btn{display:block;font-size:18px}.hero-grid{grid-template-columns:1fr 1fr;gap:0;padding-block:60px 55px;min-height:610px}.hero h1{font-size:70px}.hero-name{gap:14px}.hero-name .seal{width:34px;height:40px;font-size:14px}.hero-english{font-size:8px;letter-spacing:.15em}.hero-manifesto{font-size:30px}.hero-art{margin-left:-25px;margin-right:-12px}.art-note{display:none}.hero-cta{flex-direction:column;align-items:flex-start}.hero-cta .button{min-width:220px}.release-date{display:none}.hero-description br{display:none}.art-caption>span{font-size:15px}.art-caption small{font-size:6px}.section{padding-block:72px}.section-head{align-items:flex-start;flex-direction:column;gap:20px}.section-head>p{max-width:none}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:1/-1;grid-row:auto}.feature-large h3 br{display:none}.skin-pair{grid-template-columns:1fr 1fr;padding-block:26px;gap:24px}.feature-wide{gap:25px;grid-template-columns:1.4fr 1fr}.spell-grid{grid-template-columns:1fr 1fr}.origin-grid{gap:35px}.origin-text>p{font-size:12px}.install-layout{grid-template-columns:1fr 1fr;gap:16px}.download-card{padding:25px}.terminal-body{padding:18px}.release-grid{gap:18px}.release h3 small{display:block;margin:12px 0 0}.module-strip{gap:20px}.preview-tabs{gap:10px}.preview-tabs button span{margin-right:8px}.coming-note{flex-wrap:wrap}.coming-note>div{flex:1}.coming-note a{margin-left:62px}.hero-foot>p:last-child{display:none}footer{flex-wrap:wrap}}
@media(max-width:580px){.wrap{width:calc(100% - 40px)}.nav-inner{gap:12px}.brand{font-size:20px;gap:9px}.brand img{width:33px;height:33px}.brand small{font-size:6px}.nav-download{display:none}.hero-grid{grid-template-columns:1fr;padding-top:42px;padding-bottom:52px;gap:50px}.hero-copy .eyebrow{font-size:9px}.hero h1{font-size:clamp(66px,18vw,86px)}.hero-name{margin-top:20px}.hero-english{font-size:9px;margin-top:12px}.hero-manifesto{font-size:32px;margin-top:27px}.hero-description{max-width:420px;font-size:12px;margin-top:18px}.hero-cta{flex-direction:row;align-items:stretch;gap:10px;margin-top:24px}.hero-cta .button{min-width:0;flex:1;font-size:11px;gap:8px;padding:13px 10px}.release-date{display:inline;font-size:9px;margin-left:0}.release-badge{margin-top:20px;font-size:9px;gap:8px}.hero-art{width:min(400px,100%);margin:0 auto;aspect-ratio:1}.art-caption>span{font-size:17px}.art-caption small{font-size:7px}.art-label{top:-12px;font-size:9px}.motion-toggle{bottom:-28px}.hero-foot{padding-block:18px;font-size:8px;letter-spacing:0}.hero-foot span{margin-right:7px}.section{padding-block:60px}.section-head{margin-bottom:28px}.section-head h2{font-size:32px}.eyebrow{font-size:9px;letter-spacing:.1em}.section-head>p{font-size:11px}.console-top{padding:13px 14px;font-size:9px}.console-top>span:last-child{font-size:7px}.preview-bottom{padding:12px 14px;font-size:10px}.preview-bottom>span{display:none}.expand-hint{bottom:10px;right:10px;font-size:9px;padding:4px 9px}.preview-tabs{grid-template-columns:1fr 1fr;gap:0 20px}.preview-tabs button{padding:14px 0;font-size:11px}.module-strip{display:block;margin-top:25px}.module-strip p{font-size:10px;margin-top:10px}.module-strip i{margin-inline:5px}.feature-grid{grid-template-columns:1fr}.feature-large{grid-column:auto}.feature{padding:25px}.feature h3{font-size:28px}.feature-large h3{font-size:32px}.feature p{font-size:12px}.feature-wide{grid-template-columns:1fr;gap:20px}.safety-note{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.skin-pair{grid-template-columns:1fr;gap:20px}.coming-note{padding:20px;gap:16px}.coming-note>div{min-width:0}.coming-note h3{font-size:16px}.coming-note p{font-size:11px}.coming-note a{margin-left:0}.spell-grid article{padding:23px 15px}kbd{font-size:10px;padding:8px}.spell-grid h3{font-size:22px;margin-top:20px}.spell-grid h3 span{display:block;margin:10px 0 0}.spell-grid p{font-size:10px}.interaction-notes{grid-template-columns:1fr;gap:16px}.origin-grid{grid-template-columns:1fr;gap:30px}.origin-grid h2{font-size:38px;margin-top:20px}.origin-english{font-size:8px;margin-top:20px}.origin-text blockquote{font-size:21px}.origin-mark{font-size:200px}.install-layout{grid-template-columns:1fr;gap:20px}.download-card{padding:28px}.platform-tags{margin-top:25px}.release-grid{grid-template-columns:1fr;gap:28px}.release h3 small{display:inline;margin-left:8px}.release ul{margin-bottom:0}.source-note{margin-top:25px;font-size:9px}.closing h2{font-size:34px}.closing .eyebrow{font-size:7px}.closing p:not(.eyebrow){font-size:12px}footer{gap:20px;padding-block:28px}footer>p{font-size:9px}footer>div{width:100%;border-top:1px solid var(--line);padding-top:18px;justify-content:space-between}.toast{max-width:90vw;width:max-content}dialog{padding:48px 8px 12px}dialog p{font-size:10px}}
@media(max-width:800px){.guardian{width:54%;height:54%;left:23%;top:18%}.art-caption{bottom:18%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal.pending{opacity:1;transform:none}.reading-progress{display:none}.motion-toggle{color:var(--muted)}}