:root{--serif:Georgia, "Times New Roman", "Songti SC", "SimSun", serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);color:#f6f0d7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07100c}*{box-sizing:border-box}html{scroll-behavior:auto;background:#07100c}body{background:#07100c;min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}#root{min-height:100svh}img{max-width:100%}main{background:radial-gradient(circle at 50% 0,#3c533438,#0000 34rem),linear-gradient(#07100c 0%,#08110d 58%,#050907 100%);min-height:100svh;overflow-x:clip}.forest-layer,.rain-haze,.vignette-layer,.soil-layer,.atlas-label-layer{pointer-events:none}button{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.realm-scene{height:760vh}.h-\[300vh\]{height:300vh}.h-\[450vh\]{height:450vh}.h-\[600vh\]{height:600vh}.h-\[760vh\]{height:760vh}.h-\[920vh\]{height:920vh}.h-\[1080vh\]{height:1080vh}.h-\[1260vh\]{height:1260vh}.sticky{position:sticky}.top-0{top:0}.h-screen{height:100svh}.overflow-hidden{overflow:hidden}.object-cover{object-fit:cover}.nav{z-index:60;color:#f4efddc7;letter-spacing:.12em;text-transform:uppercase;pointer-events:auto;align-items:center;gap:16px;padding:22px clamp(18px,5vw,58px);font-size:13px;animation:.42s ease-out 40ms both hero-reveal;display:flex;position:fixed;top:0;left:0;right:0}.nav button{color:inherit;cursor:pointer;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0}.nav-mark{color:#f3ecd1;white-space:nowrap;padding:0;font-weight:800}.nav-line{background:linear-gradient(90deg,#dde7bfbf,#0000);width:clamp(28px,7vw,96px);height:1px}.nav-links{align-items:center;gap:clamp(18px,2.8vw,34px);margin-left:auto;display:flex}.nav-links button{color:#f1eddac2;min-height:36px;padding:7px 0;transition:color .18s,transform .18s;position:relative}.nav-links button:after{content:"";transform-origin:0;background:#e5cd96db;height:1px;transition:transform .18s;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}.nav-links button:hover,.nav-links button.active,.nav-mark:hover{color:#fff5d8;transform:translateY(-1px)}.nav-links button:hover:after,.nav-links button.active:after{transform:scaleX(1)}.mobile-menu-trigger,.mobile-skip,.mobile-menu-panel,.mobile-menu-backdrop{display:none}.forest-layer{z-index:1;will-change:transform;background:#08120d url(/demos/yunnan-wild-fungi/assets/forest-bg.jpg) 50% 52%/cover no-repeat;position:absolute;inset:-2vh -2vw;overflow:hidden}.forest-fallback,.forest-video{width:100%;height:100%;position:absolute;inset:0}.forest-fallback{filter:saturate(.9)contrast(1.1)brightness(.62);background-image:url(/demos/yunnan-wild-fungi/assets/forest-bg.jpg);background-position:50% 52%;background-size:cover;transform:scale(1.01)}.forest-video{opacity:0;filter:saturate(.9)contrast(1.12)brightness(.64);transition:opacity .18s;display:block}.forest-video.video-ready{opacity:1}.rain-haze{z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:.74;background:radial-gradient(circle at 50% 60%,#cde2bf2b,#0000 33%),linear-gradient(115deg,#c9decf1f 0 1px,#0000 1px 13px),linear-gradient(#ecf0e221,#0000 31%,#08120c80);position:absolute;inset:0}.vignette-layer{z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 42%,#0000 0 28%,#04090752 64%,#000000d1 100%),linear-gradient(#00000057,#0000 34%,#000000b8);position:absolute;inset:0}.title-layer{z-index:8;color:#f6efd4;text-align:center;text-shadow:0 20px 60px #000000a6;will-change:transform, opacity;width:min(88vw,940px);position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.title-layer>*{animation:.48s ease-out both hero-reveal}.title-layer>:nth-child(2){animation-delay:60ms}.title-layer>:nth-child(3){animation-delay:.11s}.title-layer>:nth-child(n+4){animation-delay:.16s}@keyframes hero-reveal{0%{opacity:0;transform:translateY(10px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}.title-layer p,.eyebrow{color:#dee8c5c7;letter-spacing:.24em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.title-layer h1{font-family:var(--serif);letter-spacing:0;gap:.12em;margin:18px 0 0;font-size:clamp(50px,8vw,118px);font-weight:700;line-height:.95;display:grid}.title-layer span{display:block}.title-layer .hero-subtitle{color:#eee7c4c2;font-family:var(--serif);letter-spacing:.08em;text-transform:none;margin-top:24px;font-size:clamp(15px,1.8vw,20px);font-weight:600;line-height:1.65}.title-layer .hero-subtitle span{margin-top:2px}.hero-copy{width:min(690px,92%);line-height:1.85;color:#faf5debd!important;letter-spacing:0!important;text-transform:none!important;margin:22px auto 0!important;font-size:clamp(14px,1.6vw,17px)!important;font-weight:500!important}.hero-notice{background:#080f0a52;border:1px solid #eee8ca2e;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;display:inline-flex;color:#fff7dcb8!important;letter-spacing:.04em!important;text-transform:none!important;margin:18px auto 0!important;font-size:12px!important}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.scroll-cue{color:#fff5d8;cursor:pointer;-webkit-backdrop-filter:blur(12px)saturate(1.2);background:linear-gradient(135deg,#ffffff21,#2a41252e),#ffffff0a;border:1px solid #eaf0d247;border-radius:999px;flex-direction:column;align-items:center;gap:5px;min-height:58px;margin-top:0;padding:0 20px;transition:border-color .18s,background .18s,transform .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff29}.danger-cue{background:linear-gradient(135deg,#ffffff1c,#5b271c33),#ffffff0a;border-color:#dd805e52}.scroll-cue span{color:#e1e8cd94;letter-spacing:.2em;font-size:9px;font-weight:800}.scroll-cue:hover{background:linear-gradient(135deg,#ffffff2e,#38522d33),#ffffff14;border-color:#f7f1d27a;transform:translateY(-1px)}.atlas-title{z-index:10;color:#fff1d2;text-align:center;text-shadow:0 18px 50px #0000009e;pointer-events:none;will-change:transform, opacity;width:min(92vw,880px);position:absolute;top:clamp(82px,12vh,124px);left:50%;transform:translate(-50%)}.atlas-title p{color:#e2ebcbbd;letter-spacing:.28em;margin:0;font-size:12px;font-weight:800}.atlas-title h2{font-family:var(--serif);letter-spacing:0;margin:12px 0 14px;font-size:clamp(46px,7vw,96px);line-height:.95}.atlas-title span{color:#faf4dcb8;width:min(640px,92%);margin:0 auto;font-size:clamp(14px,1.4vw,17px);line-height:1.75;display:block}.chapter-progress{z-index:18;pointer-events:auto;gap:13px;display:grid;position:absolute;top:50%;right:clamp(24px,3vw,48px);transform:translateY(-50%)}.chapter-progress button{color:#f1ead261;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:22px 70px;align-items:center;gap:10px;min-height:36px;padding:0;transition:color .18s,opacity .18s;display:grid}.chapter-progress button:after{content:"";opacity:.72;background:currentColor;grid-column:2;width:26px;height:1px;margin-top:2px;transition:width .18s}.chapter-progress span,.chapter-progress em{letter-spacing:.08em;font-size:11px;font-style:normal;font-weight:800}.chapter-progress button.active{color:#ffe1a0}.chapter-progress button.active:after{width:52px}.mobile-chapter-progress{display:none}.soil-layer{z-index:13;filter:saturate(.82)contrast(1.06)brightness(.78)drop-shadow(0 -26px 40px #00000057);pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;width:max(112vw,1100px);max-width:none;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.mushroom-layer{z-index:11;cursor:pointer;transform-origin:50% 100%;will-change:transform, opacity;background:0 0;border:0;width:clamp(238px,33vw,500px);padding:0;position:absolute;bottom:clamp(44px,9vh,88px);left:51%;transform:translate(-50%)}.qingtou-layer{z-index:10}.qingtou-layer img{filter:drop-shadow(0 34px 34px #0000008c)drop-shadow(0 0 34px #5e976c57)}.bolete-layer{z-index:11;width:clamp(286px,37vw,560px);bottom:clamp(26px,6vh,74px);left:50%}.jianshouqing-layer{z-index:12;width:clamp(290px,32vw,520px);bottom:clamp(16px,4vh,54px);left:49%}.termite-layer{z-index:12;width:clamp(250px,28vw,430px);bottom:clamp(2px,2vh,30px);left:48.5%}.matsutake-layer{z-index:12;width:clamp(310px,34vw,520px);bottom:clamp(0px,1vh,22px);left:46.5%}.matsutake-layer img{filter:drop-shadow(0 34px 34px #0000008c)drop-shadow(22px -8px 38px #ccaa673d)}.ganbajun-layer{z-index:12;transform-origin:50% 82%;width:clamp(520px,54vw,840px);bottom:clamp(-26px,-2vh,-4px);left:40%}.ganbajun-layer img{filter:drop-shadow(0 30px 32px #00000094)drop-shadow(0 0 24px #8e7d5b38)}.mushroom-layer img{filter:drop-shadow(0 34px 34px #0000008c)drop-shadow(0 0 36px #6f925747);-webkit-user-select:none;user-select:none;width:100%;height:auto;transition:transform .18s,opacity .18s;display:block}.mushroom-layer:hover img{transform:scale(1.045)}.mushroom-layer:focus-visible{outline-offset:10px;border-radius:999px;outline:2px solid #f2e7bff2}.atlas-label-layer{z-index:16;pointer-events:none;position:absolute;inset:0}.atlas-wall-label{color:#fff7deeb;text-align:center;text-shadow:0 10px 28px #000000b8;will-change:transform, opacity;gap:4px;width:max-content;max-width:14vw;display:grid;position:absolute;top:82%;transform:translate(-50%)}.atlas-wall-label-qingtou{left:15%}.atlas-wall-label-bolete{left:29%}.atlas-wall-label-jianshouqing{left:43%}.atlas-wall-label-termite{left:57%}.atlas-wall-label-matsutake{left:71%}.atlas-wall-label-ganbajun{left:85%}.atlas-wall-label strong{font-family:var(--serif);font-size:clamp(18px,1.7vw,26px);line-height:1.05}.atlas-wall-label em{color:#e0e8ccad;letter-spacing:.05em;text-transform:uppercase;font-size:clamp(8px,.72vw,11px);font-style:normal;font-weight:800}.blue-hotspot,.termite-hotspot,.matsutake-hotspot,.ganbajun-hotspot{z-index:15;color:#f8feffeb;-webkit-backdrop-filter:blur(14px)saturate(1.35);cursor:pointer;letter-spacing:.04em;transform-origin:50%;will-change:transform, opacity;border:1px solid #f6fbf475;border-radius:999px;align-items:center;min-height:34px;padding:0 13px;font-size:13px;font-weight:700;transition:background .18s,transform .18s,border-color .18s;display:inline-flex;position:absolute;box-shadow:inset 0 1px #fff3,0 12px 34px #00000052}.blue-hotspot{background:linear-gradient(135deg,#d6f6ff33,#0f373a38),#081e1f40;bottom:clamp(250px,39vh,410px);left:calc(50% + clamp(18px,5vw,72px))}.termite-hotspot{color:#fffae8eb;background:linear-gradient(135deg,#fff9e238,#3e2a1433),#291f153d;bottom:clamp(440px,60vh,620px);left:calc(50% + clamp(118px,14vw,210px))}.matsutake-hotspot{color:#fcf8e0eb;background:linear-gradient(135deg,#ebe8be38,#19372238),#11241842;bottom:clamp(420px,57vh,590px);left:calc(50% + clamp(92px,11vw,168px))}.ganbajun-hotspot{color:#faf7ebeb;background:linear-gradient(135deg,#e7e2d238,#3a32273d),#241f1847;bottom:clamp(285px,40vh,430px);left:calc(50% - clamp(82px,8vw,132px))}.blue-hotspot:before,.ganbajun-hotspot:before,.termite-hotspot:after,.matsutake-hotspot:after{content:"";border-radius:999px;width:7px;height:7px}.blue-hotspot:before,.ganbajun-hotspot:before{margin-right:8px}.termite-hotspot:after,.matsutake-hotspot:after{margin-left:8px}.blue-hotspot:before{background:#80d7df;box-shadow:0 0 14px #80d7dfd1}.termite-hotspot:after{background:#f0d28e;box-shadow:0 0 14px #f0d28ebd}.matsutake-hotspot:after{background:#d8c16b;box-shadow:0 0 14px #d8c16bb8}.ganbajun-hotspot:before{background:#d6c5a1;box-shadow:0 0 14px #d6c5a1bd}.blue-hotspot:hover,.termite-hotspot:hover,.matsutake-hotspot:hover,.ganbajun-hotspot:hover{border-color:#f9ffffa8;transform:scale(1.04)}.info-card-layer{z-index:14;pointer-events:none;position:absolute;inset:0}.info-card{box-sizing:border-box;color:#fffae2e6;-webkit-backdrop-filter:blur(10px)saturate(1.08);will-change:transform, opacity;pointer-events:auto;background:#08140ed1;border:1px solid #e8eed557;border-radius:8px;width:min(350px,100vw - 40px);padding:22px 24px;position:absolute;bottom:clamp(116px,19vh,210px);right:clamp(20px,8vw,150px);box-shadow:inset 0 1px #ffffff38,0 28px 80px #0000005c}.info-card h2,.modal-panel h2{color:#fff4d8;font-family:var(--serif);letter-spacing:0;margin:8px 0 2px;font-size:37px;font-weight:700;line-height:1.05}.info-chapter{color:#e0c176;letter-spacing:.2em;margin:0 0 10px;font-size:12px;font-weight:800}.latin{color:#e2edccb8;letter-spacing:.05em;margin:0;font-size:14px}.info-card .scene-line{color:#f8f4e1d6;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:15px 0 17px;font-size:15.5px;line-height:1.62;display:-webkit-box;overflow:hidden}.detail-button{color:#fff7dc;cursor:pointer;background:#ffffff1a;border:1px solid #eef0d73d;border-radius:999px;align-items:center;gap:9px;min-height:42px;padding:0 15px;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.detail-button:hover{background:#ffffff29;border-color:#f6f0cd7a;transform:translateY(-1px)}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(8px);background:#010504ad;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.modal-panel{box-sizing:border-box;color:#fff9e2e6;-webkit-backdrop-filter:blur(22px)saturate(1.22);background:linear-gradient(145deg,#eef3de2e,#12211a7a),#08120dd1;border:1px solid #ebf1d64d;border-radius:8px;width:min(600px,100%);max-height:80vh;padding:clamp(26px,5vw,42px);position:relative;overflow-y:auto;box-shadow:inset 0 1px #ffffff29,0 34px 110px #0000009e}.close-button{color:#fff6da;cursor:pointer;background:#ffffff14;border:1px solid #efecd438;border-radius:999px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:18px;right:18px}.close-button:hover{background:#ffffff26}.modal-copy{color:#fffae5cc;margin:24px 0;font-size:16px;line-height:1.85}.tag-row{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.tag-row span{color:#f4f6ded1;background:#ffffff12;border:1px solid #dfe9cc33;border-radius:999px;padding:8px 11px;font-size:13px}.safety-note{color:#f7f3dec7;background:#d4e2b414;border-left:2px solid #c1da999e;padding:14px 16px;font-size:14px;line-height:1.65}.rain-season-bridge{box-sizing:border-box;color:#f4ead0;background:linear-gradient(105deg,#95a77d14 0 1px,#0000 1px 18px),radial-gradient(circle at 78% 42%,#89593438,#0000 28rem),linear-gradient(#07100c 0%,#17130d 58%,#21170f 100%);align-content:center;min-height:76vh;padding:clamp(92px,12vw,150px) clamp(20px,8vw,110px);display:grid;position:relative;overflow:hidden}.rain-season-bridge:after{content:"";pointer-events:none;background:linear-gradient(90deg,#02080570,#0000 56%);position:absolute;inset:0}.rain-season-bridge>*{z-index:1;position:relative}.rain-bridge-rule{background:linear-gradient(90deg,#c4a463,#0000);width:min(170px,34vw);height:1px;margin-bottom:22px}.rain-season-bridge>p{color:#d8cca7a8;letter-spacing:.24em;margin:0 0 20px;font-size:11px;font-weight:800}.rain-season-bridge h2{max-width:980px;font-family:var(--serif);letter-spacing:0;margin:0;font-size:clamp(48px,7vw,100px);font-weight:700;line-height:1.08}.rain-season-bridge h2 span{color:#d8b978;margin-top:.12em;display:block}.rain-bridge-copy{border-top:1px solid #e2d5b429;justify-content:space-between;align-items:end;gap:32px;width:min(980px,100%);margin-top:clamp(38px,6vw,70px);padding-top:24px;display:flex}.rain-bridge-copy p{color:#f6ecd1b8;margin:0;font-size:clamp(15px,1.5vw,18px);line-height:1.9}.rain-bridge-copy strong{color:#ebd29ee0;font-family:var(--serif);font-size:clamp(18px,2vw,26px);font-weight:600}.content-section{color:#faf5e0db;padding:clamp(78px,10vw,128px) clamp(18px,6vw,78px);position:relative;overflow:hidden}.content-section:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 18%,#66824e2e,#0000 24rem),radial-gradient(circle at 82% 34%,#5242292e,#0000 26rem);position:absolute;inset:0}.content-section>*{z-index:1;position:relative}.section-kicker{color:#d7e1c0a8;letter-spacing:.24em;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:800}.section-split{grid-template-columns:minmax(260px,.82fr) minmax(420px,1.18fr);align-items:start;gap:clamp(34px,6vw,86px);max-width:1240px;margin:0 auto;display:grid}.section-split h2,.archive-header h2,.final-section h2{color:#fff3d6;font-family:var(--serif);letter-spacing:0;margin:0;font-size:clamp(44px,6vw,86px);line-height:1.02}.section-split>div:first-child>p{color:#f9f5dfb8;margin:28px 0 0;font-size:clamp(15px,1.5vw,18px);line-height:1.9}.safety-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.glass-guide-card{background:0 0;border:0;border-top:1px solid #e5e0c533;border-radius:0;grid-template-columns:38px 1fr;gap:14px;min-height:184px;padding:clamp(18px,2.6vw,26px) 0;display:grid}.glass-guide-card>div>p{color:#c7d3b19e;letter-spacing:.18em;margin:0 0 18px;font-size:11px;font-weight:800}.glass-guide-card .safety-number{color:#b85e4bd1;font-family:var(--serif);letter-spacing:0;margin:1px 0 0;font-size:18px;font-weight:700}.glass-guide-card h3{color:#fff2d4;font-family:var(--serif);margin:0;font-size:28px;line-height:1.1}.glass-guide-card span{color:#f9f5e0b8;margin-top:18px;font-size:15.5px;line-height:1.86;display:block}.official-risk-source{z-index:1;border-top:1px solid #d26f584d;border-bottom:1px solid #e5e0c524;justify-content:space-between;align-items:center;gap:28px;max-width:1240px;margin:48px auto 0;padding:24px 0;display:flex;position:relative}.official-risk-source p{color:#f5e6ca;font-family:var(--serif);margin:0 0 8px;font-size:22px}.official-risk-source span{color:#f4ebd3a8;font-size:14px;line-height:1.7}.official-risk-source a{color:#f5dcc5;border:1px solid #cd6d5780;border-radius:999px;flex:none;align-items:center;gap:9px;min-height:44px;padding:0 15px;text-decoration:none;display:inline-flex}.season-now-section{color:#f8f0d8d6;background:radial-gradient(circle at 84% 14%,#98703e29,#0000 28rem),#0d120d;padding:clamp(78px,9vw,122px) clamp(18px,6vw,78px)}.season-now-section>header,.season-feature-list{max-width:1240px;margin-inline:auto}.season-now-section>header{grid-template-columns:minmax(320px,1.1fr) minmax(280px,.9fr);align-items:end;gap:clamp(30px,6vw,84px);display:grid}.season-now-section header p,.season-now-section header span{color:#dad0afa3;letter-spacing:.16em;margin:0;font-size:12px;font-weight:700;line-height:1.8}.season-now-section header div:last-child p{color:#f5edd6b3;letter-spacing:0;margin-top:12px;font-size:16px;font-weight:400}.season-now-section h2{color:#f9e8c7;font-family:var(--serif);letter-spacing:0;margin:16px 0 0;font-size:clamp(42px,5.5vw,76px);line-height:1.05}.season-feature-list{border-top:1px solid #e4d6b233;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;display:grid}.season-feature-list article{border-right:1px solid #e4d6b224;flex-direction:column;min-height:270px;padding:24px clamp(20px,2.8vw,34px) 4px;display:flex}.season-feature-list article:first-child{padding-left:0}.season-feature-list article:last-child{border-right:0;padding-right:0}.season-feature-list time{color:#c3a367;letter-spacing:.18em;font-size:12px;font-weight:800}.season-feature-list h3{color:#f7e8cb;font-family:var(--serif);margin:24px 0 14px;font-size:28px;line-height:1.2}.season-feature-list p{color:#f4ecd5ad;margin:0;font-size:15px;line-height:1.8}.season-feature-list a,.season-feature-list article>span{color:#e0ca9dcc;letter-spacing:.06em;align-items:center;gap:8px;width:fit-content;margin-top:auto;padding-top:26px;font-size:12px;text-decoration:none;display:inline-flex}.archive-section{padding-top:clamp(82px,10vw,132px)}.archive-mobile-tabs{display:none}.archive-header{grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);align-items:end;gap:clamp(28px,6vw,80px);max-width:1180px;margin:0 auto 36px;display:grid}.archive-header>p{color:#f9f5e0b3;margin:0;font-size:16px;line-height:1.88}.mushroom-group{max-width:1180px;margin:clamp(42px,7vw,82px) auto 0;scroll-margin-top:88px}.group-heading{gap:10px;max-width:760px;margin-bottom:24px;display:grid}.group-heading h3{color:#fff2d4;font-family:var(--serif);letter-spacing:0;margin:0;font-size:clamp(34px,4vw,58px);line-height:1.05}.group-heading>span{color:#e6eecec7;font-size:clamp(18px,2vw,24px);font-weight:700}.group-heading>p{color:#f9f5e0b3;margin:8px 0 0;font-size:15px;line-height:1.82}.mushroom-group-poisonous{padding-top:clamp(18px,3vw,34px)}.mushroom-group-poisonous .group-heading h3{color:#ffe2d4}.mushroom-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.mushroom-card{box-sizing:border-box;isolation:isolate;-webkit-backdrop-filter:none;cursor:pointer;background:linear-gradient(145deg,#d8c9a614,#2d432b1a),#2a251b57;border:1px solid #e5eed32e;border-radius:5px;grid-template-rows:auto 1fr;min-height:392px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 24px 70px #00000042}.mushroom-card:focus-visible{outline-offset:4px;outline:2px solid #e0c176d1}.mushroom-card:before{content:"";z-index:-1;opacity:.72;background:radial-gradient(circle at 50% 16%,#cdba6f1f,#0000 13rem);position:absolute;inset:0}.mushroom-card-danger{background:linear-gradient(145deg,#ffffff17,#58252029),#ffffff0a;border-color:#ca5b4c38}.mushroom-card-danger:before{background:radial-gradient(circle at 50% 16%,#c952401f,#0000 13rem)}.archive-serial{z-index:2;color:#ebddbb9e;letter-spacing:.16em;font-size:11px;font-weight:900;position:absolute;top:16px;left:16px}.mushroom-image-wrap{background:#8f81641f;border:1px solid #e6dbbe1f;justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative;overflow:visible}.mushroom-image-wrap img{object-fit:contain;filter:drop-shadow(0 18px 32px #00000047);-webkit-user-select:none;user-select:none;max-width:92%;max-height:210px;display:block}.mushroom-card-body{flex-direction:column;min-width:0;display:flex}.mushroom-card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 14px;display:flex}.tag,.archive-type{color:#f4efd9b8;background:#ffffff0b;border:1px solid #e5eed32e;border-radius:999px;width:fit-content;padding:7px 10px;font-size:12px;line-height:1.2}.tag.safe{color:#d6ebc2e0;border-color:#88bb716b}.tag.danger{color:#f8bcb0e6;border-color:#d15f5285}.mushroom-card h3{color:#fff2d4;font-family:var(--serif);margin:0;font-size:31px;line-height:1.08}.mushroom-card-danger h3{color:#ffe5d6}.english-name{color:#dae5c7a8;letter-spacing:.04em;margin:7px 0 0;font-size:13px}.description{color:#f7f3e0b8;margin:16px 0 0;font-size:14px;line-height:1.72}.risk-line{color:#f8eed5c7;margin:auto 0 0;padding-top:18px;font-size:13px;line-height:1.5}.archive-detail-link{color:#f4ebcdd1;align-items:center;gap:7px;width:fit-content;margin-top:14px;font-size:12px;line-height:1.4;display:inline-flex}.archive-detail-link svg{transition:transform .18s}.mushroom-card:hover .archive-detail-link svg,.mushroom-card:focus-visible .archive-detail-link svg{transform:translate(2px)}.archive-modal-backdrop{position:fixed}.archive-modal-panel{grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);align-items:center;gap:30px;display:grid}.archive-modal-image{background:radial-gradient(circle at 50% 45%,#b8914e14,#08140e2e 65%,#0000 100%);border:1px solid #e6dbbe1f;place-items:center;min-height:260px;display:grid}.archive-modal-image img{object-fit:contain;filter:drop-shadow(0 18px 32px #00000047);max-width:94%;max-height:300px;display:block}.archive-modal-content{min-width:0}.archive-disclaimer{color:#f9f4ddb3;background:#ffffff0b;border:1px solid #e6eed329;border-radius:8px;max-width:1180px;margin:26px auto 0;padding:16px 18px;font-size:14px}.final-section{color:#fbf6e0d6;text-align:center;background:radial-gradient(circle at 50% 10%,#5c744633,#0000 34rem),linear-gradient(#07100c 0%,#030604 100%);place-items:center;min-height:72svh;padding:96px 20px 42px;display:grid}.final-section>p{color:#d6e0c19e;letter-spacing:.24em;margin:0;font-size:12px;font-weight:800}.final-section h2{margin-top:16px;font-size:clamp(52px,6.5vw,96px)}.final-section>span{color:#f9f5dfb8;width:min(680px,92vw);margin-top:24px;font-size:17px;line-height:1.86;display:block}.author-signature{gap:8px;margin-top:28px;display:grid}.author-signature strong{color:#f0d08b;font-family:var(--serif);font-size:18px;font-weight:600}.author-signature em{color:#d9ddc280;letter-spacing:.18em;font-size:10px;font-style:normal;font-weight:800}.final-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.final-actions button{color:#fff5d8;cursor:pointer;background:#ffffff13;border:1px solid #e8eed33d;border-radius:999px;min-height:44px;padding:0 18px;transition:background .18s,border-color .18s,transform .18s}.final-actions .primary-action{color:#fff1c4;background:#e2b96929;border-color:#ebca827a}.final-actions .secondary-action{background:#ffffff14}.final-actions .tertiary-action{color:#f5eed8b8;background:0 0;border-color:#0000}.final-actions button:hover{background:#ffffff1f;border-color:#f7f0d275;transform:translateY(-1px)}.final-section .share-status{color:#f8d996f0;letter-spacing:.04em;text-transform:none;min-height:20px;margin:14px 0 0;font-size:12px;font-weight:500}.final-section small{color:#e5e5d075;align-self:end;margin-top:70px;font-size:12px}@media (width<=899px){.info-card{width:min(320px,100vw - 40px);padding:20px 22px}.mushroom-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.season-feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}.season-feature-list article:nth-child(2){border-right:0}.season-feature-list article:last-child{border-top:1px solid #e4d6b224;grid-column:1/-1;min-height:240px;padding-left:0}}@media (width<=760px){.realm-scene{height:680vh}.nav{letter-spacing:.08em;align-items:center;gap:10px;padding:16px;font-size:10px}.nav-line,.nav-links{display:none}.nav-mark{white-space:normal;text-align:left;width:76px;line-height:1.15}.mobile-menu-trigger{z-index:3;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:74px;min-height:44px;margin-left:auto;display:inline-flex;position:relative;background:#050e098a!important;border:1px solid #eee8cc3d!important;padding:0 12px!important}.mobile-skip{z-index:1;visibility:visible;opacity:1;border-radius:999px;align-items:center;min-height:36px;font-size:10px;transition:opacity .18s,visibility .18s;display:inline-flex;position:fixed;top:66px;right:16px;color:#f1ebd2a8!important;background:#050e096b!important;border:1px solid #e8e1c229!important;padding:0 11px!important}.chapter-progress{display:none}.mobile-chapter-progress{z-index:59;pointer-events:none;grid-template-columns:repeat(6,1fr);gap:5px;width:88px;height:10px;display:grid;position:fixed;top:63px;left:16px}.mobile-chapter-progress>span{transform-origin:0;background:#efe6c73d;border-radius:99px;height:2px;transition:background .18s,transform .18s;display:block}.mobile-chapter-progress>span.active{background:#ffdb8ffa;transform:scaleX(1.25)scaleY(1.8)}.mobile-menu-backdrop{z-index:1;width:100%;display:block;position:fixed;inset:0;background:#0106039e!important;border:0!important}.mobile-menu-panel{z-index:2;background:#05120bf7;border:1px solid #e5e8cc33;border-radius:8px;width:min(286px,100vw - 32px);padding:12px;display:grid;position:fixed;top:68px;right:16px;box-shadow:0 24px 70px #00000080}.mobile-menu-panel button{color:#fff7dcf0;letter-spacing:.1em;text-align:left;border-bottom:1px solid #e7e5ca1a;min-height:48px;padding:0 16px 0 20px;font-size:14px;font-weight:700;position:relative}.mobile-menu-panel button:before{content:"";background:#ebc780db;width:0;height:1px;transition:width .16s;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.mobile-menu-panel button.active{color:#ffecc5}.mobile-menu-panel button.active:before{width:10px}.mobile-menu-panel button:last-child{border-bottom:0}.title-layer{width:min(90vw,520px);top:40%}.title-layer h1{font-size:clamp(48px,16vw,74px)}.title-layer .hero-subtitle{letter-spacing:.18em}.hero-copy{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.scroll-cue{min-height:52px;margin-top:22px}.atlas-title{top:88px}.atlas-title h2{font-size:clamp(42px,14vw,64px)}.atlas-title span{font-size:14px;line-height:1.6}.soil-layer{width:180vw;bottom:-2px}.mushroom-layer{width:min(70vw,330px);bottom:86px;left:50%}.qingtou-layer{bottom:104px}.bolete-layer{width:min(78vw,370px);bottom:90px}.jianshouqing-layer{width:min(72vw,350px);bottom:86px}.termite-layer{width:min(66vw,320px);bottom:76px}.matsutake-layer{width:min(76vw,360px);bottom:76px}.ganbajun-layer{width:min(112vw,560px);bottom:50px;left:42%}.atlas-wall-label{max-width:27vw;top:71.5%}.atlas-wall-label:nth-child(n+4){top:88.5%}.atlas-wall-label-qingtou,.atlas-wall-label-termite{left:19%}.atlas-wall-label-bolete,.atlas-wall-label-matsutake{left:50%}.atlas-wall-label-jianshouqing,.atlas-wall-label-ganbajun{left:81%}.atlas-wall-label strong{font-size:clamp(14px,4vw,19px)}.atlas-wall-label em{font-size:clamp(7px,1.8vw,9px)}.blue-hotspot{bottom:min(47vh,390px);left:calc(50% + 30px)}.termite-hotspot{bottom:min(66vh,520px);left:calc(50% + 72px)}.matsutake-hotspot{bottom:min(63vh,500px);left:calc(50% + 64px)}.ganbajun-hotspot{bottom:min(43vh,360px);left:calc(50% - 42px)}.blue-hotspot,.termite-hotspot,.matsutake-hotspot,.ganbajun-hotspot{min-height:32px;padding:0 11px;font-size:12px}.info-card{left:16px;right:16px;bottom:max(20px, env(safe-area-inset-bottom));background:#08140edb;width:auto;max-height:182px;padding:12px 14px}.info-card h2,.modal-panel h2{font-size:28px}.info-chapter{letter-spacing:.14em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:7px;font-size:10.5px;overflow:hidden}.latin{font-size:12px}.info-card .scene-line{-webkit-line-clamp:2;margin:8px 0 9px;font-size:12.5px;line-height:1.48}.detail-button{min-height:34px;padding-inline:12px;font-size:13px}.section-split,.archive-header{grid-template-columns:1fr}.safety-grid{grid-template-columns:1fr;gap:0}.glass-guide-card{grid-template-columns:32px 1fr;gap:10px;min-height:auto;padding:20px 0}.glass-guide-card>div>p{margin-bottom:10px}.glass-guide-card h3{font-size:24px}.glass-guide-card span{margin-top:11px;font-size:14px;line-height:1.7}.official-risk-source{flex-direction:column;align-items:flex-start;margin-top:40px}.season-now-section{padding:92px 18px}.season-now-section>header,.season-feature-list{grid-template-columns:1fr}.season-now-section>header{align-items:start}.season-feature-list{margin-top:44px}.season-feature-list article,.season-feature-list article:first-child,.season-feature-list article:last-child{border-bottom:1px solid #e4d6b224;border-right:0;grid-column:auto;min-height:0;padding:24px 0}.season-feature-list article:last-child{border-bottom:0}.season-feature-list h3{margin-top:18px}.season-feature-list a,.season-feature-list article>span{margin-top:20px;padding-top:0}.content-section{padding-inline:18px}.rain-season-bridge{min-height:0;padding:104px 18px 92px}.rain-season-bridge h2{font-size:clamp(42px,12vw,60px)}.rain-bridge-copy{flex-direction:column;align-items:flex-start;margin-top:44px}}@media (width<=640px){.archive-mobile-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:1180px;margin:26px auto 4px;display:grid}.archive-mobile-tabs button{color:#f5eed9a3;background:#ffffff0b;border:1px solid #e6dec22e;border-radius:5px;min-height:44px}.archive-mobile-tabs button.active{color:#ffeec6;background:#e0c07a1a;border-color:#e0c07a7a}.archive-section .mushroom-group{opacity:0;display:none}.archive-section .mushroom-group.archive-group-active{opacity:1;display:block}.mushroom-card-grid{grid-template-columns:1fr;gap:16px}.mushroom-image-wrap{align-self:start;width:110px;height:128px}.mushroom-image-wrap img{max-width:108px;max-height:124px}.mushroom-card{grid-template-rows:none;grid-template-columns:110px minmax(0,1fr);gap:14px;min-height:166px;padding:14px}.archive-detail-link{margin-top:8px;font-size:11px}.archive-modal-panel{display:block}.archive-modal-image{min-height:190px;margin-bottom:18px}.archive-modal-image img{max-height:210px}.archive-serial{font-size:10px;top:10px;left:10px}.mushroom-card-meta{gap:6px;margin:0 0 9px}.tag,.archive-type{padding:5px 7px;font-size:10px}.archive-type{display:none}.mushroom-card h3{font-size:25px}.english-name{margin-top:4px;font-size:11px}.description{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.risk-line{-webkit-line-clamp:2;border-top:1px solid #e8e1c71f;-webkit-box-orient:vertical;margin-top:10px;padding-top:9px;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}}@media (width<=520px){.nav-mark{white-space:normal;max-width:76px;line-height:1.25}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav,.title-layer>*,.rain-haze,.title-layer,.info-card,.mushroom-layer{transition:none!important;animation:none!important}}