:root{--ink:#173f2d;--ink2:#2e4b3d;--sage:#7b9a6e;--cream:#fbf9f3;--paper:#fffdfa;--gold:#b98935;--gold2:#d6b36a;--line:#e4dccd;--soft:#f3efe5;--shadow:0 14px 35px rgba(45,54,42,.09);--r:16px;--shell:1320px;background:var(--cream);color:#23372e}a{text-decoration:none;color:inherit}button{}.shell{width:min(var(--shell),calc(100% - 64px));margin:auto}
.site-header{height:72px;background:rgba(255,253,248,.98);border-bottom:1px solid #eee9df;position:sticky;top:0;z-index:50}.header-inner{height:72px;display:flex;align-items:center;gap:26px}.brand{width:305px;flex:0 0 auto;display:flex;align-items:center}.brand img{width:100%;height:auto;display:block}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:35px;flex:1;color:#26362d}.desktop-nav a{height:72px;display:flex;align-items:center;position:relative;white-space:nowrap}.desktop-nav a.active{color:var(--ink)}.desktop-nav a.active:after{content:"";position:absolute;left:20%;right:20%;bottom:12px;height:2px;background:var(--gold);border-radius:9px}.visit-btn{background:linear-gradient(180deg,#c89b48,#ad7b2d);color:#fff;padding:12px 24px;border-radius:999px;box-shadow:0 8px 20px rgba(171,119,39,.18);white-space:nowrap;border:1px solid rgba(151,102,30,.18)}.visit-btn span{margin-left:7px}.menu-btn,.mobile-menu{display:none}
.hero{height:432px;position:relative;overflow:hidden;background:#e8e2d3}.hero-photo{position:absolute;inset:0;background-image:url('assets/hero-wide.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;filter:saturate(.98) contrast(.98) brightness(1.02);transform:scale(1.015)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,247,239,.95) 0%,rgba(250,247,239,.91) 24%,rgba(250,247,239,.72) 40%,rgba(250,247,239,.32) 55%,rgba(250,247,239,.06) 73%,rgba(250,247,239,0) 100%)}.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 52% 45%,rgba(255,232,177,.28),transparent 29%);z-index:1}.hero-content{height:100%;position:relative;z-index:2;display:flex;align-items:center}.hero-copy{padding-bottom:50px;max-width:780px}.hero-copy h1{color:var(--ink);margin:0 0 19px}.hero-copy p{margin:0;color:#34483e}.hero-actions{display:flex;gap:16px;margin-top:26px}.btn{display:inline-flex;height:47px;align-items:center;justify-content:center;gap:20px;padding:0 27px;border-radius:999px}.btn.primary{background:var(--ink);color:white;box-shadow:0 9px 24px rgba(24,61,45,.14)}.btn.outline{background:rgba(255,253,248,.72);border:1px solid #b89a61;color:#36453d}.btn.gold{height:38px;background:linear-gradient(180deg,#c89a47,#ad7a2d);color:white;padding:0 20px}.hero-dots{position:absolute;bottom:55px;left:50%;display:flex;gap:10px;transform:translateX(-50%)}.hero-dots span{width:26px;height:4px;background:rgba(255,255,255,.55);border-radius:9px}.hero-dots span.on{background:#fff}
.category-overlap{position:relative;z-index:4;margin-top:-49px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.category-card{background:#e9e5dc;border:1px solid rgba(218,205,180,.78);border-radius:13px;overflow:hidden;box-shadow:0 12px 28px rgba(50,48,39,.08);min-height:234px;position:relative;transition:.25s}.category-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(40,48,39,.13)}.category-card:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(255,253,248,.98) 0%,rgba(255,253,248,.92) 24%,rgba(255,253,248,.62) 43%,rgba(255,253,248,.04) 68%,rgba(255,253,248,0) 100%)}.cat-head{position:relative;z-index:2;padding:18px 17px;display:flex;gap:13px;align-items:center}.cat-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:white;flex:0 0 auto;box-shadow:0 4px 12px rgba(42,61,49,.08)}.cat-icon.green{background:#2d6247}.cat-icon.orange{background:#d88a18}.cat-icon.leaf{background:#629148}.cat-icon.brown{background:#8b6733}.cat-head h3{margin:0 0 5px;color:#1d3d2d}.cat-head p{margin:0;color:#647068}.category-card img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 56%;z-index:0}
.section{padding-top:32px}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title-row h2,.feature-panel h2{color:#1d3d2d;margin:0}.section-title-row a{color:#4b594f}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.product-card{background:#fffdf9;border:1px solid var(--line);border-radius:11px;overflow:hidden;display:grid;grid-template-columns:46% 54%;min-height:146px;box-shadow:0 8px 20px rgba(51,55,45,.04)}.product-card>img{width:100%;height:100%;object-fit:cover}.product-copy{padding:14px 12px}.name-row{display:flex;gap:8px;align-items:center}.name-row h3{margin:0;color:#1b3428}.name-row span{color:#4e6d56;background:#edf3e8;padding:2px 7px;border-radius:999px}.product-copy p{margin:5px 0 9px;color:#536159}.product-foot{display:flex;justify-content:space-between;align-items:center;gap:6px}.product-foot em{border:1px solid #cbd7bc;color:#517153;border-radius:999px;padding:3px 8px}.listen{border:1px solid #d7bd8a;border-radius:999px;background:#fffaf0;color:#9a712e;padding:4px 10px;cursor:pointer}
.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.tech-card{height:168px;position:relative;overflow:hidden;border-radius:10px;border:1px solid #dcd4c6;background:#ddd}.tech-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tech-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,247,239,.97),rgba(248,247,239,.63) 57%,rgba(248,247,239,.1))}.tech-overlay{position:absolute;z-index:2;inset:0;padding:18px 13px;display:flex;align-items:flex-start;gap:9px}.tech-overlay>span{width:39px;height:39px;flex:0 0 auto;border-radius:50%;background:#567a53;color:#fff;display:grid;place-items:center}.tech-overlay h3{margin:2px 0 4px;color:#233c2f}.tech-overlay p{margin:0;color:#47544d}
.split-row{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;padding-bottom:28px}.feature-panel{min-height:185px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fffdf8;display:flex;position:relative}.feature-copy{padding:20px 22px;position:relative;z-index:2}.feature-copy p{color:#536158}.qr-panel .feature-copy{width:57%}.qr-panel>img{width:43%;object-fit:cover}.steps{display:flex;align-items:center;gap:8px;margin-top:20px}.steps span{display:flex;flex-direction:column;align-items:center;gap:5px}.steps b{width:38px;height:38px;border:1px solid #d5b879;border-radius:50%;display:grid;place-items:center;color:#a67829}.steps em{}.steps i{color:#c1a15e}.story-panel{background:#f4eee1}.story-bg{position:absolute;inset:0;background:url('assets/story.jpg') right center/55% 100% no-repeat}.story-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fffaf0 0%,#fffaf0 43%,rgba(255,250,240,.72) 62%,transparent 82%)}.story-panel .feature-copy{width:65%}
.site-footer{background:linear-gradient(180deg,#274c3a,#1f4334);color:#e9efe9;padding:26px 0 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1.3fr 1fr .95fr;gap:26px;padding-bottom:22px}.footer-brand img{width:245px;opacity:.96}.footer-brand p{color:#d5dfd6}.footer-contact p,.footer-links a,.footer-follow p{color:#d7e0d9;margin:6px 0}.footer-links h4,.footer-follow h4{margin:0 0 8px}.footer-links div{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.footer-follow{display:grid;grid-template-columns:68px 1fr;gap:10px}.footer-follow h4{grid-column:1/-1}.fake-qr{width:66px;height:66px;background:#fff;color:#17372a;display:grid;place-items:center;border:6px dotted #17372a}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:12px 0 14px;display:flex;justify-content:space-between;color:#aebeb3}.compact{grid-template-columns:1.2fr 1.3fr 1fr}.mobile-bottom{display:none}
.subhero{height:270px;position:relative;overflow:hidden}.subhero-photo{position:absolute;inset:0;background:url('assets/hero.jpg') center/cover no-repeat}.subhero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,247,239,.98),rgba(250,247,239,.78) 40%,rgba(250,247,239,.05) 72%)}.subhero-copy{position:relative;z-index:2;padding-top:63px}.subhero-copy h1{color:var(--ink);margin:0 0 6px}.subhero-copy h2{margin:0 0 8px;color:#34483d}.subhero-copy p{}.product-page{padding:14px 0 45px}.crumb{color:#7b7e78;margin-bottom:14px}.filter-main{display:flex;justify-content:space-between;gap:20px;align-items:center}.tabs{border:1px solid var(--line);border-radius:999px;display:flex;overflow:hidden}.tabs button,.filter-line button{border:0;background:transparent;padding:8px 20px;color:#4a504c}.tabs button.active,.filter-line button.active{background:#2f5945;color:#fff;border-radius:999px}.search{border:1px solid var(--line);border-radius:999px;color:#979892;padding:9px 20px;width:260px}.filter-line{margin:14px 0 18px;border:1px solid var(--line);border-radius:11px;padding:9px 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-line b{margin:0 6px}.filter-line button{padding:5px 12px}.catalog-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.catalog-card{border:1px solid var(--line);border-radius:11px;padding:0 0 13px;text-align:center;background:#fffdf9;overflow:hidden}.catalog-card img{width:100%;height:170px;object-fit:cover}.catalog-card h3{margin:12px 0 3px}.catalog-card p{color:#566059}.catalog-card em{display:block;border:1px solid #dad1c0;border-radius:999px;margin:8px 18px 6px;padding:4px}.catalog-card span{display:inline-block;border:1px solid #d6bc88;border-radius:999px;padding:4px 15px;color:#a47a31}
.detail-page{padding-bottom:50px}.detail-hero{display:grid;grid-template-columns:47% 53%;min-height:410px;padding-top:12px}.detail-copy{padding:20px 20px 24px 0}.detail-title{display:flex;align-items:center;gap:14px}.detail-title h1{color:var(--ink);margin:10px 0 0}.detail-title span{border:1px solid #d5c8b3;border-radius:7px;padding:4px 8px}.detail-copy h2{margin:0 0 12px}.detail-copy>p{}.detail-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.detail-tags span{border:1px solid #e1d9ca;border-radius:999px;padding:5px 10px}.mango-visual{border-radius:0 0 0 70px;overflow:hidden;background:#f7f1e8}.mango-visual img{width:100%;height:100%;object-fit:cover;transform:scale(1.25)}.audio-bar{margin-top:17px;width:230px;height:37px;display:flex;align-items:center;justify-content:space-between;background:#fff8ed}.audio-bar i{margin-left:auto;margin-right:12px}.detail-info{margin-top:-20px;position:relative;z-index:3;background:rgba(255,253,249,.97);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr}.detail-info>div{padding:15px 18px;border-right:1px solid var(--line)}.detail-info>div:last-child{border:0}.detail-info h3,.detail-panels h2{margin:0 0 9px;color:#233c2e}.detail-info p{}.detail-info dl{display:grid;grid-template-columns:55px 1fr 55px 1fr;margin:0;gap:7px}.detail-info dt{}.detail-info dd{margin:0}.detail-panels{display:grid;grid-template-columns:1fr .9fr .8fr .9fr;gap:12px;margin-top:18px}.detail-panels article{border:1px solid var(--line);border-radius:10px;background:#fffdf9;padding:16px;min-height:160px}.detail-panels p,.detail-panels h3,.monthline{}.monthline span{color:#b98226}
.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);background:#183d2d;color:white;padding:10px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.desktop-nav{gap:14px}.brand{width:220px}.shell{width:min(94%,var(--shell))}.hero-copy h1{}.category-overlap{grid-template-columns:repeat(2,1fr)}.product-grid,.tech-grid{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.detail-hero{grid-template-columns:1fr 1fr}.detail-info{grid-template-columns:1fr 1fr}.detail-panels{grid-template-columns:1fr 1fr}}
@media(max-width:700px){body{padding-bottom:72px}.site-header{height:64px}.header-inner{height:64px}.brand{width:215px}.desktop-nav,.visit-btn{display:none}.menu-btn{display:flex;margin-left:auto;width:38px;height:38px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px}.menu-btn i{height:2px;background:#1f3f31;width:22px}.mobile-menu{position:absolute;top:64px;left:0;right:0;background:#fffdf8;padding:10px 5%;border-bottom:1px solid var(--line);display:none;grid-template-columns:1fr 1fr;gap:8px;box-shadow:var(--shadow)}.mobile-menu.open{display:grid}.mobile-menu a{padding:9px}.hero{height:480px}.hero-photo{background-size:auto 100%;background-position:58% center;opacity:.94}.hero:after{background:linear-gradient(180deg,rgba(250,247,239,.89) 0%,rgba(250,247,239,.63) 43%,rgba(250,247,239,.08) 70%,rgba(250,247,239,.25))}.hero-content{align-items:flex-start;padding-top:54px}.hero-copy{padding:0 8px;max-width:100%}.hero-copy h1{max-width:340px}.hero-copy p{max-width:310px}.hero-actions{margin-top:20px}.btn{height:42px;padding:0 18px}.hero-dots{bottom:38px}.category-overlap{margin-top:-24px;grid-template-columns:repeat(4,78%);overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px}.category-card{scroll-snap-align:start}.section{padding-top:24px}.section-title-row h2{}.product-grid{grid-template-columns:repeat(4,78%);overflow-x:auto;scroll-snap-type:x mandatory;gap:10px}.product-card{scroll-snap-align:start;min-height:145px}.tech-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tech-card{height:175px}.tech-overlay{padding:13px 10px}.tech-overlay h3{}.split-row{grid-template-columns:1fr}.qr-panel{min-height:210px}.qr-panel .feature-copy{width:59%}.qr-panel>img{width:41%}.story-panel{min-height:220px}.site-footer{padding-bottom:18px}.footer-grid{grid-template-columns:1fr;gap:18px}.footer-follow{display:none}.footer-bottom{flex-direction:column;gap:5px}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;height:68px;background:rgba(255,255,255,.97);box-shadow:0 -10px 30px rgba(32,52,42,.11);z-index:70;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0}.mobile-bottom a{color:#526158;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.mobile-bottom b{}.mobile-bottom .active{color:#315e46}.mobile-bottom .scan b{width:52px;height:52px;margin-top:-28px;background:#315e46;border:5px solid #f8f7f1;border-radius:50%;color:white;display:grid;place-items:center;box-shadow:0 5px 15px rgba(26,57,42,.22)}.mobile-bottom .scan span{margin-top:-5px}.subhero{height:280px}.subhero-copy h1{}.product-page{padding-left:3%;padding-right:3%}.filter-main{align-items:flex-start;flex-direction:column}.tabs{max-width:100%;overflow-x:auto}.tabs button{padding:8px 16px;white-space:nowrap}.search{width:100%}.filter-line{overflow-x:auto;flex-wrap:nowrap}.filter-line>*{white-space:nowrap}.catalog-grid{grid-template-columns:repeat(2,1fr)}.catalog-card img{height:150px}.detail-hero{grid-template-columns:1fr;display:flex;flex-direction:column-reverse}.mango-visual{height:310px;border-radius:0 0 28px 28px}.detail-copy{padding:18px 4px}.detail-title h1{}.detail-info{grid-template-columns:1fr}.detail-info>div{border-right:0;border-bottom:1px solid var(--line)}.detail-panels{grid-template-columns:1fr}.compact{grid-template-columns:1fr}}
@media(max-width:430px){.shell{width:calc(100% - 28px)}.brand{width:196px}.hero{height:520px}.hero-photo{background-position:63% center;transform:none}.hero:after{background:linear-gradient(180deg,rgba(250,247,239,.28) 0%,rgba(250,247,239,.34) 36%,rgba(250,247,239,.9) 100%)}.hero-content{align-items:flex-end}.hero-copy{padding-bottom:74px}.hero-copy h1{}.category-overlap{grid-template-columns:repeat(4,86%)}.product-grid{grid-template-columns:repeat(4,86%)}.tech-grid{grid-template-columns:1fr 1fr}.tech-card{height:160px}.tech-overlay>span{width:33px;height:33px}.qr-panel{display:block}.qr-panel .feature-copy{width:100%;padding-bottom:4px}.qr-panel>img{width:100%;height:125px}.story-panel .feature-copy{width:78%}.catalog-grid{gap:8px}.catalog-card img{height:132px}}

/* =========================================================
   V4 refinement: restore V1 typography while preserving V3 layout
   ========================================================= */
:root{
  
  transition:background .18s ease,color .18s ease,transform .18s ease}
.tabs button:hover,.filter-line button:hover{color:#234b38;background:#f3eee4;border-radius:999px}
.tabs button.active,.filter-line button.active{background:#2f5945;color:#fff;box-shadow:0 4px 12px rgba(39,78,58,.12)}
.tabs button.active:hover,.filter-line button.active:hover{background:#2f5945;color:#fff}
.search{display:flex;align-items:center;gap:8px;background:#fffdf9;padding:0 16px;height:40px}
.search input{width:100%;border:0;outline:0;background:transparent;color:#46534c}
.search input::placeholder{color:#a19f98}
.search .search-icon{color:#a77b32;flex:0 0 auto}
.catalog-card{transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}
.catalog-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(43,55,46,.08)}
.catalog-card.is-filtered-out{display:none}
.filter-status{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-2px 0 14px;min-height:24px;color:#7b807c}
.filter-status strong{color:#385644}
.clear-filters{border:0;background:transparent;color:#9b7130;cursor:pointer;padding:2px 0;display:none}
.clear-filters.visible{display:inline-block}
.empty-state{grid-column:1/-1;display:none;min-height:260px;border:1px dashed #d8cfbf;border-radius:14px;background:linear-gradient(135deg,#fffdfa,#f5f0e6);align-items:center;justify-content:center;text-align:center;padding:36px;color:#758078}
.empty-state.show{display:flex}
.empty-state b{display:block;color:#2d4f3d;margin-bottom:6px}
.empty-state p{margin:0}

/* keep V3 full-photo hero explicit */
.hero-photo{background-size:cover;background-position:center center}
.category-card{min-height:244px}
.category-card img{height:100%;object-fit:cover}

/* =========================================================
   V5 — high-fidelity page system based on approved mockups
   Keeps V4 typography; adds unified inner-page components.
   ========================================================= */
:root{
  --v5-green:#1c4934;
  --v5-green-2:#315f46;
  --v5-green-3:#6f956a;
  --v5-gold:#b9842d;
  --v5-gold-2:#c99b4e;
  --v5-paper:#fffdf9;
  --v5-cream:#fbf8f1;
  --v5-border:#e5dccd;
  --v5-muted:#6f776f}
body{background:var(--v5-cream)}
.site-header{position:sticky;top:0;z-index:80}
.header-inner{max-width:1400px}
.desktop-nav a,.visit-btn,.btn,.pill,.link-arrow,.mini-btn,.form-submit,.route-btn,.filter-chip{transition:all .22s ease}
.desktop-nav a:hover{color:var(--ink)}
.visit-btn:hover,.btn.gold:hover,.form-submit:hover,.route-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(165,112,29,.22);filter:saturate(1.08)}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(24,61,45,.22)}
.btn.outline:hover,.mini-btn:hover{background:#fffaf0;border-color:#b88a3c;color:#7c5a20;transform:translateY(-1px)}
.card-hover{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.card-hover:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(44,54,44,.10);border-color:#d7c8ae}

/* shared inner-page hero */
.page-hero{height:286px;position:relative;overflow:hidden;background:#ece6d8}
.page-hero .page-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.012);filter:saturate(.98) contrast(.98)}
.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(252,249,242,.97) 0%,rgba(252,249,242,.91) 26%,rgba(252,249,242,.58) 45%,rgba(252,249,242,.16) 66%,rgba(252,249,242,0) 82%)}
.page-hero .shell{height:100%;position:relative;z-index:2;display:flex;align-items:center}
.page-hero-copy{max-width:545px;margin-top:4px}
.page-hero h1{margin:0 0 10px;color:var(--ink)}
.page-hero h2{margin:0 0 10px;color:#2b4337}
.page-hero p{color:#4c5c53;margin:0;max-width:470px}
.hero-technology .page-hero-bg{background-image:url('assets/hero-technology.jpg')}
.hero-guide .page-hero-bg{background-image:url('assets/hero-guide.jpg')}
.hero-news .page-hero-bg{background-image:url('assets/hero-news.jpg')}
.hero-visit .page-hero-bg{background-image:url('assets/hero-visit.jpg')}
.hero-contact .page-hero-bg{background-image:url('assets/hero-contact.jpg')}
.hero-about .page-hero-bg{background-image:url('assets/hero-about.jpg')}
.hero-stories .page-hero-bg{background-image:url('assets/hero-stories.jpg')}
.hero-catalog .page-hero-bg{background-image:url('assets/hero-catalog.jpg')}
.inner-main{padding:18px 0 48px}
.breadcrumbs{display:flex;align-items:center;gap:10px;color:#727b74;margin:0 0 18px}
.breadcrumbs a:hover{color:var(--ink)}
.panel{background:rgba(255,253,249,.94);border:1px solid var(--v5-border);border-radius:14px;box-shadow:0 9px 24px rgba(52,57,47,.035)}
.panel-pad{padding:24px 28px}
.v5-section{margin-top:26px}
.v5-title{color:#203d2f;margin:0 0 14px}
.v5-subtitle{color:#334b3e;margin:0 0 7px}
.lead{color:#5f6b64}
.icon-circle{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#315f46;color:#fff;flex:0 0 auto;box-shadow:0 5px 14px rgba(33,68,49,.12)}
.icon-circle.gold{background:#b9832d}.icon-circle.soft{background:#718b5b}.icon-circle.brown{background:#8c6a35}
.icon-circle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mini-btn{display:inline-flex;align-items:center;gap:9px;border:1px solid #d0b77f;color:#8b6726;background:rgba(255,253,247,.92);height:33px;padding:0 15px;border-radius:999px}
.link-arrow{display:inline-flex;gap:8px;align-items:center;color:#315543}
.link-arrow:hover{gap:13px;color:#163f2e}

/* Technology */
.tech-intro{height:174px;position:relative;overflow:hidden;padding:28px;border-radius:15px;background:#fff;display:flex;align-items:center}
.tech-intro:before{content:"";position:absolute;inset:0;background:url('assets/tech-env-v5.jpg') right center/62% cover no-repeat}
.tech-intro:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fffdf8 0%,#fffdf8 43%,rgba(255,253,248,.76) 60%,rgba(255,253,248,.05) 88%)}
.tech-intro-copy{position:relative;z-index:2;width:53%}.tech-intro-copy h2{margin:0 0 10px;color:#203d2f}.tech-intro-copy p{color:#5a665f;margin:0 0 16px}
.tech-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.tech-feature{height:236px;position:relative;overflow:hidden;border:1px solid var(--v5-border);border-radius:13px;background:#ddd}
.tech-feature img{width:100%;height:100%;object-fit:cover}.tech-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,253,248,.94) 0%,rgba(255,253,248,.70) 33%,rgba(255,253,248,.06) 72%)}
.tech-feature-content{position:absolute;z-index:2;inset:0;padding:15px}.tech-feature-head{display:flex;align-items:center;gap:10px}.tech-feature h3{margin:0;color:#223e30}.tech-feature p{color:#4b5a51;margin:4px 0}.tech-feature .mini-btn{position:absolute;left:15px;bottom:14px;background:#fffaf0}
.tech-system{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.tech-system-card{min-height:188px;position:relative;overflow:hidden;border:1px solid var(--v5-border);border-radius:12px;background:#fff}.tech-system-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tech-system-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,253,249,.96),rgba(255,253,249,.77) 51%,rgba(255,253,249,.12) 80%)}.tech-system-copy{position:relative;z-index:2;padding:14px}.tech-system-copy h3{margin:2px 0 5px;color:#213b2e}.tech-system-copy p{margin:0;color:#5e675f}.tech-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.metric{height:110px;display:flex;align-items:center;gap:22px;padding:22px 26px}.metric .metric-icon{width:68px;height:68px;border:1px solid #e5d8c1;border-radius:50%;display:grid;place-items:center;color:#365b44}.metric span{color:#6b746e}.metric strong{display:block;color:#21432f}.tech-story{height:184px;display:grid;grid-template-columns:46% 54%;overflow:hidden}.tech-story img{width:100%;height:100%;object-fit:cover}.tech-story-copy{padding:24px 30px;position:relative;background:linear-gradient(100deg,#fffdf8,#f9f4e9)}.tech-story-copy h3{margin:5px 0 8px;color:#1f3e2f}.tech-story-copy p{color:#5c675f;margin:0 0 13px}.bottom-cta{height:118px;position:relative;overflow:hidden;border-radius:0;margin-top:24px;color:#fff}.bottom-cta:before{content:"";position:absolute;inset:0;background:url('assets/cat-park.jpg') center/cover no-repeat}.bottom-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,62,44,.96),rgba(22,62,44,.82) 42%,rgba(22,62,44,.25))}.bottom-cta .shell{height:100%;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.bottom-cta h2{margin:0 0 3px}.bottom-cta p{margin:0;color:#dce7df}

/* Guide */
.guide-top{display:grid;grid-template-columns:1.2fr .92fr;gap:22px}.guide-map{height:390px;position:relative;overflow:hidden}.guide-map img{width:100%;height:100%;object-fit:cover}.map-tools{position:absolute;left:16px;right:16px;bottom:13px;display:flex;gap:16px;padding:8px 12px;border-radius:10px;background:rgba(255,253,248,.88);backdrop-filter:blur(8px);color:#4d5a52}.map-tools span{display:flex;align-items:center;gap:5px}.guide-regions{padding:21px}.region-item{display:grid;grid-template-columns:46px 1fr 138px;gap:13px;align-items:center;padding:10px 0;border-bottom:1px solid #eee6d9}.region-item:last-child{border-bottom:0}.region-item img{width:138px;height:63px;object-fit:cover;border-radius:8px}.region-item h3{margin:0 0 3px;color:#213f30}.region-item p{margin:0;color:#67736c}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.route-card{overflow:hidden}.route-photo{height:142px;position:relative}.route-photo img{width:100%;height:100%;object-fit:cover}.route-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,253,248,.1) 60%,rgba(23,63,45,.08))}.route-copy{padding:14px 16px}.route-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.route-title h3{margin:0;color:#223f30}.duration{border:1px solid #d3bc8d;border-radius:999px;padding:2px 8px;color:#9b722c;white-space:nowrap}.route-stops{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.route-stops span{padding:4px 8px;border-radius:999px;background:#f5efe5;color:#59675e}.route-meta{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid #eee6d8;color:#7b817c}.guide-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-scan{height:207px;display:grid;grid-template-columns:54% 46%;overflow:hidden}.guide-scan .copy{padding:21px}.guide-scan h3,.visit-tips h3{margin:0 0 7px;color:#213e30}.guide-scan p{color:#5e6b63}.guide-scan img{width:100%;height:100%;object-fit:cover}.visit-tips{padding:22px 26px;position:relative;overflow:hidden}.visit-tips:after{content:"";position:absolute;width:200px;height:220px;right:-50px;bottom:-70px;background:radial-gradient(ellipse,rgba(117,151,104,.15),transparent 68%)}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.tip strong{display:block;margin:8px 0 4px;color:#244332}.tip p{margin:0;color:#66716a}.transport-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.transport-card{height:124px;display:flex;align-items:center;gap:17px;padding:18px}.transport-card img{width:42%;height:100%;object-fit:cover;border-radius:9px;margin-left:auto}.transport-card h3{margin:0 0 4px}.transport-card p{margin:0;color:#66716a}

/* News list */
.news-feature{display:grid;grid-template-columns:44% 56%;overflow:hidden;min-height:218px}.news-feature img{width:100%;height:100%;object-fit:cover}.news-feature-copy{padding:28px 30px;display:flex;flex-direction:column;justify-content:center}.badge{display:inline-flex;align-self:flex-start;border:1px solid #d9c291;color:#98702c;background:#fffaf0;border-radius:999px;padding:3px 9px}.news-feature h2{margin:10px 0 8px;color:#213e2f}.news-feature p{color:#66716a;margin:0 0 15px}.meta{color:#8a8e89;display:flex;align-items:center;gap:18px}.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-top:18px}.news-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}.filter-chip{border:1px solid #e0d8ca;border-radius:999px;background:#fffdf9;color:#526158;padding:8px 20px;cursor:pointer}.filter-chip.active{background:#234c37;color:#fff;border-color:#234c37}.news-list-items{overflow:hidden}.news-item{display:grid;grid-template-columns:240px 1fr 26px;gap:18px;align-items:center;padding:12px;border-bottom:1px solid #e9e1d4;transition:.2s}.news-item:last-child{border-bottom:0}.news-item:hover{background:#fffaf0}.news-item img{width:240px;height:116px;object-fit:cover;border-radius:9px}.news-item h3{margin:5px 0;color:#223d30}.news-item p{color:#68736c;margin:0 0 8px}.news-arrow{color:#2b4e3a}.news-sidebar{display:grid;gap:15px;align-content:start}.sidebar-panel{padding:20px}.sidebar-panel h3{margin:0 0 14px;color:#234130}.hot-item{display:grid;grid-template-columns:36px 70px 1fr;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #eee5d8}.hot-item:last-child{border-bottom:0}.hot-item b{color:#b37d26}.hot-item img{width:70px;height:46px;object-fit:cover;border-radius:6px}.hot-item h4{margin:0 0 3px}.hot-item span{color:#8b8e89}.topic-card{height:88px;position:relative;overflow:hidden;border-radius:9px;margin-top:9px}.topic-card img{width:100%;height:100%;object-fit:cover}.topic-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,61,44,.94),rgba(24,61,44,.35))}.topic-card .topic-copy{position:absolute;z-index:2;left:14px;top:13px;color:white}.topic-card h4{margin:0 0 5px}.subscribe input{width:100%;height:38px;border:1px solid #e0d6c6;border-radius:999px;background:#fff;padding:0 15px;outline:none;margin:8px 0}.subscribe button{width:100%;height:36px;border:0;border-radius:999px;background:linear-gradient(180deg,#c3903d,#ad7928);color:#fff;cursor:pointer}
.pagination{display:flex;gap:8px;align-items:center;margin-top:16px}.pagination button{width:34px;height:32px;border:1px solid #e0d6c6;background:#fffdf8;border-radius:7px;color:#5f685f;cursor:pointer}.pagination button.active{background:#204934;color:#fff;border-color:#204934}.pagination .wide{width:auto;padding:0 14px}

/* News detail */
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:24px}.article{padding:28px 32px}.article h1{color:#193f2d;margin:12px 0 8px}.article .meta{margin-bottom:20px}.article-main-image{width:100%;height:330px;object-fit:cover;border-radius:10px}.article p{color:#4e5a53;margin:17px 0}.article h2{color:#234432;margin:22px 0 8px;padding-left:14px;border-left:3px solid #b88835}.quote{padding:16px 20px;border:1px solid #e7dccb;border-radius:10px;background:#fffaf0;color:#6b685f;position:relative}.quote:before{content:"“";color:#b48635;position:absolute;left:14px;top:0}.quote p{margin:0 0 0 30px}.article-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.article-gallery img{width:100%;height:150px;object-fit:cover;border-radius:8px}.article-side .sidebar-panel{margin-bottom:16px}.related-article{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:center;margin-bottom:15px}.related-article img{width:86px;height:70px;object-fit:cover;border-radius:8px}.related-article h4{margin:0 0 4px}.side-cta{height:410px;position:relative;overflow:hidden;padding:35px 28px}.side-cta:before{content:"";position:absolute;inset:0;background:url('assets/cat-park.jpg') center/cover no-repeat}.side-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,252,245,.95),rgba(255,252,245,.75) 56%,rgba(255,252,245,.22))}.side-cta>*{position:relative;z-index:2}.side-cta h3{margin:0 0 12px;color:#21412f}.side-cta p{color:#5b685f}.article-nav{margin-top:17px;display:grid;grid-template-columns:1fr 52px 1fr;align-items:center;padding:14px 18px}.article-nav a{color:#546158}.article-nav a:last-child{text-align:right}.article-nav .back-grid{width:42px;height:42px;border:1px solid #d8c4a0;border-radius:50%;display:grid;place-items:center;color:#a9792b;margin:auto}

/* Visit */
.visit-layout{display:grid;grid-template-columns:1fr 1.03fr;gap:24px}.visit-info{overflow:hidden}.visit-info-row{display:grid;grid-template-columns:52px 1fr 140px;gap:16px;align-items:center;padding:18px;border-bottom:1px solid #e9e1d4}.visit-info-row:last-child{border-bottom:0}.visit-info-row img{width:140px;height:70px;border-radius:8px;object-fit:cover}.visit-info-row h3{margin:0 0 4px;color:#243f31}.visit-info-row p{color:#68736c;margin:0}.form-panel{padding:26px 30px}.form-panel h2{margin:0 0 18px;color:#223f30}.form-row{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;margin-bottom:13px}.form-row label{color:#4a574f}.form-row input,.form-row select,.form-row textarea{width:100%;border:1px solid #e2d8c8;border-radius:8px;background:#fffdfa;outline:none;padding:0 13px;color:#4d5a52;transition:border-color .2s,box-shadow .2s}.form-row input,.form-row select{height:42px}.form-row textarea{height:82px;padding-top:11px;resize:vertical}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#b79253;box-shadow:0 0 0 3px rgba(185,137,53,.08)}.req{color:#b14f3d}.form-submit{width:100%;height:48px;border:0;border-radius:999px;background:#1f4934;color:#fff;cursor:pointer;margin-top:8px}.form-note{color:#7c817c;margin-top:10px}.visit-types{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.visit-type{overflow:hidden}.visit-type img{width:100%;height:145px;object-fit:cover}.visit-type-copy{padding:14px}.visit-type h3{margin:0 0 5px}.visit-type p{color:#69736c;margin:0 0 10px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.faq-item{border:1px solid #e4dccf;border-radius:10px;background:#fffdf9;overflow:hidden}.faq-q{width:100%;border:0;background:transparent;padding:13px 16px;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;color:#4c584f}.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;background:#fffaf2}.faq-a p{margin:0;padding:0 16px 14px;color:#6c746e}.faq-item.open .faq-a{max-height:140px}.faq-item.open .faq-q span{transform:rotate(180deg)}.contact-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1.35fr;overflow:hidden;margin-top:18px}.contact-strip>div{min-height:94px;display:flex;gap:13px;align-items:center;padding:17px;border-right:1px solid #e8dfd1}.contact-strip>div:last-child{border:0;padding:0}.contact-strip img{width:100%;height:94px;object-fit:cover}.contact-strip strong{display:block;margin-bottom:4px}.contact-strip span{color:#6a746d}

/* Contact */
.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.contact-card{height:175px;padding:22px 24px}.contact-card-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.contact-card h3{margin:0;color:#243f31}.contact-card p{color:#5f6a63;margin:0}.contact-main{display:grid;grid-template-columns:1.08fr .88fr;gap:18px}.contact-map{overflow:hidden;height:420px;position:relative}.contact-map img{width:100%;height:100%;object-fit:cover}.map-bubble{position:absolute;left:43%;top:26%;background:#fffdf8;border:1px solid #6c7c70;border-radius:9px;padding:11px 15px;box-shadow:0 7px 20px rgba(44,55,46,.12);color:#34483d}.map-bubble strong{display:block}.message-panel{padding:26px}.message-panel h2{margin:0 0 18px;color:#223f30}.message-panel .form-row{grid-template-columns:1fr;gap:6px}.contact-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.traffic-panel,.follow-panel{padding:22px 24px}.traffic-list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px}.traffic-item{padding:0 18px;border-right:1px solid #e9e0d2}.traffic-item:first-child{padding-left:0}.traffic-item:last-child{border:0}.traffic-item strong{display:block;margin:8px 0 5px}.traffic-item p{color:#6a746c;margin:0 0 10px}.follow-wrap{display:grid;grid-template-columns:145px 1fr;gap:20px;align-items:center}.follow-wrap img{width:145px;height:145px;border-radius:8px;background:#fff;padding:7px;border:1px solid #e6ddd0}.follow-links{display:grid;gap:10px;color:#536159}

/* About and Stories */
.about-overview{display:grid;grid-template-columns:1.1fr .95fr;gap:22px}.about-copy{padding:5px 0}.about-copy h2{margin:0 0 10px;color:#203e2f}.about-copy p{color:#5c685f}.about-values{display:grid;gap:12px;margin-top:22px}.about-value{display:flex;align-items:flex-start;gap:12px}.about-value h3{margin:2px 0 3px}.about-value p{margin:0}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.about-stat{height:190px;overflow:hidden;padding:18px;position:relative}.about-stat img{position:absolute;left:0;right:0;bottom:0;width:100%;height:82px;object-fit:cover}.about-stat span{color:#667168}.about-stat strong{display:block;color:#264733;margin:6px 0 0}.about-zones{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.about-zone{height:225px;position:relative;overflow:hidden;padding:17px}.about-zone img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-zone:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,253,249,.96),rgba(255,253,249,.68) 43%,rgba(255,253,249,.08) 75%)}.about-zone>*{position:relative;z-index:2}.about-zone h3{margin:0 0 5px}.about-zone p{color:#627069;margin:0}.timeline{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin:16px 0 10px;position:relative}.timeline:before{content:"";position:absolute;left:6%;right:6%;top:15px;height:1px;background:#c9a968}.timeline-item{text-align:center;position:relative;padding-top:27px}.timeline-item:before{content:"";position:absolute;top:11px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#fffdf8;border:2px solid #b88734}.timeline-item strong{color:#254333}.timeline-item h4{margin:4px 0}.timeline-item p{color:#6c746d;margin:0 5px}.people-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;overflow:hidden}.people-story{display:grid;grid-template-columns:44% 56%}.people-story img{width:100%;height:100%;object-fit:cover}.people-copy,.person-card{padding:18px}.people-copy h3,.person-card h3{margin:0 0 6px}.people-copy p,.person-card p{color:#667169}.person-card{display:grid;grid-template-columns:1fr 110px;gap:10px}.person-card img{width:110px;height:116px;object-fit:cover;border-radius:8px}
.stories-feature{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.stories-feature img{width:100%;height:245px;object-fit:cover}.stories-feature-copy{padding:28px 34px;display:flex;flex-direction:column;justify-content:center}.stories-feature h2{margin:8px 0}.stories-feature p{color:#657169}.story-tabs{display:flex;gap:10px;margin:20px 0 14px;flex-wrap:wrap}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.story-card{overflow:hidden}.story-card img{width:100%;height:185px;object-fit:cover}.story-card-copy{padding:14px}.story-card h3{margin:4px 0 8px}.story-card p{color:#68736c;margin:0 0 10px}.story-deep{display:grid;grid-template-columns:47% 53%;overflow:hidden}.story-deep img{width:100%;height:210px;object-fit:cover}.story-deep-copy{padding:27px 32px;position:relative}.story-deep-copy h3{margin:8px 0}.story-deep-copy p{color:#647069}.stories-bottom{display:grid;grid-template-columns:1fr 1fr;gap:15px}.topic-recommend,.hot-read{padding:20px}.topic-recommend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.topic-box{height:112px;position:relative;border-radius:9px;overflow:hidden}.topic-box img{width:100%;height:100%;object-fit:cover}.topic-box:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,49,35,.06),rgba(20,49,35,.72))}.topic-box span{position:absolute;z-index:2;left:13px;bottom:10px;color:#fff}.hot-row{display:grid;grid-template-columns:34px 62px 1fr 45px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #eee5d8}.hot-row b{color:#b5802b}.hot-row img{width:62px;height:42px;object-fit:cover;border-radius:6px}.hot-row h4{margin:0}.hot-row span{color:#9b722d}

/* Catalog path rename compatibility */
.catalog-page-hero{height:270px}
.catalog-page-hero .page-hero-bg{background-image:url('assets/hero-catalog.jpg')}

/* Responsive V5 */
@media(max-width:980px){
  .page-hero h1{}.page-hero{height:260px}.guide-top,.news-layout,.article-layout,.visit-layout,.contact-main,.about-overview{grid-template-columns:1fr}.tech-feature-grid,.about-zones,.visit-types,.contact-cards{grid-template-columns:repeat(2,1fr)}.tech-system{grid-template-columns:repeat(3,1fr)}.route-grid{grid-template-columns:1fr}.news-sidebar,.article-side{display:grid;grid-template-columns:1fr 1fr}.news-item{grid-template-columns:190px 1fr 24px}.news-item img{width:190px}.timeline{grid-template-columns:repeat(4,1fr);row-gap:20px}.timeline:before{display:none}.people-row{grid-template-columns:1fr}.stories-bottom{grid-template-columns:1fr}
}
@media(max-width:700px){
 .page-hero{height:320px}.page-hero:after{background:linear-gradient(180deg,rgba(252,249,242,.72),rgba(252,249,242,.50) 48%,rgba(252,249,242,.04) 100%)}.page-hero .shell{align-items:flex-start;padding-top:50px}.page-hero h1{}.page-hero h2{}.page-hero p{max-width:310px}.inner-main{padding-top:14px}.tech-feature-grid,.tech-system,.tech-metrics,.guide-duo,.transport-grid,.contact-cards,.contact-bottom,.visit-types,.faq-grid,.about-zones,.story-grid{grid-template-columns:1fr}.tech-metrics{grid-template-columns:1fr 1fr}.tech-story{grid-template-columns:1fr}.tech-story img{height:180px}.guide-map{height:330px}.guide-regions{padding:15px}.region-item{grid-template-columns:42px 1fr}.region-item img{display:none}.news-feature{grid-template-columns:1fr}.news-feature img{height:220px}.news-layout{grid-template-columns:1fr}.news-sidebar,.article-side{display:block}.news-item{grid-template-columns:110px 1fr 18px;gap:10px}.news-item img{width:110px;height:88px}.article{padding:20px 17px}.article h1{}.article-main-image{height:230px}.article-gallery img{height:100px}.visit-info-row{grid-template-columns:44px 1fr}.visit-info-row img{display:none}.form-row{grid-template-columns:1fr;gap:6px}.contact-strip{grid-template-columns:1fr 1fr}.contact-strip>div{border-bottom:1px solid #e8dfd1}.contact-strip>div:last-child{grid-column:1/-1}.contact-main{grid-template-columns:1fr}.contact-map{height:320px}.traffic-list{grid-template-columns:1fr}.traffic-item{border-right:0;border-bottom:1px solid #e9e0d2;padding:14px 0}.follow-wrap{grid-template-columns:120px 1fr}.follow-wrap img{width:120px;height:120px}.about-stats{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.people-story,.stories-feature,.story-deep{grid-template-columns:1fr}.stories-feature img,.story-deep img{height:210px}.topic-recommend-grid{grid-template-columns:1fr 1fr}
}

/* V5 finishing polish */
.footer-qr{width:66px;height:66px;object-fit:cover;background:#fff;border-radius:4px;padding:4px}
.icon-circle svg{display:block}.metric small{color:#59685e}.about-stat small{color:#6a736c}.about-zone .icon-circle{margin-bottom:9px}.story-card,.visit-type,.route-card,.contact-card,.tech-feature,.tech-system-card{cursor:pointer}
.tech-feature .mini-btn,.about-zone .mini-btn,.visit-type .mini-btn{box-shadow:0 5px 14px rgba(100,76,34,.05)}
.page-hero-copy h1{text-shadow:0 1px 0 rgba(255,255,255,.4)}
.form-submit:active,.visit-btn:active,.btn:active,.mini-btn:active{transform:translateY(0) scale(.985)}
@media(max-width:700px){.footer-qr{width:64px;height:64px}.page-hero-copy{margin-top:0}.contact-cards{gap:9px}.contact-card{height:auto;min-height:150px;padding:17px}.contact-card h3{}.tech-feature{height:225px}.tech-system{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-follow{display:grid}}


/* =========================================================
   V5.1 catalog category filter: match stories.html chip style
   ========================================================= */
.product-page .catalog-tabs{
  border:0;
  border-radius:0;
  overflow:visible;
  display:flex;
  align-items:center;
  gap:10px;
  background:transparent;
  flex-wrap:wrap}
.product-page .catalog-tabs button{
  border:1px solid #e0d8ca;
  border-radius:999px;
  background:#fffdf9;
  color:#526158;
  padding:8px 20px;
  cursor:pointer;
  
  
  box-shadow:none;
  transition:all .22s ease}
.product-page .catalog-tabs button:hover{
  border-color:#cfc3af;
  background:#f8f3e9;
  color:#234c37;
  transform:translateY(-1px)}
.product-page .catalog-tabs button.active,
.product-page .catalog-tabs button.active:hover{
  background:#234c37;
  border-color:#234c37;
  color:#fff;
  box-shadow:0 6px 16px rgba(35,76,55,.12);
  transform:none}
@media(max-width:700px){
  .product-page .catalog-tabs{
    max-width:100%;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:3px;
    scrollbar-width:none}
  .product-page .catalog-tabs::-webkit-scrollbar{display:none}
  .product-page .catalog-tabs button{white-space:nowrap;flex:0 0 auto;padding:8px 18px}
}

/* =========================================================
   V5.2 catalog secondary filters: layered light chip system
   ========================================================= */
.product-page .catalog-filter-toolbar{display:flex;justify-content:flex-end;align-items:center;margin-top:12px}
.mobile-filter-trigger{display:none}
.catalog-filter-backdrop{display:none}
.secondary-filter-area{
  margin:14px 0 13px;
  display:grid;
  gap:10px;
  padding:0;
  background:transparent;
  border:0}
.secondary-filter-head,.secondary-filter-actions{display:none}
.secondary-filter-row{
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  align-items:center;
  min-height:48px;
  gap:10px}
.secondary-filter-row + .secondary-filter-row{
  padding-top:9px;
  border-top:1px solid rgba(221,211,194,.72)}
.secondary-filter-label{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  
  color:#244534}
.secondary-filter-label:before{
  content:"";
  width:5px;height:5px;
  border-radius:50%;
  background:#b78638;
  box-shadow:0 0 0 4px rgba(183,134,56,.08)}
.secondary-chips{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap}
.secondary-chips button{
  min-height:34px;
  border:1px solid #e2dacd;
  border-radius:999px;
  background:rgba(255,253,249,.72);
  color:#5a655e;
  padding:7px 14px;
  cursor:pointer;
  
  
  transition:all .2s ease;
  box-shadow:0 1px 0 rgba(255,255,255,.65) inset}
.secondary-chips button small{color:inherit;opacity:.82;margin-left:2px}
.secondary-chips button:hover{
  border-color:#c7bba9;
  color:#244f39;
  background:#faf5eb;
  transform:translateY(-1px)}
.secondary-chips button.active,
.secondary-chips button.active:hover{
  color:#244f39;
  border-color:#91ab98;
  background:#e8efe7;
  box-shadow:0 4px 12px rgba(44,83,61,.08);
  transform:none}
.secondary-chips button.active:before{
  content:"✓";
  margin-right:5px;
  
  color:#2c5b43}
.product-page .filter-status{
  margin:5px 0 15px;
  padding-top:10px;
  border-top:1px solid rgba(225,216,201,.6);
  min-height:30px;
  
  color:#878b86}
.product-page .filter-status strong{color:#284d39;margin-right:3px}
.product-page .clear-filters{color:#9d7635;display:none;align-items:center;gap:4px;border:0;background:transparent}
.product-page .clear-filters.visible{display:inline-flex}
.product-page .clear-filters span{}
.product-page .clear-filters:hover{color:#754f18}

@media(max-width:700px){
  .product-page .filter-main{gap:10px}
  .product-page .catalog-filter-toolbar{margin-top:10px}
  .mobile-filter-trigger{
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:38px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid #dccfbc;
    background:#fffdf9;
    color:#314e3e;
    
    cursor:pointer}
  .mobile-filter-trigger:before{content:"☰";color:#aa7c34}
  .mobile-filter-trigger em{
    min-width:19px;height:19px;padding:0 5px;
    display:grid;place-items:center;
    border-radius:999px;
    background:#2d5943;color:#fff}
  .mobile-filter-trigger em:empty{display:none}
  .catalog-filter-backdrop{
    position:fixed;inset:0;background:rgba(26,42,33,.28);
    backdrop-filter:blur(2px);z-index:119;
    opacity:0;visibility:hidden;display:block;
    transition:.22s ease}
  .catalog-filter-backdrop.open{opacity:1;visibility:visible}
  .secondary-filter-area{
    position:fixed;left:0;right:0;bottom:0;z-index:120;
    margin:0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));
    background:#fbf8f1;
    border-radius:24px 24px 0 0;
    box-shadow:0 -20px 50px rgba(25,44,34,.18);
    transform:translateY(105%);
    transition:transform .28s cubic-bezier(.22,.76,.24,1);
    max-height:72vh;overflow:auto}
  .secondary-filter-area.open{transform:translateY(0)}
  .secondary-filter-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #e8dfd1;color:#244130}
  .secondary-filter-head button{width:34px;height:34px;border-radius:50%;border:1px solid #dfd5c6;background:#fffdf9;color:#5d665f;cursor:pointer}
  .secondary-filter-row{display:block;min-height:0;padding:4px 0 10px}
  .secondary-filter-row + .secondary-filter-row{padding-top:14px}
  .secondary-filter-label{margin-bottom:11px}
  .secondary-chips{gap:8px}
  .secondary-chips button{padding:9px 13px;min-height:36px}
  .secondary-filter-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;padding-top:8px}
  .secondary-filter-actions button{height:42px;border-radius:999px;cursor:pointer}
  .secondary-clear{border:1px solid #dccfbd;background:#fffdf9;color:#6f746f}
  .secondary-done{border:0;background:#244f39;color:#fff;box-shadow:0 8px 18px rgba(36,79,57,.14)}
  body.catalog-filter-open{overflow:hidden}
  .product-page .filter-status{margin-top:10px}
}

/* =========================================================
   V5.3 — Mobile-first refinement
   PC layout remains unchanged. Mobile is treated as a first-class
   presentation with consistent spacing, readable card density,
   left-aligned footer content and touch-friendly controls.
   ========================================================= */
@media (max-width:700px){
  :root{--mobile-gutter:16px;--mobile-radius:15px}
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:0;background:#fbf8f1;text-align:left}
  .shell{width:calc(100% - (var(--mobile-gutter) * 2));max-width:none;margin-left:auto;margin-right:auto}

  /* Header / mobile navigation */
  .site-header{height:62px;background:rgba(255,253,248,.985);backdrop-filter:blur(14px)}
  .header-inner{height:62px;gap:10px}
  .brand{width:min(205px,72vw)}
  .menu-btn{width:42px;height:42px;border-radius:50%;align-items:center;transition:.2s ease}
  .menu-btn:active{background:#f1ece1}
  .menu-btn i{width:21px;background:#214532;border-radius:2px}
  .mobile-menu{top:62px;padding:12px var(--mobile-gutter) 16px;grid-template-columns:1fr 1fr;gap:7px;background:rgba(255,253,248,.99);text-align:left}
  .mobile-menu a{min-height:42px;display:flex;align-items:center;padding:9px 12px;border-radius:10px;color:#425248}
  .mobile-menu a.active{background:#edf2e9;color:#204b36}

  /* Home hero */
  .hero{height:505px;border-bottom:1px solid rgba(223,213,197,.7)}
  .hero-photo{background-size:cover;background-position:68% center;transform:none;opacity:1}
  .hero:after{background:linear-gradient(180deg,rgba(251,248,241,.14) 0%,rgba(251,248,241,.14) 34%,rgba(251,248,241,.52) 61%,rgba(251,248,241,.96) 100%)}
  .hero-glow{display:none}
  .hero-content{align-items:flex-end;padding-top:0}
  .hero-copy{padding:0 0 62px;max-width:100%}
  .hero-copy h1{max-width:345px;margin:0 0 12px;text-shadow:0 1px 0 rgba(255,255,255,.45)}
  .hero-copy p{max-width:330px;color:#394d42}
  .hero-actions{gap:10px;margin-top:18px;flex-wrap:wrap}
  .btn{height:42px;padding:0 18px;gap:12px}
  .hero-dots{bottom:24px;gap:7px}.hero-dots span{width:19px;height:3px}

  /* Home horizontal feature rails */
  .category-overlap{width:calc(100% - var(--mobile-gutter));margin-left:var(--mobile-gutter);margin-right:0;margin-top:-18px;display:flex;gap:11px;overflow-x:auto;padding:0 var(--mobile-gutter) 8px 0;scroll-snap-type:x mandatory;scroll-padding-left:0;scrollbar-width:none}
  .category-overlap::-webkit-scrollbar,.product-grid::-webkit-scrollbar,.tech-grid::-webkit-scrollbar,.story-tabs::-webkit-scrollbar,.news-tabs::-webkit-scrollbar{display:none}
  .category-card{flex:0 0 82vw;min-height:248px;scroll-snap-align:start;border-radius:15px}
  .cat-head{padding:18px 17px}.cat-icon{width:46px;height:46px}.cat-head h3{}.cat-head p{}

  .section{padding-top:23px}
  .section-title-row{margin-bottom:11px}.section-title-row h2,.feature-panel h2{}.section-title-row a{}
  .product-grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}
  .product-card{flex:0 0 84vw;scroll-snap-align:start;min-height:150px;border-radius:13px}
  .product-copy{padding:14px 13px}.name-row h3{}.product-copy p{}.listen{min-height:30px;padding:5px 11px}

  .tech-grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}
  .tech-card{flex:0 0 79vw;height:185px;scroll-snap-align:start;border-radius:13px}
  .tech-overlay{padding:16px 13px}.tech-overlay h3{}.tech-overlay p{max-width:70%}
  .split-row{grid-template-columns:1fr;gap:12px;padding-bottom:22px}
  .feature-panel{min-height:205px;border-radius:14px}.feature-copy{padding:19px}.feature-copy p{}
  .qr-panel{display:grid;grid-template-columns:57% 43%;min-height:210px}.qr-panel .feature-copy{width:auto;padding-bottom:18px}.qr-panel>img{width:100%;height:100%;object-fit:cover}
  .steps{gap:6px;margin-top:15px}.steps b{width:34px;height:34px}.steps em{}
  .story-panel{min-height:210px}.story-panel .feature-copy{width:74%}.story-bg{background-size:62% 100%}.story-panel:after{background:linear-gradient(90deg,#fffaf0 0%,#fffaf0 48%,rgba(255,250,240,.78) 68%,transparent 92%)}

  /* Shared inner page hero */
  .page-hero,.catalog-page-hero{height:300px}
  .page-hero .page-hero-bg{background-position:63% center;transform:none}
  .page-hero:after{background:linear-gradient(180deg,rgba(252,249,242,.12) 0%,rgba(252,249,242,.18) 40%,rgba(252,249,242,.86) 79%,rgba(252,249,242,.98) 100%)}
  .page-hero .shell{align-items:flex-end;padding-top:0;padding-bottom:29px}
  .page-hero-copy{max-width:100%;margin:0}
  .page-hero h1{margin-bottom:6px}
  .page-hero h2{margin-bottom:6px}
  .page-hero p{max-width:330px;margin:0}
  .inner-main{padding-top:14px;padding-bottom:34px}
  .breadcrumbs,.crumb{margin-bottom:12px;gap:7px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
  .panel{border-radius:var(--mobile-radius);box-shadow:0 7px 18px rgba(48,54,46,.035)}
  .panel-pad{padding:18px}
  .v5-section{margin-top:22px}.v5-title{margin-bottom:12px}.v5-subtitle{}.lead{}

  /* Catalog list */
  .product-page{padding-left:0;padding-right:0}
  .product-page .filter-main{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch}
  .product-page .catalog-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:8px;padding:0 0 3px;scrollbar-width:none}
  .product-page .catalog-tabs button{min-height:38px;padding:8px 17px;white-space:nowrap}
  .product-page .search{width:100%;height:42px}
  .catalog-filter-toolbar{justify-content:flex-start!important}
  .mobile-filter-trigger{height:40px!important;padding:0 16px!important}
  .product-page .filter-status{margin:7px 0 12px;padding-top:8px}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .catalog-card{border-radius:13px;padding-bottom:11px}.catalog-card img{height:145px}.catalog-card h3{margin:10px 0 3px}.catalog-card p{margin:0 8px}.catalog-card em{margin:8px 10px 6px}.catalog-card span{padding:4px 12px}

  /* Catalog detail */
  .detail-page{padding-bottom:34px}.detail-hero{display:flex;flex-direction:column;width:calc(100% - (var(--mobile-gutter) * 2));min-height:0;padding-top:12px}
  .mango-visual{order:0;height:280px;border-radius:18px;overflow:hidden}.mango-visual img{transform:scale(1.08);object-position:center}
  .detail-copy{order:1;padding:17px 0 4px}.detail-title{gap:8px;align-items:flex-end;flex-wrap:wrap}.detail-title h1{margin:5px 0 0}.detail-copy h2{margin-top:4px}.detail-copy>p{}.detail-tags{gap:7px;margin-top:13px}.detail-tags span{padding:5px 9px}.detail-copy .hero-actions{margin-top:14px}.audio-bar{width:100%;max-width:310px;height:42px;margin-top:13px}
  .detail-info{width:calc(100% - (var(--mobile-gutter) * 2));margin:15px auto 0;grid-template-columns:1fr;border-radius:14px}.detail-info>div{padding:16px;border-right:0;border-bottom:1px solid var(--line)}.detail-info>div:last-child{border-bottom:0}.detail-info dl{grid-template-columns:62px 1fr;gap:5px 9px}.detail-panels{width:calc(100% - (var(--mobile-gutter) * 2));grid-template-columns:1fr;gap:11px;margin-top:12px}.detail-panels>*{min-height:0}.monthline{overflow-x:auto}.detail-page .tech-system{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory}.detail-page .tech-system-card{flex:0 0 76vw;scroll-snap-align:start}.detail-page .guide-duo{grid-template-columns:1fr}.detail-page .product-grid{display:flex}.detail-page .product-card{flex:0 0 84vw}

  /* About */
  .about-overview{grid-template-columns:1fr;gap:14px}.about-copy h2{}.about-copy p{}.about-values{margin-top:17px}
  .about-stats{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.about-stat{flex:0 0 76vw;height:178px;scroll-snap-align:start}.about-stat strong{}
  .about-zones{grid-template-columns:1fr;gap:11px}.about-zone{height:235px}
  .timeline{display:block;margin:8px 0 0 8px;padding:3px 0 0 0}.timeline:before{display:block;left:6px;right:auto;top:8px;bottom:12px;width:1px;height:auto;background:#d0b372}.timeline-item{text-align:left;padding:0 0 22px 30px;min-height:76px}.timeline-item:before{left:2px;top:6px;margin:0}.timeline-item strong{}.timeline-item h4{margin:2px 0}.timeline-item p{margin:0;max-width:270px}
  .people-row{grid-template-columns:1fr;border-radius:15px}.people-story,.person-card{grid-template-columns:1fr}.people-story img{height:190px}.person-card img{width:100%;height:190px}.people-copy,.person-card{padding:17px}.people-copy h3,.person-card h3{}
  .contact-strip{grid-template-columns:1fr;overflow:hidden}.contact-strip>div{min-height:82px;border-right:0;border-bottom:1px solid #e8dfd1;padding:14px}.contact-strip>div:last-child{grid-column:auto;padding:14px}.contact-strip>div:last-child .btn{width:100%}

  /* Stories */
  .stories-feature{grid-template-columns:1fr}.stories-feature img{height:205px}.stories-feature-copy{padding:19px}.stories-feature h2{}.stories-feature p{}
  .story-tabs,.news-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:3px;scrollbar-width:none}.story-tabs .filter-chip,.news-tabs .filter-chip{white-space:nowrap;flex:0 0 auto;min-height:38px;padding:8px 17px}
  .story-grid{grid-template-columns:1fr;gap:11px}.story-card img{height:195px}.story-card-copy{padding:14px 15px}.story-card h3{}.story-deep{grid-template-columns:1fr}.story-deep img{height:190px}.story-deep-copy{padding:19px}.story-deep-copy h3{}
  .stories-bottom{grid-template-columns:1fr;gap:11px}.topic-recommend,.hot-read{padding:17px}.topic-recommend-grid{grid-template-columns:repeat(2,1fr);gap:8px}.topic-box{height:105px}.hot-row{grid-template-columns:28px 58px 1fr;gap:8px}.hot-row>span{display:none}

  /* Technology */
  .tech-intro{height:225px;padding:20px;align-items:flex-end}.tech-intro:before{background-size:cover;background-position:64% center}.tech-intro:after{background:linear-gradient(180deg,rgba(255,253,248,.08),rgba(255,253,248,.48) 54%,rgba(255,253,248,.96) 100%)}.tech-intro-copy{width:100%}.tech-intro-copy h2{}.tech-intro-copy p{max-width:90%;margin-bottom:12px}
  .tech-feature-grid{grid-template-columns:1fr;gap:10px}.tech-feature{height:220px}.tech-feature-content{padding:16px}.tech-system{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding-bottom:4px}.tech-system-card{flex:0 0 75vw;min-height:190px;scroll-snap-align:start}.tech-metrics{grid-template-columns:1fr;gap:9px}.metric{height:96px;padding:15px 17px;gap:15px}.metric .metric-icon{width:56px;height:56px}.metric strong{}.tech-story{height:auto;grid-template-columns:1fr}.tech-story img{height:185px}.tech-story-copy{padding:19px}.tech-story-copy h3{}.bottom-cta{height:auto;min-height:170px}.bottom-cta .shell{align-items:flex-start;justify-content:center;flex-direction:column;padding-top:25px;padding-bottom:25px}.bottom-cta h2{}.bottom-cta p{margin-bottom:13px}

  /* Guide */
  .guide-top{grid-template-columns:1fr;gap:11px}.guide-map{height:315px}.map-tools{left:10px;right:10px;bottom:9px;gap:8px;overflow-x:auto}.map-tools span{white-space:nowrap}
  .guide-regions{padding:16px}.region-item{grid-template-columns:44px 1fr;gap:10px;padding:11px 0}.region-item img{display:none}.region-item h3{}.region-item p{}
  .route-grid{grid-template-columns:1fr;gap:11px}.route-photo{height:165px}.route-copy{padding:14px}.route-title h3{}.route-stops{gap:6px}.guide-duo{grid-template-columns:1fr;gap:11px}.guide-scan{height:auto;min-height:220px;grid-template-columns:1fr}.guide-scan .copy{padding:18px}.guide-scan img{height:170px}.visit-tips{padding:18px}.tips-grid{grid-template-columns:1fr;gap:12px;margin-top:16px}.tip{display:grid;grid-template-columns:42px 1fr;column-gap:10px}.tip .icon-circle{grid-row:1/3}.tip strong{margin:2px 0 3px}.transport-grid{grid-template-columns:1fr;gap:10px}.transport-card{height:120px;padding:15px}.transport-card img{width:40%}

  /* News list */
  .news-feature{grid-template-columns:1fr;min-height:0}.news-feature img{height:205px}.news-feature-copy{padding:18px}.news-feature h2{}.news-feature p{}.meta{gap:10px;flex-wrap:wrap}
  .news-layout{grid-template-columns:1fr;gap:14px}.news-item{grid-template-columns:108px 1fr;gap:11px;padding:11px}.news-item img{width:108px;height:92px}.news-item .news-arrow{display:none}.news-item h3{margin:4px 0}.news-item p{display:none}.news-sidebar{display:grid;grid-template-columns:1fr;gap:11px}.sidebar-panel{padding:17px}.sidebar-panel h3{}.pagination{overflow-x:auto;justify-content:flex-start}

  /* News detail */
  .article-layout{grid-template-columns:1fr;gap:12px}.article{padding:18px 16px}.article h1{}.article p{}.article h2{}.article-main-image{height:220px;border-radius:10px}.article-gallery{grid-template-columns:1fr;gap:8px}.article-gallery img{height:180px}.quote{padding:16px}.article-side{display:block}.related-article{grid-template-columns:84px 1fr}.side-cta{min-height:260px;padding:20px}.side-cta h3{}.article-nav{grid-template-columns:1fr 44px 1fr;padding:12px 11px;gap:8px}.article-nav a{}.article-nav .back-grid{width:38px;height:38px}.article-layout + .article-nav + .panel{height:auto!important;min-height:120px!important;display:grid!important;grid-template-columns:1fr!important;align-content:center!important;justify-items:start!important;gap:12px!important;padding:17px!important}.article-layout + .article-nav + .panel .v5-title{}

  /* Visit */
  .visit-layout{grid-template-columns:1fr;gap:12px}.visit-info-row{grid-template-columns:46px 1fr;gap:11px;padding:15px}.visit-info-row img{display:none}.visit-info-row h3{}.visit-info-row p{}.form-panel{padding:19px 17px}.form-panel h2{}.form-row{grid-template-columns:1fr;gap:6px;margin-bottom:11px}.form-row input,.form-row select{height:44px}.form-row textarea{height:92px}.form-submit{height:48px}
  .visit-types{grid-template-columns:1fr;gap:10px}.visit-type img{height:175px}.visit-type-copy{padding:15px}.faq-grid{grid-template-columns:1fr;gap:8px}.faq-q{min-height:46px;padding:13px 14px}.contact-strip{margin-top:14px}

  /* Contact */
  .contact-cards{grid-template-columns:1fr 1fr;gap:9px}.contact-card{height:auto;min-height:154px;padding:15px}.contact-card-head{display:block;margin-bottom:10px}.contact-card-head .icon-circle{margin-bottom:10px}.contact-card h3{}.contact-card p{}
  .contact-main{grid-template-columns:1fr;gap:11px}.contact-map{height:300px}.map-bubble{left:13px;right:13px;top:16px;padding:10px 12px}.message-panel{padding:18px}.message-panel h2{}.contact-bottom{grid-template-columns:1fr;gap:11px}.traffic-panel,.follow-panel{padding:18px}.traffic-list{grid-template-columns:1fr;margin-top:12px}.traffic-item{padding:13px 0;border-right:0;border-bottom:1px solid #e9e0d2}.traffic-item:last-child{border-bottom:0}.follow-wrap{grid-template-columns:105px 1fr;gap:15px;align-items:start}.follow-wrap img{width:105px;height:105px}.follow-links{gap:8px}

  /* Footer — explicitly left aligned on mobile */
  .site-footer{padding:0;color:#edf2ee;text-align:left}
  .site-footer .shell{width:calc(100% - (var(--mobile-gutter) * 2));margin-left:auto;margin-right:auto}
  .footer-grid{display:block;padding:25px 0 18px;text-align:left}
  .footer-grid>div{width:100%;text-align:left;justify-items:start;align-items:start}
  .footer-grid>div + div{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.11)}
  .footer-brand{display:block;text-align:left}.footer-brand img{display:block;width:min(235px,78vw);margin:0 0 10px 0}.footer-brand p{margin:0;text-align:left}
  .footer-contact{display:block}.footer-contact p{margin:7px 0;text-align:left}
  .footer-links{display:block}.footer-links h4,.footer-follow h4{margin:0 0 10px;text-align:left}.footer-links div{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;text-align:left}.footer-links a{margin:0;text-align:left;justify-self:start}
  .footer-follow{display:grid!important;grid-template-columns:72px minmax(0,1fr);gap:12px 13px;text-align:left;align-items:start}.footer-follow h4{grid-column:1/-1}.footer-follow .footer-qr{width:72px;height:72px;margin:0}.footer-follow p{margin:2px 0 0;text-align:left}
  .footer-bottom{display:block!important;padding:14px 0 18px;text-align:left}.footer-bottom span{display:block;text-align:left}.footer-bottom span + span{margin-top:7px;color:#c0cec4}
  .mobile-bottom{display:none!important}
}

@media (max-width:430px){
  :root{--mobile-gutter:14px}
  .brand{width:min(194px,73vw)}
  .hero{height:500px}.hero-copy{padding-bottom:60px}.hero-copy h1{max-width:325px}.hero-copy p{}
  .category-card{flex-basis:86vw}.product-card{flex-basis:87vw}.tech-card{flex-basis:83vw}
  .page-hero,.catalog-page-hero{height:286px}.page-hero h1{}.page-hero h2{}.page-hero p{}
  .catalog-grid{gap:8px}.catalog-card img{height:132px}.catalog-card h3{}.catalog-card p{}.catalog-card em{margin-left:7px;margin-right:7px}
  .mango-visual{height:255px}.detail-title h1{}.detail-page .tech-system-card{flex-basis:82vw}
  .about-stat{flex-basis:82vw}.about-zone{height:228px}
  .contact-cards{grid-template-columns:1fr}.contact-card{min-height:0}.follow-wrap{grid-template-columns:92px 1fr}.follow-wrap img{width:92px;height:92px}
  .footer-links div{gap:8px 14px}
}

/* =========================
   V5.5 — V5.3 baseline mobile-home refinement
   PC layout remains unchanged.
   ========================= */
.hero-slides{position:absolute;inset:0;overflow:hidden}
.hero-slide{position:absolute;inset:-1%;background-repeat:no-repeat;background-size:cover;background-position:center center;opacity:0;transform:scale(1.025);transition:opacity .72s ease,transform 5.8s ease;filter:saturate(.98) contrast(.98) brightness(1.02)}
.hero-slide.active{opacity:1;transform:scale(1.01)}
.hero-dots button{appearance:none;border:0;padding:0;cursor:pointer;width:26px;height:4px;background:rgba(255,255,255,.56);border-radius:9px;box-shadow:0 1px 4px rgba(0,0,0,.08);transition:width .22s ease,background .22s ease,opacity .22s ease}
.hero-dots button.on{background:#fff;width:34px}
.mobile-extra-fruit,.mobile-more-fruits{display:none}
.mobile-bottom{display:none}

@media(max-width:700px){
  body{padding-bottom:94px}

  /* 01. Hero: one responsive component, mobile presentation follows approved visual */
  .hero{width:calc(100% - 28px);height:430px;margin:14px auto 0;border-radius:28px;overflow:hidden;box-shadow:0 14px 34px rgba(42,51,42,.08);background:#e7e1d4}
  .hero-slide{inset:0;background-size:cover;background-position:58% center;transform:scale(1.02)}
  .hero-slide:nth-child(2){background-position:56% center}
  .hero-slide:nth-child(3){background-position:62% center}
  .hero-slide:nth-child(4){background-position:58% center}
  .hero:after{border-radius:inherit;background:linear-gradient(90deg,rgba(249,246,238,.93) 0%,rgba(249,246,238,.80) 39%,rgba(249,246,238,.28) 66%,rgba(249,246,238,.02) 100%)}
  .hero-glow{border-radius:inherit}
  .hero-content{width:100%;padding:0 28px;align-items:center}
  .hero-copy{padding:0 0 25px;max-width:88%}
  .hero-copy h1{max-width:330px;margin-bottom:16px}
  .hero-copy p{max-width:300px}
  .hero-actions{margin-top:22px}
  .hero-actions .outline{display:none}
  .hero-actions .btn.primary{height:46px;padding:0 24px}
  .hero-dots{bottom:25px;gap:8px}
  .hero-dots button{width:27px;height:4px}.hero-dots button.on{width:34px}

  /* 02. Four core columns: 2 x 2, no horizontal scrolling */
  .category-overlap{width:calc(100% - 28px);margin:14px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;padding:0}
  .category-card{min-width:0;min-height:172px;border-radius:17px;scroll-snap-align:none;box-shadow:0 9px 24px rgba(44,49,40,.07)}
  .category-card:hover{transform:none}
  .category-card:after{background:linear-gradient(180deg,rgba(255,253,248,.98) 0%,rgba(255,253,248,.90) 34%,rgba(255,253,248,.30) 61%,rgba(255,253,248,.02) 100%)}
  .cat-head{padding:14px 12px;gap:9px;align-items:center}
  .cat-icon{width:40px;height:40px}
  .cat-head h3{margin-bottom:2px;white-space:nowrap}
  .cat-head p{white-space:nowrap}
  .category-card img{object-position:center 62%}

  /* 03. Hot fruits: 2 columns x 3 rows, then a clear entry to fruit list */
  #products.section{padding-top:28px}
  #products .section-title-row{margin-bottom:12px}
  #products .section-title-row a{display:none}
  #products .section-title-row h2{}
  #products .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;padding:0}
  #products .product-card{display:block;min-width:0;min-height:0;border-radius:15px;overflow:hidden;scroll-snap-align:none;box-shadow:0 7px 20px rgba(51,55,45,.045)}
  #products .product-card>img{display:block;width:100%;height:128px;object-fit:cover}
  #products .product-copy{padding:10px 10px 11px}
  #products .name-row{gap:6px;align-items:center}
  #products .name-row h3{}
  #products .name-row span{padding:2px 5px}
  #products .product-copy p{margin:5px 0 8px;min-height:28px}
  #products .product-foot{align-items:center;gap:5px}
  #products .product-foot em{padding:3px 7px;white-space:nowrap}
  #products .listen{padding:5px 7px;white-space:nowrap}
  #products .mobile-extra-fruit{display:block}
  .mobile-more-fruits{display:flex;justify-content:center;padding:17px 0 2px}
  .mobile-more-fruits a{height:42px;min-width:178px;padding:0 22px;border:1px solid #d5c4a5;border-radius:999px;background:rgba(255,253,248,.94);color:#315641;display:inline-flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 7px 18px rgba(57,61,49,.05)}
  .mobile-more-fruits a:active{transform:scale(.985)}

  /* 04. App-like bottom navigation, mobile only */
  .mobile-bottom{position:fixed;left:12px;right:12px;bottom:8px;height:72px;background:rgba(255,255,255,.975);box-shadow:0 -5px 26px rgba(30,54,41,.12),0 8px 28px rgba(30,54,41,.08);z-index:160;display:grid!important;grid-template-columns:repeat(5,1fr);border-radius:22px;padding:0 5px calc(env(safe-area-inset-bottom)/2);border:1px solid rgba(224,216,204,.84);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .mobile-bottom a{position:relative;color:#58655d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;-webkit-tap-highlight-color:transparent}
  .mobile-bottom .nav-icon{height:25px;display:grid;place-items:center}
  .mobile-bottom svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
  .mobile-bottom .active{color:#2f6047}
  .mobile-bottom .scan{overflow:visible}
  .mobile-bottom .scan .nav-icon{width:58px;height:58px;margin-top:-28px;border-radius:50%;background:#315f47;border:5px solid #fbf9f3;display:grid;place-items:center;color:#fff;box-shadow:0 7px 18px rgba(32,71,52,.22)}
  .mobile-bottom .scan .nav-icon svg{width:27px;height:27px}
  .mobile-bottom .scan span:last-child{margin-top:-3px;color:#315f47}
  .mobile-bottom a:active{opacity:.72}
}

@media(max-width:430px){
  .hero{height:420px;width:calc(100% - 24px);border-radius:25px;margin-top:12px}
  .hero-content{padding:0 23px}.hero-copy{max-width:92%;padding-bottom:22px}.hero-copy h1{max-width:300px}.hero-copy p{max-width:270px}
  .category-overlap{width:calc(100% - 24px);gap:9px}.category-card{min-height:164px}.cat-head{padding:12px 10px}.cat-icon{width:37px;height:37px}.cat-head h3{}.cat-head p{}
  #products .product-grid{gap:8px}#products .product-card>img{height:116px}#products .product-copy{padding:9px}#products .name-row h3{}#products .product-copy p{}
  .mobile-bottom{left:9px;right:9px;bottom:7px}
}


/* === V6.1 Integration: V5.5 visual base + V6 real assets/content === */
.header-inner{gap:18px}.brand{width:285px}.desktop-nav{gap:24px}.nav-more{height:72px;display:flex;align-items:center;position:relative}.nav-more-btn{height:72px;border:0;background:transparent;color:#26362d;cursor:pointer;padding:0 5px}.nav-more-btn span{margin-left:3px}.nav-more-menu{position:absolute;right:-25px;top:62px;width:145px;background:#fffdf8;border:1px solid var(--line);border-radius:12px;padding:7px;box-shadow:0 18px 40px rgba(38,54,44,.13);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s;z-index:80}.nav-more:hover .nav-more-menu,.nav-more:focus-within .nav-more-menu{opacity:1;visibility:visible;transform:none}.nav-more-menu a{height:auto!important;padding:9px 11px;border-radius:8px}.nav-more-menu a:hover{background:#f4efe4;color:var(--ink)}.header-search{height:40px;min-width:145px;border:1px solid #d9cfbc;border-radius:999px;background:rgba(255,253,248,.95);display:flex;align-items:center;justify-content:center;gap:7px;color:#42534a;cursor:pointer;transition:.2s;box-shadow:0 4px 14px rgba(50,57,46,.03)}.header-search:hover{border-color:#b99a62;background:#fffaf0;transform:translateY(-1px)}.header-search svg,.search-input-wrap svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.header-search span{}.section-title-row>div h2{margin-bottom:2px}.section-sub{margin:0;color:#707a73}.hero-v61 .hero-copy{transition:opacity .25s}.hero-v61 .hero-slide{background-position:center}.hero-v61 .hero-slide:nth-child(4){background-position:center 57%}.science-home-grid .product-card{position:relative}.science-home-grid .listen{position:relative;z-index:3}
/* LA_CMS V0.3.26: 首页线上科普卡片唯一桌面尺寸规则（仅修改该模块） */
@media (min-width:701px) {
  #science .science-home-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px;
    align-items:stretch;
  }
  #science .science-home-grid > .product-card {
    box-sizing:border-box;
    display:block;
    position:relative;
    min-width:0;
    width:100%;
    height:176px;
    min-height:176px;
    max-height:176px;
    overflow:hidden;
  }
  #science .science-home-grid > .product-card > img {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:42%;
    height:100%;
    min-height:0;
    max-height:100%;
    object-fit:cover;
    object-position:center;
  }
  #science .science-home-grid .product-copy {
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    margin-left:42%;
    padding:11px 10px 10px;
    height:100%;
    min-width:0;
    min-height:0;
    overflow:hidden;
  }
  #science .science-home-grid .name-row {
    min-width:0;
    flex-shrink:0;
  }
  #science .science-home-grid .name-row h3 {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    min-width:0;
    font-size:16px;
    line-height:1.4;
  }
  #science .science-home-grid .product-copy p {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    line-clamp:3;
    overflow:hidden;
    min-height:0;
    margin:5px 0 7px;
    font-size:13px;
    line-height:1.45;
  }
  #science .science-home-grid .product-foot {
    flex-shrink:0;
    flex-wrap:nowrap;
    min-height:28px;
    margin-top:auto;
    gap:4px;
  }
  #science .science-home-grid .product-foot em {padding:2px 5px}
  #science .science-home-grid .listen {
    flex:0 0 82px;
    width:82px;
    min-width:82px;
    height:29px;
    padding:0 5px;
    font-size:12px;
  }
}
@media (min-width:701px) and (max-width:1120px) {
  #science .science-home-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* LA_CMS V0.3.26 end: 原有手机端规则在下方原位修改，不另外覆盖其他模块 */
.real-zone-panel{background:#f6f0e4}.real-zone-panel .feature-copy{width:56%}.real-zone-panel>img{width:44%;object-fit:cover}.selection-home-grid{display:grid;grid-template-columns:1.4fr .55fr .55fr;gap:13px}.selection-home-feature,.selection-home-card{background:#fffdf9;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(51,55,45,.04);transition:.22s}.selection-home-feature:hover,.selection-home-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.selection-home-feature{display:grid;grid-template-columns:47% 53%;min-height:245px}.selection-home-feature>img{width:100%;height:100%;object-fit:cover}.selection-home-feature>div{padding:27px}.selection-home-feature span,.eyebrow{color:#98712f}.selection-home-feature h3{color:var(--ink);margin:8px 0}.selection-home-feature p{color:#5d685f}.selection-home-feature strong,.selection-home-card strong{display:block;color:#a06e27;margin:14px 0}.selection-home-feature em{color:#315d47}.selection-home-card img{width:100%;height:155px;object-fit:cover}.selection-home-card>div{padding:13px}.selection-home-card h3{margin:0 0 4px;color:var(--ink)}.selection-home-card p{color:#68736b;margin:0}.media-home{display:grid;grid-template-columns:1.03fr .97fr;min-height:255px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fffdf9}.media-home>img{width:100%;height:100%;object-fit:cover}.media-home>div{padding:28px 30px}.media-home h2{margin:5px 0;color:var(--ink)}.media-home p{color:#59655e}.media-home-tags{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.media-home-tags span{border-radius:999px;background:#f1ede3;padding:5px 9px;color:#70685a}.footer-qr{width:68px;height:68px;object-fit:cover;background:#fff}.v61-subhero .subhero-photo{filter:saturate(.93) contrast(.98)}.v61-subhero:after{background:linear-gradient(90deg,rgba(250,247,239,.96),rgba(250,247,239,.78) 40%,rgba(250,247,239,.06) 72%)}.inner-v61{padding:17px 0 45px}.about-intro-v61{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center;padding:20px 0 28px}.about-intro-v61 h2,.founders-v61 h2,.history-v61 h2,.tech-system-v61 h2,.guide-map-copy h2,.contact-info-v61 h2{color:var(--ink);margin:8px 0 14px}.about-intro-v61 p{color:#536159}.about-intro-v61 img{width:100%;height:350px;object-fit:cover;border-radius:14px;box-shadow:var(--shadow)}.stats-v61{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:13px;background:#fffdf9;overflow:hidden}.stats-v61>div{text-align:center;padding:21px 8px;border-right:1px solid var(--line)}.stats-v61>div:last-child{border-right:0}.stats-v61 strong{color:var(--ink)}.stats-v61 span{color:#9a712e;margin-left:2px}.stats-v61 p{color:#70766f;margin:4px 0 0}.founders-v61,.history-v61,.tech-system-v61{padding-top:35px}.founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.founder-grid article{display:grid;grid-template-columns:38% 62%;background:#fffdf9;border:1px solid var(--line);border-radius:13px;overflow:hidden}.founder-grid img{width:100%;height:220px;object-fit:cover}.founder-grid article>div{padding:24px}.founder-grid h3{color:var(--ink);margin:0 0 8px}.founder-grid p{color:#5e6862}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.history-grid article{background:#fffdf9;border:1px solid var(--line);border-radius:12px;overflow:hidden;padding-bottom:15px}.history-grid img{width:100%;height:180px;object-fit:cover}.history-grid b,.history-grid h3,.history-grid p{margin-left:15px;margin-right:15px}.history-grid b{display:block;color:#a47831;margin-top:13px}.history-grid h3{color:var(--ink);margin-top:4px;margin-bottom:4px}.history-grid p{color:#677169}.science-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 20px}.filter-chips-v61{display:flex;flex-wrap:wrap;gap:9px}.filter-chips-v61 button{border:1px solid #dacfb9;background:#fffdf8;border-radius:999px;padding:8px 19px;color:#4e5d54;cursor:pointer;transition:.18s}.filter-chips-v61 button.active,.filter-chips-v61 button:hover{background:#2f5945;color:#fff;border-color:#2f5945}.search-v61{height:39px;width:255px;border:1px solid var(--line);border-radius:999px;background:#fffdf8;display:flex;align-items:center;padding:0 14px;gap:7px;color:#8c918b}.search-v61 input{border:0;outline:0;background:transparent;width:100%}.science-list-grid-v61{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.science-list-card-v61{background:#fffdf9;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:44% 56%;min-height:185px;transition:.2s}.science-list-card-v61:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.science-list-card-v61>img{width:100%;height:100%;object-fit:cover}.science-list-card-v61>div{padding:16px}.science-list-card-v61 span{color:#54735b;background:#eef3e9;padding:3px 7px;border-radius:999px}.science-list-card-v61 h3{color:var(--ink);margin:8px 0 4px}.science-list-card-v61 p{color:#667069;min-height:34px}.science-list-card-v61>div>div{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.science-list-card-v61 em{border:1px solid #d9d0be;border-radius:999px;padding:3px 7px}.detail-hero-v61{display:grid;grid-template-columns:48% 52%;min-height:470px;padding-top:20px}.detail-hero-v61 .detail-copy{padding:52px 35px 35px 0}.detail-hero-v61 .detail-title h1{}.detail-photo{overflow:hidden;border-radius:0 0 0 74px;background:#efe9df}.detail-photo img{width:100%;height:100%;object-fit:cover}.audio-pill{margin-top:22px;padding:10px 20px!important}.detail-info-v61{margin-top:-28px;position:relative;z-index:3;border:1px solid var(--line);background:rgba(255,253,249,.97);border-radius:12px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;padding:17px 21px}.detail-info-v61>div{padding:0 15px;border-right:1px solid var(--line)}.detail-info-v61>div:first-child{padding-left:0}.detail-info-v61 b{display:block;color:#888d87}.detail-info-v61 strong{display:block;color:var(--ink);margin-top:3px}.detail-info-v61>a{color:#8c682e;padding-left:18px}.knowledge-grid-v61{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding-top:27px}.knowledge-grid-v61 article{background:#fffdf9;border:1px solid var(--line);border-radius:12px;padding:22px}.knowledge-grid-v61 h2{color:var(--ink);margin:0 0 8px}.knowledge-grid-v61 p{color:#5c6860}.knowledge-grid-v61 a{color:#8c682e}.selection-list-grid-v61{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.selection-card-v61{background:#fffdf9;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.2s}.selection-card-v61:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.selection-img{height:205px;position:relative}.selection-img img{width:100%;height:100%;object-fit:cover}.selection-img span{position:absolute;left:10px;top:10px;border-radius:999px;background:rgba(35,69,52,.91);color:#fff;padding:4px 8px}.selection-copy{padding:14px}.selection-copy h3{color:var(--ink);margin:0 0 5px}.selection-copy p{color:#69736c;min-height:32px}.selection-copy>div{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.selection-copy strong{color:#a06e27}.selection-copy em{color:#4c654f}.selection-detail-hero{display:grid;grid-template-columns:54% 46%;gap:35px;align-items:center;padding:25px 0}.selection-gallery{height:470px;border-radius:14px;overflow:hidden;background:#f1e9dc}.selection-gallery img{width:100%;height:100%;object-fit:cover}.selection-detail-copy h1{color:var(--ink);margin:9px 0}.selection-lead{color:#5d685f}.selection-price{color:#a06e27;margin:19px 0}.selection-price small{color:#8a8e88}.selection-specs{display:grid;gap:7px;margin-bottom:22px}.selection-specs span{border-bottom:1px solid var(--line);padding:6px 0}.tech-system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.tech-system-grid article{height:230px;border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative}.tech-system-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tech-system-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,253,248,.04),rgba(255,253,248,.93) 70%)}.tech-system-grid article>div{position:absolute;z-index:2;left:18px;right:18px;bottom:15px}.tech-system-grid article span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#315d46;color:#fff}.tech-system-grid h3{color:var(--ink);margin:7px 0 3px}.tech-system-grid p{margin:0;color:#626c65}.tech-story-v61{margin-top:30px;display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fffdf9}.tech-story-v61 img{width:100%;height:330px;object-fit:cover}.tech-story-v61>div{padding:40px}.tech-story-v61 h2{color:var(--ink);margin:8px 0}.tech-story-v61 p{color:#5c6860}.guide-map-v61{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fffdf9}.guide-map-v61>img{width:100%;height:390px;object-fit:cover}.guide-map-copy{padding:42px 34px}.guide-map-copy p{color:#5c6860}.zone-grid-v61{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:20px}.zone-grid-v61 article{background:#fffdf9;border:1px solid var(--line);border-radius:12px;padding:20px}.zone-grid-v61 span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#315d46;color:#fff}.zone-grid-v61 h3{color:var(--ink);margin:10px 0 5px}.zone-grid-v61 p{color:#677169}.media-filters{margin:12px 0 18px}.media-grid-v61{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.media-grid-v61 article{display:grid;grid-template-columns:45% 55%;background:#fffdf9;border:1px solid var(--line);border-radius:13px;overflow:hidden}.media-grid-v61 img{width:100%;height:220px;object-fit:cover}.media-grid-v61 article>div{padding:20px}.media-grid-v61 span,.news-grid-v61 span{color:#9a712e}.media-grid-v61 h3{color:var(--ink);margin:7px 0}.media-grid-v61 p{color:#677169}.media-grid-v61 a{color:#46634f}.news-grid-v61{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.news-grid-v61>a{background:#fffdf9;border:1px solid var(--line);border-radius:12px;overflow:hidden}.news-grid-v61 img{width:100%;height:200px;object-fit:cover}.news-grid-v61 a>div{padding:16px}.news-grid-v61 h3{color:var(--ink);margin:7px 0}.news-grid-v61 p{color:#677169;min-height:48px}.news-grid-v61 em{color:#999}.article-v61{padding:25px 0 50px}.article-v61 article{max-width:900px;margin:auto;background:#fffdf9;border:1px solid var(--line);border-radius:13px;padding:42px 55px}.article-v61 h1{color:var(--ink);margin:8px 0}.article-meta{color:#898e88;border-bottom:1px solid var(--line);padding-bottom:15px}.article-v61 article>img{width:100%;max-height:480px;object-fit:cover;border-radius:9px;margin:22px 0}.article-v61 p{color:#4f5e55}.visit-v61{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;align-items:start}.visit-copy-v61,.visit-form-v61{background:#fffdf9;border:1px solid var(--line);border-radius:13px;padding:27px}.visit-copy-v61 h2,.visit-form-v61 h2{color:var(--ink);margin:5px 0 15px}.visit-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.visit-type-grid button{border:1px solid #d8cdb9;border-radius:9px;background:#f8f4eb;padding:12px;color:#46584d}.visit-type-grid button:hover{background:#2f5945;color:#fff}.visit-copy-v61 p{color:#677169;margin-top:18px}.visit-form-v61{display:grid;grid-template-columns:1fr 1fr;gap:14px}.visit-form-v61 h2,.visit-form-v61 label:last-of-type,.visit-form-v61 .btn{grid-column:1/-1}.visit-form-v61 label{color:#59655e}.visit-form-v61 input,.visit-form-v61 textarea{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:8px;background:#fffefa;padding:11px;outline:0}.visit-form-v61 textarea{min-height:100px;resize:vertical}.visit-form-v61 .btn{border:0;width:max-content}.contact-v61{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fffdf9}.contact-info-v61{padding:40px}.contact-info-v61 p{color:#59655e;border-bottom:1px solid var(--line);padding:8px 0}.contact-v61>img{width:100%;height:410px;object-fit:cover}.search-modal{position:fixed;inset:0;z-index:300;display:none}.search-modal.open{display:block}.search-backdrop{position:absolute;inset:0;background:rgba(19,39,29,.46);backdrop-filter:blur(5px)}.search-dialog{position:relative;width:min(760px,calc(100% - 34px));margin:100px auto 0;background:#fffdf8;border:1px solid #e0d7c7;border-radius:18px;box-shadow:0 26px 80px rgba(24,43,33,.24);padding:18px}.search-top{display:flex;gap:10px}.search-input-wrap{height:48px;flex:1;border:1px solid #d9cfbd;border-radius:999px;display:flex;align-items:center;gap:9px;padding:0 16px;color:#68746d}.search-input-wrap input{border:0;outline:0;background:transparent;width:100%}.search-top>button{border:0;background:transparent;color:#59655d;cursor:pointer}.search-hints{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:15px 3px 9px}.search-hints b{color:#7a807b;margin-right:5px}.search-hints button{border:0;border-radius:999px;background:#f2eee5;padding:6px 10px;color:#56645b;cursor:pointer}.search-results{display:grid;gap:6px;max-height:350px;overflow:auto}.search-result{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:9px}.search-result:hover{background:#f5f1e8}.search-result strong{color:var(--ink)}.search-result span{color:#8c6d36;background:#f5eee1;border-radius:999px;padding:3px 7px}
@media(max-width:1180px){.desktop-nav{gap:14px}.brand{width:235px}.header-search{min-width:45px;width:45px}.header-search span{display:none}.selection-home-grid{grid-template-columns:1.25fr .75fr}.selection-home-card:last-child{display:none}.science-list-grid-v61{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.header-search{margin-left:auto;display:flex!important}.menu-btn{margin-left:0}.header-search{height:38px;width:38px;min-width:38px;padding:0;border-color:#ddd3c1;background:#fffdf8}.brand{width:194px}.hero-v61{height:420px}.hero-v61 .hero-copy h1{}.hero-v61 .hero-copy p{}.hero-v61 .hero-slide{background-position:center}.hero-v61 .hero-slide:nth-child(1){background-position:60% center}.hero-v61 .hero-slide:nth-child(2){background-position:54% center}.hero-v61 .hero-slide:nth-child(3){background-position:62% center}.hero-v61 .hero-slide:nth-child(4){background-position:50% center}.section-sub{}.science-home-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.science-home-grid .product-card{display:block!important;min-width:0!important;box-sizing:border-box;height:266px!important;min-height:266px!important;max-height:266px!important;overflow:hidden}.science-home-grid .product-card>img{display:block;position:static!important;height:118px!important;width:100%!important;object-fit:cover}.science-home-grid .product-copy{padding:9px!important;margin-left:0;height:148px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.science-home-grid .product-copy p{min-height:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.real-zone-panel{display:block}.real-zone-panel .feature-copy{width:100%}.real-zone-panel>img{width:100%;height:155px}.selection-home-grid{grid-template-columns:1fr 1fr;gap:9px}.selection-home-feature{grid-column:1/-1;display:grid;grid-template-columns:45% 55%;min-height:180px}.selection-home-feature>div{padding:16px}.selection-home-feature h3{}.selection-home-feature p{}.selection-home-card img{height:120px}.selection-home-card h3{}.media-home{grid-template-columns:1fr}.media-home>img{height:185px}.media-home>div{padding:18px}.media-home h2{}.about-intro-v61,.founder-grid,.tech-story-v61,.guide-map-v61,.contact-v61{grid-template-columns:1fr}.about-intro-v61{gap:17px}.about-intro-v61 h2,.tech-story-v61 h2,.guide-map-copy h2,.contact-info-v61 h2{}.about-intro-v61 img{height:240px}.stats-v61{grid-template-columns:1fr 1fr}.stats-v61>div{border-bottom:1px solid var(--line)}.stats-v61>div:nth-child(even){border-right:0}.stats-v61>div:last-child{grid-column:1/-1}.founder-grid article{grid-template-columns:36% 64%}.founder-grid img{height:175px}.founder-grid article>div{padding:16px}.history-grid{grid-template-columns:1fr}.history-grid article{display:grid;grid-template-columns:40% 60%;padding:0}.history-grid img{height:160px;grid-row:1/5}.history-grid b,.history-grid h3,.history-grid p{margin-left:14px}.science-toolbar{align-items:flex-start;flex-direction:column}.filter-chips-v61{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.filter-chips-v61 button{white-space:nowrap;padding:7px 15px}.search-v61{width:100%}.science-list-grid-v61{grid-template-columns:repeat(2,1fr);gap:9px}.science-list-card-v61{display:block;min-height:0}.science-list-card-v61>img{height:125px}.science-list-card-v61>div{padding:10px}.science-list-card-v61 h3{}.science-list-card-v61 p{min-height:29px}.detail-hero-v61,.selection-detail-hero{grid-template-columns:1fr}.detail-hero-v61 .detail-copy{padding:25px 4px 18px}.detail-hero-v61 .detail-title h1{}.detail-photo{height:300px;border-radius:16px}.detail-info-v61{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.detail-info-v61>div{border-right:0;padding:0}.detail-info-v61>a{padding:0}.knowledge-grid-v61{grid-template-columns:1fr}.selection-list-grid-v61{grid-template-columns:repeat(2,1fr);gap:9px}.selection-img{height:145px}.selection-copy{padding:10px}.selection-copy h3{}.selection-copy p{}.selection-copy>div{display:block}.selection-copy em{display:block;margin-top:4px}.selection-gallery{height:310px}.selection-detail-copy h1{}.tech-system-grid{grid-template-columns:repeat(2,1fr);gap:9px}.tech-system-grid article{height:180px}.tech-system-grid article>div{left:12px;right:12px;bottom:10px}.tech-system-grid h3{}.tech-system-grid p{}.tech-story-v61 img{height:220px}.tech-story-v61>div,.guide-map-copy,.contact-info-v61{padding:22px}.guide-map-v61>img{height:250px}.zone-grid-v61{grid-template-columns:repeat(2,1fr);gap:9px}.zone-grid-v61 article{padding:14px}.zone-grid-v61 h3{}.media-grid-v61{grid-template-columns:1fr}.media-grid-v61 article{grid-template-columns:40% 60%}.media-grid-v61 img{height:175px}.media-grid-v61 article>div{padding:13px}.news-grid-v61{grid-template-columns:1fr}.news-grid-v61>a{display:grid;grid-template-columns:40% 60%}.news-grid-v61 img{height:150px}.news-grid-v61 a>div{padding:12px}.news-grid-v61 p{min-height:0}.article-v61 article{padding:23px 18px}.article-v61 h1{}.visit-v61{grid-template-columns:1fr}.visit-form-v61{grid-template-columns:1fr}.visit-form-v61 h2,.visit-form-v61 label:last-of-type,.visit-form-v61 .btn{grid-column:auto}.contact-v61>img{height:250px}.search-dialog{margin-top:76px;padding:14px}.search-hints{padding-top:12px}.search-result strong{}}
@media(max-width:430px){.hero-v61{height:410px}.selection-home-feature{grid-template-columns:1fr}.selection-home-feature>img{height:160px}.science-list-card-v61>img{height:112px}.selection-img{height:132px}.media-grid-v61 article{grid-template-columns:1fr}.media-grid-v61 img{height:150px}.news-grid-v61>a{grid-template-columns:1fr}.news-grid-v61 img{height:160px}.zone-grid-v61{grid-template-columns:1fr 1fr}.stats-v61 strong{}}


/* ============================================================
   V6.2 regression-safe integration
   1) Approved global navigation order
   2) V6 park-guide information structure
   3) Mobile bottom navigation guaranteed across all pages
   ============================================================ */
.nav-more.active .nav-more-btn{color:var(--ink);position:relative}
.nav-more.active .nav-more-btn:after{content:"";position:absolute;left:18%;right:18%;bottom:12px;height:2px;background:var(--gold);border-radius:9px}
.nav-more-menu a.active{background:#edf2e9;color:#204b36}
.mobile-menu-group{display:none}
@media(max-width:700px){
  body{padding-bottom:96px!important}
  .mobile-menu-group{display:flex;align-items:center;grid-column:1/-1;min-height:30px;padding:4px 12px 1px;color:#8c6d36;text-transform:uppercase}
  .mobile-menu .mobile-sub{padding-left:22px;background:#faf7f0}
  .mobile-bottom{display:grid!important;position:fixed!important;left:12px!important;right:12px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;height:72px!important;z-index:999!important;visibility:visible!important;opacity:1!important}
  .site-footer{padding-bottom:92px!important}
}
@media(min-width:701px){.mobile-bottom{display:none!important}}

/* =========================================================
   V6.2.1 — mobile bottom navigation hardening
   Regression fix: the public mobile nav must remain visible on
   phones, in-app webviews and mobile browsers that expose a wider
   CSS viewport. Desktop (>980px, non-mobile pointer) remains unchanged.
   ========================================================= */
.mobile-bottom{display:none}

@media (max-width:700px), (hover:none) and (pointer:coarse){
  body{padding-bottom:104px!important}
  .site-footer{padding-bottom:112px!important}
  .mobile-bottom{
    display:grid!important;
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:calc(8px + env(safe-area-inset-bottom, 0px))!important;
    width:auto!important;
    height:72px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
    padding:0 6px!important;
    margin:0!important;
    border:1px solid rgba(224,216,204,.9)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 -5px 26px rgba(30,54,41,.13),0 9px 28px rgba(30,54,41,.10)!important;
    z-index:2147483000!important;
    visibility:visible!important;
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
    -webkit-transform:translate3d(0,0,0)!important;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    overflow:visible!important}
  .mobile-bottom a{
    min-width:0!important;
    min-height:68px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    color:#58655d!important;
    
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent}
  .mobile-bottom a.active{color:#2f6047!important}
  .mobile-bottom .nav-icon{height:25px!important;display:grid!important;place-items:center!important}
  .mobile-bottom svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .mobile-bottom .scan{overflow:visible!important}
  .mobile-bottom .scan .nav-icon{
    width:58px!important;height:58px!important;margin-top:-29px!important;
    border-radius:50%!important;background:#315f47!important;
    border:5px solid #fbf9f3!important;color:#fff!important;
    display:grid!important;place-items:center!important;
    box-shadow:0 7px 18px rgba(32,71,52,.24)!important}
  .mobile-bottom .scan .nav-icon svg{width:27px!important;height:27px!important}
  .mobile-bottom .scan span:last-child{margin-top:-3px!important;color:#315f47!important}
}

/* JS fallback for iOS/Android/in-app webviews with non-standard viewport reporting. */
html.mobile-ui body{padding-bottom:104px!important}
html.mobile-ui .site-footer{padding-bottom:112px!important}
html.mobile-ui .mobile-bottom{
  display:grid!important;position:fixed!important;left:12px!important;right:12px!important;
  bottom:calc(8px + env(safe-area-inset-bottom, 0px))!important;height:72px!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;z-index:2147483000!important;
  visibility:visible!important;opacity:1!important;transform:translate3d(0,0,0)!important}

@media (max-width:430px){
  .mobile-bottom,html.mobile-ui .mobile-bottom{left:9px!important;right:9px!important;bottom:calc(7px + env(safe-area-inset-bottom, 0px))!important}
}


/* ============================================================
   V6.3.1 — 首页精修（按用户确认清单）
   只调整明确提出的 7 项，不改已确认的信息架构与移动底栏。
   ============================================================ */

/* 01 下拉菜单：功能保留，导航本身不显示粗糙箭头 */
.nav-more-btn{display:inline-flex;align-items:center;justify-content:center}
.nav-more-btn span{display:none!important}

/* 02 Hero：暖米白柔和渐变，减少“白雾感” */
.hero:after{
  background:
    linear-gradient(90deg,
      rgba(248,244,234,.87) 0%,
      rgba(248,244,234,.76) 22%,
      rgba(248,244,234,.50) 38%,
      rgba(248,244,234,.20) 53%,
      rgba(248,244,234,.035) 68%,
      rgba(248,244,234,0) 80%)!important;
}
.hero-glow{
  background:
    radial-gradient(circle at 33% 48%,rgba(238,215,163,.18),transparent 32%)!important;
}

/* 03 科普卡片：位置是辅助信息；听介绍是固定主操作 */
.product-foot{
  min-height:31px;
  gap:8px;
}
.product-foot em{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:2px 7px;
  border:1px solid #d5ddc9;
  background:#f5f7f0;
  color:#61745f;
  border-radius:999px;
  white-space:nowrap;
}
.listen{
  width:88px;
  min-width:88px;
  height:30px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  overflow:hidden;
  border:1px solid #d4b878;
  background:#fffaf0;
  color:#926b27;
  transition:background .18s,color .18s,border-color .18s,box-shadow .18s;
}
.listen.playing{
  background:#315c46;
  color:#fff;
  border-color:#315c46;
  box-shadow:0 5px 12px rgba(40,83,61,.14);
}

/* 04 农业科技：首页卡片改为清晰的“上文下图” */
.tech-grid{
  align-items:stretch;
}
.tech-card{
  height:228px;
  display:grid;
  grid-template-rows:94px 134px;
  position:relative;
  overflow:hidden;
  border-radius:12px;
  border:1px solid #ded5c6;
  background:#fffdf9;
  box-shadow:0 7px 18px rgba(45,55,47,.035);
}
.tech-card:after{display:none!important}
.tech-card img{
  position:static!important;
  grid-row:2;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:none!important;
}
.tech-overlay{
  position:static!important;
  grid-row:1;
  inset:auto!important;
  z-index:auto!important;
  padding:14px 14px 12px!important;
  display:flex;
  align-items:flex-start;
  gap:10px;
  background:#fffdf9;
}
.tech-overlay>span{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:50%;
  background:#567a53;
  color:#fff;
  display:grid;
  place-items:center;
}
.tech-overlay h3{margin:0 0 4px!important;color:#233c2f}
.tech-overlay p{
  margin:0!important;
  color:#5b675f!important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* 05 共馥甄选：首页统一四等分商品卡 */
.selection-home-grid.selection-home-grid-equal{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:13px;
}
.selection-home-grid-equal .selection-home-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  background:#fffdf9;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(51,55,45,.04);
}
.selection-home-grid-equal .selection-home-card img{
  width:100%;
  height:178px;
  object-fit:cover;
}
.selection-home-grid-equal .selection-home-card>div{
  padding:14px 15px 15px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.selection-home-grid-equal .selection-home-card h3{margin:0 0 5px;color:var(--ink)}
.selection-home-grid-equal .selection-home-card p{margin:0;color:#68736b}
.selection-home-grid-equal .selection-home-card strong{
  display:block;
  color:#9b6e2b;
  margin:12px 0 4px;
}
.selection-home-grid-equal .selection-home-card em{
  margin-top:auto;
  padding-top:6px;
  color:#42634f;
}

/* 06 媒体聚焦：首页一行两张，内容更像报道卡片 */
.media-home-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.media-home-card{
  min-width:0;
  display:grid;
  grid-template-columns:45% 55%;
  min-height:245px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fffdf9;
  box-shadow:0 8px 20px rgba(51,55,45,.035);
  transition:transform .2s,box-shadow .2s;
}
.media-home-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.media-home-card img{
  width:100%;
  height:100%;
  min-height:245px;
  object-fit:cover;
}
.media-home-card>div{
  padding:22px 22px 20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.media-home-card h3{margin:7px 0 8px;color:var(--ink)}
.media-home-card p{margin:0;color:#5e6962}
.media-home-card em{
  display:block;
  margin-top:15px;
  color:#42634f;
}

/* 07 最后内容区与 Footer 保留呼吸感 */
.media-home-section{
  padding-bottom:58px;
}

@media(max-width:1180px) and (min-width:701px){
  .selection-home-grid.selection-home-grid-equal{grid-template-columns:repeat(4,minmax(0,1fr))}
  .selection-home-grid-equal .selection-home-card img{height:160px}
  .media-home-card{grid-template-columns:42% 58%}
}

@media(max-width:700px){
  /* Hero 手机端继续沿用 V6.3 已确认的布局，只让渐变更自然 */
  .hero:after{
    background:
      linear-gradient(180deg,
        rgba(248,244,234,.34) 0%,
        rgba(248,244,234,.34) 34%,
        rgba(248,244,234,.69) 68%,
        rgba(248,244,234,.90) 100%)!important;
  }

  .science-home-grid .product-foot{gap:4px;flex-wrap:wrap;margin-top:auto}
  .science-home-grid .product-foot em{
    min-height:22px;
    padding:1px 6px;
  }
  .science-home-grid .listen{
    width:82px;
    min-width:82px;
    height:28px;
    padding:0 6px;
  }

  .tech-card{
    height:218px!important;
    grid-template-rows:100px 118px;
  }
  .tech-overlay{padding:12px 10px 10px!important;gap:7px}
  .tech-overlay>span{
    width:30px;
    height:30px;
    flex-basis:30px;
  }

  .selection-home-grid.selection-home-grid-equal{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .selection-home-grid-equal .selection-home-card img{height:128px!important}
  .selection-home-grid-equal .selection-home-card>div{padding:10px 10px 11px}
  .selection-home-grid-equal .selection-home-card strong{margin-top:9px}

  .media-home-grid{grid-template-columns:1fr}
  .media-home-card{
    grid-template-columns:40% 60%;
    min-height:180px;
  }
  .media-home-card img{min-height:180px}
  .media-home-card>div{padding:14px}
  .media-home-section{padding-bottom:38px}
}

@media(max-width:430px){
  .media-home-card{
    grid-template-columns:1fr;
    min-height:0;
  }
  .media-home-card img{
    height:165px;
    min-height:165px;
  }
}


/* V6.3.2：首页媒体聚焦卡片降高，改为横板主图 */
.media-home-grid{
  align-items:start;
}
.media-home-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:auto !important;
}
.media-home-card img{
  width:100% !important;
  height:190px !important;
  min-height:190px !important;
  aspect-ratio:16/9;
  object-fit:cover !important;
}
.media-home-card>div{
  padding:18px 20px 18px !important;
  justify-content:flex-start !important;
}
.media-home-card h3{margin:6px 0 8px !important;}
.media-home-card p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.media-home-card em{margin-top:12px !important;}

@media(max-width:1180px) and (min-width:701px){
  .media-home-card img{
    height:176px !important;
    min-height:176px !important;
  }
}

@media(max-width:700px){
  .media-home-card{
    display:flex !important;
    flex-direction:column !important;
  }
  .media-home-card img{
    height:160px !important;
    min-height:160px !important;
    aspect-ratio:16/9;
  }
  .media-home-card>div{padding:14px 14px 16px !important;}
}


/* V6.3.3：首页共馥甄选卡片进一步降高，价格移到描述下方 */
.selection-home-grid-equal .selection-home-card{height:auto !important;}
.selection-home-grid-equal .selection-home-card img{
  height:155px !important;
}
.selection-home-grid-equal .selection-home-card>div{
  padding:12px 15px 14px !important;
  display:block !important;
  flex:none !important;
}
.selection-home-grid-equal .selection-home-card h3{
  margin:0 0 4px !important;
}
.selection-home-grid-equal .selection-home-card p{
  margin:0 !important;
  line-height:1.5;
}
.selection-home-grid-equal .selection-home-card strong{
  display:block;
  margin:8px 0 0 !important;
  line-height:1.35;
}
.selection-home-grid-equal .selection-home-card em{
  display:block;
  margin-top:8px !important;
  padding-top:0 !important;
}

@media(max-width:700px){
  .selection-home-grid-equal .selection-home-card img{height:120px !important;}
  .selection-home-grid-equal .selection-home-card>div{padding:10px 11px 12px !important;}
  .selection-home-grid-equal .selection-home-card strong{margin-top:6px !important;}
  .selection-home-grid-equal .selection-home-card em{margin-top:6px !important;}
}


/* ============================================================
   V6.3.5 — 首页风格收紧 + 全站设计系统统一
   基线：V6.3.3
   注意：不采用已否决的 V6.3.4 大幅版式重构。
   ============================================================ */

:root{
  --ui-card-radius:12px;
  --ui-panel-radius:14px;
  --ui-border:#dfd5c5;
  --ui-card-bg:#fffdf9;
  --ui-shadow:0 8px 22px rgba(45,55,46,.045);
  --ui-shadow-hover:0 12px 28px rgba(45,55,46,.085);
  --section-gap-pc:32px;
  --section-gap-mobile:24px;
  --page-bottom-gap:52px;
}

/* ------------------------------------------------------------
   01 首页 Hero：按确认截图调整文字层级、柔光和圆点
   ------------------------------------------------------------ */
.hero-v61 .hero-slide{
  filter:saturate(1.04) contrast(1.015) brightness(1.015);
}
.hero-v61:after{
  background:
    linear-gradient(90deg,
      rgba(242,223,160,.58) 0%,
      rgba(247,233,188,.43) 18%,
      rgba(250,242,216,.28) 37%,
      rgba(250,247,235,.10) 54%,
      rgba(250,247,235,0) 72%) !important;
}
.hero-v61 .hero-glow{
  background:
    radial-gradient(circle at 20% 42%,rgba(255,239,185,.32),transparent 38%) !important;
}
.hero-v61 .hero-copy{
  max-width:610px;
  padding-bottom:48px;
}
.hero-v61 .hero-copy h1{
  position:relative;
  margin-bottom:38px;
  color:#153d2d;
  text-shadow:0 1px 0 rgba(255,255,255,.18);
}
.hero-v61 .hero-copy h1:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-18px;
  width:46px;
  height:2px;
  border-radius:999px;
  background:#2f5945;
  opacity:.92;
}
.hero-v61 .hero-copy p{
  max-width:520px;
  color:#34483e;
}
.hero-v61 .hero-actions{
  margin-top:18px;
}

/* 小圆点放在左下，点击会同步切换图片、标题和说明 */
.hero-v61 .hero-dots{
  left:0;
  bottom:32px;
  transform:none;
  gap:9px;
}
.hero-v61 .hero-dots button{
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(255,255,255,.88);
  box-shadow:0 1px 5px rgba(27,55,41,.12);
  transition:transform .2s ease,background .2s ease,opacity .2s ease;
}
.hero-v61 .hero-dots button.on{
  width:9px;
  height:9px;
  background:#2f5945;
  transform:scale(1.05);
}

/* ------------------------------------------------------------
   02 科普播放按钮：标准 SVG 图标，固定尺寸，不抖动
   ------------------------------------------------------------ */
.listen{
  width:92px;
  min-width:92px;
  height:30px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  white-space:nowrap;
  overflow:hidden;
}
.listen svg{
  width:13px;
  height:13px;
  flex:0 0 13px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.listen .pause-icon{
  fill:currentColor;
  stroke:none;
}
.listen.playing{
  background:#315c46;
  color:#fff;
  border-color:#315c46;
}
.listen span{white-space:nowrap}

/* ------------------------------------------------------------
   03 首页模块间距：取消 split-row 的额外底部叠加
   ------------------------------------------------------------ */
.section{
  padding-top:var(--section-gap-pc);
}
.split-row{
  padding-bottom:0 !important;
}
.section-title-row{
  margin-bottom:12px;
}

/* ------------------------------------------------------------
   04 全站统一：圆角、卡片、按钮、内容节奏
   首页为母版，但不改已确认的信息结构
   ------------------------------------------------------------ */

/* 核心卡片统一 */
.product-card,
.tech-card,
.feature-panel,
.selection-home-card,
.media-home-card,
.science-list-card-v61,
.selection-list-grid-v61>a,
.media-grid-v61 article,
.news-grid-v61>a,
.zone-grid-v61 article,
.history-grid article,
.founder-grid article,
.visit-copy-v61,
.visit-form-v61,
.contact-v61,
.article-v61 article,
.guide-map-v61,
.tech-story-v61,
.stats-v61,
.catalog-card,
.contact-card,
.route-card,
.story-card{
  border-radius:var(--ui-card-radius);
  border-color:var(--ui-border);
  box-shadow:var(--ui-shadow);
}

/* 大型内容面板略大圆角 */
.guide-map-v61,
.tech-story-v61,
.contact-v61,
.article-v61 article{
  border-radius:var(--ui-panel-radius);
}

/* hover 只做轻微提升，不出现不同页面不同幅度 */
.product-card,
.tech-card,
.selection-home-card,
.media-home-card,
.science-list-card-v61,
.media-grid-v61 article,
.news-grid-v61>a,
.catalog-card{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.product-card:hover,
.tech-card:hover,
.selection-home-card:hover,
.media-home-card:hover,
.science-list-card-v61:hover,
.media-grid-v61 article:hover,
.news-grid-v61>a:hover,
.catalog-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--ui-shadow-hover);
}

/* 主按钮和筛选交互统一 */
.btn,
.mini-btn,
.form-submit,
.filter-chips-v61 button,
.story-tabs button,
.news-tabs button,
.tabs button{
  border-radius:999px;
}
.btn.primary,
.form-submit{
  box-shadow:0 7px 18px rgba(30,72,52,.12);
}

/* 内页顶部视觉：和首页同一暖白/暖金阅读逻辑 */
.v61-subhero:after,
.page-hero:after,
.subhero:after{
  background:
    linear-gradient(90deg,
      rgba(250,247,239,.96) 0%,
      rgba(250,247,239,.86) 30%,
      rgba(249,241,216,.52) 48%,
      rgba(250,247,239,.10) 70%,
      rgba(250,247,239,0) 88%) !important;
}
.v61-subhero .subhero-photo,
.page-hero-bg,
.subhero-photo{
  filter:saturate(1.01) contrast(1.01) brightness(1.01);
}

/* 内页内容区：统一上下节奏 */
.inner-v61,
.inner-main,
.product-page,
.article-v61{
  padding-top:20px;
  padding-bottom:var(--page-bottom-gap);
}

/* 页面最后一个主要内容区与 Footer 之间必须有呼吸 */
main > .inner-v61:last-child,
main > .inner-main:last-child,
main > .product-page:last-child,
main > .article-v61:last-child{
  margin-bottom:0;
}

/* 列表筛选 / 标签统一 */
.filter-chips-v61 button,
.tabs button,
.story-tabs button,
.news-tabs button{
  border-color:#d9cfbd;
  background:#fffdf8;
}
.filter-chips-v61 button.active,
.tabs button.active,
.story-tabs button.active,
.news-tabs button.active{
  background:#2f5945;
  border-color:#2f5945;
  color:#fff;
}

/* 表单统一 */
input,select,textarea{
  border-color:#ddd3c3 !important;
}
input:focus,select:focus,textarea:focus{
  border-color:#a8894d !important;
  box-shadow:0 0 0 3px rgba(181,143,76,.09);
}

/* Footer 前固定视觉呼吸 */
.media-home-section{
  padding-bottom:56px;
}
.site-footer{
  margin-top:0;
}

/* ------------------------------------------------------------
   手机端：沿用原 V6.3.3 模板，仅统一密度
   ------------------------------------------------------------ */
@media(max-width:700px){
  .section{padding-top:var(--section-gap-mobile);}
  .split-row{padding-bottom:0 !important;}

  .hero-v61:after{
    background:
      linear-gradient(90deg,
        rgba(248,238,201,.72) 0%,
        rgba(250,244,221,.58) 34%,
        rgba(249,246,238,.22) 64%,
        rgba(249,246,238,.02) 100%) !important;
  }
  .hero-v61 .hero-copy{
    padding-bottom:56px;
  }
  .hero-v61 .hero-copy h1{
    margin-bottom:31px;
  }
  .hero-v61 .hero-copy h1:after{
    bottom:-14px;
    width:36px;
  }
  .hero-v61 .hero-dots{
    left:28px;
    bottom:24px;
    transform:none;
  }
  .hero-v61 .hero-dots button{
    width:7px;
    height:7px;
  }
  .hero-v61 .hero-dots button.on{
    width:8px;
    height:8px;
  }

  .listen{
    width:86px;
    min-width:86px;
    height:28px;
    padding:0 7px;
  }

  .inner-v61,
  .inner-main,
  .product-page,
  .article-v61{
    padding-top:16px;
    padding-bottom:38px;
  }

  .media-home-section{padding-bottom:38px}

  /* 内页卡片不要比首页更松散 */
  .science-list-card-v61>div,
  .selection-copy,
  .media-grid-v61 article>div,
  .news-grid-v61 a>div{
    padding:11px;
  }

  /* 保持已确认的固定底部导航 */
  .mobile-bottom{
    box-shadow:0 -8px 24px rgba(32,52,42,.10);
  }
}


/* ============================================================
   V6.3.6 — guide.html 完整重做
   设计目标：真实航拍为核心、信息结构清晰、三条路线突出，
   手机端重新排版，不复用旧 guide 杂乱规则。
   ============================================================ */

.guide-clean-hero{
  height:300px;
  position:relative;
  overflow:hidden;
  background:#d8e0d2;
}
.guide-clean-hero-bg{
  position:absolute;
  inset:0;
  background:url('assets/hero-guide.jpg') center 52%/cover no-repeat;
  filter:saturate(1.03) contrast(1.02);
}
.guide-clean-hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(250,247,239,.97) 0%,rgba(250,247,239,.88) 26%,rgba(247,237,204,.50) 48%,rgba(250,247,239,.08) 73%,rgba(250,247,239,0) 90%);
}
.guide-clean-hero-inner{
  height:100%;
  position:relative;
  display:flex;
  align-items:center;
}
.guide-clean-hero-copy{width:570px;}
.guide-clean-kicker{
  display:block;
  color:#9a712e;
  margin-bottom:6px;
}
.guide-clean-hero-copy h1{
  margin:0 0 5px;
  color:var(--ink);
}
.guide-clean-hero-copy h2{
  margin:0 0 11px;
  color:#2b4337;
}
.guide-clean-hero-copy p{
  margin:0;
  max-width:520px;
  color:#536159;
}
.guide-clean-hero-actions{
  display:flex;
  gap:12px;
  margin-top:18px;
}

.guide-clean-page{
  padding-top:16px;
  padding-bottom:54px;
}
.guide-clean-breadcrumbs{margin-bottom:18px;}

.guide-clean-section{margin-top:34px;}
.guide-clean-section:first-of-type{margin-top:0;}
.guide-clean-title-row{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-end;
  margin-bottom:13px;
}
.guide-clean-title-row h2{margin:0 0 2px;color:var(--ink);}
.guide-clean-title-row p{margin:0;color:#707a73;}
.guide-clean-title-row>a{color:#496553;white-space:nowrap;}

.guide-clean-overview{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(340px,.8fr);
  gap:14px;
  align-items:stretch;
}
.guide-clean-map{
  position:relative;
  margin:0;
  min-height:455px;
  overflow:hidden;
  border:1px solid var(--ui-border,#dfd5c5);
  border-radius:14px;
  background:#fff;
  box-shadow:var(--ui-shadow,0 8px 22px rgba(45,55,46,.045));
}
.guide-clean-map img{
  width:100%;
  height:100%;
  min-height:455px;
  object-fit:cover;
  display:block;
}
.guide-clean-map figcaption{
  position:absolute;
  left:14px;
  bottom:14px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:999px;
  background:rgba(255,253,248,.88);
  backdrop-filter:blur(6px);
  color:#345041;
}
.guide-clean-map figcaption em{color:#92702f;}

.guide-clean-zones{
  padding:18px;
  border:1px solid var(--ui-border,#dfd5c5);
  border-radius:14px;
  background:#fffdf9;
  box-shadow:var(--ui-shadow,0 8px 22px rgba(45,55,46,.045));
}
.guide-clean-zones-head{
  padding:2px 2px 10px;
  border-bottom:1px solid #eee6d9;
  margin-bottom:3px;
}
.guide-clean-zones-head h3{margin:0 0 3px;color:var(--ink);}
.guide-clean-zones-head p{margin:0;color:#737b75;}

.guide-clean-zone{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:11px;
  align-items:center;
  padding:11px 2px;
  border-bottom:1px solid #eee6d9;
}
.guide-clean-zone:last-child{border-bottom:0;}
.guide-clean-zone img{
  width:72px;
  height:62px;
  object-fit:cover;
  border-radius:8px;
}
.guide-clean-zone div>span{
  color:#a07836;
}
.guide-clean-zone h4{
  margin:1px 0 3px;
  color:#264333;
}
.guide-clean-zone p{
  margin:0;
  color:#66716a;
}

.guide-clean-route-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.guide-clean-route{
  overflow:hidden;
  border:1px solid var(--ui-border,#dfd5c5);
  border-radius:13px;
  background:#fffdf9;
  box-shadow:var(--ui-shadow,0 8px 22px rgba(45,55,46,.045));
  transition:transform .2s ease,box-shadow .2s ease;
}
.guide-clean-route:hover{
  transform:translateY(-2px);
  box-shadow:var(--ui-shadow-hover,0 12px 28px rgba(45,55,46,.085));
}
.guide-clean-route-photo{
  position:relative;
  height:178px;
}
.guide-clean-route-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.guide-clean-route-photo>span{
  position:absolute;
  left:12px;
  top:12px;
  padding:4px 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.75);
  background:rgba(255,253,248,.90);
  color:#936d2d;
  backdrop-filter:blur(5px);
}
.guide-clean-route-copy{padding:15px 16px 14px;}
.guide-clean-route-copy h3{margin:0 0 5px;color:#244130;}
.guide-clean-route-copy>p{margin:0;color:#68726c;min-height:45px;}
.guide-clean-stops{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  align-items:center;
  margin:11px 0;
}
.guide-clean-stops span{
  padding:3px 7px;
  border-radius:999px;
  background:#f4efe5;
  color:#536259;
}
.guide-clean-stops i{color:#b38c4f;}
.guide-clean-route-meta{
  display:flex;
  justify-content:space-between;
  border-top:1px solid #eee6d9;
  padding-top:9px;
  color:#657169;
}
.guide-clean-route-meta em{color:#9b7635;}

.guide-clean-duo{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:14px;
}
.guide-clean-scan{
  min-height:275px;
  display:grid;
  grid-template-columns:56% 44%;
  overflow:hidden;
  border:1px solid var(--ui-border,#dfd5c5);
  border-radius:14px;
  background:#fffdf9;
  box-shadow:var(--ui-shadow,0 8px 22px rgba(45,55,46,.045));
}
.guide-clean-scan-copy{padding:25px;}
.guide-clean-scan h2,
.guide-clean-tips h2{margin:0 0 7px;color:var(--ink);}
.guide-clean-scan p{margin:0;color:#5f6b63;}
.guide-clean-scan>img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.guide-clean-steps{
  display:flex;
  align-items:center;
  gap:8px;
  margin:18px 0 16px;
}
.guide-clean-steps div{
  width:78px;
  text-align:center;
}
.guide-clean-steps b{
  width:37px;
  height:37px;
  display:grid;
  place-items:center;
  margin:0 auto 5px;
  border:1px solid #d7be8c;
  border-radius:50%;
  color:#9a712e;
  background:#fffaf0;
}
.guide-clean-steps i{color:#b79150;}

.guide-clean-tips{
  position:relative;
  overflow:hidden;
  padding:25px;
  border:1px solid var(--ui-border,#dfd5c5);
  border-radius:14px;
  background:
    radial-gradient(circle at 100% 100%,rgba(134,160,111,.12),transparent 36%),
    #fffdf9;
  box-shadow:var(--ui-shadow,0 8px 22px rgba(45,55,46,.045));
}
.guide-clean-tip-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:15px;
}
.guide-clean-tip-grid>div{
  display:grid;
  grid-template-columns:42px 1fr;
  column-gap:11px;
  padding:10px 0;
  border-bottom:1px solid #eee6d9;
}
.guide-clean-tip-grid>div:last-child{border-bottom:0;}
.guide-clean-tip-icon{
  grid-row:1/3;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f3eddf;
  color:#8d6d32;
}
.guide-clean-tip-grid strong{color:#2e4939;}
.guide-clean-tip-grid p{margin:2px 0 0;color:#69736d;}

.guide-clean-arrival{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.guide-clean-arrival article{
  display:grid;
  grid-template-columns:42% 58%;
  min-height:150px;
  overflow:hidden;
  border:1px solid var(--ui-border,#dfd5c5);
  border-radius:12px;
  background:#fffdf9;
  box-shadow:var(--ui-shadow,0 8px 22px rgba(45,55,46,.045));
}
.guide-clean-arrival article>img{
  width:100%;
  height:100%;
  min-height:150px;
  object-fit:cover;
}
.guide-clean-arrival article>div{padding:15px;}
.guide-clean-arrival article span{color:#a07836;}
.guide-clean-arrival h3{margin:2px 0 4px;color:#294535;}
.guide-clean-arrival p{margin:0 0 8px;color:#68726c;}
.guide-clean-arrival a{color:#496553;}

.guide-clean-cta{
  margin-top:34px;
  min-height:145px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  padding:28px 34px;
  overflow:hidden;
  border-radius:14px;
  border:1px solid #d8c9aa;
  background:
    linear-gradient(90deg,rgba(250,247,239,.96),rgba(250,247,239,.75) 55%,rgba(250,247,239,.30)),
    url('assets/hero-guide.jpg') center 62%/cover;
}
.guide-clean-cta h2{margin:0 0 5px;color:var(--ink);}
.guide-clean-cta p{margin:0;color:#5f6b63;}

@media(max-width:1050px) and (min-width:701px){
  .guide-clean-overview{grid-template-columns:1.45fr .85fr;}
  .guide-clean-map,.guide-clean-map img{min-height:430px;}
  .guide-clean-route-copy>p{min-height:64px;}
  .guide-clean-arrival article{grid-template-columns:38% 62%;}
}

@media(max-width:700px){
  .guide-clean-hero{height:315px;}
  .guide-clean-hero-bg{background-position:64% center;}
  .guide-clean-hero-shade{
    background:linear-gradient(180deg,rgba(250,247,239,.10),rgba(250,247,239,.28) 45%,rgba(250,247,239,.96) 100%);
  }
  .guide-clean-hero-inner{align-items:flex-end;padding-bottom:25px;}
  .guide-clean-hero-copy{width:100%;}
  .guide-clean-hero-copy h2{margin-bottom:6px;}
  .guide-clean-hero-copy p{
    max-width:330px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .guide-clean-hero-actions{display:none;}

  .guide-clean-page{padding-top:12px;padding-bottom:86px;}
  .guide-clean-breadcrumbs{margin-bottom:13px;}
  .guide-clean-section{margin-top:25px;}
  .guide-clean-title-row{align-items:flex-start;}
  .guide-clean-title-row>a{display:none;}

  .guide-clean-overview{grid-template-columns:1fr;gap:10px;}
  .guide-clean-map{min-height:265px;}
  .guide-clean-map img{min-height:265px;height:265px;}
  .guide-clean-map figcaption{left:9px;bottom:9px;padding:5px 8px;}
  .guide-clean-zones{padding:13px;}
  .guide-clean-zone{
    grid-template-columns:64px 1fr;
    padding:9px 0;
  }
  .guide-clean-zone img{width:64px;height:55px;}

  .guide-clean-route-grid{grid-template-columns:1fr;gap:10px;}
  .guide-clean-route{
    display:grid;
    grid-template-columns:42% 58%;
  }
  .guide-clean-route-photo{height:100%;min-height:185px;}
  .guide-clean-route-copy{padding:13px;}
  .guide-clean-route-copy>p{min-height:0;}
  .guide-clean-stops{display:none;}
  .guide-clean-route-meta{margin-top:10px;}

  .guide-clean-duo{grid-template-columns:1fr;gap:10px;}
  .guide-clean-scan{
    grid-template-columns:1fr;
    min-height:0;
  }
  .guide-clean-scan-copy{padding:18px;}
  .guide-clean-scan>img{height:185px;}
  .guide-clean-steps{justify-content:flex-start;gap:5px;}
  .guide-clean-steps div{width:66px;}
  .guide-clean-tips{padding:18px;}

  .guide-clean-arrival{grid-template-columns:1fr;gap:10px;}
  .guide-clean-arrival article{
    grid-template-columns:36% 64%;
    min-height:130px;
  }
  .guide-clean-arrival article>img{min-height:130px;}

  .guide-clean-cta{
    margin-top:25px;
    min-height:0;
    padding:22px 20px;
    align-items:flex-start;
    flex-direction:column;
    background:
      linear-gradient(90deg,rgba(250,247,239,.96),rgba(250,247,239,.78)),
      url('assets/hero-guide.jpg') center/cover;
  }
}


/* V6.3.6.1 — 二级下拉导航不显示顶部导航 active 下划线 */
.nav-more-menu a.active::after,
.nav-more-menu a::after{
  content:none !important;
  display:none !important;
}


/* ============================================================
   V6.3.7 — 科普列表 / 科普详情 / 甄选详情精修
   ============================================================ */

/* ---------- 科普列表：与首页同一套位置标签 + 语音按钮 ---------- */
.science-list-card-v61>div{
  display:flex;
  flex-direction:column;
}
.science-list-card-v61>div>span:first-child{
  align-self:flex-start;
}
.science-list-card-v61 p{
  margin-bottom:8px;
}
.science-card-actions{
  margin-top:auto !important;
  padding-top:8px;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
}
.science-location-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:29px;
  padding:0 12px;
  border:1px solid #d4b16b;
  border-radius:999px;
  background:#fffdfa;
  color:#8d6a29;
  font-family:var(--font-ui);
  font-size:12px;
  font-weight:600;
  font-style:normal !important;
  line-height:1;
  white-space:nowrap;
  box-shadow:none;
}
.science-list-card-v61 .listen{
  width:88px;
  min-width:88px;
  height:29px;
  padding:0 8px;
  gap:4px;
  flex:0 0 88px;
  font-size:12px;
}
.science-list-card-v61 .listen svg{
  width:12px;
  height:12px;
  flex-basis:12px;
}

/* ---------- 详情页顶部标签：取消突兀的大标签 ---------- */
.detail-badge-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.detail-soft-badge{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:3px 9px;
  border-radius:999px;
  border:1px solid #d9e0d1;
  background:#f3f6ef;
  color:#54705a;
  font-size:12px;
  font-weight:600;
}
.detail-soft-badge.selection-badge{
  border-color:#e3d4b7;
  background:#faf4e8;
  color:#946c2c;
}
.detail-soft-meta{
  color:#899087;
  font-size:12px;
}
.detail-section-kicker{
  display:block;
  margin-bottom:3px;
  color:#a07836;
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
}

/* ---------- 通用多图 Gallery ---------- */
.detail-gallery{
  min-width:0;
}
.detail-gallery-main{
  position:relative;
  height:420px;
  overflow:hidden;
  border:1px solid var(--ui-border,#dfd5c5);
  border-radius:14px;
  background:#f3eee5;
  box-shadow:var(--ui-shadow,0 8px 22px rgba(45,55,46,.045));
}
.detail-gallery-main>img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  opacity:1;
  transform:scale(1);
  transition:opacity .18s ease,transform .28s ease;
}
.detail-gallery-main>img.switching{
  opacity:.25;
  transform:scale(1.012);
}
.detail-gallery-selection .detail-gallery-main>img{
  object-fit:contain;
  background:#f6f1e7;
}
.detail-gallery-count{
  position:absolute;
  right:12px;
  bottom:12px;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(34,56,43,.72);
  color:#fff;
  font-size:11px;
  backdrop-filter:blur(4px);
}
.detail-gallery-thumbs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:9px;
}
.detail-gallery-thumbs button{
  height:72px;
  padding:0;
  overflow:hidden;
  border:1px solid #ded5c6;
  border-radius:9px;
  background:#fff;
  cursor:pointer;
  opacity:.72;
  transition:.18s ease;
}
.detail-gallery-thumbs button:hover,
.detail-gallery-thumbs button.active{
  opacity:1;
  border-color:#9c7a3d;
  box-shadow:0 0 0 2px rgba(156,122,61,.09);
}
.detail-gallery-thumbs img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* ---------- 科普详情 ---------- */
.science-detail-hero-v62{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:34px;
  align-items:center;
  padding:22px 0 18px;
}
.science-detail-copy-v62{
  padding-right:8px;
}
.science-detail-copy-v62 h1{
  margin:0 0 3px;
  color:var(--ink);
}
.detail-latin{
  margin:0 0 14px;
  color:#8e928d;
  font-family:var(--font-ui);
  font-size:15px;
}
.science-detail-lead{
  margin:0;
  max-width:520px;
  color:#59655e;
  line-height:1.78;
}
.science-quick-facts{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:17px;
}
.science-quick-facts span{
  padding:5px 9px;
  border-radius:8px;
  background:#f5f1e8;
  color:#667068;
  font-size:12px;
}
.science-detail-copy-v62 .audio-pill{
  margin-top:18px;
  width:118px;
  min-width:118px;
}

.science-record-panel,
.selection-data-panel{
  margin-top:18px;
  padding:22px;
  border:1px solid var(--ui-border,#dfd5c5);
  border-radius:13px;
  background:#fffdf9;
  box-shadow:var(--ui-shadow,0 8px 22px rgba(45,55,46,.045));
}
.science-record-head,
.selection-data-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-end;
  margin-bottom:15px;
}
.science-record-head h2,
.selection-data-head h2{
  margin:0;
  color:var(--ink);
}
.science-record-head>a{
  color:#516957;
  white-space:nowrap;
}
.selection-data-head>p{
  margin:0;
  color:#8a8f89;
  font-size:12px;
}
.science-record-grid,
.selection-data-grid{
  margin:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #eee5d7;
  border-left:1px solid #eee5d7;
}
.science-record-grid>div,
.selection-data-grid>div{
  min-height:76px;
  padding:12px 13px;
  border-right:1px solid #eee5d7;
  border-bottom:1px solid #eee5d7;
}
.science-record-grid dt,
.selection-data-grid dt{
  margin-bottom:4px;
  color:#91958f;
  font-size:11px;
}
.science-record-grid dd,
.selection-data-grid dd{
  margin:0;
  color:#30483a;
  font-size:14px;
  font-weight:600;
}

.science-detail-sections{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
  margin-top:13px;
}
.science-detail-sections article{
  padding:22px;
  border:1px solid var(--ui-border,#dfd5c5);
  border-radius:12px;
  background:#fffdf9;
  box-shadow:var(--ui-shadow,0 8px 22px rgba(45,55,46,.045));
}
.science-detail-sections h2{
  margin:0 0 7px;
  color:var(--ink);
}
.science-detail-sections p{
  margin:0;
  color:#5f6a63;
}
.science-detail-sections a{
  display:inline-block;
  margin-top:11px;
  color:#9a712e;
}

/* ---------- 甄选详情 ---------- */
.selection-detail-hero-v62{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:38px;
  align-items:center;
  padding:24px 0 18px;
}
.selection-detail-copy-v62 h1{
  margin:0 0 11px;
  color:var(--ink);
}
.selection-detail-copy-v62 .selection-lead{
  margin:0;
  color:#5d685f;
  line-height:1.78;
}
.selection-price-v62{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin:19px 0 14px;
}
.selection-price-v62 span{
  color:#8c918c;
  font-size:11px;
}
.selection-price-v62 strong{
  color:#a06e27;
  font-size:24px;
  font-family:var(--font-brand);
}
.selection-brief-specs{
  display:grid;
  gap:0;
  margin-bottom:20px;
  border-top:1px solid #eee4d5;
}
.selection-brief-specs span{
  padding:8px 0;
  border-bottom:1px solid #eee4d5;
  color:#5f6962;
  font-size:13px;
}

@media(max-width:700px){
  .science-list-card-v61 .listen{
    width:80px;
    min-width:80px;
    flex-basis:80px;
    height:27px;
    font-size:11px;
  }
  .science-location-tag{
    min-height:27px;
    padding:0 10px;
    font-size:11px;
    font-style:normal !important;
  }

  .science-detail-hero-v62,
  .selection-detail-hero-v62{
    grid-template-columns:1fr;
    gap:16px;
    padding-top:14px;
  }
  .science-detail-copy-v62,
  .selection-detail-copy-v62{
    order:1;
    padding:0;
  }
  .science-detail-hero-v62 .detail-gallery,
  .selection-detail-hero-v62 .detail-gallery{
    order:0;
  }
  .detail-gallery-main{
    height:285px;
  }
  .detail-gallery-thumbs{
    gap:6px;
  }
  .detail-gallery-thumbs button{
    height:58px;
  }

  .science-record-panel,
  .selection-data-panel{
    padding:15px;
  }
  .science-record-head,
  .selection-data-head{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
  .science-record-head>a{
    display:none;
  }
  .science-record-grid,
  .selection-data-grid{
    grid-template-columns:1fr 1fr;
  }
  .science-record-grid>div,
  .selection-data-grid>div{
    min-height:68px;
    padding:10px;
  }
  .science-detail-sections{
    grid-template-columns:1fr;
    gap:10px;
  }
  .science-detail-sections article{
    padding:16px;
  }
}


/* ============================================================
   V6.3.7.2 — 修复科普列表位置标签被通用 span 样式覆盖的问题
   说明：旧规则 `.science-list-card-v61 span` 的优先级高于
   `.science-location-tag`，导致“1号棚/研学区”仍显示浅绿色。
   这里使用更精确选择器，只覆盖位置标签，不影响“水果/热门”等标签。
   ============================================================ */
.science-list-card-v61 .science-card-actions .science-location-tag{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:auto !important;
  height:29px !important;
  min-height:29px !important;
  padding:0 10px !important;
  margin:0 !important;
  border:1px solid #d7bd8a !important;
  border-radius:999px !important;
  background:#fffaf0 !important;
  color:#9a712e !important;
  font-family:var(--font-ui) !important;
  font-size:12px !important;
  font-weight:500 !important;
  font-style:normal !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}

@media(max-width:700px){
  .science-list-card-v61 .science-card-actions .science-location-tag{
    height:27px !important;
    min-height:27px !important;
    padding:0 8px !important;
    font-size:11px !important;
  }
}


/* ============================================================
   V6.3.7.4 — science/list.html 语音按钮与首页完全统一
   只修科普列表卡片底部“听介绍 / 播放中”的尺寸、位置与状态。
   ============================================================ */
.science-list-card-v61 .science-card-actions{
  min-height:30px !important;
  padding-top:8px !important;
  margin-top:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  overflow:visible !important;
}

.science-list-card-v61 .science-card-actions .listen{
  box-sizing:border-box !important;
  width:88px !important;
  min-width:88px !important;
  max-width:88px !important;
  flex:0 0 88px !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 8px !important;
  margin:0 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;

  border:1px solid #d4b878 !important;
  border-radius:999px !important;
  background:#fffaf0 !important;
  color:#926b27 !important;

  font-family:var(--font-ui) !important;
  font-size:12px !important;
  font-weight:600 !important;
  font-style:normal !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;

  box-shadow:none !important;
  transform:none !important;
}

.science-list-card-v61 .science-card-actions .listen svg{
  width:12px !important;
  height:12px !important;
  min-width:12px !important;
  flex:0 0 12px !important;
  display:block !important;
}

.science-list-card-v61 .science-card-actions .listen.playing{
  border-color:#315c46 !important;
  background:#315c46 !important;
  color:#fff !important;
  box-shadow:0 5px 12px rgba(40,83,61,.14) !important;
}

.science-list-card-v61 .science-card-actions .listen.playing .pause-icon{
  fill:currentColor !important;
  stroke:none !important;
}

.science-list-card-v61 .science-card-actions .listen:hover:not(.playing){
  border-color:#b99551 !important;
  background:#fff7e9 !important;
}

@media(max-width:700px){
  .science-list-card-v61 .science-card-actions{
    min-height:28px !important;
    gap:6px !important;
  }

  .science-list-card-v61 .science-card-actions .listen{
    width:82px !important;
    min-width:82px !important;
    max-width:82px !important;
    flex-basis:82px !important;
    height:28px !important;
    min-height:28px !important;
    padding:0 6px !important;
    font-size:11px !important;
    gap:4px !important;
  }

  .science-list-card-v61 .science-card-actions .listen svg{
    width:11px !important;
    height:11px !important;
    min-width:11px !important;
    flex-basis:11px !important;
  }
}


/* ============================================================
   V6.3.7.5 — 修复 science/list 语音按钮内部文字被通用 span 样式包裹
   根因：`.science-list-card-v61 span` 给按钮内部 `<span>` 也加了
   浅绿色背景和胶囊内边距，造成“播放中”出现二次胶囊。
   这里明确让语音按钮内部 span 只作为纯文字，不参与卡片标签样式。
   ============================================================ */
.science-list-card-v61 .science-card-actions .listen > span,
.science-list-card-v61 .science-card-actions .listen.playing > span{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:inherit !important;
  font-family:var(--font-ui) !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  font-style:normal !important;
  line-height:1 !important;
  white-space:nowrap !important;
}


/* V6.3.7.6 — 科普列表“1号棚/研学区”等位置标签文字严格居中 */
.science-list-card-v61 .science-card-actions .science-location-tag{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  vertical-align:middle !important;
  line-height:29px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

@media(max-width:700px){
  .science-list-card-v61 .science-card-actions .science-location-tag{
    line-height:27px !important;
  }
}


/* ============================================================
   V6.3.7.7 — science/detail.html 详情页精修
   1. 面包屑与顶部导航拉开距离
   2. 右下“园区种植信息”改为 3 款可点击相关水果
   ============================================================ */

/* 面包屑不要紧贴 header 下沿 */
.science-detail-v62 > .crumb{
  margin-top:18px !important;
  margin-bottom:20px !important;
  line-height:1.5;
}

/* 右下相关水果卡片 */
.science-related-panel{
  padding:20px !important;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.science-related-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.science-related-head h2{
  margin:0 !important;
}
.science-related-head > a{
  color:#8c6a2d;
  font-size:12px;
  white-space:nowrap;
}

.related-fruit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:auto;
}
.related-fruit-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #e2d7c7;
  border-radius:10px;
  background:#fffdfa;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.related-fruit-card:hover{
  transform:translateY(-2px);
  border-color:#cfb47f;
  box-shadow:0 7px 16px rgba(51,65,53,.07);
}
.related-fruit-card img{
  width:100%;
  height:88px;
  object-fit:cover;
  display:block;
}
.related-fruit-card > div{
  padding:8px 9px 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
}
.related-fruit-card strong{
  color:#294636;
  font-size:13px;
  line-height:1.25;
}
.related-fruit-card span{
  flex:0 0 auto;
  padding:2px 6px;
  border:1px solid #dfd6c7;
  border-radius:999px;
  background:#fff;
  color:#7d817c;
  font-size:10px;
  line-height:1.2;
}

/* 让“科普简介”和“相关水果”两张卡保持同高、同节奏 */
.science-detail-sections > article{
  min-height:195px;
}

@media(max-width:700px){
  .science-detail-v62 > .crumb{
    margin-top:12px !important;
    margin-bottom:14px !important;
  }

  .science-related-panel{
    padding:15px !important;
  }

  .science-related-head{
    margin-bottom:10px;
  }

  .related-fruit-grid{
    gap:7px;
  }

  .related-fruit-card img{
    height:72px;
  }

  .related-fruit-card > div{
    padding:7px;
    display:block;
  }

  .related-fruit-card strong{
    display:block;
    font-size:12px;
  }

  .related-fruit-card span{
    display:inline-flex;
    margin-top:4px;
    font-size:9px;
  }

  .science-detail-sections > article{
    min-height:0;
  }
}


/* ============================================================
   V6.3.7.8 — 手机版页面底部收紧
   根因：此前 body 和 site-footer 同时为固定底部导航预留大块空间，
   导致滚动到底部后 Footer 与固定底栏之间出现过长空白。
   现在只由 Footer 负责避让底栏，取消 body 的重复预留。
   ============================================================ */
@media (max-width:700px), (hover:none) and (pointer:coarse){
  html,
  body{
    margin-bottom:0 !important;
  }

  body{
    padding-bottom:0 !important;
  }

  .site-footer{
    /* 仅预留底部导航自身高度，不再叠加第二层页面空白 */
    padding-bottom:calc(82px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .mobile-bottom{
    bottom:calc(6px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* JS 识别为移动端时也使用同一规则，避免旧 hardening 规则再次撑高页面 */
html.mobile-ui body{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}
html.mobile-ui .site-footer{
  padding-bottom:calc(82px + env(safe-area-inset-bottom, 0px)) !important;
}
html.mobile-ui .mobile-bottom{
  bottom:calc(6px + env(safe-area-inset-bottom, 0px)) !important;
}

@media(max-width:430px){
  .mobile-bottom,
  html.mobile-ui .mobile-bottom{
    bottom:calc(5px + env(safe-area-inset-bottom, 0px)) !important;
  }
}


/* ============================================================
   V6.3.8 — 正式品牌 LOGO 替换
   使用透明底新版“两岸农业科技产业园”横版 LOGO。
   中文：两岸农业科技产业园
   英文：CROSS-STRAIT AGRICULTURAL SCIENCE AND TECHNOLOGY INDUSTRIAL PARK
   ============================================================ */

/* PC 顶部：保持 Header 高度不变，按真实 LOGO 比例展示，不拉伸 */
.brand{
  width:225px !important;
  min-width:225px !important;
  height:72px;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible;
}
.brand img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:225px !important;
  max-height:61px !important;
  object-fit:contain !important;
}

/* Footer 仍使用同一枚正式透明 LOGO。
   因 Footer 为深绿色，增加暖白品牌底板，确保绿色文字清晰。 */
.footer-brand img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:265px !important;
  max-height:86px !important;
  margin:0 0 12px 0 !important;
  padding:7px 10px !important;
  border-radius:10px !important;
  background:#fffdf8 !important;
  border:1px solid rgba(216,205,185,.72) !important;
  box-sizing:border-box !important;
  opacity:1 !important;
}

/* 中等屏幕 */
@media(max-width:1180px) and (min-width:701px){
  .brand{
    width:198px !important;
    min-width:198px !important;
  }
  .brand img{
    max-width:198px !important;
    max-height:56px !important;
  }
}

/* 手机版顶部：LOGO 清晰但不过度占用导航宽度 */
@media(max-width:700px){
  .brand{
    width:190px !important;
    min-width:190px !important;
    height:64px !important;
  }
  .brand img{
    max-width:190px !important;
    max-height:55px !important;
  }

  .footer-brand img{
    max-width:250px !important;
    max-height:82px !important;
  }
}

@media(max-width:430px){
  .brand{
    width:178px !important;
    min-width:178px !important;
  }
  .brand img{
    max-width:178px !important;
    max-height:52px !important;
  }
}


/* ============================================================
   V6.3.9 PREVIEW — 首页 Hero A/B 方案
   两个方案仅用于效果比较，不改变其他页面。
   同时落实上一条已确认修改：PC 顶部正式 LOGO 放大。
   ============================================================ */

/* V0.3.25: 已停用旧 A/B 预览页 Header 差异；首页和内页统一正式版尺寸。 */

/* ============================================================
   方案一
   左侧奶白渐变阅读区 + 深绿文字，不做明显内容卡片
   ============================================================ */
body.hero-option1 .hero-v61{
  height:445px;
  background:#e7eadf;
}
body.hero-option1 .hero-v61 .hero-slide{
  filter:saturate(.98) contrast(1.055) brightness(.96);
}
body.hero-option1 .hero-v61:after{
  background:
    linear-gradient(90deg,
      rgba(251,248,239,.97) 0%,
      rgba(250,246,234,.94) 21%,
      rgba(249,241,218,.80) 36%,
      rgba(248,237,203,.52) 49%,
      rgba(248,237,203,.20) 60%,
      rgba(248,237,203,0) 73%) !important;
}
body.hero-option1 .hero-v61 .hero-glow{
  background:
    radial-gradient(circle at 23% 35%,rgba(255,238,177,.22),transparent 31%) !important;
}
body.hero-option1 .hero-v61 .hero-content{
  align-items:center;
}
body.hero-option1 .hero-v61 .hero-copy{
  max-width:650px;
  padding-bottom:42px;
}
body.hero-option1 .hero-v61 .hero-copy h1{
  max-width:650px;
  margin-bottom:39px;
  color:#143b2b;
  font-size:46px;
  font-weight:800;
  line-height:1.22;
  letter-spacing:.012em;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}
body.hero-option1 .hero-v61 .hero-copy h1:after{
  bottom:-19px;
  width:54px;
  height:3px;
  background:#315a45;
}
body.hero-option1 .hero-v61 .hero-copy p{
  max-width:585px;
  color:#405148;
  font-size:16px;
  font-weight:500;
  line-height:1.82;
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
body.hero-option1 .hero-v61 .hero-actions{
  margin-top:24px;
}
body.hero-option1 .hero-v61 .hero-actions .btn{
  height:49px;
}
body.hero-option1 .hero-v61 .hero-actions .btn.primary{
  background:#173f2d;
  box-shadow:0 9px 22px rgba(23,63,45,.16);
}
body.hero-option1 .hero-v61 .hero-actions .btn.outline{
  background:rgba(255,253,248,.94);
  border-color:#b58b42;
  color:#31473b;
  box-shadow:0 5px 16px rgba(64,64,45,.06);
}
body.hero-option1 .hero-v61 .hero-dots{
  bottom:26px;
}
body.hero-option1 .hero-v61 .hero-dots button{
  width:9px;
  height:9px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(49,90,69,.24);
}
body.hero-option1 .hero-v61 .hero-dots button.on{
  width:10px;
  height:10px;
  background:#315a45;
  border-color:#315a45;
}

/* ============================================================
   方案二
   背景更完整 + 半透明磨砂内容托底
   托底不是厚重“卡片”，只负责把文字从复杂温室背景中托出来。
   ============================================================ */
body.hero-option2 .hero-v61{
  height:445px;
  background:#e3e8de;
}
body.hero-option2 .hero-v61 .hero-slide{
  filter:saturate(1.02) contrast(1.035) brightness(.94);
}
body.hero-option2 .hero-v61:after{
  background:
    linear-gradient(90deg,
      rgba(21,55,39,.11) 0%,
      rgba(21,55,39,.04) 30%,
      rgba(21,55,39,0) 62%),
    linear-gradient(180deg,
      rgba(255,255,255,.02),
      rgba(20,47,35,.07)) !important;
}
body.hero-option2 .hero-v61 .hero-glow{
  background:
    radial-gradient(circle at 22% 45%,rgba(255,229,160,.16),transparent 34%) !important;
}
body.hero-option2 .hero-v61 .hero-content{
  align-items:center;
}
body.hero-option2 .hero-v61 .hero-copy{
  position:relative;
  max-width:650px;
  padding:29px 32px 27px;
  margin-bottom:32px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:19px;
  background:rgba(255,252,245,.78);
  -webkit-backdrop-filter:blur(9px) saturate(1.08);
  backdrop-filter:blur(9px) saturate(1.08);
  box-shadow:
    0 18px 45px rgba(31,51,39,.10),
    inset 0 1px 0 rgba(255,255,255,.55);
}
body.hero-option2 .hero-v61 .hero-copy:before{
  content:"";
  position:absolute;
  left:0;
  top:29px;
  bottom:29px;
  width:4px;
  border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#b98b37,#d7b96f);
}
body.hero-option2 .hero-v61 .hero-copy h1{
  max-width:590px;
  margin-bottom:34px;
  color:#173f2d;
  font-size:44px;
  font-weight:800;
  line-height:1.23;
  letter-spacing:.012em;
  text-shadow:none;
}
body.hero-option2 .hero-v61 .hero-copy h1:after{
  bottom:-17px;
  width:47px;
  height:2px;
  background:#a87930;
}
body.hero-option2 .hero-v61 .hero-copy p{
  max-width:560px;
  color:#48584f;
  font-size:15px;
  font-weight:500;
  line-height:1.78;
}
body.hero-option2 .hero-v61 .hero-actions{
  margin-top:21px;
}
body.hero-option2 .hero-v61 .hero-actions .btn{
  height:47px;
}
body.hero-option2 .hero-v61 .hero-actions .btn.primary{
  background:#173f2d;
  box-shadow:0 8px 20px rgba(23,63,45,.15);
}
body.hero-option2 .hero-v61 .hero-actions .btn.outline{
  background:rgba(255,255,255,.74);
  border-color:#b89455;
  color:#34483e;
}
body.hero-option2 .hero-v61 .hero-dots{
  bottom:25px;
}
body.hero-option2 .hero-v61 .hero-dots button{
  width:9px;
  height:9px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 2px 7px rgba(25,48,35,.18);
}
body.hero-option2 .hero-v61 .hero-dots button.on{
  width:10px;
  height:10px;
  background:#b98b37;
  border-color:#fff;
}

/* ---------- 平板：两个方案共同收敛 ---------- */
@media(max-width:1180px) and (min-width:701px){
  body.hero-option1 .hero-v61 .hero-copy h1,
  body.hero-option2 .hero-v61 .hero-copy h1{
    font-size:40px;
  }
}

/* ---------- 手机：维持既有移动版结构，只做可读性同步 ---------- */
@media(max-width:700px){
  body.hero-option1 .hero-v61,
  body.hero-option2 .hero-v61{
    height:420px;
  }
  body.hero-option1 .hero-v61 .hero-copy h1,
  body.hero-option2 .hero-v61 .hero-copy h1{
    font-size:30px;
  }
  body.hero-option1 .hero-v61:after{
    background:
      linear-gradient(180deg,
        rgba(250,247,239,.38) 0%,
        rgba(250,247,239,.48) 38%,
        rgba(250,247,239,.92) 100%) !important;
  }
  body.hero-option2 .hero-v61:after{
    background:
      linear-gradient(180deg,
        rgba(247,243,231,.12) 0%,
        rgba(247,243,231,.24) 45%,
        rgba(247,243,231,.75) 100%) !important;
  }
  body.hero-option2 .hero-v61 .hero-copy{
    max-width:calc(100% - 12px);
    padding:20px 20px 19px;
    margin:0 6px 47px;
    border-radius:15px;
    background:rgba(255,252,245,.80);
  }
  body.hero-option2 .hero-v61 .hero-copy:before{
    top:20px;
    bottom:20px;
    width:3px;
  }
}


/* ============================================================
   V6.3.9 FORMAL
   - 首页正式采用方案一
   - 全站二级导航收紧
   - selection/detail 增加商品详情 + 相关商品
   ============================================================ */

/* ---------- 正式版：PC 顶部 Logo 放大并保持全站一致 ---------- */
@media(min-width:1181px){
  .site-header,
  .header-inner{
    height:86px;
  }
  .brand{
    width:310px !important;
    min-width:310px !important;
    height:86px !important;
  }
  .brand img{
    max-width:310px !important;
    max-height:78px !important;
  }
  .desktop-nav a,
  .nav-more,
  .nav-more-btn{
    height:86px !important;
  }
  .nav-more-menu{
    top:76px !important;
  }
}

/* ---------- 二级导航：紧凑、精细，不再像大面板 ---------- */
.nav-more-menu{
  left:50% !important;
  right:auto !important;
  width:136px !important;
  min-width:136px !important;
  max-width:136px !important;
  padding:5px !important;
  border-radius:10px !important;
  transform:translate(-50%,-5px) !important;
  box-shadow:0 10px 26px rgba(38,54,44,.11) !important;
}
.nav-more:hover .nav-more-menu,
.nav-more:focus-within .nav-more-menu{
  transform:translate(-50%,0) !important;
}
.nav-more-menu a{
  box-sizing:border-box !important;
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 13px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  border-radius:7px !important;
  background:transparent !important;
  color:#33453b !important;
  white-space:nowrap !important;
}
.nav-more-menu a:hover{
  background:#f5f0e6 !important;
  color:#244333 !important;
}
.nav-more-menu a.active{
  background:#f3eee3 !important;
  color:#244333 !important;
  font-weight:600 !important;
}
.nav-more-menu a::after,
.nav-more-menu a.active::after{
  content:none !important;
  display:none !important;
}

/* ---------- selection/detail：商品详情 + 相关商品 ---------- */
.selection-detail-more{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:14px;
}
.selection-detail-description,
.selection-related-panel{
  padding:22px;
  border:1px solid var(--ui-border,#dfd5c5);
  border-radius:13px;
  background:#fffdf9;
  box-shadow:var(--ui-shadow,0 8px 22px rgba(45,55,46,.045));
}
.selection-detail-description h2,
.selection-related-panel h2{
  margin:0;
  color:var(--ink);
}
.selection-detail-description p{
  margin:14px 0 0;
  color:#5f6962;
  line-height:1.82;
}
.selection-detail-description .product-detail-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:16px;
}
.selection-detail-description .product-detail-meta span{
  padding:5px 9px;
  border:1px solid #e2d8c8;
  border-radius:999px;
  background:#faf7f0;
  color:#777e78;
  font-size:11px;
}

.selection-related-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.selection-related-head > a{
  color:#946f2f;
  font-size:12px;
  white-space:nowrap;
}
.selection-related-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.selection-related-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #e2d8c8;
  border-radius:10px;
  background:#fffdf9;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.selection-related-card:hover{
  transform:translateY(-2px);
  border-color:#cdb27c;
  box-shadow:0 7px 16px rgba(51,65,53,.07);
}
.selection-related-card img{
  width:100%;
  height:96px;
  display:block;
  object-fit:cover;
}
.selection-related-card > div{
  padding:9px 10px 10px;
}
.selection-related-card strong{
  display:block;
  color:#2b4737;
  font-size:13px;
  line-height:1.3;
}
.selection-related-card span{
  display:inline-flex;
  margin-top:6px;
  padding:2px 7px;
  border:1px solid #ded4c5;
  border-radius:999px;
  background:#fff;
  color:#82867f;
  font-size:10px;
}

/* 商品详情页底部留足呼吸，但不再过长 */
.selection-detail-v62{
  padding-bottom:48px;
}

@media(max-width:700px){
  .selection-detail-more{
    grid-template-columns:1fr;
    gap:10px;
  }
  .selection-detail-description,
  .selection-related-panel{
    padding:16px;
  }
  .selection-related-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
  }
  .selection-related-card img{
    height:74px;
  }
  .selection-related-card > div{
    padding:7px;
  }
  .selection-related-card strong{
    font-size:11px;
  }
  .selection-related-card span{
    font-size:9px;
    padding:2px 5px;
  }
}


/* ============================================================
   V6.3.9.1 — 导航与面包屑节奏修复
   1) “走进园区”二级菜单强制收紧，解决旧规则继承导致高度过大
   2) 详情页面包屑统一与 Header 保持标准距离
   ============================================================ */

/* ---------- PC 二级导航：最终覆盖，避免被 .desktop-nav a 等旧规则撑高 ---------- */
@media(min-width:701px){
  .site-header .desktop-nav .nav-more{
    position:relative !important;
    height:86px !important;
    min-height:86px !important;
  }

  .site-header .desktop-nav .nav-more > .nav-more-menu{
    box-sizing:border-box !important;
    top:72px !important;
    left:50% !important;
    right:auto !important;
    width:132px !important;
    min-width:132px !important;
    max-width:132px !important;
    height:auto !important;
    min-height:0 !important;
    max-height:94px !important;
    padding:5px !important;
    margin:0 !important;
    overflow:hidden !important;

    display:grid !important;
    grid-template-rows:40px 40px !important;
    gap:2px !important;

    border:1px solid #e3dacb !important;
    border-radius:9px !important;
    background:#fffdf9 !important;
    box-shadow:0 9px 22px rgba(38,54,44,.10) !important;

    opacity:0;
    visibility:hidden;
    transform:translate(-50%,-4px) !important;
    transition:opacity .16s ease, transform .16s ease, visibility .16s ease !important;
    z-index:120 !important;
  }

  .site-header .desktop-nav .nav-more:hover > .nav-more-menu,
  .site-header .desktop-nav .nav-more:focus-within > .nav-more-menu{
    opacity:1 !important;
    visibility:visible !important;
    transform:translate(-50%,0) !important;
  }

  .site-header .desktop-nav .nav-more > .nav-more-menu > a{
    box-sizing:border-box !important;
    width:100% !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    margin:0 !important;
    padding:0 12px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    border:0 !important;
    border-radius:6px !important;
    background:transparent !important;
    color:#34463c !important;

    font-size:14px !important;
    font-weight:400 !important;
    line-height:40px !important;
    white-space:nowrap !important;
  }

  .site-header .desktop-nav .nav-more > .nav-more-menu > a:hover{
    background:#f5f0e6 !important;
    color:#244333 !important;
  }

  .site-header .desktop-nav .nav-more > .nav-more-menu > a.active{
    background:#f2ede2 !important;
    color:#244333 !important;
    font-weight:600 !important;
  }

  .site-header .desktop-nav .nav-more > .nav-more-menu > a::after{
    content:none !important;
    display:none !important;
  }
}

/* ---------- 全站详情页面包屑：统一 Header 下方节奏 ---------- */
.detail-page > .crumb,
.science-detail-v62 > .crumb,
.selection-detail-v62 > .crumb{
  margin-top:20px !important;
  margin-bottom:22px !important;
  line-height:1.5 !important;
}

/* 详情页的第一个主内容块不再额外把面包屑挤回顶部 */
.selection-detail-v62,
.science-detail-v62{
  padding-top:0 !important;
}

@media(max-width:700px){
  .detail-page > .crumb,
  .science-detail-v62 > .crumb,
  .selection-detail-v62 > .crumb{
    margin-top:14px !important;
    margin-bottom:16px !important;
  }
}


/* ============================================================
   V6.3.9.2 — 首页 Hero 手机版专项优化
   PC 保持 V6.3.9.1 方案一不变。
   目标：
   1. 长标题不再贴边；
   2. 字号适当缩小，四组轮播文案都能稳定排版；
   3. 手机版遮罩从“整张发白”改为“文字区清晰、下部图片保留”；
   4. 按钮与轮播点位置同步收紧。
   ============================================================ */

@media(max-width:700px){
  body.hero-option1 .hero-v61{
    height:400px !important;
  }

  /* 手机端不再使用 PC 的横向奶白遮罩。
     改成上部阅读区更实、向下逐渐透明，保留图片质感。 */
  body.hero-option1 .hero-v61:after{
    background:
      linear-gradient(180deg,
        rgba(250,247,239,.88) 0%,
        rgba(250,247,239,.78) 28%,
        rgba(250,247,239,.60) 50%,
        rgba(250,247,239,.28) 72%,
        rgba(250,247,239,.08) 100%) !important;
  }

  body.hero-option1 .hero-v61 .hero-glow{
    background:
      radial-gradient(circle at 24% 26%,
        rgba(255,239,188,.24) 0%,
        rgba(255,239,188,.10) 30%,
        transparent 58%) !important;
  }

  body.hero-option1 .hero-v61 .hero-content{
    align-items:flex-start !important;
    padding-top:42px !important;
  }

  body.hero-option1 .hero-v61 .hero-copy{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 24px !important;
    padding-bottom:0 !important;
  }

  /* 四张 Banner 标题使用同一套移动端规则。
     26px 可避免“AI科普馆 · 认识园区生命”等长标题贴边。 */
  body.hero-option1 .hero-v61 .hero-copy h1{
    width:100% !important;
    max-width:330px !important;
    margin:0 0 30px !important;
    color:#153d2d !important;
    font-size:26px !important;
    font-weight:800 !important;
    line-height:1.30 !important;
    letter-spacing:0 !important;
    text-wrap:balance;
    overflow-wrap:break-word;
  }

  body.hero-option1 .hero-v61 .hero-copy h1:after{
    left:0 !important;
    bottom:-14px !important;
    width:38px !important;
    height:2px !important;
  }

  body.hero-option1 .hero-v61 .hero-copy p{
    width:100% !important;
    max-width:320px !important;
    margin:0 !important;
    color:#415148 !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.72 !important;
    letter-spacing:0 !important;
    text-shadow:0 1px 0 rgba(255,255,255,.28) !important;
  }

  body.hero-option1 .hero-v61 .hero-actions{
    margin-top:19px !important;
  }

  body.hero-option1 .hero-v61 .hero-actions .btn{
    height:43px !important;
    padding:0 18px !important;
    font-size:14px !important;
  }

  /* 手机端继续只保留主操作按钮，避免两个按钮挤占图片阅读区。 */
  body.hero-option1 .hero-v61 .hero-actions .btn.outline{
    display:none !important;
  }

  body.hero-option1 .hero-v61 .hero-dots{
    left:24px !important;
    bottom:21px !important;
    gap:8px !important;
  }

  body.hero-option1 .hero-v61 .hero-dots button{
    width:8px !important;
    height:8px !important;
  }

  body.hero-option1 .hero-v61 .hero-dots button.on{
    width:9px !important;
    height:9px !important;
  }

  /* 每张图分别微调焦点，尽量给文字区留出更干净的背景。 */
  body.hero-option1 .hero-v61 .hero-slide:nth-child(1){
    background-position:61% center !important;
  }
  body.hero-option1 .hero-v61 .hero-slide:nth-child(2){
    background-position:57% center !important;
  }
  body.hero-option1 .hero-v61 .hero-slide:nth-child(3){
    background-position:64% center !important;
  }
  body.hero-option1 .hero-v61 .hero-slide:nth-child(4){
    background-position:55% center !important;
  }
}

@media(max-width:430px){
  body.hero-option1 .hero-v61{
    height:390px !important;
  }

  body.hero-option1 .hero-v61 .hero-content{
    padding-top:38px !important;
  }

  body.hero-option1 .hero-v61 .hero-copy{
    padding-left:21px !important;
    padding-right:21px !important;
  }

  body.hero-option1 .hero-v61 .hero-copy h1{
    max-width:315px !important;
    font-size:25px !important;
    line-height:1.31 !important;
  }

  body.hero-option1 .hero-v61 .hero-copy p{
    max-width:305px !important;
    font-size:13.5px !important;
    line-height:1.70 !important;
  }

  body.hero-option1 .hero-v61 .hero-dots{
    left:21px !important;
    bottom:19px !important;
  }
}


/* ============================================================
   V6.3.9.3 — 首页 Hero 手机版正式优化
   基线：V6.3.9.2
   采用之前确认的手机版方案 A，但进一步修正：
   1. 标题/副文案左右留白严格对称
   2. Hero 高度再收紧
   3. 按钮与文字保持独立间距
   4. PC / 手机左下均明确显示可点击轮播圆点
   ============================================================ */

/* ---------- PC：明确保留左下轮播圆点 ---------- */
@media(min-width:701px){
  body.hero-option1 .hero-v61 .hero-content{
    box-sizing:border-box !important;
  }

  body.hero-option1 .hero-v61 .hero-dots{
    left:0 !important;
    right:auto !important;
    bottom:24px !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    z-index:8 !important;
  }

  body.hero-option1 .hero-v61 .hero-dots button{
    display:block !important;
    width:8px !important;
    height:8px !important;
    border:1px solid rgba(255,255,255,.92) !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.82) !important;
    box-shadow:0 2px 7px rgba(28,55,41,.16) !important;
  }

  body.hero-option1 .hero-v61 .hero-dots button.on{
    width:9px !important;
    height:9px !important;
    background:#315a45 !important;
    border-color:#fff !important;
    transform:none !important;
  }
}

/* ---------- 手机：正式采用方案 A 的收紧版本 ---------- */
@media(max-width:700px){
  body.hero-option1 .hero-v61{
    height:365px !important;
    min-height:365px !important;
    max-height:365px !important;
    border-radius:20px !important;
    overflow:hidden !important;
  }

  /* 上部清晰、下部保留图片，不再整张发白 */
  body.hero-option1 .hero-v61:after{
    background:
      linear-gradient(180deg,
        rgba(250,247,239,.94) 0%,
        rgba(250,247,239,.88) 28%,
        rgba(250,247,239,.66) 50%,
        rgba(250,247,239,.25) 72%,
        rgba(250,247,239,.04) 100%) !important;
  }

  body.hero-option1 .hero-v61 .hero-glow{
    background:
      radial-gradient(circle at 24% 24%,
        rgba(255,239,188,.20) 0%,
        rgba(255,239,188,.08) 32%,
        transparent 58%) !important;
  }

  /* 关键修复：
     hero-content 之前 width:100% + padding 会把内容撑出右侧；
     现在使用 border-box，左右留白严格一致。 */
  body.hero-option1 .hero-v61 .hero-content{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:28px 28px 0 !important;
    align-items:flex-start !important;
    overflow:visible !important;
  }

  body.hero-option1 .hero-v61 .hero-copy{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  body.hero-option1 .hero-v61 .hero-copy h1{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 25px !important;
    padding:0 !important;
    color:#153d2d !important;
    font-size:23px !important;
    font-weight:800 !important;
    line-height:1.30 !important;
    letter-spacing:0 !important;
    text-align:left !important;
    text-wrap:balance;
    overflow-wrap:anywhere;
  }

  body.hero-option1 .hero-v61 .hero-copy h1:after{
    left:0 !important;
    bottom:-12px !important;
    width:34px !important;
    height:2px !important;
  }

  body.hero-option1 .hero-v61 .hero-copy p{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    color:#435149 !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.68 !important;
    letter-spacing:0 !important;
    text-align:left !important;
    overflow-wrap:anywhere;
  }

  /* 按钮单独形成操作区，不紧贴副文案 */
  body.hero-option1 .hero-v61 .hero-actions{
    margin-top:23px !important;
  }

  body.hero-option1 .hero-v61 .hero-actions .btn.primary{
    height:40px !important;
    min-width:172px !important;
    padding:0 19px !important;
    gap:15px !important;
    border-radius:999px !important;
    font-size:12.5px !important;
  }

  body.hero-option1 .hero-v61 .hero-actions .btn.outline{
    display:none !important;
  }

  /* 左下轮播圆点：
     hero-content 现在 box-sizing:border-box，因此 bottom 不会再被 padding 顶出 Hero。 */
  body.hero-option1 .hero-v61 .hero-dots{
    left:28px !important;
    right:auto !important;
    bottom:17px !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    z-index:9 !important;
  }

  body.hero-option1 .hero-v61 .hero-dots button{
    display:block !important;
    width:7px !important;
    height:7px !important;
    min-width:7px !important;
    min-height:7px !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.94) !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.86) !important;
    box-shadow:0 2px 6px rgba(30,55,42,.18) !important;
    opacity:1 !important;
  }

  body.hero-option1 .hero-v61 .hero-dots button.on{
    width:8px !important;
    height:8px !important;
    min-width:8px !important;
    min-height:8px !important;
    background:#315a45 !important;
    border-color:#fff !important;
    transform:none !important;
  }

  /* 各图移动端焦点 */
  body.hero-option1 .hero-v61 .hero-slide:nth-child(1){background-position:60% 58% !important;}
  body.hero-option1 .hero-v61 .hero-slide:nth-child(2){background-position:58% 57% !important;}
  body.hero-option1 .hero-v61 .hero-slide:nth-child(3){background-position:62% 58% !important;}
  body.hero-option1 .hero-v61 .hero-slide:nth-child(4){background-position:56% 57% !important;}
}

@media(max-width:430px){
  body.hero-option1 .hero-v61{
    height:350px !important;
    min-height:350px !important;
    max-height:350px !important;
  }

  body.hero-option1 .hero-v61 .hero-content{
    padding:25px 24px 0 !important;
  }

  body.hero-option1 .hero-v61 .hero-copy h1{
    font-size:22px !important;
    line-height:1.31 !important;
    margin-bottom:23px !important;
  }

  body.hero-option1 .hero-v61 .hero-copy p{
    font-size:12.5px !important;
    line-height:1.66 !important;
  }

  body.hero-option1 .hero-v61 .hero-actions{
    margin-top:20px !important;
  }

  body.hero-option1 .hero-v61 .hero-actions .btn.primary{
    height:39px !important;
    min-width:166px !important;
    padding:0 17px !important;
    font-size:12px !important;
  }

  body.hero-option1 .hero-v61 .hero-dots{
    left:24px !important;
    bottom:15px !important;
  }
}


/* ============================================================
   V6.3.9.4 — PC 首页轮播圆点位置修正
   将圆点从 Hero 最底部（会被四大栏目叠层遮挡）上移到按钮下方左侧，
   即用户截图标注区域。手机端继续沿用 V6.3.9.3。
   ============================================================ */
@media(min-width:701px){
  body.hero-option1 .hero-v61 .hero-dots{
    left:0 !important;
    right:auto !important;
    bottom:82px !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    z-index:12 !important;
    pointer-events:auto !important;
  }

  body.hero-option1 .hero-v61 .hero-dots button{
    appearance:none !important;
    display:block !important;
    box-sizing:border-box !important;
    width:10px !important;
    min-width:10px !important;
    height:10px !important;
    min-height:10px !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid rgba(49,90,69,.35) !important;
    border-radius:50% !important;
    background:rgba(255,253,248,.92) !important;
    box-shadow:0 2px 7px rgba(29,53,40,.12) !important;
    opacity:1 !important;
    cursor:pointer !important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease !important;
  }

  body.hero-option1 .hero-v61 .hero-dots button:hover{
    border-color:#315a45 !important;
    transform:scale(1.08) !important;
  }

  body.hero-option1 .hero-v61 .hero-dots button.on{
    width:10px !important;
    min-width:10px !important;
    height:10px !important;
    min-height:10px !important;
    border-color:#315a45 !important;
    background:#315a45 !important;
    transform:none !important;
  }
}


/* ============================================================
   V6.3.9.5 — PC 首页轮播与 CTA 修正
   1. PC 轮播圆点改为 Hero 底部水平居中
   2. 四张 Banner 主按钮跟随内容切换
   ============================================================ */
@media(min-width:701px){
  body.hero-option1 .hero-v61 .hero-dots{
    left:50% !important;
    right:auto !important;
    bottom:78px !important;
    transform:translateX(-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    z-index:14 !important;
    pointer-events:auto !important;
  }

  body.hero-option1 .hero-v61 .hero-dots button{
    width:10px !important;
    min-width:10px !important;
    height:10px !important;
    min-height:10px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(49,90,69,.34) !important;
    border-radius:50% !important;
    background:rgba(255,253,248,.94) !important;
    box-shadow:0 2px 7px rgba(29,53,40,.13) !important;
  }

  body.hero-option1 .hero-v61 .hero-dots button.on{
    width:10px !important;
    min-width:10px !important;
    height:10px !important;
    min-height:10px !important;
    border-color:#315a45 !important;
    background:#315a45 !important;
    transform:none !important;
  }
}


/* ============================================================
   V6.3.9.6 — PC Header LOGO 比例再次优化
   目标：让 LOGO 更接近左侧 Header 区域的视觉占比，
   解决“LOGO 偏小、与导航尺度不协调”的问题。
   手机端保持原尺寸不变。
   ============================================================ */

@media(min-width:1181px){
  .site-header,
  .header-inner{
    height:96px !important;
  }

  .header-inner{
    gap:30px !important;
  }

  /* 宽屏约 400px，中等桌面至少 330px，保持响应式 */
  .brand{
    width:clamp(330px,22vw,400px) !important;
    min-width:clamp(330px,22vw,400px) !important;
    height:96px !important;
    flex:0 0 clamp(330px,22vw,400px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .brand img{
    width:100% !important;
    height:auto !important;
    max-width:400px !important;
    max-height:88px !important;
    object-fit:contain !important;
    object-position:left center !important;
  }

  .desktop-nav{
    gap:clamp(20px,1.55vw,30px) !important;
  }

  .desktop-nav a,
  .nav-more,
  .nav-more-btn{
    height:96px !important;
  }

  .desktop-nav a.active:after{
    bottom:16px !important;
  }

  .nav-more-menu{
    top:82px !important;
  }
}

/* 超宽屏再略微放大，避免 1920/2K 显示器仍显得偏小 */
@media(min-width:1700px){
  .brand{
    width:410px !important;
    min-width:410px !important;
    flex-basis:410px !important;
  }

  .brand img{
    max-width:410px !important;
    max-height:90px !important;
  }
}


/* ============================================================
   V6.3.9.7 — 资讯中心统一治理
   媒体报道并入资讯中心；首页新增紧凑“通知公告 + 公司动态”。
   ============================================================ */

/* ---------- 资讯中心列表 ---------- */
.news-center-page{
  padding-bottom:54px;
}
.news-center-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:12px 0 18px;
}
.news-center-tabs{
  margin:0 !important;
}
.news-center-note{
  color:#96998f;
  font-size:12px;
  white-space:nowrap;
}
.news-center-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.news-center-grid>a{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.news-center-grid>a:hover{
  transform:translateY(-2px);
}
.news-center-grid span{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:2px 7px;
  border-radius:999px;
  background:#f5f0e5;
  color:#8f6b2e;
  font-size:11px;
}
.news-center-grid h3{
  min-height:48px;
}
.news-center-grid em{
  display:block;
  margin-top:10px;
  font-style:normal;
  font-size:11px;
}

/* ---------- 首页：紧凑园区资讯 ---------- */
.home-news-brief{
  padding-top:24px;
  padding-bottom:10px;
}
.home-news-title-row{
  margin-bottom:12px !important;
}
.home-news-brief-grid{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:14px;
}
.home-notice-panel,
.home-company-panel{
  min-height:176px;
  padding:16px 18px;
  border:1px solid var(--ui-border,#dfd5c5);
  border-radius:13px;
  background:#fffdf9;
  box-shadow:var(--ui-shadow,0 8px 22px rgba(45,55,46,.045));
}
.home-brief-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding-bottom:10px;
  border-bottom:1px solid #eee6d9;
}
.home-brief-head>div{
  display:flex;
  align-items:center;
  gap:8px;
}
.home-brief-head strong{
  color:#2c4838;
  font-size:15px;
}
.home-brief-head>a{
  color:#8d6b30;
  font-size:11px;
  white-space:nowrap;
}
.home-brief-icon{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#aa7d31;
  color:#fff;
  font-size:12px;
  font-weight:700;
}
.home-brief-icon.company{
  background:#315d46;
}
.home-notice-row{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid #f0e9de;
}
.home-notice-row:last-child{
  border-bottom:0;
}
.home-notice-row>span{
  min-width:0;
  color:#354a3e;
  font-size:13px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-notice-row>em{
  flex:0 0 auto;
  color:#989b94;
  font-size:10px;
  font-style:normal;
}
.home-company-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding-top:11px;
}
.home-company-list>a{
  min-width:0;
  display:grid;
  grid-template-columns:82px 1fr;
  gap:10px;
  align-items:center;
}
.home-company-list img{
  width:82px;
  height:68px;
  object-fit:cover;
  border-radius:8px;
}
.home-company-list strong{
  display:block;
  color:#30483a;
  font-size:12px;
  line-height:1.45;
}
.home-company-list span{
  display:block;
  margin-top:4px;
  color:#92978f;
  font-size:10px;
}

/* 首页媒体报道继续保留，但与上方园区资讯形成一个完整资讯区 */
.home-news-brief + .media-home-section{
  padding-top:24px !important;
}

@media(max-width:900px) and (min-width:701px){
  .news-center-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .home-company-list{
    grid-template-columns:1fr;
  }
}

/* ---------- 手机 ---------- */
@media(max-width:700px){
  .news-center-toolbar{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }
  .news-center-note{
    display:none;
  }
  .news-center-grid{
    grid-template-columns:1fr;
  }

  .home-news-brief{
    padding-top:20px;
    padding-bottom:4px;
  }
  .home-news-brief-grid{
    grid-template-columns:1fr;
    gap:9px;
  }
  .home-notice-panel,
  .home-company-panel{
    min-height:0;
    padding:13px 14px;
  }
  .home-notice-row{
    min-height:45px;
  }
  .home-company-list{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .home-company-list>a{
    display:block;
  }
  .home-company-list img{
    width:100%;
    height:92px;
    margin-bottom:7px;
  }
  .home-company-list strong{
    font-size:11px;
  }
  .home-company-list span{
    font-size:9px;
  }
  .home-news-brief + .media-home-section{
    padding-top:20px !important;
  }
}


/* V0.3.23_to_V0.3.24 精细调整 */
/* 首页和内页统一使用下方 V6.3.9.6 正式 Header 规则。 */

/* Footer标题统一 */
.site-footer .footer-contact h4,
.site-footer .footer-links h4,
.site-footer .footer-follow h4 {
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 18px;
}

/* Footer内容间距统一 */
.site-footer .footer-contact p,
.site-footer .footer-links li,
.site-footer .footer-follow p {
    line-height: 1.8;
    margin-bottom: 8px;
}

/* LA_CMS V0.3.27 首页「园区资讯」统一四列卡片，仅影响该模块 */
.la-news-home-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.la-news-home-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  height:260px;
  overflow:hidden;
  box-sizing:border-box;
  background:#fffdfa;
  border:1px solid var(--ui-border,#e4dccd);
  border-radius:14px;
  box-shadow:var(--ui-shadow,0 8px 22px rgba(45,55,46,.045));
  transition:box-shadow .18s ease,transform .18s ease;
}
.la-news-home-card:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(45,55,46,.1)}
.la-news-home-card:focus-visible{outline:2px solid #b98935;outline-offset:3px}
.la-news-home-image{
  display:block;
  width:100%;
  height:130px;
  min-height:130px;
  max-height:130px;
  flex:0 0 130px;
  object-fit:cover;
  object-position:center;
}
.la-news-home-copy{
  display:flex;
  flex:1;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
  padding:12px 15px 13px;
  box-sizing:border-box;
}
.la-news-home-type{
  align-self:flex-start;
  font-size:12px;
  line-height:19px;
  border-radius:40px;
  padding:0 9px;
  color:#8d6c32;
  background:#f5eee1;
}
.la-news-home-copy h3{
  color:#223d2e;
  font-size:16px;
  font-weight:700;
  line-height:1.42;
  margin:8px 0 0;
  overflow:hidden;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
}
.la-news-home-date{display:block;margin-top:auto;font-size:12px;line-height:1.4;color:#7b817c;padding-top:7px}
.la-news-home-empty{grid-column:1/-1;min-height:95px;display:flex;align-items:center;justify-content:center;color:#737e77;border:1px solid var(--line,#e4dccd);border-radius:14px}
@media(max-width:1050px){.la-news-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .la-news-home-grid{grid-template-columns:1fr;gap:12px}
  .la-news-home-card{height:238px}
  .la-news-home-image{height:115px;min-height:115px;max-height:115px;flex-basis:115px}
}