@charset "UTF-8";
:root{--lime:#d0ef63;--ink:#12201b;--paper:#f1f2ec;--muted:#83918a;--line:rgba(255,255,255,.18);--mono:"Bahnschrift","Arial Narrow",Consolas,monospace;--sans:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:#fff;font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}button:focus-visible,a:focus-visible,dialog:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.mono{font-family:var(--mono);font-size:11px;letter-spacing:1.5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-60px;left:20px;background:var(--lime);padding:12px;color:var(--ink);z-index:100}.skip-link:focus{top:12px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;flex-shrink:0;box-shadow:0 0 10px #d0ef6340}.eyebrow{font:11px var(--mono);letter-spacing:2px;display:flex;align-items:center;gap:12px;margin:0 0 26px}.section-num{color:#839477;margin-right:4px}.section-pad{padding:100px max(7.5vw,26px)}h1,h2,h3,p{margin-top:0}h2{font-size:44px;line-height:1.45;letter-spacing:1px;font-weight:800;margin:0}h2 span{font-weight:400}button,a{touch-action:manipulation}
.site-header{height:88px;position:absolute;top:0;left:0;width:100%;z-index:50;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 3.4vw;gap:26px;transition:background .3s,transform .3s}.site-header.scrolled{position:fixed;background:rgba(12,24,19,.96);backdrop-filter:blur(18px);box-shadow:0 6px 28px #0002;animation:header-in .3s}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{width:39px;height:42px;display:grid;place-items:center;border:1px solid #d0ef6366;transform:skew(-8deg);color:var(--lime)}.brand-mark svg{width:27px;height:27px;transform:skew(8deg)}.brand b{font-size:17px;letter-spacing:1px;display:block}.brand small{display:block;font:8px var(--mono);letter-spacing:1.9px;margin-top:6px;color:#c2cec5}.main-nav{display:flex;gap:34px;margin-left:auto;align-self:stretch;align-items:stretch}.main-nav a{position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;color:#f4f5f0bd}.main-nav a small{font:10px var(--mono);letter-spacing:.8px}.main-nav a span{font-size:12px}.main-nav a:hover,.main-nav a.active{color:var(--lime)}.main-nav a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--lime)}.header-download{margin-left:15px;background:var(--lime);color:var(--ink);font-size:12px;padding:13px 18px;display:flex;align-items:center;gap:22px;white-space:nowrap}.header-download svg{width:16px;height:16px}.menu-toggle{display:none;background:none;padding:12px}.menu-toggle span{display:block;width:24px;height:1px;background:white;margin:6px 0}
.hero{height:max(770px,100svh);min-height:720px;position:relative;overflow:hidden;background:#14291e}.hero-image,.hero-shade,.hero-grid{position:absolute;inset:0}.hero-image{background:url('assets/hero-world.webp') center center/cover;animation:hero-pan 20s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,rgba(9,25,19,.88) 0%,rgba(8,23,17,.66) 36%,rgba(8,24,17,.12) 75%),linear-gradient(0deg,#091911e6 0%,transparent 35%,#08171122 72%,#07161180 100%)}.hero-grid{background:linear-gradient(90deg,transparent calc(100% - 1px),#ffffff06 1px);background-size:25% 100%;pointer-events:none}.hero-coordinate{position:absolute;right:5vw;top:132px;font-size:9px;line-height:1.8;color:#e2e7de88;text-align:right}.hero-content{position:relative;padding-top:max(225px,26svh);margin-left:8.7vw;z-index:2;max-width:680px}.hero .eyebrow{color:var(--lime);letter-spacing:3px;margin-bottom:26px;font-family:var(--sans);font-size:11px}.hero h1{font-size:clamp(48px,5.4vw,84px);font-weight:900;line-height:1.25;letter-spacing:3px;margin:0 0 24px}.hero h1 em{color:var(--lime);font-style:normal}.hero-description{color:#e1e7dcbb;font-size:14px;line-height:2.1;letter-spacing:2px;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:65px;padding:14px 22px;font-size:15px;font-weight:bold;transition:background .2s,transform .2s}.button:hover{background:#e2ffa0;transform:translateY(-2px)}.button-lime{background:var(--lime);color:#142018}.button small{display:block;font-size:9px;font-weight:400;letter-spacing:1px;margin-top:5px;text-align:left}.button .arrow{width:20px;margin-left:10px}.text-link{font-size:12px;display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid #ffffff4d;padding:12px 0;white-space:nowrap}.text-link span{font-size:20px;color:var(--lime)}.text-link:hover{border-color:var(--lime)}.hero-meta{display:flex;gap:13px;align-items:center;color:#d2e2cf66;font-size:8px;letter-spacing:1.8px;margin-top:30px}.hero-meta i{width:3px;height:3px;background:#d0ef6370}.hero-title-art{position:absolute;top:32%;right:5.8%;font:clamp(90px,12vw,190px)/.83 Impact,"Arial Narrow",sans-serif;letter-spacing:-4px;font-weight:900;transform:rotate(-7deg);pointer-events:none;color:#e4efca0d;-webkit-text-stroke:1px #e4efca55}.hero-title-art>span{display:block}.hero-title-art>span:first-child{font-size:.65em;margin-bottom:10px}.title-art-dot{color:var(--lime);-webkit-text-stroke:0}.hero-title-art small{display:block;font:8px var(--mono);letter-spacing:2.3px;-webkit-text-stroke:0;color:#eef4df80;margin-top:25px}.hero-news{position:absolute;bottom:132px;right:7.5vw;display:flex;align-items:stretch;width:365px;height:115px;border:1px solid #dfeddb45;background:rgba(13,30,22,.8);backdrop-filter:blur(10px);transition:border-color .2s}.hero-news:hover{border-color:var(--lime)}.mini-scene{background:url('assets/crystal-cave.webp') center/cover;width:110px;flex-shrink:0;position:relative}.mini-scene:after{content:"";position:absolute;inset:0;background:#13231a22}.hero-news-copy{padding:15px 17px;display:flex;flex-direction:column;justify-content:space-between;flex:1;min-width:0}.hero-news-copy small{display:flex;align-items:center;gap:8px;color:var(--lime);font:8px var(--mono);letter-spacing:1px}.hero-news-copy small .status-dot{width:4px;height:4px}.hero-news-copy b{font-size:12px;font-weight:400}.hero-news-copy>span{font-size:9px;display:flex;justify-content:space-between;color:#bdc9b9}.hero-news-copy svg{width:16px;height:16px}.hero-bottom{position:absolute;bottom:0;left:3.4vw;right:3.4vw;border-top:1px solid var(--line);height:85px;display:flex;justify-content:space-between;align-items:center}.scroll-cue{display:flex;align-items:center;gap:16px;font-size:10px}.scroll-line{height:28px;width:1px;background:#ffffff3a;position:relative;overflow:hidden}.scroll-line:after{content:"";height:12px;width:1px;background:var(--lime);position:absolute;animation:scroll-line 2s infinite}.scroll-cue small{display:block;font:7px var(--mono);letter-spacing:1px;color:#a5b29f;margin-top:5px}.scroll-cue>span:last-child{font-size:19px;color:var(--lime);margin-left:18px}.hero-caption{font-size:9px;color:#b2c5ad99;letter-spacing:2px}.hero-page{color:#a4b49f88;font-size:9px}.hero-page b{color:var(--lime);font-size:23px;font-weight:400;margin-right:12px}.section-rail{position:fixed;top:48%;right:2.3vw;display:flex;flex-direction:column;gap:15px;z-index:40;mix-blend-mode:difference}.section-rail a{display:flex;align-items:center;gap:9px;color:white}.section-rail span{font:8px var(--mono);opacity:0}.section-rail i{height:4px;width:4px;background:white;opacity:.5}.section-rail a.active span{opacity:.7}.section-rail a.active i{height:5px;width:13px;opacity:1;background:var(--lime)}
.news-section{background:var(--paper);color:var(--ink);position:relative}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px}.news-section .eyebrow{color:#7a857a}.heading-en{font:36px/.95 var(--mono);letter-spacing:-2px;font-weight:300;color:#c8cec2;position:relative;padding-right:56px}.heading-en b{font-size:54px;font-weight:900;color:#142019}.heading-en i{position:absolute;right:0;bottom:0;font-size:40px;font-style:normal;color:#809d48}.news-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:54px}.featured-news{padding:0;position:relative;text-align:left;overflow:hidden;height:360px;background:#152d1b;color:white}.featured-news>img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.featured-news:hover>img{transform:scale(1.05)}.featured-news:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b2519ee,transparent 95%)}.feature-index{position:absolute;top:22px;left:24px;z-index:1;font-size:8px;color:#f6ffe8c0}.featured-overlay{position:absolute;left:27px;bottom:25px;z-index:1}.featured-overlay small{font-size:10px;color:var(--lime);letter-spacing:2px}.featured-overlay strong{display:block;font-size:30px;line-height:1.5;margin:12px 0 17px;letter-spacing:1px}.featured-overlay>span{font-size:10px;display:flex;align-items:center;gap:24px;color:#d4e1cc}.featured-overlay svg{width:18px}.feature-corner{position:absolute;bottom:0;right:0;width:54px;height:54px;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:28px;z-index:1}.news-tabs{display:flex;border-bottom:1px solid #1a2c1a26;gap:36px;height:45px}.news-tabs button{padding:0 0 16px;background:none;font-size:13px;color:#7e897c;position:relative}.news-tabs button[aria-selected=true]{color:var(--ink);font-weight:bold}.news-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#547b2c}.news-row{display:block;text-align:left;background:none;color:var(--ink);width:100%;padding:20px 0;border-bottom:1px solid #1a2c1a1a}.news-row:hover h3{color:#648b2a}.news-row-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:9px;color:#8b9386}.news-row-top>span:first-child{border:1px solid #91a37a66;color:#667a50;padding:3px 7px}.news-row h3{font-size:13px;line-height:1.6;font-weight:500;margin:0;display:flex;justify-content:space-between;gap:15px;transition:color .2s}.news-row h3 span{font-size:17px;color:#8b9a7d}.news-row p{font-size:10px;line-height:1.6;margin:7px 0 0;color:#788273}.news-footnote{display:flex;align-items:center;gap:10px;margin-top:22px}.news-footnote .status-dot{background:#819c50;width:5px;height:5px}.news-footnote p{margin:0;font-size:9px;color:#819073}.news-footnote p span{margin-left:8px;color:#99a38e}.news-footnote>svg{width:16px;height:16px;color:#97a387;margin-left:auto}
.plants-section{background:#12241c;position:relative;overflow:hidden;padding-bottom:0}.archive-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#c5e4b608 1px,transparent 1px),linear-gradient(90deg,#c5e4b608 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,black,transparent)}.plants-section>.section-heading,.plant-layout,.archive-footer{position:relative}.plants-section .section-heading{margin-bottom:14px}.plants-section .eyebrow{color:#91a58a}.archive-label{color:#73876f;font-size:9px;line-height:1.8;text-align:right}.plant-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;min-height:520px}.plant-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:490px}.plant-ghost{position:absolute;left:0;top:12%;font:clamp(90px,10vw,160px)/.82 Impact,"Arial Narrow",sans-serif;color:#bfd5aa08;letter-spacing:-4px}.plant-orbit{position:absolute;width:325px;height:325px;border:1px solid #b9dba52a;border-radius:50%;transform:rotateX(18deg)}.plant-orbit:before{content:"";position:absolute;inset:20px;border:1px dashed #b9dba51b;border-radius:50%}.plant-orbit:after{content:"";position:absolute;inset:-35px;border-left:1px solid #b9dba51b;border-right:1px solid #b9dba51b;border-radius:50%;transform:rotate(-45deg)}#plant-image{position:relative;width:86%;height:360px;object-fit:contain;filter:drop-shadow(0 20px 25px #0008);z-index:1;transition:opacity .15s,transform .5s}#plant-image.character-art{height:380px;max-width:92%;image-rendering:auto;animation:plant-float 5s ease-in-out infinite}#plant-image.changing{opacity:0;transform:translateX(-12px)}.plant-cross{position:absolute;color:#b5c89860;font:22px var(--mono)}.cross-one{left:5%;top:17%}.cross-two{right:2%;bottom:25%}.plant-image-caption{position:absolute;left:0;bottom:26px;font-size:7px;color:#71906a}.plant-stage-index{position:absolute;right:4%;bottom:24px;color:#9bbb7b;font-size:10px}.plant-info{padding:45px 0 28px;min-width:0}.plant-category{color:var(--lime);display:flex;align-items:center;gap:9px;font-size:9px}.plant-en{display:block;font:43px/1.15 Impact,"Arial Narrow",sans-serif;font-weight:700;letter-spacing:1px;color:#e0eac125;margin:18px 0 0}.plant-info h3{font-size:38px;font-weight:500;letter-spacing:3px;margin:0 0 22px}.plant-quote{font-size:13px;color:#d3e8a0;letter-spacing:1px;margin-bottom:14px;line-height:1.8}.plant-description{font-size:11px;line-height:2.15;color:#98ae96;max-width:350px;min-height:48px}.plant-tags{display:flex;gap:8px;margin-top:22px}.plant-tags span{padding:5px 9px;font-size:9px;color:#b7cba2;border:1px solid #8fa87a40}.plant-divider{width:35px;height:2px;background:var(--lime);margin:26px 0 19px}.plant-note{font-size:10px;line-height:1.8;letter-spacing:1px;color:#71876e}.plant-controls{display:flex;align-items:center;justify-content:space-between;margin-top:32px}.plant-controls>span{font-size:8px;color:#8a9f7a}.plant-controls>div{display:flex;gap:12px}.plant-controls button{background:none;border:1px solid #8fa87a55;width:33px;height:30px;transition:background .2s}.plant-controls button:hover{background:var(--lime);color:var(--ink)}.plant-selectors{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:15px}.plant-selectors button{padding:10px 5px;background:#1c3025;border-bottom:2px solid transparent;text-align:left;color:#7c9578}.plant-selectors button small{display:block;font:8px var(--mono);margin-bottom:8px}.plant-selectors button span{font-size:9px;white-space:nowrap}.plant-selectors button[aria-selected=true]{border-color:var(--lime);color:var(--lime);background:#263b29}.archive-footer{border-top:1px solid #bdd9b01c;padding:23px 0;margin-top:20px;display:flex;justify-content:space-between;color:#6c8265;font-size:8px}
.world-section{position:relative;min-height:780px;overflow:hidden;background:#15152a}.world-image{position:absolute;width:100%;height:100%;object-fit:cover;transition:opacity .2s}.world-image.changing{opacity:.25}.world-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071914ed 0%,#0b2017a8 38%,#05130f1a 80%),linear-gradient(0deg,#06170ff5 0%,transparent 50%)}.world-content{position:relative;padding:90px 7.5vw 170px;max-width:700px}.world-content .eyebrow{color:#bbcca6}.world-content h2{font-size:48px;line-height:1.4}.world-content h2 span{color:var(--lime)}.world-intro{color:#adc1a7;font-size:12px;line-height:2;letter-spacing:1px;margin-top:25px}.world-detail{border-top:1px solid #ffffff25;padding-top:25px;margin-top:35px;max-width:340px}.world-detail>.mono{font-size:8px;color:#adc892}.world-detail h3{font-size:24px;letter-spacing:2px;font-weight:500;margin:14px 0 11px}.world-detail p{color:#b1bca8;font-size:10px;line-height:2}.world-view{border:1px solid #adc89266;padding:8px 14px;background:#0c221960;font-size:10px;display:flex;align-items:center;gap:35px;margin-top:20px}.world-view svg{width:16px}.world-view:hover{background:var(--lime);color:var(--ink)}.world-controls{position:absolute;bottom:36px;left:7.5vw;right:7.5vw;display:flex;align-items:center;gap:50px}.world-tabs{display:grid;grid-template-columns:repeat(3,1fr);flex:1;gap:13px}.world-tabs button{position:relative;display:flex;align-items:center;padding:8px;text-align:left;background:rgba(11,26,18,.82);border:1px solid #b0cd8c33;gap:15px;height:77px;color:#a9b59d;transition:background .2s,border-color .2s}.world-tabs button[aria-selected=true],.world-tabs button:hover{border-color:var(--lime);background:rgba(43,61,26,.95)}.world-tabs img{width:76px;height:54px;object-fit:cover;opacity:.65}.world-tabs button[aria-selected=true] img{opacity:1}.world-tabs small{display:block;font:7px var(--mono);letter-spacing:1px;margin-bottom:9px}.world-tabs b{font-size:11px;font-weight:500;color:#edf6db}.world-tabs i{position:absolute;right:10px;top:10px;font-size:16px;font-style:normal;color:var(--lime);opacity:0}.world-tabs button[aria-selected=true] i{opacity:1}.world-progress{white-space:nowrap;color:#768e68;font-size:10px}.world-progress b{color:var(--lime);font-size:29px;font-weight:300;margin-right:8px}
.download-section{background:#edf0e5;color:var(--ink);position:relative;overflow:hidden;padding-bottom:0}.download-watermark{position:absolute;left:2.5vw;top:90px;font:clamp(150px,21vw,340px)/1 Impact,sans-serif;letter-spacing:-10px;color:#dce2d1;opacity:.65;white-space:nowrap;pointer-events:none}.download-main{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:center;padding-bottom:70px}.download-main h2{font-size:42px}.download-main h2 span{font-weight:400}.download-main>div>p{font-size:12px;line-height:2;color:#7b8873;margin:26px 0 0}.download-box{background:#fcfdf8;box-shadow:0 18px 50px #24351b08;padding:28px 30px;border-top:3px solid #253921;position:relative}.download-box-top{display:flex;align-items:center;gap:15px}.download-box-top>svg{width:28px;height:28px;color:#597a3b}.download-box-top small{font-size:8px;color:#8e9b80}.download-box-top h3{font-size:22px;font-weight:500;margin:5px 0 0}.preparing-badge{margin-left:auto;font-size:9px;color:#859575;border:1px solid #a7b59a;padding:4px 8px}.download-box>p{font-size:11px;line-height:1.9;color:#87917d;margin:24px 0}.download-wide{min-height:53px;width:100%;font-size:13px;padding:13px 20px}.download-box-bottom{display:flex;align-items:center;gap:7px;margin-top:16px;font-size:8px;color:#92a180}.download-box-bottom .status-dot{background:#92a575;width:4px;height:4px}.download-contact{border-top:1px solid #9cac8c55;padding:24px 0;display:flex;align-items:center;position:relative;gap:28px}.download-contact>.mono{font-size:9px;color:#6e825d}.download-contact>span:nth-child(2){font-size:10px;color:#88947b}.download-contact button{background:none;color:var(--ink);font-size:11px;margin-left:auto;display:flex;gap:36px;align-items:center}.download-contact button span{font-size:21px;color:#688d3d}
.site-footer{padding:38px 3.4vw;display:flex;align-items:center;gap:6%;background:#0c1712;position:relative}.footer-brand .brand-mark{width:33px;height:36px}.footer-brand .brand-mark svg{width:24px}.footer-brand b{font-size:13px;letter-spacing:1px}.footer-brand small{font-size:7px;color:#718068}.footer-info{color:#5f735e;font-size:9px;line-height:1.8}.footer-info p{margin:0 0 2px}.footer-info small{font:6px var(--mono);letter-spacing:.5px;display:block;margin-top:9px}.back-top{border-left:1px solid #c7dfa52a;padding-left:27px;margin-left:auto;font:28px var(--mono);color:var(--lime);text-align:center}.back-top small{display:block;font-size:7px;color:#879b7c;letter-spacing:1px;margin-top:4px}
dialog{color:#17301f;border:0;padding:0;background:var(--paper)}dialog::backdrop{background:#07130ecf;backdrop-filter:blur(8px)}.site-dialog{width:min(600px,calc(100vw - 36px));max-height:85svh;padding:45px}.dialog-close{position:absolute;right:16px;top:16px;padding:5px;background:none;color:#7f9271;z-index:2}.dialog-close svg{width:20px;height:20px}.dialog-eyebrow{font:9px var(--mono);letter-spacing:1.5px;color:#78935c;padding-bottom:18px;border-bottom:1px solid #a3b39566}.site-dialog h2{font-size:25px;line-height:1.6;margin:21px 0}.site-dialog p{font-size:12px;color:#77836d;line-height:2.1}.site-dialog .dialog-action{display:flex;gap:12px;align-items:center;justify-content:space-between;background:var(--lime);color:#17301f;padding:14px 18px;margin-top:20px;font-size:12px;font-weight:bold}.site-dialog .dialog-subtle{font-size:10px;color:#839178;margin-top:25px;padding-top:15px;border-top:1px solid #a3b39544}.site-dialog .download-link{display:flex;padding:15px 18px;background:#1a3020;color:white;margin-top:12px;justify-content:space-between;font-size:12px}.scene-dialog{width:min(1200px,94vw);max-width:94vw;background:#0d1c15;color:#fff}.scene-dialog img{width:100%}.scene-dialog>div{padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:15px}.scene-dialog h2{font-size:20px;font-weight:400}.scene-dialog .mono{font-size:8px;color:#8ea779}.scene-dialog .dialog-close{background:#0d1c15bb;color:white}.noscript-notice{padding:30px;text-align:center;color:var(--lime)}.reveal{opacity:1}.js-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.js-ready .reveal.is-visible{opacity:1;transform:none}
.hero-character{position:absolute;right:5%;bottom:28%;width:39%;max-width:650px;filter:drop-shadow(0 25px 25px #07140f99);transform:rotate(-5deg);pointer-events:none}.hero-character img{width:100%;height:auto;animation:plant-float 6s ease-in-out infinite}.hero-character>span{display:block;text-align:right;color:#e1efc699;font-size:8px;letter-spacing:1.2px;margin-top:12px}.hero-title-art{top:23%;opacity:.75}
@media(max-width:900px){.hero-character{width:40%;right:4%;bottom:29%}.hero-character>span{font-size:6px}.hero-title-art{top:28%}}
@media(max-width:600px){.hero-character{width:50%;right:-4%;bottom:25%;opacity:.7}.hero-character>span{display:none}.hero-title-art{top:auto;bottom:28%;right:5%}}
@keyframes hero-pan{from{transform:scale(1.03)}to{transform:scale(1.08) translateX(-.5%)}}@keyframes scroll-line{from{top:-15px}to{top:35px}}@keyframes plant-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes header-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@media(min-width:1700px){.section-pad{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}.hero-content{margin-left:calc((100vw - 1400px)/2)}.world-content{padding-left:calc((100vw - 1440px)/2);max-width:calc((100vw - 1440px)/2 + 580px)}.world-controls{left:calc((100vw - 1440px)/2);right:calc((100vw - 1440px)/2)}}
@media(max-width:1150px){.main-nav{gap:22px}.brand b{font-size:14px}.brand small{font-size:6px}.header-download{padding:12px;margin-left:0;gap:12px;font-size:10px}.site-header{gap:20px}.hero-content{margin-left:7.5vw}.hero h1{font-size:60px}.hero-title-art{right:5%;top:36%;font-size:135px}.hero-news{width:330px;right:7.5vw}.news-layout{gap:30px}.plant-layout{gap:6%;grid-template-columns:1fr 1fr}.world-tabs button{gap:10px}.world-tabs img{width:56px}.world-tabs small{font-size:6px}.world-controls{gap:25px}.download-main{gap:7%}.download-main h2{font-size:37px}}
@media(max-width:900px){.section-pad{padding:75px 6vw}.site-header{height:74px;padding:0 5vw}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#11251af7;backdrop-filter:blur(20px);padding:20px 6vw;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{padding:14px 0;flex-direction:row;justify-content:space-between;align-items:center}.main-nav a.active:after{height:1px}.header-download{margin-left:auto}.menu-toggle{display:block;padding:5px}.brand b{font-size:15px}.brand small{font-size:7px}.hero{height:850px;min-height:750px}.hero-content{padding-top:230px;margin-left:7.5vw}.hero h1{font-size:62px}.hero-title-art{font-size:110px;right:6%;top:44%;opacity:.6}.hero-news{width:300px;bottom:125px}.hero-meta{margin-top:25px}.hero-caption{display:none}.hero-coordinate{top:110px}.section-rail{display:none}.section-heading h2{font-size:34px}.heading-en{font-size:28px}.heading-en b{font-size:43px}.news-layout{gap:25px;grid-template-columns:1fr 1fr}.featured-news{height:365px}.featured-overlay strong{font-size:25px}.news-row{padding:16px 0}.news-row p{font-size:9px}.news-row h3{font-size:11px}.news-tabs{gap:25px}.news-tabs button{font-size:12px}.news-footnote p span{display:none}.plant-layout{gap:5%;min-height:500px}.plant-info{padding-top:30px}.plant-info h3{font-size:31px}.plant-en{font-size:34px}.plant-quote{font-size:11px}.plant-description{font-size:10px}.plant-orbit{width:245px;height:245px}.plant-selectors{grid-template-columns:repeat(2,1fr)}.plant-selectors button{padding:9px}.plant-selectors button small{display:inline;margin-right:7px}.plant-selectors button span{font-size:10px}.plant-stage{min-height:450px}#plant-image.character-art{height:300px}.archive-footer{margin-bottom:-75px}.world-content{padding:75px 6vw 195px}.world-content h2{font-size:42px}.world-controls{left:6vw;right:6vw;gap:20px}.world-tabs{gap:8px}.world-tabs img{display:none}.world-tabs button{padding:15px;height:65px}.world-tabs small{font-size:7px}.world-progress{display:none}.download-main{gap:6%;padding-bottom:50px}.download-main h2{font-size:31px}.download-box{padding:22px}.download-section{padding-bottom:0}.site-footer{gap:25px;padding:32px 5vw}.footer-info{font-size:8px}.footer-info small{font-size:6px}.footer-brand b{font-size:11px}.footer-brand .brand-mark{display:none}.back-top{padding-left:20px}}
@media(max-width:600px){html{scroll-padding-top:70px}.section-pad{padding:62px 24px}.site-header{height:70px;padding:0 20px;gap:13px}.brand{gap:9px}.brand-mark{width:29px;height:33px}.brand-mark svg{width:22px}.brand b{font-size:12px;letter-spacing:.2px}.brand small{font-size:5px;letter-spacing:1px}.header-download{font-size:9px;padding:10px;gap:0}.header-download svg{display:none}.menu-toggle span{width:20px}.main-nav{top:70px}.hero{height:900px;min-height:850px;max-height:none}.hero-image{background-position:58% center;animation:none}.hero-shade{background:linear-gradient(90deg,#0c2018e6 0%,#0a1b1399 80%),linear-gradient(0deg,#091911 0%,transparent 65%)}.hero-content{padding-top:205px;margin:0 26px}.hero-coordinate{top:100px;right:26px;font-size:7px;letter-spacing:1px}.hero .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:26px}.hero h1{font-size:46px;line-height:1.38;letter-spacing:2px;margin-bottom:21px}.hero-description{font-size:11px;line-height:2.1;letter-spacing:1.5px;margin-bottom:27px}.hero-actions{gap:20px;align-items:flex-start;flex-direction:column}.button{min-height:62px;padding:13px 17px;gap:14px;font-size:13px}.button small{font-size:8px}.button svg{width:19px}.hero-actions .text-link{font-size:10px;padding:7px 0;gap:27px}.hero-meta{font-size:6px;letter-spacing:1px;margin-top:27px}.hero-title-art{font-size:105px;top:auto;bottom:215px;right:5%;opacity:.38;transform:rotate(-7deg)}.hero-title-art>span:first-child{display:none}.hero-title-art small{font-size:5px;letter-spacing:1px}.hero-news{left:26px;right:26px;width:auto;bottom:100px;height:100px;background:#10251be6}.mini-scene{width:90px}.hero-news-copy{padding:13px}.hero-news-copy b{font-size:11px}.hero-news-copy small{font-size:7px}.hero-bottom{left:26px;right:26px;height:72px}.scroll-cue{font-size:9px;gap:12px}.scroll-cue small{font-size:6px}.hero-page b{font-size:22px}.eyebrow{font-size:8px;gap:8px;letter-spacing:1.5px;margin-bottom:19px}.section-heading{align-items:flex-end;margin-bottom:28px}.section-heading h2{font-size:28px;letter-spacing:0;line-height:1.6}.section-heading h2 span{display:block}.heading-en{font-size:20px;letter-spacing:-1px;padding-right:0;padding-bottom:5px}.heading-en b{font-size:29px}.heading-en i{display:none}.news-layout{grid-template-columns:1fr;gap:28px}.featured-news{height:280px}.featured-overlay{left:22px;bottom:23px}.featured-overlay strong{font-size:27px}.featured-overlay small{font-size:9px}.feature-index{font-size:7px;left:22px}.news-tabs{gap:32px}.news-tabs button{font-size:12px}.news-row{padding:19px 0}.news-row h3{font-size:12px}.news-row p{font-size:10px}.news-row-top{font-size:8px}.news-footnote p{font-size:9px}.news-footnote p span{display:inline;font-size:8px;margin-left:5px}.plants-section{padding-bottom:0}.plants-section .section-heading{align-items:flex-start}.archive-label{font-size:6px;letter-spacing:.7px;line-height:1.8;margin-top:2px}.plant-layout{grid-template-columns:1fr;gap:0}.plant-stage{min-height:330px;height:330px;margin-top:0}.plant-ghost{font-size:98px;left:3%;top:14%}.plant-orbit{width:230px;height:230px}.cross-one{left:5%;top:20%}.cross-two{right:5%;bottom:20%}#plant-image{height:260px;width:80%}#plant-image.character-art{height:290px}.plant-image-caption{left:0;bottom:0;font-size:6px}.plant-stage-index{bottom:0;font-size:8px}.plant-info{padding:35px 0 30px}.plant-category{font-size:8px}.plant-en{font-size:36px;margin-top:13px}.plant-info h3{font-size:34px;margin-bottom:17px}.plant-quote{font-size:12px}.plant-description{font-size:11px;max-width:100%;min-height:45px}.plant-tags{margin-top:17px}.plant-divider{margin-top:21px;margin-bottom:15px}.plant-note{font-size:10px}.plant-controls{margin-top:20px}.plant-selectors{grid-template-columns:repeat(4,1fr);gap:6px}.plant-selectors button{padding:10px 6px}.plant-selectors button small{display:block;margin-bottom:7px}.plant-selectors button span{font-size:8px}.archive-footer{margin:0;padding:20px 0;font-size:6px;letter-spacing:.8px;gap:8px}.archive-footer>span:last-child{font-size:7px;letter-spacing:0}.world-section{min-height:780px}.world-image{object-position:55% center}.world-shade{background:linear-gradient(90deg,#08180fe6,#10231b88),linear-gradient(0deg,#06170f 0%,transparent 65%)}.world-content{padding:62px 24px 210px;max-width:100%}.world-content h2{font-size:36px}.world-intro{font-size:10px;margin-top:22px}.world-detail{max-width:275px;padding-top:24px;margin-top:30px}.world-detail h3{font-size:23px}.world-detail p{font-size:10px}.world-controls{bottom:24px;left:24px;right:24px}.world-tabs{gap:7px;grid-template-columns:1fr}.world-tabs button{height:49px;padding:8px 12px;gap:10px}.world-tabs img{display:block;width:53px;height:33px}.world-tabs button>span{display:flex;align-items:center;gap:14px;flex:1;flex-direction:row-reverse;justify-content:space-between;padding-right:15px}.world-tabs small{margin:0;font-size:6px;letter-spacing:.4px}.world-tabs b{font-size:10px}.world-tabs i{top:13px;font-size:14px}.download-section{padding-bottom:0}.download-watermark{top:125px;left:-10px;font-size:120px;letter-spacing:-5px}.download-main{grid-template-columns:1fr;gap:35px;padding-bottom:35px}.download-main h2{font-size:32px}.download-main>div>p{font-size:11px;line-height:2;margin-top:22px}.download-box{padding:25px}.download-box-top h3{font-size:22px}.download-contact{gap:10px;flex-wrap:wrap;padding:20px 0}.download-contact>.mono{font-size:7px}.download-contact>span:nth-child(2){font-size:8px}.download-contact button{width:100%;margin-top:10px;border-top:1px solid #9cac8c33;padding:12px 0 0;justify-content:space-between;font-size:10px}.site-footer{padding:30px 24px;flex-wrap:wrap;gap:22px}.footer-brand b{font-size:13px}.footer-brand small{font-size:6px}.footer-brand .brand-mark{display:grid;width:29px;height:32px}.footer-info{order:3;flex-basis:100%;font-size:8px;padding-right:0;line-height:1.9}.footer-info small{font-size:5px;line-height:1.8;letter-spacing:.4px}.back-top{font-size:23px;border:0}.site-dialog{padding:34px 25px}.site-dialog h2{font-size:22px}.site-dialog p{font-size:11px}.scene-dialog>div{padding:18px;flex-direction:column;align-items:flex-start;gap:8px}.scene-dialog h2{font-size:17px}.scene-dialog .mono{font-size:6px}}
@media(max-width:600px){.hero h1{font-size:clamp(36px,11.6vw,46px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}}

/* Royal assembly, featured plants and independent platform downloads. */
.header-downloads{display:flex;align-items:center;gap:7px;flex-shrink:0;margin-left:10px}.header-downloads .header-download{margin-left:0;gap:15px;padding:13px 15px}.header-mobile{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;background:#1e3328b3;border:1px solid #d0ef6380;padding:12px;color:var(--lime)}.header-mobile svg{width:17px;height:17px}.header-mobile:hover{background:#31492b}.main-nav{gap:27px}
.hero-content{padding-top:max(200px,22svh);margin-left:7.5vw;max-width:610px}.hero .eyebrow{margin-bottom:20px}.hero-description{margin-bottom:24px}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.hero-downloads{display:flex;gap:12px}.hero-downloads .button{min-height:62px;font-size:14px;padding:13px 18px;gap:15px}.hero-downloads .button .arrow{width:18px;margin-left:4px}.button-glass{background:#193227cc;color:#e6f3d7;border:1px solid #c2dc8999;backdrop-filter:blur(10px)}.button-glass:hover{background:#31492b}.hero-actions .text-link{padding:7px 0;font-size:11px}.hero-social{display:flex;align-items:center;gap:22px;margin-top:20px}.hero-social>button{display:flex;align-items:center;gap:8px;font-size:10px;background:none;color:#c8d5be;padding:0}.hero-social>button svg{width:16px;height:16px;color:var(--lime)}.hero-social b{font-family:var(--mono);font-size:12px;letter-spacing:1px;color:var(--lime);margin-left:6px;font-weight:400}.hero-social>button>span:last-child{margin-left:6px;color:var(--lime);font-size:17px}.hero-social>.mono{font-size:6px;letter-spacing:1px;color:#b9cdb16b}.hero-title-art{top:22%;right:5%;opacity:.45}
.hero-royals{position:absolute;right:.5%;top:23%;width:54%;height:49%;max-width:880px;pointer-events:none}.royal{position:absolute;object-fit:contain;height:auto;filter:drop-shadow(0 20px 20px #091b14aa);animation:plant-float 6s ease-in-out infinite}.royal-orbit{position:absolute;width:65%;aspect-ratio:1;left:20%;top:4%;border:1px solid #d5edb81f;border-radius:50%;box-shadow:0 0 100px #b6e45810 inset}.royal-orbit:before{content:"";position:absolute;inset:20px;border:1px dashed #d5edb821;border-radius:50%}.royal-inferno{width:50%;left:1%;top:4%;z-index:1;animation-delay:-1s}.royal-ice{width:34%;right:5%;top:-4%;z-index:2;animation-delay:-3s}.royal-ghost{width:64%;right:0;bottom:0;z-index:3}.royal-bamboo{width:37%;left:1%;bottom:-3%;z-index:4;animation-delay:-2s}.royal-caption{position:absolute;bottom:-26px;right:6%;font-size:7px;color:#dfedbd99;letter-spacing:2px}.hero-news{z-index:4}
#plant-image.character-art{height:400px;width:95%;max-width:100%;object-fit:contain}.plant-stage{min-height:510px}.plant-info h3{margin-bottom:20px}
.download-main{grid-template-columns:.85fr 1.6fr;gap:45px;align-items:center}.download-main h2{font-size:34px}.download-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.download-box{padding:24px 20px;min-width:0}.download-box-top{gap:11px}.download-box-top>svg{width:25px;height:25px}.download-box-top h3{font-size:21px;white-space:nowrap}.download-box-top small{font-size:7px;letter-spacing:1px}.preparing-badge{font-size:8px;padding:4px 6px;white-space:nowrap}.download-box>p{font-size:10px;min-height:58px;line-height:1.9;margin:22px 0}.download-wide{font-size:12px;min-height:52px}.download-box-bottom{font-size:8px;line-height:1.6}.button-dark{background:#1c3525;color:var(--lime)}.button-dark:hover{background:#2b4930}.mobile-download-box{border-top-color:#819d51;background:#f7faed}.download-contact button{display:flex;gap:11px;align-items:center;padding:0}.download-contact button>svg{width:18px;height:18px;color:#6c8c44}.download-contact button>span{font-size:11px;color:#273d25}.download-contact button b{font:15px var(--mono);color:#628336;letter-spacing:1px;margin-left:7px}.download-contact button i{font-style:normal;font-size:23px;color:#688d3d;margin-left:20px}.footer-community{font-size:9px;color:#adc788;background:none;padding:0;margin-left:10px}.footer-community:hover{color:var(--lime)}
.download-dialog-tabs{display:flex;gap:8px;margin:22px 0}.download-dialog-tabs button{padding:10px 25px;background:#e0e6d6;color:#839075;font-size:11px}.download-dialog-tabs button[aria-pressed=true]{background:#233b28;color:var(--lime)}.community-number{background:#e5ebd9;padding:22px;margin-top:20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.community-number small{font-size:10px;color:#7c8f67;flex-basis:100%}.community-number strong{font:30px var(--mono);letter-spacing:2px;color:#253c24;user-select:all}.community-number button{font-size:10px;background:#28402a;color:var(--lime);padding:10px 13px;margin-left:auto;min-height:36px}
@media(max-width:1150px){.main-nav{gap:20px}.site-header{gap:17px}.header-downloads{gap:6px;margin-left:0}.header-downloads .header-download{font-size:10px;padding:12px;gap:8px}.header-mobile{font-size:10px;padding:11px;gap:6px}.hero-royals{width:53%;right:.5%}.hero-downloads .button{font-size:13px;padding:12px 15px;gap:11px}.hero-social>.mono{display:none}.download-main{gap:30px;grid-template-columns:.8fr 1.6fr}.download-main h2{font-size:29px}.download-box{padding:21px 16px}.download-box-top{gap:8px}.download-box-top h3{font-size:19px}.preparing-badge{font-size:7px}}
@media(max-width:900px){.header-downloads{margin-left:auto}.hero-content{padding-top:195px;margin-left:7.5vw}.hero h1{font-size:clamp(50px,7vw,62px)}.hero-royals{width:49%;top:29%;height:38%;right:0}.royal-caption{font-size:6px;letter-spacing:1px;right:8%}.hero-title-art{top:30%;opacity:.3}.hero-downloads{gap:10px}.hero-downloads .button{font-size:12px;gap:9px}.hero-downloads .button .arrow{display:none}.download-main{grid-template-columns:1fr;gap:32px}.download-main h2{font-size:35px}.download-main>div>p{font-size:11px}.download-box{padding:25px}.download-box-top h3{font-size:22px}.preparing-badge{font-size:9px}.download-box>p{min-height:45px;font-size:11px}.footer-community{display:inline-block;margin-left:0}.archive-footer{margin-bottom:-75px}}
@media(max-width:600px){.header-downloads{gap:6px}.header-downloads .header-download{font-size:9px;padding:10px;gap:0}.header-mobile{padding:8px}.header-mobile>span{display:none}.header-mobile svg{width:17px;height:17px}.site-header{gap:12px}.hero{height:980px;min-height:980px}.hero-content{padding-top:165px;margin:0 24px}.hero h1{font-size:clamp(36px,11.3vw,46px)}.hero .eyebrow{margin-bottom:20px}.hero-actions{gap:12px}.hero-downloads{width:100%;gap:10px}.hero-downloads .button{flex:1;min-width:0;min-height:60px;justify-content:flex-start;gap:10px;padding:12px 13px;font-size:12px}.hero-downloads .button svg{width:18px;height:18px}.hero-downloads .button small{font-size:7px;letter-spacing:.6px}.hero-downloads .button .arrow{display:none}.hero-actions .text-link{padding:6px 0;font-size:10px}.hero-social{margin-top:17px}.hero-social>button{font-size:9px}.hero-social b{font-size:12px}.hero-royals{width:90%;height:220px;top:auto;bottom:220px;right:5%}.royal-inferno{width:49%;left:0;top:0}.royal-ice{width:31%;right:2%;top:-2%}.royal-ghost{width:64%;bottom:3%;right:-1%}.royal-bamboo{width:38%;bottom:0;left:0}.royal-caption{bottom:-14px;right:1%;font-size:5px}.royal-orbit{width:65%;top:-5%}.hero-title-art{top:auto;bottom:30%;opacity:.22}.hero-news{bottom:100px}.hero-coordinate{font-size:6px;top:100px;right:24px}.plant-stage{min-height:335px;height:335px}#plant-image.character-art{height:300px;width:98%}.plant-selectors button{padding:11px 5px}.plant-selectors button span{font-size:9px}.plant-selectors button:last-child span{font-size:8px}.plant-info{padding-top:32px}.download-main h2{font-size:31px}.download-cards{grid-template-columns:1fr;gap:18px}.download-box{padding:25px}.download-box>p{min-height:0;margin:22px 0}.download-contact button{width:100%;justify-content:flex-start;border-top:1px solid #9cac8c33;padding:16px 0 0;gap:10px}.download-contact button>span{font-size:10px}.download-contact button b{font-size:16px;margin-left:8px}.download-contact button i{margin-left:auto}.footer-community{font-size:8px;display:block;margin-top:5px}.community-number{padding:18px}.community-number strong{font-size:25px}.community-number button{padding:10px;font-size:9px}.archive-footer{margin:0}}
@media(max-width:360px){.site-header{padding:0 14px;gap:9px}.brand b{font-size:11px}.brand-mark{width:25px;height:29px}.brand-mark svg{width:20px}.brand small{font-size:4px}.hero-downloads .button{padding:11px;font-size:11px;gap:8px}.hero-downloads .button small{font-size:6px}.hero-royals{height:195px;bottom:225px}.hero-content{margin:0 22px}}
@media(min-width:361px) and (max-width:600px){.hero-royals{height:200px;bottom:215px}}

/* Keep each king readable, with small overlaps at the outer silhouettes. */
.hero-royals{width:54%;max-width:960px;top:23%;height:49%;right:1.5%;animation:plant-float 7s ease-in-out infinite}.royal{animation:none}.hero-royals .royal-inferno{width:57%;left:-5%;top:16%;z-index:1}.hero-royals .royal-ghost{width:65%;right:-2%;bottom:1%;z-index:3}.hero-royals .royal-bamboo{width:39%;left:-3%;bottom:-26%;z-index:4}.royal-orbit{width:66%;left:20%;top:14%;opacity:.6}.royal-caption{right:8%;bottom:-22px}
@media(min-width:1151px) and (max-width:1280px){.hero-royals .royal-bamboo{left:-8%;bottom:-24%}}
@media(max-width:1150px) and (min-width:901px){.hero-royals{width:51%;right:0}.hero-royals .royal-inferno{width:55%;left:-4%}.hero-royals .royal-ghost{width:64%;right:0;bottom:3%}.hero-royals .royal-bamboo{width:39%;left:4%;bottom:1%}}
@media(max-width:900px){.hero-royals{width:49%;top:29%;height:38%;right:0}.hero-royals .royal-inferno{width:58%;left:-5%;top:14%}.hero-royals .royal-ghost{width:66%;right:0;bottom:1%}.hero-royals .royal-bamboo{width:40%;left:4%;bottom:-2%}}
@media(max-width:600px){.hero-royals{width:90%;max-width:none;height:200px;top:auto;bottom:215px;right:5%}.hero-royals .royal-inferno{width:57%;left:-3%;top:7%}.hero-royals .royal-ghost{width:64%;right:0;bottom:0}.hero-royals .royal-bamboo{width:39%;left:2%;bottom:0}.royal-caption{bottom:-14px;right:1%}}

/* The dragon has its own larger frame; other character sizes are unchanged. */
.plant-stage.dragon-stage{min-height:580px}
#plant-image.character-art.dragon-art{flex:none;width:115%;max-width:115%;height:550px;object-fit:contain}
@media(max-width:900px) and (min-width:601px){.plant-stage.dragon-stage{min-height:490px}#plant-image.character-art.dragon-art{width:118%;max-width:118%;height:430px}}
@media(max-width:600px){.plant-stage.dragon-stage{height:410px;min-height:410px}#plant-image.character-art.dragon-art{width:calc(100% + 28px);max-width:calc(100% + 28px);height:390px}}

/* ══════════════════════════════════════════════════════════════════════
   2026-10-29 优化补丁（按实测数据，只动这几处，其余版式一字不改）
   ① 双格式图片：<picture> 用 display:contents 不生成盒子，原有定位/尺寸规则照旧生效
   ② 首屏背景改用 image-set，新浏览器吃 AVIF（139KB），老浏览器回退 WebP（196KB）
   ③ 平板档（601~900）植物档案改单列 —— 原来两列把立绘挤到 305px，比手机 335px 还小
   ④ 植物英文水印原来 14% 不透明度，几乎看不见，提到 20%
   ⑤ 小屏 logo 副标 4px、几个点击目标偏小
   ══════════════════════════════════════════════════════════════════════ */
picture{display:contents}
.hero-image{background-color:#14291e;background-position:center;background-size:cover;
  background-image:image-set(url('assets/hero-world.avif') type('image/avif'),
                             url('assets/hero-world.webp') type('image/webp'))}
.featured-news picture img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.featured-news:hover picture img{transform:scale(1.05)}
.plant-en{color:#e0eac133}
.scene-dialog picture img{width:100%;height:auto}

/* 平板档：两列时左列只剩 380px，立绘被压到 305px —— 改单列，图上文字下 */
@media(min-width:601px) and (max-width:900px){
  .plant-layout{grid-template-columns:1fr;gap:0;min-height:0}
  .plant-stage{min-height:400px;height:400px}
  #plant-image.character-art{height:380px;width:100%;max-width:100%}
  .plant-stage.dragon-stage{min-height:430px;height:430px}
  #plant-image.character-art.dragon-art{height:420px;width:100%;max-width:100%}
  .plant-info{padding:24px 0 30px}
  .plant-en{font-size:64px}
  .plant-info h3{font-size:40px}
  .plant-selectors{grid-template-columns:repeat(4,1fr)}
  .archive-footer{margin-bottom:0}
}

@media(max-width:360px){.brand small{font-size:8px;letter-spacing:.6px}}
@media(max-width:900px){.plant-selectors button{min-height:46px}.dialog-close{width:40px;height:40px;padding:10px}}

/* 首屏 PROJECT NEWS 卡片左边那块小缩略图（110×115）原来吃的是 119KB 的整图 */
.mini-scene{background-image:image-set(url('assets/thumb-crystal-cave.avif') type('image/avif'),
                                      url('assets/thumb-crystal-cave.webp') type('image/webp'));
  background-position:center;background-size:cover}

/* 平板单列后英文水印 64px 太抢，收到 52px */
@media(min-width:601px) and (max-width:900px){.plant-en{font-size:52px}}

/* 手机首屏：三只王原来以 90%×200px 全部叠在一点上，还互相遮挡、被屏幕左右切边。
   手机上「叠放」看不出层次、只剩一坨 —— 改成并排一行，各自完整、不裁切。 */
@media(max-width:600px){
  /* 390 宽里塞三只完整立绘物理上做不到 —— 留两只（辣椒+鬼王），各自完整不出血 */
  .hero-royals{width:84%;max-width:none;height:134px;top:auto;bottom:242px;right:8%;opacity:.97}
  .hero-royals .royal-inferno{width:52%;left:0;top:0}
  .hero-royals .royal-ghost{width:58%;right:0;bottom:0}
  .hero-royals .royal-bamboo{width:38%;left:30%;bottom:-2%}
  .royal-orbit{display:none}
  .royal-caption{font-size:7px;letter-spacing:1.2px;bottom:-16px;right:2%;color:#dfedbdaa}
}
@media(max-width:360px){.hero-royals{height:168px;bottom:220px}.royal-caption{font-size:6px}}

/* ══════════════════════════════════════════════════════════════════════
   2026-10-29 第二轮
   ① 滚动动效加强：原来只上移 20px、0.8 秒、整块一起动，看不出来。
      改成 44px、0.6 秒，块内子元素依次错开 110ms。
   ② 滚动吸附用 proximity（接近才吸），不劫持滚轮，不影响键盘和锚点
   ③ 手机端首屏背景换 900 宽小图（139KB → 64KB）
   ══════════════════════════════════════════════════════════════════════ */
/* 第五种「模糊聚焦」：从虚到实，像镜头对上焦。0.7 秒，块内一层层晚 90ms。
   注意不设 will-change —— 元素多，常驻图层反而吃内存；0.7 秒一次就够。 */
.js-ready .reveal{opacity:1;transform:none}
.js-ready .reveal>*{opacity:0;filter:blur(9px);transform:translateY(24px);
  transition:opacity .7s ease,filter .7s ease,transform .7s ease}
.js-ready .reveal.is-visible>*{opacity:1;filter:none;transform:none}
.js-ready .reveal>*:nth-child(2){transition-delay:90ms}
.js-ready .reveal>*:nth-child(3){transition-delay:180ms}
.js-ready .reveal>*:nth-child(4){transition-delay:270ms}

/* 2026-10-29 二次调整：CSS 吸附整体撤掉，换成 app.js 里的「整屏翻页」。
   实测：板块比屏幕高时，浏览器会把整块当成「任意位置都能停」，吸附退化成自由滚动，
   手感忽轻忽重 —— 所以改由脚本自己算停靠点，一翻一个模块。 */
body{overscroll-behavior-y:contain}

@media(max-width:600px){
  .hero-image{background-image:image-set(url('assets/hero-world-900.avif') type('image/avif'),
                                         url('assets/hero-world-900.webp') type('image/webp'))}
}
@media(prefers-reduced-motion:reduce){
  .js-ready .reveal>*{opacity:1!important;transform:none!important;transition:none!important}
}

/* ══════════════════════════════════════════════════════════════════════
   2026-10-29 第六轮：下载弹窗变成「多线路清单」
   第一条（CNB）用首页「客户端下载」那颗亮绿实心按钮同款颜色，
   其余用深色描边 —— 视觉上自然引导到首选线路。
   ══════════════════════════════════════════════════════════════════════ */
.channel-list{display:flex;flex-direction:column;gap:9px;margin:18px 0 0}
.channel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;
  padding:14px 16px;background:#1a3020;color:#e9f2dd;text-decoration:none;
  border:1px solid #2f4c36;transition:background .22s,transform .22s,box-shadow .22s}
.channel:hover,.channel:focus-visible{background:#22402a;transform:translateY(-1px);
  box-shadow:0 10px 22px #17301f1f;outline:none}
.channel-num{font:14px var(--mono);letter-spacing:1px;color:#93ae7c}
.channel-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.channel-top{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.channel-name{font-size:13px;font-weight:700;letter-spacing:.3px}
.channel-title{font-size:12px;color:#c8d8ba}
.channel-sub{font:8px var(--mono);letter-spacing:1.1px;color:#89a175;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.channel-end{display:flex;align-items:center;gap:10px}
.channel-badge{font-size:9px;line-height:1;padding:4px 7px;border:1px solid #6d8959;
  color:#c6d9ac;white-space:nowrap}
.channel-go{width:15px;height:15px;color:#c3d5b3;flex:0 0 auto}

.channel-primary{background:var(--lime);border-color:var(--lime);color:#14231a}
.channel-primary:hover,.channel-primary:focus-visible{background:#dcf77a;
  box-shadow:0 12px 26px #b6d74a3d}
.channel-primary .channel-num{color:#4f6d27}
.channel-primary .channel-title{color:#33501f}
.channel-primary .channel-sub{color:#5e7a33}
.channel-primary .channel-badge{border-color:#93b043;color:#2f4718;background:#ffffff5c}
.channel-primary .channel-go{color:#22371a}

@media(max-width:520px){
  .channel{gap:10px;padding:12px 13px}
  .channel-num{font-size:12px}
  .channel-name{font-size:12px}
  .channel-title{font-size:11px}
  .channel-sub{font-size:7px;letter-spacing:.4px}
  .channel-badge{font-size:8px;padding:3px 5px}
  .channel-end{gap:7px}
  .channel-go{width:13px;height:13px}
}

/* 防连点：点了一条线路之后 3 秒内，其它线路变灰点不动，
   被点的那条把徽章换成「已开始下载」—— 让人看清已经在下了，别急着再点。 */
.channel-list.is-cooling .channel:not(.is-firing){opacity:.42;pointer-events:none}
.channel.is-firing{cursor:progress}
.channel.is-firing .channel-badge{border-color:#d0ef63;color:#d0ef63;background:#d0ef631a}
.channel-primary.is-firing .channel-badge{background:#ffffff8c;border-color:#93b043;color:#2f4718}
/* 点完之后底部那行说明会临时换成下载提示，换个颜色区分一下 */
.site-dialog .dialog-subtle.is-note{color:#5a7a33}