/* 抖阴植物视频社区 - 原创样式表 */
/* 品牌：抖阴 | 域名：fokhdav.cn */
/* 配色：翡翠绿#0D9B6A 深墨绿#0A2E1F 金叶黄#D4A843 象牙白#F5F0E8 */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'PingFang SC','Microsoft YaHei','Hiragino Sans GB',sans-serif;color:#2C3E2D;background:#F5F0E8;line-height:1.7}
a{color:#0D9B6A;text-decoration:none;transition:color .3s}
a:hover{color:#D4A843}
img{max-width:100%;height:auto;display:block}

/* 抖阴顶部导航 */
.site-header{background:linear-gradient(135deg,#0A2E1F 0%,#0D4A32 100%);position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px rgba(10,46,31,.3)}
.header-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:72px}
.logo-link{display:flex;align-items:center;gap:10px}
.logo-link img{height:48px;width:auto}
.brand-text{font-size:22px;font-weight:700;color:#F5F0E8;letter-spacing:1px}
.main-nav{display:flex;gap:28px}
.main-nav a{color:#C8DCC8;font-size:15px;font-weight:500;padding:8px 0;border-bottom:2px solid transparent;transition:all .3s}
.main-nav a:hover,.main-nav .nav-active{color:#D4A843;border-bottom-color:#D4A843}
.mobile-menu-btn{display:none;background:none;border:none;color:#F5F0E8;font-size:28px;cursor:pointer}

/* 抖阴搜索框 */
.search-bar{background:#0D4A32;padding:16px 24px}
.search-inner{max-width:720px;margin:0 auto;display:flex;gap:12px}
.search-inner input{flex:1;padding:12px 20px;border:2px solid #0D9B6A;border-radius:30px;font-size:15px;background:#F5F0E8;color:#2C3E2D;outline:none;transition:border-color .3s}
.search-inner input:focus{border-color:#D4A843}
.search-btn{padding:12px 28px;background:linear-gradient(135deg,#0D9B6A,#0DBB7A);color:#fff;border:none;border-radius:30px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s}
.search-btn:hover{transform:scale(1.05)}

/* 抖阴Banner */
.hero-section{position:relative;overflow:hidden;min-height:520px}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}
.hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:80px 24px;text-align:center;color:#F5F0E8}
.hero-content h1{font-size:36px;font-weight:800;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.hero-content h2{font-size:18px;font-weight:400;margin-bottom:20px;color:#C8DCC8;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.hero-content p{font-size:16px;line-height:1.8;margin-bottom:28px;text-shadow:0 1px 4px rgba(0,0,0,.3)}
.hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn-primary{padding:14px 36px;background:linear-gradient(135deg,#0D9B6A,#0DBB7A);color:#fff;border-radius:30px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(13,155,106,.4);color:#fff}
.btn-secondary{padding:14px 36px;border:2px solid #D4A843;color:#D4A843;border-radius:30px;font-size:16px;font-weight:600;transition:all .2s}
.btn-secondary:hover{background:#D4A843;color:#0A2E1F}

/* 数据统计 */
.stats-section{background:#0A2E1F;padding:48px 24px}
.stats-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.stat-item{padding:20px}
.stat-num{font-size:32px;font-weight:800;color:#D4A843;margin-bottom:6px}
.stat-label{font-size:14px;color:#A8C8A8}

/* 通用Section样式 */
section{padding:60px 24px}
section h2{text-align:center;font-size:30px;font-weight:800;color:#0A2E1F;margin-bottom:10px}
.section-desc{text-align:center;color:#5A7A5A;font-size:15px;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}

/* 视频卡片 */
.video-section{background:#EDE8DF}
.video-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.video-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(10,46,31,.08);transition:transform .3s,box-shadow .3s}
.video-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(10,46,31,.15)}
.video-thumb{position:relative;overflow:hidden;aspect-ratio:16/9}
.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.video-card:hover .video-thumb img{transform:scale(1.05)}
.video-tag{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#0D9B6A,#0DBB7A);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}
.video-duration{position:absolute;bottom:12px;right:12px;background:rgba(10,46,31,.8);color:#F5F0E8;padding:3px 10px;border-radius:4px;font-size:12px}
.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,46,31,.3);opacity:0;transition:opacity .3s}
.video-card:hover .play-overlay,.ent-card:hover .play-overlay{opacity:1}
.play-btn{width:56px;height:56px;background:rgba(13,155,106,.9);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:transform .2s}
.play-btn:hover{transform:scale(1.1)}
.video-card h3{padding:16px 16px 6px;font-size:15px;font-weight:600;color:#0A2E1F;line-height:1.5}
.video-meta{padding:0 16px 16px;font-size:13px;color:#7A9A7A}

/* 服务卡片 */
.service-section{background:#F5F0E8}
.service-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.service-card{background:#fff;border-radius:12px;padding:32px 24px;box-shadow:0 4px 16px rgba(10,46,31,.06);border-left:4px solid #0D9B6A;transition:transform .3s}
.service-card:hover{transform:translateY(-3px)}
.service-card h3{font-size:17px;font-weight:700;color:#0A2E1F;margin-bottom:12px}
.service-card p{font-size:14px;color:#4A6A4A;line-height:1.7}

/* 娱乐专区 */
.ent-section{background:#EDE8DF}
.ent-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ent-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(10,46,31,.08);transition:transform .3s}
.ent-card:hover{transform:translateY(-4px)}
.ent-img{position:relative;overflow:hidden;aspect-ratio:3/4}
.ent-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ent-card:hover .ent-img img{transform:scale(1.05)}
.ent-card h3{padding:14px 14px 6px;font-size:14px;font-weight:600;color:#0A2E1F}
.ent-card p{padding:0 14px 14px;font-size:13px;color:#5A7A5A;line-height:1.6}

/* AI赋能 */
.ai-section{background:linear-gradient(135deg,#0A2E1F 0%,#0D4A32 50%,#0A2E1F 100%);color:#F5F0E8}
.ai-section h2{color:#D4A843}
.ai-section .section-desc{color:#A8C8A8}
.ai-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ai-card{background:rgba(255,255,255,.08);border:1px solid rgba(212,168,67,.2);border-radius:12px;padding:32px 24px;backdrop-filter:blur(10px);transition:transform .3s,border-color .3s}
.ai-card:hover{transform:translateY(-3px);border-color:#D4A843}
.ai-card h3{font-size:17px;font-weight:700;color:#D4A843;margin-bottom:12px}
.ai-card p{font-size:14px;color:#C8DCC8;line-height:1.7}

/* 社区功能 */
.community-section{background:#F5F0E8}
.community-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}
.community-card{background:#fff;border-radius:12px;padding:28px 20px;box-shadow:0 4px 16px rgba(10,46,31,.06);border-top:3px solid #0D9B6A;transition:transform .3s}
.community-card:hover{transform:translateY(-3px)}
.community-card h3{font-size:16px;font-weight:700;color:#0A2E1F;margin-bottom:10px}
.community-card p{font-size:13px;color:#4A6A4A;line-height:1.7}
.community-images{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.community-images img{border-radius:12px;width:100%;height:300px;object-fit:cover}

/* 专家团队 */
.expert-section{background:#EDE8DF}
.expert-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.expert-card{background:#fff;border-radius:12px;overflow:hidden;display:flex;box-shadow:0 4px 16px rgba(10,46,31,.08);transition:transform .3s}
.expert-card:hover{transform:translateY(-3px)}
.expert-card img{width:180px;height:auto;object-fit:cover;flex-shrink:0}
.expert-info{padding:24px;flex:1}
.expert-info h3{font-size:18px;font-weight:700;color:#0A2E1F;margin-bottom:4px}
.expert-title{font-size:13px;color:#0D9B6A;font-weight:600;margin-bottom:10px}
.expert-info p{font-size:13px;color:#4A6A4A;line-height:1.7;margin-bottom:12px}
.expert-actions{display:flex;gap:10px}
.btn-contact,.btn-works{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;transition:all .2s}
.btn-contact{background:#0D9B6A;color:#fff}
.btn-contact:hover{background:#0DBB7A;color:#fff}
.btn-works{border:1px solid #0D9B6A;color:#0D9B6A}
.btn-works:hover{background:#0D9B6A;color:#fff}

/* 产品工具 */
.products-section{background:#F5F0E8}
.products-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.product-card{background:#fff;border-radius:12px;padding:28px 20px;text-align:center;box-shadow:0 4px 16px rgba(10,46,31,.06);transition:transform .3s}
.product-card:hover{transform:translateY(-3px)}
.product-card h3{font-size:16px;font-weight:700;color:#0A2E1F;margin-bottom:10px}
.product-card p{font-size:13px;color:#4A6A4A;line-height:1.7}

/* 资讯 */
.news-section{background:#EDE8DF}
.news-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.news-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(10,46,31,.08);transition:transform .3s}
.news-card:hover{transform:translateY(-3px)}
.news-card img{width:100%;height:200px;object-fit:cover}
.news-card h3{padding:16px 16px 8px;font-size:15px;font-weight:600;color:#0A2E1F;line-height:1.5}
.news-card p{padding:0 16px;font-size:13px;color:#5A7A5A;line-height:1.6}
.news-date{display:block;padding:10px 16px 16px;font-size:12px;color:#9AB09A}

/* 合作伙伴 */
.partners-section{background:#F5F0E8}
.partners-wall{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.partner-logo{background:#fff;padding:14px 28px;border-radius:8px;font-size:14px;font-weight:600;color:#0A2E1F;box-shadow:0 2px 8px rgba(10,46,31,.06);transition:transform .2s}
.partner-logo:hover{transform:scale(1.05)}

/* 加入指南 */
.howto-section{background:#EDE8DF}
.howto-steps{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.step-card{background:#fff;border-radius:12px;padding:32px 24px;text-align:center;box-shadow:0 4px 16px rgba(10,46,31,.06);transition:transform .3s}
.step-card:hover{transform:translateY(-3px)}
.step-num{font-size:42px;font-weight:800;color:#0D9B6A;opacity:.3;margin-bottom:10px}
.step-card h3{font-size:16px;font-weight:700;color:#0A2E1F;margin-bottom:10px}
.step-card p{font-size:13px;color:#4A6A4A;line-height:1.7}

/* FAQ */
.faq-section{background:#F5F0E8}
.faq-list{max-width:800px;margin:0 auto}
.faq-item{background:#fff;border-radius:10px;margin-bottom:12px;overflow:hidden;box-shadow:0 2px 8px rgba(10,46,31,.06)}
.faq-question{padding:18px 24px;font-size:15px;font-weight:600;color:#0A2E1F;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .2s}
.faq-question:hover{background:#EDE8DF}
.faq-question::after{content:'+';font-size:20px;color:#0D9B6A;transition:transform .3s}
.faq-item.active .faq-question::after{transform:rotate(45deg)}
.faq-answer{padding:0 24px;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;font-size:14px;color:#4A6A4A;line-height:1.8}
.faq-item.active .faq-answer{max-height:300px;padding:0 24px 18px}

/* 用户评价 */
.reviews-section{background:#EDE8DF}
.reviews-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.review-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 16px rgba(10,46,31,.06);transition:transform .3s}
.review-card:hover{transform:translateY(-3px)}
.review-stars{color:#D4A843;font-size:18px;margin-bottom:10px}
.review-card p{font-size:14px;color:#4A6A4A;line-height:1.7;margin-bottom:12px;font-style:italic}
.review-author{font-size:13px;color:#0D9B6A;font-weight:600}

/* 联系我们 */
.contact-section{background:#F5F0E8}
.contact-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start}
.contact-info h3{font-size:18px;font-weight:700;color:#0A2E1F;margin-bottom:16px}
.info-table{width:100%;border-collapse:collapse}
.info-table td{padding:10px 16px;border-bottom:1px solid #E0D8CC;font-size:14px;color:#4A6A4A}
.info-table td:first-child{font-weight:600;color:#0A2E1F;width:100px}
.contact-qrcodes{display:flex;gap:24px}
.qrcode-item{text-align:center}
.qrcode-item img{width:150px;height:150px;border-radius:8px;margin-bottom:8px}
.qrcode-item span{font-size:13px;color:#5A7A5A}

/* 社交分享 */
.share-section{background:#EDE8DF;text-align:center;padding:40px 24px}
.share-section h3{font-size:18px;font-weight:700;color:#0A2E1F;margin-bottom:16px}
.share-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.share-btn{padding:10px 24px;border-radius:25px;font-size:13px;font-weight:600;color:#fff;transition:transform .2s}
.share-btn:hover{transform:scale(1.05);color:#fff}
.share-wechat{background:#07C160}
.share-weibo{background:#E6162D}
.share-douyin{background:#161823}
.share-bilibili{background:#00A1D6}

/* 页脚 */
.site-footer{background:linear-gradient(135deg,#0A2E1F 0%,#0D3A28 100%);color:#C8DCC8;padding:48px 24px 0}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid rgba(200,220,200,.15)}
.footer-brand img{height:60px;width:auto;margin-bottom:12px}
.footer-brand p{font-size:13px;line-height:1.7;color:#A8C8A8}
.footer-nav h4,.footer-contact h4,.footer-links h4{font-size:15px;font-weight:700;color:#D4A843;margin-bottom:14px}
.footer-nav a,.footer-links a{display:block;font-size:13px;color:#A8C8A8;padding:4px 0;transition:color .2s}
.footer-nav a:hover,.footer-links a:hover{color:#D4A843}
.footer-contact p{font-size:13px;color:#A8C8A8;padding:3px 0}
.footer-bottom{text-align:center;padding:20px 0;font-size:12px;color:#7A9A7A}

/* 响应式 */
@media(max-width:1024px){
  .video-grid,.service-grid,.news-grid,.reviews-grid{grid-template-columns:repeat(2,1fr)}
  .ent-grid,.community-grid,.products-grid,.howto-steps{grid-template-columns:repeat(2,1fr)}
  .expert-grid{grid-template-columns:1fr}
  .ai-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .footer-inner{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .main-nav{display:none}
  .mobile-menu-btn{display:block}
  .main-nav.show{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:#0A2E1F;padding:20px 24px;gap:16px;box-shadow:0 8px 24px rgba(0,0,0,.3)}
  .hero-content h1{font-size:24px}
  .hero-content h2{font-size:15px}
  .video-grid,.service-grid,.ent-grid,.news-grid,.reviews-grid,.community-grid,.products-grid,.howto-steps{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr}
  .community-images{grid-template-columns:1fr}
  .expert-card{flex-direction:column}
  .expert-card img{width:100%;height:200px}
  .footer-inner{grid-template-columns:1fr}
  section h2{font-size:24px}
  .stat-num{font-size:24px}
}