/* ============================================================
   抖阴 全站样式表 - 完全原创设计
   品牌：抖阴影视传媒与视频社区
   域名：xa-zd.cn
   配色：暖珊瑚橙 #E8654A + 琥珀金 #D4A843 + 深夜蓝 #121829
   ============================================================ */

/* --- CSS变量 --- */
:root {
  --tx-coral: #E8654A;
  --tx-amber: #D4A843;
  --tx-navy: #121829;
  --tx-navy-light: #1C2640;
  --tx-navy-mid: #243052;
  --tx-cream: #FFF8F0;
  --tx-cream-dark: #F5EDE3;
  --tx-text: #2D2A26;
  --tx-text-light: #7A7570;
  --tx-text-inv: #F0EDE8;
  --tx-white: #FFFFFF;
  --tx-gradient: linear-gradient(135deg, var(--tx-coral), var(--tx-amber));
  --tx-gradient-dark: linear-gradient(135deg, var(--tx-navy), var(--tx-navy-light));
  --tx-shadow: 0 4px 24px rgba(18,24,41,0.10);
  --tx-shadow-lg: 0 8px 40px rgba(18,24,41,0.16);
  --tx-radius: 10px;
  --tx-radius-lg: 16px;
  --tx-font: 'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',system-ui,-apple-system,sans-serif;
  --tx-transition: 0.3s cubic-bezier(0.4,0,0.2,1);
}

/* --- 基础重置 --- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}
body{font-family:var(--tx-font);color:var(--tx-text);background:var(--tx-cream);line-height:1.75;-webkit-font-smoothing:antialiased;}
a{color:var(--tx-coral);text-decoration:none;transition:color var(--tx-transition);}
a:hover{color:var(--tx-amber);}
img{max-width:100%;height:auto;display:block;}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{line-height:1.35;font-weight:700;color:var(--tx-navy);}
h1{font-size:2.4rem;}
h2{font-size:1.8rem;}
h3{font-size:1.3rem;}
h4{font-size:1.1rem;}
p{margin-bottom:1rem;}

/* --- 容器 --- */
.tx-wrap{max-width:1200px;margin:0 auto;padding:0 20px;}

/* --- 顶部导航 --- */
.tx-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--tx-navy);transition:box-shadow var(--tx-transition);}
.tx-header-inner{display:flex;align-items:center;justify-content:space-between;height:68px;max-width:1200px;margin:0 auto;padding:0 20px;}
.tx-logo{display:flex;align-items:center;gap:10px;}
.tx-logo img{height:42px;width:auto;}
.tx-logo-text{color:var(--tx-cream);font-size:1.25rem;font-weight:700;letter-spacing:0.5px;}
.tx-logo-text span{background:var(--tx-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

.tx-nav{display:flex;align-items:center;gap:6px;}
.tx-nav a{color:var(--tx-text-inv);font-size:0.9rem;padding:8px 14px;border-radius:6px;transition:all var(--tx-transition);white-space:nowrap;}
.tx-nav a:hover,.tx-nav a.active{color:var(--tx-coral);background:rgba(232,101,74,0.1);}

.tx-header-search{display:flex;align-items:center;background:var(--tx-navy-light);border-radius:20px;overflow:hidden;border:1px solid var(--tx-navy-mid);}
.tx-header-search input{background:transparent;border:none;color:var(--tx-text-inv);padding:8px 14px;font-size:0.85rem;width:180px;outline:none;}
.tx-header-search input::placeholder{color:var(--tx-text-light);}
.tx-header-search button{background:var(--tx-gradient);border:none;color:var(--tx-white);padding:8px 16px;cursor:pointer;font-size:0.85rem;transition:opacity var(--tx-transition);}
.tx-header-search button:hover{opacity:0.85;}

.tx-menu-toggle{display:none;background:none;border:none;color:var(--tx-cream);font-size:1.6rem;cursor:pointer;padding:4px 8px;}

/* --- Hero区域 --- */
.tx-hero{position:relative;margin-top:68px;overflow:hidden;background:var(--tx-navy);}
.tx-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.35;}
.tx-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,24,41,0.6) 0%,rgba(18,24,41,0.85) 100%);}
.tx-hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:80px 20px 90px;text-align:center;}
.tx-hero h1{color:var(--tx-cream);font-size:2.8rem;margin-bottom:16px;}
.tx-hero h1 .tx-hl{background:var(--tx-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.tx-hero-sub{color:var(--tx-text-inv);font-size:1.15rem;max-width:680px;margin:0 auto 32px;opacity:0.9;}
.tx-hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:36px;}
.tx-hero-tags span{background:rgba(232,101,74,0.15);color:var(--tx-coral);padding:6px 18px;border-radius:20px;font-size:0.85rem;cursor:pointer;transition:all var(--tx-transition);}
.tx-hero-tags span:hover{background:var(--tx-coral);color:var(--tx-white);}
.tx-hero-btn{display:inline-block;background:var(--tx-gradient);color:var(--tx-white);padding:14px 40px;border-radius:30px;font-size:1.05rem;font-weight:600;transition:all var(--tx-transition);box-shadow:0 4px 20px rgba(232,101,74,0.35);}
.tx-hero-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(232,101,74,0.5);color:var(--tx-white);}

/* --- 通用区块 --- */
.tx-section{padding:70px 0;}
.tx-section-alt{background:var(--tx-white);}
.tx-section-dark{background:var(--tx-navy);color:var(--tx-text-inv);}
.tx-section-dark h2,.tx-section-dark h3{color:var(--tx-cream);}

.tx-sec-head{text-align:center;margin-bottom:48px;}
.tx-sec-head h2{margin-bottom:12px;}
.tx-sec-head h2 .tx-hl{color:var(--tx-coral);}
.tx-sec-head p{color:var(--tx-text-light);font-size:1rem;max-width:600px;margin:0 auto;}
.tx-sec-line{width:60px;height:3px;background:var(--tx-gradient);margin:16px auto 0;border-radius:2px;}

/* --- 面包屑 --- */
.tx-breadcrumb{background:var(--tx-navy);padding-top:68px;}
.tx-breadcrumb-inner{max-width:1200px;margin:0 auto;padding:14px 20px;font-size:0.85rem;}
.tx-breadcrumb-inner a{color:var(--tx-text-inv);opacity:0.7;}
.tx-breadcrumb-inner a:hover{opacity:1;color:var(--tx-coral);}
.tx-breadcrumb-inner span{color:var(--tx-text-inv);opacity:0.5;margin:0 8px;}
.tx-breadcrumb-inner em{color:var(--tx-coral);font-style:normal;}

/* --- 视频卡片网格 --- */
.tx-vid-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.tx-vid-card{background:var(--tx-white);border-radius:var(--tx-radius);overflow:hidden;box-shadow:var(--tx-shadow);transition:all var(--tx-transition);cursor:pointer;}
.tx-vid-card:hover{transform:translateY(-4px);box-shadow:var(--tx-shadow-lg);}
.tx-vid-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--tx-navy);}
.tx-vid-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--tx-transition);}
.tx-vid-card:hover .tx-vid-thumb img{transform:scale(1.06);}
.tx-vid-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--tx-transition);background:rgba(18,24,41,0.4);}
.tx-vid-card:hover .tx-vid-play{opacity:1;}
.tx-vid-play i{width:52px;height:52px;border-radius:50%;background:var(--tx-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(232,101,74,0.5);}
.tx-vid-play i::after{content:'';display:block;width:0;height:0;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent var(--tx-white);margin-left:3px;}
.tx-vid-dur{position:absolute;bottom:8px;right:8px;background:rgba(18,24,41,0.8);color:var(--tx-cream);font-size:0.75rem;padding:2px 8px;border-radius:4px;}
.tx-vid-body{padding:14px 16px;}
.tx-vid-body h3{font-size:0.95rem;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;}
.tx-vid-meta{display:flex;align-items:center;gap:14px;font-size:0.8rem;color:var(--tx-text-light);margin-bottom:8px;}
.tx-vid-tag{display:inline-block;background:rgba(232,101,74,0.1);color:var(--tx-coral);font-size:0.75rem;padding:3px 10px;border-radius:12px;}

/* --- 专家卡片 --- */
.tx-expert-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.tx-expert-item{text-align:center;background:var(--tx-white);border-radius:var(--tx-radius-lg);padding:32px 20px;box-shadow:var(--tx-shadow);transition:all var(--tx-transition);}
.tx-expert-item:hover{transform:translateY(-4px);box-shadow:var(--tx-shadow-lg);}
.tx-expert-item img{width:88px;height:88px;border-radius:50%;object-fit:cover;margin:0 auto 16px;border:3px solid var(--tx-cream-dark);}
.tx-expert-item h3{font-size:1.1rem;margin-bottom:4px;}
.tx-expert-item .tx-role{color:var(--tx-coral);font-size:0.85rem;margin-bottom:10px;display:block;}
.tx-expert-item p{font-size:0.88rem;color:var(--tx-text-light);line-height:1.6;}

/* --- 数据统计条 --- */
.tx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:50px 0;}
.tx-stat{text-align:center;}
.tx-stat-num{font-size:2.2rem;font-weight:800;background:var(--tx-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;}
.tx-stat-label{font-size:0.9rem;color:var(--tx-text-light);}
.tx-section-dark .tx-stat-label{color:var(--tx-text-inv);opacity:0.8;}

/* --- 用户评论 --- */
.tx-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.tx-review-card{background:var(--tx-white);border-radius:var(--tx-radius-lg);padding:28px;box-shadow:var(--tx-shadow);}
.tx-review-top{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.tx-review-avatar{width:44px;height:44px;border-radius:50%;background:var(--tx-gradient);display:flex;align-items:center;justify-content:center;color:var(--tx-white);font-weight:700;font-size:1.1rem;}
.tx-review-name{font-weight:600;font-size:0.95rem;}
.tx-review-stars{color:var(--tx-amber);font-size:0.85rem;letter-spacing:2px;}
.tx-review-card p{font-size:0.9rem;color:var(--tx-text-light);line-height:1.7;}

/* --- FAQ --- */
.tx-faq-list{max-width:800px;margin:0 auto;}
.tx-faq-item{border-bottom:1px solid var(--tx-cream-dark);overflow:hidden;}
.tx-faq-q{display:flex;align-items:center;justify-content:space-between;padding:18px 0;cursor:pointer;font-weight:600;font-size:1rem;color:var(--tx-navy);transition:color var(--tx-transition);}
.tx-faq-q:hover{color:var(--tx-coral);}
.tx-faq-q .tx-faq-icon{font-size:1.4rem;transition:transform var(--tx-transition);color:var(--tx-coral);}
.tx-faq-item.open .tx-faq-icon{transform:rotate(45deg);}
.tx-faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s ease;}
.tx-faq-item.open .tx-faq-a{max-height:300px;padding-bottom:18px;}
.tx-faq-a p{font-size:0.92rem;color:var(--tx-text-light);line-height:1.7;}

/* --- 联系方式 --- */
.tx-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.tx-contact-block{background:var(--tx-white);border-radius:var(--tx-radius-lg);padding:36px;box-shadow:var(--tx-shadow);}
.tx-contact-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--tx-cream-dark);font-size:0.92rem;}
.tx-contact-row:last-child{border-bottom:none;}
.tx-contact-label{min-width:80px;color:var(--tx-coral);font-weight:600;}
.tx-qr-row{display:flex;gap:30px;justify-content:center;margin-top:20px;}
.tx-qr-box{text-align:center;}
.tx-qr-box img{width:140px;height:140px;border-radius:8px;margin-bottom:8px;}
.tx-qr-box p{font-size:0.85rem;color:var(--tx-text-light);}

/* --- 内容文章 --- */
.tx-article{max-width:860px;margin:0 auto;}
.tx-article h2{margin:36px 0 16px;padding-bottom:10px;border-bottom:2px solid var(--tx-cream-dark);}
.tx-article h3{margin:28px 0 12px;color:var(--tx-coral);}
.tx-article p{font-size:0.95rem;line-height:1.85;color:var(--tx-text);margin-bottom:16px;}

/* --- 页面Hero（内页） --- */
.tx-page-hero{background:var(--tx-navy);padding:100px 0 50px;text-align:center;}
.tx-page-hero h1{color:var(--tx-cream);margin-bottom:12px;}
.tx-page-hero p{color:var(--tx-text-inv);opacity:0.85;max-width:640px;margin:0 auto;font-size:1.05rem;}

/* --- 合作品牌墙 --- */
.tx-partner-row{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;padding:20px 0;}
.tx-partner-item{background:var(--tx-white);border-radius:var(--tx-radius);padding:16px 28px;box-shadow:var(--tx-shadow);font-size:0.95rem;font-weight:600;color:var(--tx-navy);transition:all var(--tx-transition);}
.tx-partner-item:hover{transform:translateY(-2px);box-shadow:var(--tx-shadow-lg);}

/* --- How-To指南 --- */
.tx-howto-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.tx-howto-step{text-align:center;padding:28px 20px;background:var(--tx-white);border-radius:var(--tx-radius-lg);box-shadow:var(--tx-shadow);transition:all var(--tx-transition);}
.tx-howto-step:hover{transform:translateY(-3px);box-shadow:var(--tx-shadow-lg);}
.tx-howto-num{width:48px;height:48px;border-radius:50%;background:var(--tx-gradient);color:var(--tx-white);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;margin:0 auto 14px;}
.tx-howto-step h4{margin-bottom:8px;}
.tx-howto-step p{font-size:0.88rem;color:var(--tx-text-light);}

/* --- 社交分享 --- */
.tx-share-bar{display:flex;align-items:center;gap:12px;justify-content:center;padding:20px 0;}
.tx-share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:20px;font-size:0.85rem;font-weight:600;cursor:pointer;border:none;transition:all var(--tx-transition);color:var(--tx-white);}
.tx-share-btn.wx{background:#07C160;}
.tx-share-btn.wb{background:#E6162D;}
.tx-share-btn.dy{background:#161823;}
.tx-share-btn.bl{background:#00A1D6;}
.tx-share-btn:hover{opacity:0.85;transform:translateY(-1px);}

/* --- 页脚 --- */
.tx-footer{background:var(--tx-navy);color:var(--tx-text-inv);padding:50px 0 0;}
.tx-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;max-width:1200px;margin:0 auto;padding:0 20px 40px;}
.tx-footer-brand p{font-size:0.88rem;opacity:0.7;line-height:1.7;margin-top:14px;}
.tx-footer h4{font-size:1rem;margin-bottom:16px;color:var(--tx-cream);}
.tx-footer-links a{display:block;color:var(--tx-text-inv);opacity:0.7;font-size:0.88rem;padding:4px 0;transition:all var(--tx-transition);}
.tx-footer-links a:hover{opacity:1;color:var(--tx-coral);padding-left:4px;}
.tx-footer-bottom{border-top:1px solid var(--tx-navy-mid);max-width:1200px;margin:0 auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;font-size:0.82rem;opacity:0.6;}

/* --- 响应式 --- */
@media(max-width:1024px){
  .tx-vid-grid{grid-template-columns:repeat(3,1fr);}
  .tx-expert-row{grid-template-columns:repeat(2,1fr);}
  .tx-howto-steps{grid-template-columns:repeat(2,1fr);}
  .tx-stats{grid-template-columns:repeat(2,1fr);}
  .tx-footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .tx-nav{position:fixed;top:68px;left:0;right:0;background:var(--tx-navy);flex-direction:column;padding:16px;gap:4px;transform:translateY(-120%);transition:transform var(--tx-transition);z-index:999;}
  .tx-nav.open{transform:translateY(0);}
  .tx-nav-open{transform:translateY(0);}
  .tx-nav a{width:100%;text-align:center;padding:12px;}
  .tx-menu-toggle{display:block;}
  .tx-header-search{display:none;}
  .tx-hero h1{font-size:1.8rem;}
  .tx-hero-content{padding:50px 20px 60px;}
  .tx-vid-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
  .tx-review-grid{grid-template-columns:1fr;}
  .tx-contact-grid{grid-template-columns:1fr;}
  .tx-footer-grid{grid-template-columns:1fr;}
  .tx-footer-bottom{flex-direction:column;gap:8px;text-align:center;}
  h1{font-size:1.8rem;}
  h2{font-size:1.4rem;}
}
@media(max-width:480px){
  .tx-vid-grid{grid-template-columns:1fr;}
  .tx-expert-row{grid-template-columns:1fr;}
  .tx-howto-steps{grid-template-columns:1fr;}
  .tx-stats{grid-template-columns:1fr;}
}