/* 设计哲学：生态布鲁塔利主义 + 中文信息流杂志混排。所有页面坚持抖阴植物视频社区定位、强对比、非中心化布局、移动端优先与百度SEO可读性。 */
:root{--ink:#172018;--muted:#5b675b;--paper:#f5f1df;--paper2:#fffbea;--leaf:#1f7a3a;--acid:#c7ff3d;--line:#162113;--shadow:8px 8px 0 #172018}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:linear-gradient(135deg,#f8f4df,#e6efdc);font-family:"Noto Serif SC","Songti SC",serif;line-height:1.75}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(23,32,24,.12) 1px,transparent 1px);background-size:18px 18px;opacity:.35;z-index:-1}.seo-noise{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.topline{background:var(--ink);color:var(--acid);font:700 13px system-ui,sans-serif;text-align:center;padding:8px}.site-header{position:sticky;top:0;z-index:20;background:rgba(245,241,223,.92);backdrop-filter:blur(14px);border-bottom:3px solid var(--line)}.main-nav{width:min(1220px,calc(100% - 28px));margin:auto;display:flex;align-items:center;gap:18px;justify-content:space-between;padding:10px 0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:28px;font-weight:900}.brand img{width:54px;height:54px;object-fit:contain;border:2px solid var(--line);background:#fff}.brand strong{display:block;font:700 12px system-ui,sans-serif;letter-spacing:.14em}.nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav-links a,.hero-actions a,.share-btn{border:2px solid var(--line);background:var(--paper2);color:var(--ink);text-decoration:none;font:800 14px system-ui,sans-serif;padding:11px 13px;box-shadow:3px 3px 0 var(--line);transition:.22s}.nav-links a:hover,.hero-actions a:hover,.share-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--line);background:var(--acid)}.nav-toggle{display:none}.hero{min-height:650px;position:relative;display:grid;align-items:end;background-image:linear-gradient(90deg,rgba(245,241,223,.94),rgba(245,241,223,.55),rgba(23,32,24,.16)),var(--hero);background-size:cover;background-position:center;border-bottom:4px solid var(--line)}.hero-content{position:relative;width:min(1120px,calc(100% - 32px));margin:0 auto 64px;background:rgba(255,251,234,.9);border:4px solid var(--line);box-shadow:var(--shadow);padding:34px}.crumb,.eyebrow{font:800 13px system-ui,sans-serif;letter-spacing:.12em;color:var(--leaf)}h1{font-size:clamp(38px,7vw,86px);line-height:.98;margin:14px 0 18px;letter-spacing:-.06em}h2{font-size:clamp(28px,4.5vw,56px);line-height:1.05;margin:0 0 10px;letter-spacing:-.04em}.hero p,.section-title p{font-size:17px;color:var(--muted);max-width:940px}.hero-actions,.hero-stats,.share-row{display:flex;gap:12px;flex-wrap:wrap}.hero-stats b{background:var(--ink);color:var(--acid);padding:10px 12px;border:2px solid var(--ink);font-family:system-ui,sans-serif}.section-title{margin:70px 0 24px}.intro-grid{display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:18px}.audit-card,.feature-grid article,.expert-card,.inner-card,.comment,.contact-panel,.code-panel{background:rgba(255,251,234,.92);border:3px solid var(--line);box-shadow:var(--shadow);padding:22px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-grid.compact{grid-template-columns:repeat(2,1fr)}.video-card{background:#fffdf1;border:3px solid var(--line);box-shadow:var(--shadow);overflow:hidden;transition:.25s}.video-card:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--line)}.video-shell{position:relative;aspect-ratio:16/10;background:#111;overflow:hidden}.fake-video,.video-shell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fake-video{z-index:1;opacity:0}.video-shell img{z-index:2;transition:.25s}.video-card:hover img{filter:brightness(.65) saturate(1.15);transform:scale(1.04)}.play-button{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%) scale(.78);width:76px;height:76px;border-radius:50%;border:3px solid #fff;background:rgba(31,122,58,.86);opacity:0;transition:.25s}.video-card:hover .play-button,.video-card.is-active .play-button{opacity:1;transform:translate(-50%,-50%) scale(1)}.play-button span{display:block;margin-left:28px;width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:22px solid #fff}.duration{position:absolute;z-index:4;right:10px;bottom:10px;background:var(--ink);color:#fff;padding:3px 8px;font:800 12px system-ui,sans-serif}.video-body{padding:18px}.video-body h3{font-size:21px;line-height:1.25;margin:0 0 8px}.video-meta{display:flex;flex-wrap:wrap;gap:8px;font:800 12px system-ui,sans-serif;color:var(--leaf)}.video-meta span,.tag{display:inline-flex;border:2px solid var(--line);padding:5px 8px;background:var(--paper);margin:4px;box-shadow:2px 2px 0 var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid.two{grid-template-columns:repeat(2,1fr)}.feature-grid.one{grid-template-columns:1fr}.split{display:grid;grid-template-columns:1fr .72fr;gap:26px;align-items:center}.split.reverse{grid-template-columns:.72fr 1fr}.split-img{width:100%;border:4px solid var(--line);box-shadow:var(--shadow);background:#fff;object-fit:cover}.json-panel{white-space:pre-wrap;overflow:auto;background:#101810;color:#dfffbe;border:3px solid var(--line);box-shadow:var(--shadow);padding:22px;font:600 14px/1.7 "Courier New",monospace}.expert-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.expert-card img{width:100%;height:150px;object-fit:cover;border:2px solid var(--line)}.expert-card span{display:inline-block;background:var(--acid);border:2px solid var(--line);padding:3px 8px;margin:12px 0 4px;font:800 12px system-ui,sans-serif}.data-table{width:100%;border-collapse:collapse;background:#fffdf1;box-shadow:var(--shadow);margin:20px 0}.data-table th,.data-table td{border:2px solid var(--line);padding:13px;text-align:left;vertical-align:top}.data-table th{background:var(--ink);color:var(--acid)}.keyword-flow{font-size:15px;color:#344333;background:rgba(255,255,255,.55);border:2px dashed var(--leaf);padding:16px}.faq-list details{border:3px solid var(--line);background:#fffdf1;margin:10px 0;padding:16px;box-shadow:4px 4px 0 var(--line)}.faq-list summary{font-weight:900;cursor:pointer}.comment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.comment time{display:block;color:var(--leaf);font:800 12px system-ui,sans-serif}.contact-panel{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.qr-wrap{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.qr-wrap img{width:118px;height:118px;object-fit:cover;border:3px solid var(--line);background:#fff}.inner-hero{padding:120px 0 70px;background-image:linear-gradient(90deg,rgba(245,241,223,.94),rgba(245,241,223,.62)),var(--hero);background-size:cover;background-position:center;border-bottom:4px solid var(--line)}.inner-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}.inner-card{position:sticky;top:110px}.inner-card img{width:100%;border:3px solid var(--line)}.site-footer{margin-top:80px;background:var(--ink);color:#fff;border-top:5px solid var(--line);padding:46px 0}.footer-inner{width:min(1180px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:1.2fr .8fr auto;gap:24px}.footer-logo{display:flex;gap:12px;align-items:center}.footer-logo img{width:78px;height:78px;border:2px solid var(--acid);background:#fff}.footer-links{display:flex;flex-direction:column;gap:9px}.footer-links a{color:var(--acid);font-weight:800}.notice{color:#d9e5cd}@media (max-width:980px){.intro-grid,.video-grid,.video-grid.compact,.feature-grid,.feature-grid.two,.expert-grid,.comment-grid,.split,.split.reverse,.inner-layout,.contact-panel,.footer-inner{grid-template-columns:1fr}.nav-toggle{display:block;border:2px solid var(--line);background:var(--acid);font-weight:900;padding:9px}.nav-links{display:none;width:100%;flex-direction:column}.main-nav.is-open .nav-links{display:flex}.main-nav{flex-wrap:wrap}.hero{min-height:560px}.hero-content{padding:22px;margin-bottom:32px}.expert-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.wrap{width:min(100% - 22px,1180px)}.brand{font-size:22px}h1{font-size:38px}.hero-content{border-width:3px;box-shadow:5px 5px 0 var(--line)}.expert-grid{grid-template-columns:1fr}.qr-wrap img{width:96px;height:96px}.data-table{font-size:13px}.data-table th,.data-table td{padding:8px}.video-body h3{font-size:18px}}