/*
Theme Name: 数智传媒主题 TechMedia
Theme URI: https://example.com/
Author: TechMedia
Author URI: https://example.com/
Description: 为网络科技传媒公司打造的「科技+传媒」双业务官网主题。启用后自动初始化科技/传媒服务分类、案例行业、解决方案页面与导航菜单，内置服务与案例自定义类型、询盘表单、媒体矩阵、联系方式后台可视化设置，SEO 友好，移动端自适应。
Version: 1.1.0
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: techmedia
Tags: business, custom-menu, custom-logo, featured-images, translation-ready
*/

/* =========================================================
   1. 基础与变量
========================================================= */
:root{
  --navy:#101c33; --navy2:#16294a; --navy3:#1d3a6e;
  --gold:#2f6fdb; --gold2:#8ab6f2; --gold-dim:rgba(47,111,219,.35);
  --red:#d64541;
  --ink:#222a35; --gray:#6b7686; --line:#e2e7f0;
  --bg:#f5f7fb; --white:#fff;
  --shadow:0 4px 18px rgba(16,28,51,.08);
  --radius:10px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;color:var(--ink);background:var(--bg);line-height:1.75;font-size:15px;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;transition:color .25s;}
a:hover{color:var(--gold);}
ul,ol{list-style:none;}
.container{max-width:1180px;margin:0 auto;padding:0 20px;}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);}

/* =========================================================
   2. 顶部与导航
========================================================= */
.topbar{background:var(--navy);color:#9fb0c6;font-size:13px;padding:6px 0;}
.topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;}
.topbar a{color:var(--gold2);}
.site-header{background:#fff;position:sticky;top:0;z-index:999;box-shadow:0 2px 10px rgba(16,28,51,.06);transition:box-shadow .3s;}
.site-header.scrolled{box-shadow:0 6px 20px rgba(16,28,51,.14);}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:74px;gap:16px;}
.brand{display:flex;align-items:center;gap:10px;}
.brand img{max-height:52px;width:auto;}
.brand .site-title{font-size:22px;font-weight:700;color:var(--navy);letter-spacing:1px;}
.brand .site-title span{color:var(--gold);}
.brand .site-desc{font-size:11px;color:var(--gray);letter-spacing:2px;}
.main-nav ul{display:flex;gap:2px;}
.main-nav li{position:relative;}
.main-nav a{display:block;padding:10px 14px;font-size:15px;color:var(--ink);font-weight:500;border-radius:6px;}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--gold);}
.main-nav .menu-item-has-children>a::after{content:"▾";margin-left:4px;font-size:11px;color:var(--gray);}
.main-nav ul ul{position:absolute;top:100%;left:0;background:#fff;min-width:200px;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:8px 0;display:none;flex-direction:column;}
.main-nav li:hover>ul{display:flex;}
.main-nav ul ul a{padding:9px 16px;font-size:14px;font-weight:400;}
.header-cta{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.header-cta .hotline{text-align:right;line-height:1.3;}
.header-cta .hotline small{display:block;font-size:11px;color:var(--gray);}
.header-cta .hotline strong{font-size:17px;color:var(--red);}
.btn{display:inline-block;padding:10px 24px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .25s;text-align:center;}
.btn-gold{background:linear-gradient(135deg,var(--gold),#b58a35);color:#fff;}
.btn-gold:hover{filter:brightness(1.08);color:#fff;}
.btn-red{background:var(--red);color:#fff;}
.btn-red:hover{filter:brightness(1.08);color:#fff;}
.btn-ghost{border:1px solid rgba(255,255,255,.7);color:#fff;}
.btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff;}
.btn-outline{border:1px solid var(--navy);color:var(--navy);}
.btn-outline:hover{background:var(--navy);color:#fff;}
.nav-toggle{display:none;background:none;border:none;font-size:26px;color:var(--navy);cursor:pointer;line-height:1;}

/* 移动端导航 */
@media(max-width:920px){
  .main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;border-top:1px solid var(--line);box-shadow:var(--shadow);}
  .main-nav.open{display:block;}
  .main-nav ul{flex-direction:column;padding:10px 20px 20px;}
  .main-nav ul ul{position:static;display:block;border:none;box-shadow:none;padding-left:16px;}
  .header-cta .hotline{display:none;}
  .nav-toggle{display:block;}
  .brand .site-desc{display:none;}
}

/* =========================================================
   3. 首页 Hero
========================================================= */
.hero{position:relative;min-height:560px;display:flex;align-items:center;color:#fff;overflow:hidden;
  background:linear-gradient(120deg,#0d1b2a 0%,#16304e 55%,#1b3a5c 100%);}
.hero .hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.45;}
.hero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border:2px solid var(--gold-dim);border-radius:50%;}
.hero::before{content:"";position:absolute;right:-30px;top:-30px;width:260px;height:260px;border:2px solid var(--gold-dim);border-radius:50%;}
.hero .container{position:relative;z-index:2;padding-top:40px;padding-bottom:40px;}
.hero .hero-tag{display:inline-block;border:1px solid var(--gold);color:var(--gold2);font-size:13px;padding:4px 16px;border-radius:20px;letter-spacing:3px;margin-bottom:20px;}
.hero h1{font-size:42px;font-weight:700;letter-spacing:2px;line-height:1.3;margin-bottom:14px;}
.hero h1 em{font-style:normal;color:var(--gold2);}
.hero p{color:#aebacd;font-size:17px;max-width:640px;margin-bottom:30px;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;}
@media(max-width:720px){.hero{min-height:440px;}.hero h1{font-size:28px;}.hero p{font-size:15px;}}

/* =========================================================
   4. 通用 Section 与标题
========================================================= */
.section{padding:64px 0 20px;}
.section.alt{background:#fff;}
.sec-head{text-align:center;margin-bottom:38px;}
.sec-head .en{color:var(--gold);font-size:13px;letter-spacing:4px;text-transform:uppercase;}
.sec-head h2{font-size:28px;color:var(--navy);margin:6px 0 8px;letter-spacing:1px;}
.sec-head .line{width:56px;height:3px;background:var(--gold);margin:10px auto 0;border-radius:2px;}
.sec-head p{color:var(--gray);font-size:14.5px;}
@media(max-width:720px){.section{padding:44px 0 14px;}.sec-head h2{font-size:22px;}}

/* =========================================================
   5. 业务板块 / 分类
========================================================= */
.biz-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.biz-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 12px;text-align:center;transition:all .3s;box-shadow:0 2px 8px rgba(16,28,51,.04);}
.biz-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--gold-dim);}
.biz-card .icon{width:58px;height:58px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--navy3));color:var(--gold2);font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.biz-card h3{font-size:15.5px;color:var(--navy);margin-bottom:4px;}
.biz-card span{font-size:12px;color:var(--gray);}
@media(max-width:920px){.biz-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:560px){.biz-grid{grid-template-columns:repeat(2,1fr);}}

.cat-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.cat-chips a{background:#fff;border:1px solid var(--line);border-radius:30px;padding:7px 20px;font-size:14px;color:var(--ink);transition:all .25s;}
.cat-chips a:hover{background:var(--navy);border-color:var(--navy);color:var(--gold2);}

/* =========================================================
   6. 卡片网格（案例/产品/文章）
========================================================= */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.grid.cols-3{grid-template-columns:repeat(3,1fr);}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:all .3s;display:flex;flex-direction:column;}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);}
.card .thumb{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,var(--navy2),var(--navy3));}
.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.card:hover .thumb img{transform:scale(1.06);}
.card .thumb .ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gold2);font-size:34px;letter-spacing:4px;}
.card .body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column;}
.card h3{font-size:15.5px;color:var(--navy);line-height:1.5;margin-bottom:6px;}
.card h3 a:hover{color:var(--gold);}
.card p{font-size:13px;color:var(--gray);flex:1;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.card .meta{font-size:12px;color:#9aa5b5;display:flex;gap:12px;}
.card .meta .cat{color:var(--gold);}
@media(max-width:920px){.grid{grid-template-columns:repeat(2,1fr);}.grid.cols-3{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.grid,.grid.cols-3{grid-template-columns:1fr;}}

/* =========================================================
   7. 数字条 / 流程
========================================================= */
.numbers{background:linear-gradient(120deg,var(--navy) 0%,var(--navy3) 100%);color:#fff;padding:52px 0;}
.numbers .grid{gap:10px;}
.num-item{text-align:center;}
.num-item b{display:block;font-size:38px;color:var(--gold2);font-weight:700;line-height:1.2;}
.num-item b small{font-size:16px;}
.num-item span{font-size:14px;color:#9fb0c6;letter-spacing:1px;}
@media(max-width:720px){.num-item b{font-size:28px;}}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step;}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 22px;text-align:center;position:relative;transition:all .3s;}
.step:hover{border-color:var(--gold-dim);box-shadow:var(--shadow);}
.step .no{width:46px;height:46px;margin:0 auto 14px;border-radius:50%;background:var(--gold);color:#fff;font-weight:700;font-size:19px;display:flex;align-items:center;justify-content:center;}
.step h3{font-size:16.5px;color:var(--navy);margin-bottom:6px;}
.step p{font-size:13.5px;color:var(--gray);}
@media(max-width:920px){.steps{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.steps{grid-template-columns:1fr;}}

/* =========================================================
   8. 询盘表单
========================================================= */
.inquiry{background:linear-gradient(120deg,var(--navy) 0%,#16304e 100%);padding:64px 0;color:#fff;}
.inquiry .wrap2{display:grid;grid-template-columns:1fr 1.2fr;gap:44px;align-items:center;}
.inquiry h2{font-size:26px;margin-bottom:12px;}
.inquiry h2 em{font-style:normal;color:var(--gold2);}
.inquiry .desc{color:#aebacd;font-size:14.5px;margin-bottom:18px;}
.inquiry .contacts p{margin-bottom:8px;font-size:15px;}
.inquiry .contacts strong{color:var(--gold2);font-size:20px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.inquiry input,.inquiry textarea,.inquiry select{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);border-radius:6px;color:#fff;font-size:14px;font-family:inherit;}
.inquiry input::placeholder,.inquiry textarea::placeholder{color:#7f90a8;}
.inquiry textarea{grid-column:1/-1;min-height:96px;resize:vertical;}
.inquiry .form-foot{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.inquiry .ok-msg{color:#7ddc96;font-size:13.5px;}
.inquiry .err-msg{color:#ff9d8f;font-size:13.5px;}
@media(max-width:920px){.inquiry .wrap2{grid-template-columns:1fr;gap:28px;}}
@media(max-width:560px){.form-grid{grid-template-columns:1fr;}}

/* =========================================================
   9. 内容区 / 归档 / 详情
========================================================= */
.page-hero{background:linear-gradient(120deg,var(--navy),var(--navy3));color:#fff;padding:46px 0;}
.page-hero h1{font-size:26px;letter-spacing:1px;}
.page-hero .crumbs{font-size:13px;color:#9fb0c6;margin-top:6px;}
.page-hero .crumbs a{color:var(--gold2);}
.content-area{padding:44px 0 60px;}
.entry-content{font-size:15.5px;}
.entry-content p{margin-bottom:14px;}
.entry-content h2,.entry-content h3{color:var(--navy);margin:26px 0 12px;}
.entry-content h2{font-size:21px;}
.entry-content h3{font-size:18px;}
.entry-content img{border-radius:8px;margin:10px 0;}
.entry-content ul,.entry-content ol{margin:0 0 16px 22px;list-style:disc;}
.entry-content ol{list-style:decimal;}
.entry-content li{margin-bottom:6px;}
.entry-content blockquote{border-left:4px solid var(--gold);background:#fff;padding:14px 20px;margin:16px 0;color:var(--gray);border-radius:0 8px 8px 0;}
.single-hero{background:#fff;padding:36px 0;border-bottom:1px solid var(--line);}
.single-hero h1{font-size:26px;color:var(--navy);margin-bottom:8px;}
.single-hero .meta{font-size:13px;color:var(--gray);display:flex;gap:16px;flex-wrap:wrap;}
.single-hero .meta .cat{color:var(--gold);}
.single-layout .entry-thumb{border-radius:var(--radius);overflow:hidden;margin-bottom:22px;}
.related{margin-top:50px;}
.related h2{font-size:20px;color:var(--navy);margin-bottom:18px;padding-left:12px;border-left:4px solid var(--gold);}
.pagination{margin-top:44px;text-align:center;}
.pagination .nav-links{display:inline-flex;gap:8px;flex-wrap:wrap;}
.pagination .page-numbers{display:inline-block;padding:8px 15px;background:#fff;border:1px solid var(--line);border-radius:6px;font-size:14px;color:var(--ink);}
.pagination .page-numbers.current,.pagination .page-numbers:hover{background:var(--navy);color:var(--gold2);border-color:var(--navy);}

/* 404 / 搜索 */
.notfound{text-align:center;padding:90px 0;}
.notfound b{font-size:80px;color:var(--gold);display:block;line-height:1.2;}
.notfound h1{font-size:24px;color:var(--navy);margin:10px 0 16px;}
.searchform{display:flex;gap:8px;max-width:420px;margin:0 auto;}
.searchform input[type=search]{flex:1;padding:11px 14px;border:1px solid var(--line);border-radius:6px;font-size:14px;}
.searchform button{padding:11px 22px;}

/* =========================================================
   10. 页脚与悬浮条
========================================================= */
.site-footer{background:var(--navy);color:#8fa0b8;padding:56px 0 0;font-size:14px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;padding-bottom:38px;}
.footer-grid h3{color:#fff;font-size:16px;margin-bottom:16px;position:relative;padding-bottom:10px;}
.footer-grid h3::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:2px;background:var(--gold);}
.footer-grid ul li{margin-bottom:8px;}
.footer-grid a:hover{color:var(--gold2);}
.footer-grid .about p{margin-bottom:10px;}
.footer-grid .contact li{display:flex;gap:8px;}
.footer-qr img{background:#fff;padding:5px;border-radius:6px;max-width:120px;}
.copyright{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:13px;text-align:center;color:#6d7f96;}
.copyright a{color:#8fa0b8;}
@media(max-width:920px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr;}}

.float-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--navy);z-index:998;}
.float-bar a{flex:1;text-align:center;padding:11px 4px;color:#fff;font-size:13px;border-right:1px solid rgba(255,255,255,.08);}
.float-bar a:last-child{border-right:none;}
.float-bar .f-call{color:var(--gold2);}
.float-bar .f-ask{background:var(--red);color:#fff;font-weight:600;}
@media(max-width:920px){.float-bar{display:flex;}body{padding-bottom:44px;}}

/* 返回顶部 */
.back-top{position:fixed;right:22px;bottom:64px;width:44px;height:44px;border-radius:50%;background:var(--gold);color:#fff;border:none;font-size:18px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s;z-index:997;box-shadow:var(--shadow);}
.back-top.show{opacity:1;pointer-events:auto;}
@media(max-width:920px){.back-top{bottom:58px;}}

/* WordPress 对齐与工具类 */
.alignleft{float:left;margin:6px 20px 12px 0;}
.alignright{float:right;margin:6px 0 12px 20px;}
.aligncenter{display:block;margin:10px auto;}
.wp-caption-text{font-size:12px;color:var(--gray);text-align:center;}
.sticky .card{border-color:var(--gold-dim);}
.bypostauthor{outline:2px solid var(--gold-dim);}

/* =========================================================
   11. 双业务引擎面板
========================================================= */
.duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.duo-panel{position:relative;overflow:hidden;border-radius:14px;padding:36px 34px 32px;background:var(--navy);border:1px solid var(--navy2);color:#fff;}
.duo-panel::after{content:"";position:absolute;right:-70px;bottom:-70px;width:220px;height:220px;border-radius:50%;border:2px solid var(--duo-accent,#2f6fdb);opacity:.25;}
.duo-panel::before{content:"";position:absolute;right:-30px;bottom:-30px;width:140px;height:140px;border-radius:50%;border:2px solid var(--duo-accent,#2f6fdb);opacity:.15;}
.duo-tech{--duo-accent:#2f6fdb;}
.duo-media{--duo-accent:#d98e2b;}
.duo-head{display:flex;align-items:center;gap:16px;margin-bottom:14px;}
.duo-icon{width:58px;height:58px;border-radius:14px;background:var(--duo-accent);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0;}
.duo-head h3{font-size:22px;color:#fff;margin:0;letter-spacing:1px;}
.duo-head .duo-en{display:block;font-size:12px;letter-spacing:3px;color:var(--duo-accent);margin-top:2px;}
.duo-tagline{color:rgba(255,255,255,.62);font-size:14.5px;margin-bottom:22px;max-width:92%;}
.duo-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-bottom:26px;position:relative;z-index:1;}
.duo-list a{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:11px 14px;color:rgba(255,255,255,.88);font-size:14.5px;transition:all .25s;}
.duo-list a:hover{background:var(--duo-accent);border-color:var(--duo-accent);color:#fff;transform:translateY(-2px);}
.duo-list .dot{width:7px;height:7px;border-radius:50%;background:var(--duo-accent);flex-shrink:0;}
.duo-list a:hover .dot{background:#fff;}
.duo-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;position:relative;z-index:1;}
.duo-foot .duo-note{color:rgba(255,255,255,.5);font-size:13px;}
.duo-btn{display:inline-block;padding:10px 26px;border-radius:8px;font-size:14.5px;font-weight:600;border:1px solid var(--duo-accent);color:#fff;transition:all .25s;}
.duo-btn:hover{background:var(--duo-accent);color:#fff;}
@media(max-width:920px){
  .duo-grid{grid-template-columns:1fr;}
  .duo-panel{padding:28px 24px;}
}
@media(max-width:560px){
  .duo-list{grid-template-columns:1fr;}
  .duo-head h3{font-size:19px;}
}