/*
Design Philosophy: 植物标本馆式 Neo-Editorial。
本样式以温室暗调、植物档案标签、胶片式视频卡片、非对称编辑排版构成；每个选择都应强化“海角网”作为国内植物公司与视频社区的专业可信气质。
*/
:root{
  --fern:#123d2a;--fern-2:#1e6242;--moss:#6d8552;--soil:#4b3926;--paper:#fbf6e8;--ivory:#fffaf0;--amber:#c98622;--gold:#e8b960;--ink:#1c241d;--muted:#756b5b;--line:rgba(28,36,29,.16);--glass:rgba(255,250,240,.78);--shadow:0 24px 70px rgba(18,61,42,.18);--radius:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#0e261b 0,#fbf6e8 34rem,#fffaf0 100%);color:var(--ink);font-family:"Noto Serif SC","Songti SC","Microsoft YaHei",serif;line-height:1.75;overflow-x:hidden}.noise:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:13px 13px;z-index:99}.interference{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;opacity:.001;pointer-events:none}.container{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(251,246,232,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(28,36,29,.12)}.nav-wrap{display:flex;align-items:center;gap:22px;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--fern);font-weight:900;letter-spacing:.08em}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;box-shadow:0 8px 24px rgba(18,61,42,.22)}.brand strong{font-size:1.26rem}.nav{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.nav a{color:#244530;text-decoration:none;font-weight:700;font-size:.95rem}.nav a:hover{color:var(--amber)}.search-bar{border-top:1px solid rgba(28,36,29,.10);padding:10px 0 15px}.search-box{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:760px}.search-box input{width:100%;border:1px solid rgba(18,61,42,.22);border-radius:999px;padding:13px 18px;background:#fffdf6;color:var(--ink);font-size:15px}.search-box button,.btn{border:0;background:var(--fern);color:#fffaf0;border-radius:999px;padding:12px 20px;font-weight:900;letter-spacing:.05em;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 12px 28px rgba(18,61,42,.2)}.search-tip{font-size:.88rem;color:var(--muted);margin-top:6px}.hero{min-height:720px;position:relative;display:grid;align-items:end;isolation:isolate;background:#0d2b1d}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(8,28,18,.9),rgba(8,28,18,.55) 42%,rgba(8,28,18,.15)),var(--hero);background-size:cover;background-position:center;z-index:-2}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:190px;background:linear-gradient(180deg,transparent,#fbf6e8);z-index:-1}.hero-panel{padding:120px 0 105px;color:#fffaf0}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(232,185,96,.48);padding:7px 12px;border-radius:999px;background:rgba(18,61,42,.38);font-size:.88rem;color:#f7d89b}.hero h1{font-size:clamp(2.7rem,7vw,6.4rem);line-height:1.02;margin:20px 0 22px;letter-spacing:-.04em;max-width:920px}.hero p{font-size:clamp(1.02rem,2vw,1.28rem);max-width:760px;color:#f4ead2}.hero-stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.stat{border:1px solid rgba(255,250,240,.22);background:rgba(255,250,240,.09);backdrop-filter:blur(8px);border-radius:18px;padding:12px 16px;min-width:140px}.stat b{display:block;font-size:1.28rem;color:#f5c56f;font-family:Georgia,serif}.breadcrumb{font-size:.88rem;color:#856f4a;margin:22px 0}.section{padding:82px 0;position:relative}.section.dark{background:#123d2a;color:#fffaf0}.section-title{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:42px;align-items:end;margin-bottom:34px}.section-title h2{font-size:clamp(2rem,4.4vw,4rem);line-height:1.05;margin:0;color:inherit}.section-title p{margin:0;color:var(--muted);font-size:1.02rem}.dark .section-title p{color:#d4c5a6}.kicker{display:block;font-family:ui-monospace,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);font-size:.78rem;margin-bottom:8px}.ledger{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.card,.video-card,.expert-card,.quote,.faq-item{background:rgba(255,250,240,.88);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden}.card{padding:26px}.card h3,.video-card h3,.expert-card h3{margin:0 0 9px;color:var(--fern);font-size:1.45rem}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{font-size:.82rem;border:1px solid rgba(18,61,42,.18);background:#fff8e8;color:#335742;border-radius:999px;padding:5px 10px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video-card{position:relative;transition:.24s ease;transform:translateZ(0)}.video-card:hover{transform:translateY(-8px);box-shadow:0 32px 80px rgba(18,61,42,.25)}.thumb{position:relative;aspect-ratio:16/10;background:#173d2a;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95) contrast(1.03)}.thumb:before,.thumb:after{content:"";position:absolute;top:0;bottom:0;width:14px;background:repeating-linear-gradient(to bottom,rgba(255,250,240,.84) 0 8px,transparent 8px 16px)}.thumb:before{left:0}.thumb:after{right:0}.play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(9,31,20,.22);opacity:0;transition:.2s ease}.video-card:hover .play{opacity:1}.play span{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:rgba(255,250,240,.88);color:var(--amber);font-size:29px;box-shadow:0 16px 40px rgba(0,0,0,.22)}.video-body{padding:18px}.meta{display:flex;gap:12px;flex-wrap:wrap;color:#6b604d;font-size:.86rem;font-family:ui-monospace,Menlo,monospace}.columns{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mini{padding:18px;background:#fffaf0;border:1px dashed rgba(18,61,42,.2);border-radius:22px}.mini h4{margin:.2rem 0 .55rem;color:var(--fern)}.expert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.expert-card{padding:22px}.expert-card .role{color:var(--amber);font-weight:900}.expert-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.outline{background:transparent;color:var(--fern);border:1px solid rgba(18,61,42,.24);box-shadow:none}.brand-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.brand-logo{background:#fffaf0;border:1px solid rgba(18,61,42,.14);border-radius:18px;padding:16px;text-align:center;font-weight:900;color:var(--fern)}.howto{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.howto .mini:before{counter-increment:step;content:"0" counter(step);display:block;font-family:ui-monospace,Menlo,monospace;color:var(--amber);font-weight:900}.reviews{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.quote{padding:20px}.quote b{display:block;color:var(--fern);margin-bottom:8px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq-item{padding:20px}.contact-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.contact-photo img{width:100%;border-radius:28px;box-shadow:var(--shadow)}.qr-row{display:flex;gap:18px;flex-wrap:wrap}.qr{background:#fffaf0;border:1px solid rgba(18,61,42,.16);border-radius:22px;padding:12px;text-align:center}.qr img{width:150px;height:150px;object-fit:cover}.share{display:flex;flex-wrap:wrap;gap:10px}.share button{border:1px solid rgba(18,61,42,.18);background:#fffaf0;border-radius:999px;padding:9px 14px;color:var(--fern);font-weight:800}.site-footer{background:#0f2c20;color:#efe8d2;padding:46px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}.footer-grid a{color:#f0c87a;text-decoration:none}.update{color:#f5c56f}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.article{padding:24px;background:#fffaf0;border-radius:24px;border:1px solid rgba(18,61,42,.14)}.article h2,.article h3{color:var(--fern);margin-top:0}.json-block{white-space:pre-wrap;font-family:ui-monospace,Menlo,monospace;font-size:.84rem;background:#0f2c20;color:#e9ddb9;border-radius:18px;padding:16px;overflow:auto}.content-page{background:#fbf6e8;padding:42px 0 88px}.page-hero{padding:70px 0 36px}.page-hero h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.05;color:var(--fern);margin:0 0 12px}.page-hero p{max-width:820px;color:#675d4c}.mobile-video-shell{position:relative;border-radius:28px;overflow:hidden;background:#0d2b1d}.mobile-video-shell video{width:100%;display:block;aspect-ratio:16/9;background:#0d2b1d}.placeholder-video{height:100%;display:grid;place-items:center;color:#f5c56f;font-weight:900;background:linear-gradient(135deg,#0f2c20,#235a3d)}@media(max-width:920px){.nav-wrap{align-items:flex-start}.nav{display:none}.section-title,.ledger,.contact-box,.footer-grid{grid-template-columns:1fr}.video-grid,.expert-grid,.columns,.reviews,.howto,.brand-wall,.article-list{grid-template-columns:1fr 1fr}.hero{min-height:640px}.hero-panel{padding-top:84px}}@media(max-width:620px){.container{width:min(100% - 22px,1180px)}.search-box{grid-template-columns:1fr}.video-grid,.expert-grid,.columns,.reviews,.howto,.brand-wall,.article-list,.faq{grid-template-columns:1fr}.hero h1{font-size:2.65rem}.hero-stats{display:grid;grid-template-columns:1fr 1fr}.section{padding:54px 0}.qr img{width:124px;height:124px}}
/* 外部 CSS 页面级首屏背景变量，避免在 PHP 页面中写入内联 style。 */
.hero-home{--hero:url('../images/hero.webp')}.hero-studio{--hero:url('../images/studio.webp')}.hero-ai{--hero:url('../images/ai-video.webp')}.hero-community{--hero:url('../images/community.webp')}
.mt22{margin-top:22px}.mt18{margin-top:18px}

/* 海角网 EEAT 与合规模块：沿用植物标本馆式 Neo-Editorial，使用档案卡片和可信说明，避免内联样式。 */
.eeat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.eeat-grid .card{min-height:260px}.trust-note{border-left:4px solid var(--amber);padding-left:12px;color:#5f594a;background:rgba(255,248,232,.68);border-radius:0 14px 14px 0}.json-evidence{margin-top:22px}.compliance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.join-section .mini h3,.compliance-section .card h3,.eeat-section .card h3{color:var(--fern)}@media(max-width:920px){.eeat-grid,.compliance-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.eeat-grid,.compliance-grid{grid-template-columns:1fr}.eeat-grid .card{min-height:auto}}


/* 海角网代码块溢出修复：保持植物标本馆式 Neo-Editorial，同时让 JSON 与代码内容不再撑破页面。 */
.ledger,.article-list,.video-grid,.expert-grid,.columns,.reviews,.howto,.brand-wall,.faq,.contact-box,.footer-grid,.eeat-grid,.compliance-grid{min-width:0}
.ledger>*,.article-list>*,.video-grid>*,.expert-grid>*,.columns>*,.reviews>*,.howto>*,.brand-wall>*,.faq>*,.contact-box>*,.footer-grid>*,.eeat-grid>*,.compliance-grid>*{min-width:0;max-width:100%}
pre,code,.json-block{max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}
.json-block{display:block;width:100%;max-height:460px;overflow:auto;white-space:pre-wrap;overscroll-behavior:contain;scrollbar-width:thin;contain:layout paint}
.json-block::-webkit-scrollbar{width:8px;height:8px}.json-block::-webkit-scrollbar-thumb{background:rgba(232,185,96,.6);border-radius:999px}.json-block::-webkit-scrollbar-track{background:rgba(255,250,240,.08)}
.card .json-block,.ledger .json-block,.json-evidence .json-block{margin:0;align-self:start}
@media(max-width:620px){.json-block{font-size:.76rem;max-height:340px;padding:12px;border-radius:14px;line-height:1.62}.section.dark{overflow:hidden}.ledger{overflow:hidden}}