:root{color-scheme:light;--bg:#f6f6f0;--paper:#fff;--ink:#182d27;--muted:#58675e;--line:#d9dfd5;--green:#244c3c;--accent:#c9d9a9;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--ease:180ms ease}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}::selection{background:var(--accent);color:var(--ink)}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;left:24px;top:-80px;background:var(--ink);color:white;padding:12px 20px;z-index:10}.skip:focus{top:12px}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:650;font-size:23px;letter-spacing:3px;line-height:1.1}.brand svg{width:34px;height:34px;stroke:var(--green);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand-en{display:block;font-family:var(--mono);font-size:9px;letter-spacing:1.6px;font-weight:500;margin-top:7px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.site-header nav a{min-height:44px;display:flex;align-items:center}.site-header nav a:hover,.text-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}.site-header .console{border:1px solid #9eada1;border-radius:4px;padding:8px 18px;gap:20px;transition:background var(--ease)}.console:hover{background:var(--line)}
.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:548px;align-items:center;gap:24px;padding-block:56px 64px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:500;margin:0 0 20px;color:var(--muted);display:flex;align-items:center;gap:10px}.short-line{height:1px;width:28px;background:var(--green)}h1{font-size:clamp(46px,5.4vw,72px);line-height:1.23;letter-spacing:-2px;margin:0 0 24px;font-weight:650}.serif{font-family:"Songti SC","Noto Serif CJK SC",SimSun,serif;font-weight:500}.intro{color:var(--muted);font-size:16px;line-height:1.9;margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:36px;padding:12px 22px;border-radius:4px;min-height:48px;font-size:14px;transition:background var(--ease)}.primary{background:var(--green);color:white}.primary:hover{background:var(--ink)}.primary:active{background:#395c4b}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:12px;min-height:44px}.access-note{font-size:12px;color:var(--muted);margin:16px 0 0}
.word-garden{height:390px;position:relative;overflow:hidden;isolation:isolate}.orbit{position:absolute;left:50%;top:49%;border:1px solid var(--line);border-radius:50%;transform:translate(-50%,-50%);z-index:-1}.orbit-one{width:265px;height:265px}.orbit-two{width:370px;height:370px;border-style:dashed;border-color:#dce2d8}.garden-center{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);font-family:"Songti SC",SimSun,serif;font-size:72px;font-weight:500;letter-spacing:8px;line-height:1.1;display:flex;gap:10px}.garden-center span:last-of-type{padding-top:40px}.garden-center i{position:absolute;background:#b2c98f;width:40px;height:40px;right:0;top:-28px;border-radius:50%;z-index:-1}.garden-word{position:absolute;font-size:12px;color:var(--muted);letter-spacing:2px;transition:transform 350ms ease-out;white-space:nowrap}.w1{left:10%;top:16%}.w2{right:2%;top:27%}.w3{left:1%;top:53%}.w4{right:16%;top:9%;font-family:var(--mono);font-size:10px}.w5{right:3%;top:74%}.w6{left:15%;top:81%;font-family:var(--mono);font-size:10px}.w7{left:34%;top:94%;font-size:11px}.w8{left:4%;top:34%;font-family:var(--mono);font-size:10px}.garden-caption{position:absolute;left:0;right:0;bottom:18px;text-align:center;font:9px var(--mono);letter-spacing:3px;color:var(--muted);display:none}
.connection{background:var(--green);color:#fff;display:grid;grid-template-columns:1fr 240px;border-radius:6px;padding:25px 32px;gap:30px}.connection-main{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 20px}.tiny-label{font:10px var(--mono);letter-spacing:2px;color:#d1ddcf;display:block;grid-column:1/-1}.connection code{font:clamp(14px,1.6vw,20px) var(--mono);overflow-wrap:anywhere}.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:transparent;color:#fff;border:1px solid #819b8a;border-radius:4px;padding:8px 12px;min-height:44px;font-size:12px;transition:background var(--ease)}.copy-button:hover{background:#3c604d}.copy-button:focus-visible{outline-color:white}.copy-button svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.4}.connection-meta{border-left:1px solid #698370;padding-left:30px;display:grid;gap:8px;align-content:start}.connection-meta>span:last-child{font-size:15px}.copy-feedback{min-height:32px;padding-top:5px;font-size:12px;color:var(--green);margin-block:0}

.section{padding-block:56px;border-bottom:1px solid var(--line)}
.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}
.section-top .eyebrow{margin-bottom:12px}
h2{font-size:clamp(25px,2.7vw,34px);line-height:1.45;font-weight:550;letter-spacing:-.8px;margin:0;text-wrap:balance}
h3{font-size:19px;line-height:1.5;margin:0;font-weight:550}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.feature-grid article{border-top:1px solid var(--line);padding-top:24px;min-width:0}
.feature-label{display:block;font:11px var(--mono);letter-spacing:2px;color:var(--muted);margin-bottom:22px}
.feature-grid p,.connect-intro{font-size:15px;color:var(--muted);line-height:1.9;margin:12px 0 0}
.connect-intro{margin:0 0 24px}
.protocol-note{font-size:13px;color:var(--muted);margin:0}
.connection-meta>span:last-child{font-family:var(--mono);font-size:16px}
details{border-top:1px solid var(--line)}
details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:20px;font-size:15px}
summary::-webkit-details-marker{display:none}
summary>span{font-size:23px;font-weight:300;transition:transform var(--ease)}
details[open] summary>span{transform:rotate(45deg)}
details>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:800px;margin:0 30px 22px 0}
details code{font:13px var(--mono)}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:40px 50px;font-size:12px;color:var(--muted)}
.footer-brand{font-size:18px;letter-spacing:3px;color:var(--ink)}
.footer-brand span{display:block;font-size:11px;letter-spacing:1px;color:var(--muted);margin-top:5px}
footer a:hover{text-decoration:underline}
footer a{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:1440px){.hero{min-height:580px}.word-garden{height:420px}.garden-word{font-size:13px}}
@media(max-width:1024px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:1.2fr 1fr;gap:0}.word-garden{height:340px}.garden-center{font-size:60px}.orbit-two{width:310px;height:310px}.orbit-one{width:220px;height:220px}.w2{right:0;font-size:10px}.w3{left:0;font-size:10px}.connection{grid-template-columns:1fr 190px;padding:24px;gap:24px}.connection-meta{padding-left:24px}.feature-grid{gap:24px}}
@media(max-width:767px){
.wrap{width:calc(100% - 40px)}.site-header{height:86px}.brand{font-size:20px;gap:9px}.brand-en{font-size:8px}.brand svg{height:28px;width:28px}.site-header nav{gap:16px;font-size:12px}.site-header .nav-standard{display:none}.site-header .console{padding:6px 12px;gap:8px}
.hero{padding-block:48px 36px;grid-template-columns:1fr;min-height:auto}.hero h1{font-size:56px}.intro{font-size:14px}.hero-actions{gap:20px;margin-top:24px}.word-garden{height:265px;margin-top:24px}.orbit-two{width:250px;height:250px}.orbit-one{width:180px;height:180px}.garden-center{font-size:58px}.garden-center span:last-of-type{padding-top:20px}.garden-center i{height:30px;width:30px;top:-15px}.garden-word{font-size:10px;letter-spacing:1px}.w1{left:15%;top:12%}.w4{right:13%;top:13%}.w2{right:5%;top:39%}.w3{left:6%;top:47%}.w5{right:7%;top:78%}.w6{left:15%;top:78%}.w7{display:none}.w8{top:29%;left:5%}
.section{padding-block:40px}.section-top{display:block;margin-bottom:24px}.section-top .eyebrow{font-size:11px}.section-top h2{font-size:25px}.section-top .text-link{margin-top:8px}.feature-grid{grid-template-columns:1fr;gap:28px}.feature-grid article{padding-top:20px}.feature-label{margin-bottom:12px}.feature-grid h3{font-size:18px}.feature-grid p{font-size:14px;margin-top:8px}.connect-intro{font-size:14px}
.connection{grid-template-columns:1fr;gap:20px;padding:22px 20px}.connection-main{grid-template-columns:1fr;gap:12px}.connection code{font-size:14px;line-height:1.6}.copy-button{justify-self:start;font-size:12px;min-height:44px}.connection-meta{padding:16px 0 0;border-left:0;border-top:1px solid #698370;display:flex;justify-content:space-between;align-items:center;gap:16px}.connection-meta>span:last-child{font-size:14px}.connection .tiny-label{font-size:11px}.protocol-note{font-size:13px}.help summary{font-size:14px}.help details>p{font-size:14px}
footer{flex-wrap:wrap;row-gap:20px;padding-block:32px}footer>div:nth-child(2){order:3;flex-basis:100%}.desktop-break{display:none}}
@media(max-width:380px){.site-header nav{gap:10px}.brand{letter-spacing:1px}.hero h1{font-size:50px}.hero-actions{gap:16px}.text-link{font-size:12px}.connection code{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}