/* ========================================
   兄妹乱伦动物写真视频社区 - 原创样式表
   配色方案：森林绿 #165233 + 暖金 #D4A843 + 象牙白 #FAF8F2
   ======================================== */

/* 基础重置 */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#2D2D2D;background:#FAF8F2;line-height:1.7}
a{color:#165233;text-decoration:none;transition:color .25s}
a:hover{color:#D4A843}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}

/* 顶部导航 */
.dy-header{position:fixed;top:0;left:0;right:0;z-index:999;background:rgba(22,82,51,.97);backdrop-filter:blur(8px);box-shadow:0 2px 12px rgba(0,0,0,.15)}
.dy-header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.dy-logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:1.25rem}
.dy-logo img{border-radius:8px}
.dy-nav{display:flex;gap:6px}
.dy-nav a{color:rgba(255,255,255,.85);padding:8px 14px;border-radius:6px;font-size:.9rem;transition:all .25s}
.dy-nav a:hover{color:#fff;background:rgba(212,168,67,.3)}
.dy-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}

/* 搜索栏 */
.dy-search{background:#EDE9DD;padding:14px 0}
.dy-search-box{display:flex;max-width:680px;margin:0 auto}
.dy-search-box input{flex:1;padding:12px 18px;border:2px solid #C5BFA8;border-right:none;border-radius:8px 0 0 8px;font-size:.95rem;background:#fff;outline:none;transition:border-color .25s}
.dy-search-box input:focus{border-color:#165233}
.dy-search-box button{padding:12px 22px;background:#165233;color:#fff;border:none;border-radius:0 8px 8px 0;cursor:pointer;font-size:1.1rem;transition:background .25s}
.dy-search-box button:hover{background:#1A6B42}

/* Banner */
.dy-banner{margin-top:0}
.banner-bg{background-size:cover;background-position:center;min-height:480px;display:flex;align-items:center}
.banner-overlay{width:100%;background:linear-gradient(135deg,rgba(22,82,51,.82),rgba(10,40,25,.65));padding:60px 0}
.banner-content{color:#fff;text-align:center}
.banner-content h1{font-size:2.6rem;margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:2px}
.banner-sub{font-size:1.15rem;color:rgba(255,255,255,.9);max-width:700px;margin:0 auto 36px;line-height:1.8}
.banner-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}
.banner-stats div{text-align:center}
.banner-stats strong{display:block;font-size:2rem;color:#D4A843;margin-bottom:4px}
.banner-stats span{font-size:.85rem;color:rgba(255,255,255,.75)}

/* 通用Section */
.dy-section{padding:64px 0}
.dy-alt{background:#F0EDE4}
.section-title{font-size:1.85rem;text-align:center;color:#165233;margin-bottom:12px;position:relative}
.section-title::after{content:'';display:block;width:60px;height:3px;background:#D4A843;margin:12px auto 0;border-radius:2px}
.section-desc{text-align:center;color:#6B6B6B;margin-bottom:40px;font-size:1rem}

/* 视频卡片网格 */
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.video-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:transform .3s,box-shadow .3s;cursor:pointer}
.video-card:hover{transform:translateY(-6px);box-shadow:0 8px 28px rgba(0,0,0,.12)}
.video-thumb{position:relative;overflow:hidden;aspect-ratio:16/9;background:#E8E4D8}
.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.video-card:hover .video-thumb img{transform:scale(1.06)}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:rgba(22,82,51,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;opacity:0;transition:opacity .3s;pointer-events:none}
.video-card:hover .play-btn{opacity:1}
.video-duration{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem}
.video-info{padding:16px}
.video-info h3{font-size:.95rem;color:#2D2D2D;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.video-info p{font-size:.82rem;color:#888;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.video-meta{display:flex;gap:12px;font-size:.75rem;color:#AAA}

/* 动物传媒 */
.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.media-item{background:#fff;padding:28px;border-radius:12px;border-left:4px solid #165233;box-shadow:0 2px 12px rgba(0,0,0,.05);transition:border-color .3s}
.media-item:hover{border-left-color:#D4A843}
.media-item h3{color:#165233;margin-bottom:10px;font-size:1.1rem}
.media-item p{color:#555;font-size:.9rem;margin-bottom:12px}
.tag{display:inline-block;background:#E8F5EC;color:#165233;padding:3px 10px;border-radius:20px;font-size:.78rem;margin-right:6px}

/* AI赋能 */
.ai-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ai-item{background:#fff;padding:32px 24px;border-radius:12px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:transform .3s}
.ai-item:hover{transform:translateY(-4px)}
.ai-icon{font-size:2.8rem;margin-bottom:16px}
.ai-item h3{color:#165233;margin-bottom:10px;font-size:1.05rem}
.ai-item p{color:#666;font-size:.85rem;line-height:1.7}

/* 社区 */
.community-banner{background-size:cover;background-position:center;border-radius:16px;overflow:hidden;margin-bottom:32px;min-height:260px;display:flex;align-items:center}
.community-overlay{width:100%;background:linear-gradient(to right,rgba(22,82,51,.8),rgba(22,82,51,.4));padding:48px;color:#fff}
.community-overlay h3{font-size:1.6rem;margin-bottom:10px}
.community-overlay p{font-size:1rem;color:rgba(255,255,255,.85)}
.community-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.topic-card{background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:box-shadow .3s}
.topic-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1)}
.topic-card h4{color:#165233;margin-bottom:8px;font-size:1rem}
.topic-card p{color:#666;font-size:.85rem;margin-bottom:10px}
.topic-stat{font-size:.78rem;color:#AAA}

/* 专家团队 */
.expert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.expert-card{background:#fff;padding:28px;border-radius:12px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:transform .3s}
.expert-card:hover{transform:translateY(-4px)}
.expert-card img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 16px;border:3px solid #E8F5EC}
.expert-card h3{color:#2D2D2D;margin-bottom:4px;font-size:1.1rem}
.expert-title{color:#D4A843;font-size:.88rem;margin-bottom:12px;font-weight:600}
.expert-card p{color:#666;font-size:.85rem;line-height:1.7;margin-bottom:16px}
.expert-actions{display:flex;gap:10px;justify-content:center}
.btn-contact,.btn-works{padding:8px 18px;border-radius:6px;font-size:.82rem;transition:all .25s}
.btn-contact{background:#165233;color:#fff}
.btn-contact:hover{background:#1A6B42;color:#fff}
.btn-works{border:1px solid #165233;color:#165233}
.btn-works:hover{background:#165233;color:#fff}

/* 加入指南 */
.howto-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.step-item{background:#fff;padding:32px 24px;border-radius:12px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.05);position:relative}
.step-num{width:48px;height:48px;background:#D4A843;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;margin:0 auto 16px}
.step-item h3{color:#165233;margin-bottom:10px;font-size:1rem}
.step-item p{color:#666;font-size:.85rem}

/* 联系我们 */
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.contact-item{background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.contact-item h3{color:#165233;margin-bottom:16px;font-size:1.15rem}
.contact-item p{color:#555;font-size:.9rem;margin-bottom:8px;line-height:1.8}
.contact-qr{display:flex;gap:32px;margin-top:16px}
.contact-qr div{text-align:center}
.contact-qr p{margin-top:8px;font-size:.82rem;color:#888}

/* 用户评价 */
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.review-card{background:#fff;padding:28px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.05);border-top:3px solid #D4A843}
.review-stars{color:#D4A843;font-size:1.1rem;margin-bottom:12px}
.review-text{color:#555;font-size:.9rem;line-height:1.8;margin-bottom:12px;font-style:italic}
.review-author{color:#165233;font-size:.85rem;font-weight:600}

/* FAQ */
.faq-list{max-width:860px;margin:0 auto}
.faq-item{background:#fff;margin-bottom:12px;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.faq-q{padding:20px 24px;cursor:pointer;color:#165233;font-size:1rem;position:relative;padding-right:48px;transition:background .25s}
.faq-q:hover{background:#F8F6F0}
.faq-q::after{content:'+';position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:#D4A843;transition:transform .3s}
.faq-item.open .faq-q::after{transform:translateY(-50%) rotate(45deg)}
.faq-a{padding:0 24px;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}
.faq-item.open .faq-a{max-height:300px;padding:0 24px 20px}
.faq-a p{color:#666;font-size:.9rem;line-height:1.8}

/* 分享按钮 */
.share-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.share-btn{padding:12px 28px;border-radius:8px;color:#fff;font-size:.9rem;transition:transform .25s,opacity .25s}
.share-btn:hover{transform:translateY(-2px);opacity:.9;color:#fff}
.share-wechat{background:#07C160}
.share-weibo{background:#E6162D}
.share-douyin{background:#161823}
.share-bilibili{background:#00A1D6}

/* 页脚 */
.dy-footer{background:#1A2E23;color:rgba(255,255,255,.75);padding:48px 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-col img{border-radius:8px;margin-bottom:12px}
.footer-col h4{color:#D4A843;margin-bottom:14px;font-size:1rem}
.footer-col a{display:block;color:rgba(255,255,255,.65);font-size:.88rem;margin-bottom:8px;transition:color .25s}
.footer-col a:hover{color:#D4A843}
.footer-col p{font-size:.85rem;margin-bottom:6px;line-height:1.7}
.footer-bottom{text-align:center;padding:20px 0;font-size:.82rem;color:rgba(255,255,255,.5)}

/* 懒加载占位 */
.lazy{opacity:0;transition:opacity .5s}
.lazy.loaded{opacity:1}

/* 响应式 */
@media(max-width:1024px){
  .video-grid{grid-template-columns:repeat(2,1fr)}
  .ai-grid{grid-template-columns:repeat(2,1fr)}
  .expert-grid{grid-template-columns:repeat(2,1fr)}
  .howto-steps{grid-template-columns:repeat(2,1fr)}
  .community-topics{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .dy-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#165233;flex-direction:column;padding:16px}
  .dy-nav.open{display:flex}
  .dy-toggle{display:block}
  .banner-content h1{font-size:1.6rem}
  .banner-stats{gap:24px}
  .banner-stats strong{font-size:1.4rem}
  .video-grid{grid-template-columns:1fr}
  .media-grid{grid-template-columns:1fr}
  .ai-grid{grid-template-columns:1fr}
  .expert-grid{grid-template-columns:1fr}
  .howto-steps{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .review-grid{grid-template-columns:1fr}
  .community-topics{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .section-title{font-size:1.4rem}
  .dy-section{padding:40px 0}
}