<!-- 设计哲学：温室科技档案馆；当前文件强调植物研究机构与视频社区融合的编辑型气质，所有品牌表述均保持“涩里番”前置。 -->
:root {
  --bg:#08130f;
  --panel:#10201a;
  --panel-soft:#163328;
  --line:rgba(180, 157, 101, 0.24);
  --text:#f4efe4;
  --muted:#b7c0b2;
  --gold:#cfb57a;
  --green:#2e6c55;
  --mint:#88b49d;
  --shadow:0 24px 60px rgba(0,0,0,0.28);
  --max:1280px;
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(circle at top right, rgba(57,98,75,.18), transparent 28%),linear-gradient(180deg,#07110d 0%,#0b1713 46%,#07110d 100%);color:var(--text);line-height:1.72}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}
.container{width:min(var(--max),calc(100% - 32px));margin:0 auto}
.noise-wrap{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none;white-space:nowrap}
.topbar{border-bottom:1px solid var(--line);background:rgba(6,14,11,.88);backdrop-filter:blur(12px)}
.topbar-inner{min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:13px}
.topbar strong{color:var(--text)}
.header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(8,19,15,.92);backdrop-filter:blur(16px)}
.header-inner{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:center;padding:18px 0 14px}
.branding{display:flex;align-items:center;gap:14px;min-width:0}
.mini-icon{width:58px;height:58px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));padding:6px}
.wordmark{width:260px;max-width:100%}
.brand-copy small{display:block;color:var(--muted);margin-top:6px}
.main-nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.main-nav a{padding:10px 14px;border-radius:999px;border:1px solid transparent;color:var(--muted);transition:.24s ease}
.main-nav a:hover,.main-nav a.current{color:var(--text);border-color:var(--line);background:rgba(207,181,122,.08)}
.search-ribbon{display:grid;grid-template-columns:1fr auto;gap:14px;padding:18px 0 22px}
.search-ribbon label{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03)}
.search-ribbon span{white-space:nowrap;color:var(--gold);font-size:14px}
.search-ribbon input{width:100%;border:none;background:transparent;color:var(--text);outline:none}
.btn{border:none;border-radius:999px;padding:0 20px;min-height:50px;font-weight:700;cursor:pointer;transition:.24s ease}
.btn-primary{background:linear-gradient(135deg,#2d7157,#c8aa68);color:#fff}.btn-secondary{background:rgba(255,255,255,.04);color:var(--text);border:1px solid rgba(255,255,255,.08)}
.hero{padding:28px 0 34px}
.hero-shell{position:relative;min-height:720px;border:1px solid var(--line);border-radius:34px;overflow:hidden;box-shadow:var(--shadow);background:#0e1d16}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,12,10,.88) 0%,rgba(5,12,10,.70) 35%,rgba(5,12,10,.18) 65%),url('/assets/img/hero.webp');background-size:cover;background-position:center right}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:26px;min-height:720px;padding:48px}
.hero-copy{display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border-radius:999px;border:1px solid rgba(207,181,122,.25);background:rgba(207,181,122,.06);color:var(--gold);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.hero-copy h1,.section-head h2,.section-head h3,.section-head h4,.section-head h5,.section-head h6,.section-panel h2,.section-panel h3,.section-panel h4,.section-panel h5,.section-panel h6,.video-card h3,.feature-card h3,.expert-card h3,.review-card h3,.topic-card h3{font-family:"Noto Serif SC","Source Han Serif SC",serif}
.hero-copy h1{margin:14px 0 18px;font-size:clamp(36px,5vw,64px);line-height:1.05;max-width:760px}
.hero-copy p{max-width:720px;color:#d3ddd0;font-size:17px;margin:0}
.button-row,.meta-row,.stats-row,.tag-row,.share-list,.footer-links,.logo-wall,.keyword-cloud,.kpis,.actions{display:flex;flex-wrap:wrap;gap:10px}
.kpis{margin-top:22px}
.kpi{padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.04);min-width:160px}
.kpi strong{display:block;color:var(--gold);font-size:26px}
.hero-aside{display:grid;grid-template-columns:1fr;gap:18px;align-content:end}
.panel,.section-panel,.sidebar-card,.topic-card,.json-card,.review-card,.feature-card,.video-card,.expert-card,.guide-card,.contact-photo,.cta-banner,.footer-grid > div{border:1px solid var(--line);background:linear-gradient(180deg,rgba(16,32,26,.94),rgba(9,18,14,.96));border-radius:24px;box-shadow:var(--shadow)}
.panel,.section-panel,.sidebar-card,.topic-card,.json-card,.feature-card,.expert-card,.guide-card,.review-card{padding:22px}
.hero-video-wrap{padding:22px;margin-top:auto}
.meta-pill,.tag,.stat,.logo-chip,.keyword,.share-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-size:13px;color:var(--muted)}
.section{padding:14px 0 10px}
.section-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:16px}
.section-head p,.panel p,.section-panel p,.topic-card p,.breadcrumb,.caption,.contact-list li,.footer-grid p,.answer{color:var(--muted)}
.video-grid,.feature-grid,.expert-grid,.review-grid,.guide-grid,.link-grid,.page-grid,.two-col{display:grid;gap:18px}
.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.review-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.page-grid{grid-template-columns:320px 1fr;align-items:start}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.video-card,.feature-card,.expert-card,.guide-card,.review-card{overflow:hidden;position:relative;transition:.24s ease}
.video-card:hover,.feature-card:hover,.expert-card:hover,.guide-card:hover,.review-card:hover{transform:translateY(-4px);border-color:rgba(207,181,122,.34)}
.video-thumb{position:relative;border-radius:18px;overflow:hidden;margin-bottom:14px;background:#09110d}
.video-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}.play-overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.42));opacity:0;transition:.24s ease}.video-card:hover .play-overlay{opacity:1}.play-button{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);font-size:26px;color:#fff;border:1px solid rgba(255,255,255,.28)}
.topic-list{margin:0;padding-left:18px}.topic-list li{margin:8px 0}
.breadcrumb{display:flex;gap:10px;align-items:center;padding:18px 0 4px;font-size:14px}
.faq-list details{border-top:1px solid rgba(255,255,255,.08);padding:14px 0}.faq-list summary{cursor:pointer;font-weight:700;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.contact-list{margin:0;padding-left:18px}
.footer{padding:38px 0 24px;border-top:1px solid var(--line);margin-top:36px}
.footer-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:18px}.footer-list{margin:0;padding-left:18px;color:var(--muted)}.footer-note{display:flex;justify-content:space-between;gap:16px;padding-top:20px;margin-top:20px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:13px}
.qr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.qr-card{padding:14px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);text-align:center}.qr-card img{margin:0 auto 10px;border-radius:16px}
.logo-wall{margin-top:14px}.logo-chip{font-weight:600}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.button-link.primary{background:linear-gradient(135deg,#2d7157,#cfb57a);color:#fff;border:none}
.toast{position:fixed;right:18px;bottom:18px;max-width:380px;padding:14px 16px;border-radius:18px;background:rgba(15,27,22,.96);border:1px solid rgba(207,181,122,.28);box-shadow:var(--shadow);color:var(--text);opacity:0;transform:translateY(10px);pointer-events:none;transition:.24s ease;z-index:60}.toast.show{opacity:1;transform:translateY(0)}
.grid-highlight{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:stretch}
.media-figure{border-radius:24px;overflow:hidden;min-height:100%}.media-figure img{width:100%;height:100%;object-fit:cover}
pre{white-space:pre-wrap;word-break:break-word;color:#d7ddd2}
@media (max-width:1100px){.header-inner,.hero-grid,.grid-highlight,.page-grid,.footer-grid{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expert-grid,.review-grid,.guide-grid,.feature-grid,.two-col{grid-template-columns:1fr 1fr}.main-nav{justify-content:flex-start}.hero-shell,.hero-grid{min-height:auto}.hero-grid{padding:30px}}
@media (max-width:720px){.container{width:min(var(--max),calc(100% - 24px))}.search-ribbon{grid-template-columns:1fr}.hero-copy h1{font-size:34px}.video-grid,.feature-grid,.expert-grid,.review-grid,.guide-grid,.two-col,.qr-grid{grid-template-columns:1fr}.topbar-inner,.footer-note{flex-direction:column;align-items:flex-start}.wordmark{width:220px}}