/*
Theme Name: 红色光标官网
Theme URI: https://www.redfocus.cn
Description: 红色光标文化传媒（北京）有限公司官网——营销型活动公司网站完整独立主题。含 首页/案例/服务/关于/联系/新闻 全定制模板，自动建案例类型与页面。不依赖任何父主题。
Author: RedFocus
Version: 2.0
Text Domain: redfocus
*/

/* ============================================================
   红色光标官网 · 首页全定制样式（v6 克隆版式）
   品牌红：#C00020 ｜ 1180px 容器 ｜ 吸顶玻璃导航 ｜ 全屏轮播
   ============================================================ */
:root{
  --red:#C00020;
  --red-hover:#99001A;
  --line:#e6e6e6;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;color:#333;background:#fff;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.wrap{width:1180px;margin:0 auto}

/* 顶部导航（吸顶 + 玻璃） */
.head-box{position:fixed;top:0;left:0;width:100%;z-index:1000;
  background:rgba(18,15,15,.42);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.12);transition:background .3s,border-color .3s,box-shadow .3s}
.head-box.scrolled{background:rgba(255,255,255,.86);border-bottom-color:rgba(0,0,0,.08);box-shadow:0 6px 26px -14px rgba(0,0,0,.28)}
.head{width:1180px;margin:0 auto;height:68px;display:flex;align-items:center}
.head .logo{display:flex;align-items:center;gap:10px}
.head .logo img{height:40px;width:auto}
.head .logo .en{color:#fff;font-size:12px;letter-spacing:3px;font-weight:600;opacity:.92;transition:.3s}
.head-box.scrolled .logo .en{color:#999}
.head .nav{margin-left:auto;display:flex;align-items:center;gap:34px;list-style:none;padding:0;margin-block:0}
.head .nav li{list-style:none;margin:0;padding:0}
.head .nav li.current-menu-item a{color:var(--red);border-bottom-color:var(--red)}
.head .nav a{color:#fff;font-size:16px;line-height:62px;border-bottom:2px solid transparent;transition:.2s}
.head .nav a:hover,.head .nav a.on{color:var(--red);border-bottom-color:var(--red)}
.head .nav a.on{color:#fff;border-bottom-color:var(--red)}
.head-box.scrolled .nav a{color:#333}
.head-box.scrolled .nav a.on{color:var(--red)}
.head-box.scrolled .nav a:hover{color:var(--red)}
.head-cta{display:flex;align-items:center;margin-left:12px}
.head-tel{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.92);font-size:15px;font-weight:600;letter-spacing:.5px;white-space:nowrap;transition:.3s}
.head-tel svg{width:16px;height:16px;fill:#ff4d63;flex-shrink:0}
.head-box.scrolled .head-tel{color:#333}
.head-box.scrolled .head-tel svg{fill:#C00020}

/* Banner 全屏轮播 */
.banner{position:relative;height:100vh;min-height:680px;overflow:hidden}
.banner .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s}
.banner .slide.on{opacity:1}
.banner .slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(2px);transform:scale(1.02)}
.banner .slide::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.1)}
.banner .text{position:absolute;z-index:5;top:50%;left:0;right:0;transform:translateY(-50%);width:100%;text-align:center;color:#fff;padding:46px 24px}
.banner .t1{font-size:100px;line-height:1.12;font-weight:bold;letter-spacing:3px;text-shadow:0 8px 46px rgba(0,0,0,.95),0 2px 12px rgba(0,0,0,.75)}
.banner .t1 .r{color:#C00020;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.banner .t2{margin-top:34px;font-size:34px;letter-spacing:4px;line-height:1.8;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.85)}
.banner .t3{margin-top:18px;font-size:60px;letter-spacing:4px;font-weight:600;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.85)}
.banner .dots{position:absolute;z-index:6;bottom:52px;left:0;right:0;display:flex;justify-content:center;gap:16px}
.banner .dots i{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:.2s}
.banner .dots i.on{background:var(--red)}

/* 数据条 */
.data-strip{background:#fff;border-bottom:1px solid var(--line);padding:44px 0}
.data-strip .grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.data-strip .item .num{font-size:52px;font-weight:bold;color:var(--red)}
.data-strip .item .num small{font-size:26px}
.data-strip .item .lab{margin-top:8px;font-size:15px;letter-spacing:3px;color:#666}

/* 区块标题 */
section{padding:84px 0}
.sec-head{text-align:center;margin-bottom:56px}
.sec-head .r{display:block;font-size:60px;line-height:1;font-weight:bold;color:var(--red);letter-spacing:2px}
.sec-head .b{display:block;margin-top:18px;font-size:42px;line-height:1;font-weight:300;letter-spacing:6px;color:#000}
.sec-head .sub{margin-top:26px;font-size:17px;color:#000;letter-spacing:2px}
.sec-head .sub span{color:var(--red)}
.sec-head .line{margin:22px auto 0;width:60px;height:2px;background:var(--red)}

/* 配图占位（AI 图未生成时显示渐变+文案标签） */
.ph{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7e9e4,#fdf3ee)}
.ph .pl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;
  color:#b43a24;font-size:16px;font-weight:600;letter-spacing:3px;
  background:rgba(255,255,255,.72);padding:7px 18px;border-radius:100px;white-space:nowrap}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;transition:.5s}
.ph:hover img{transform:scale(1.06)}
.ph .badge{position:absolute;left:14px;top:12px;z-index:3;background:var(--red);color:#fff;
  font-size:13px;font-weight:700;padding:3px 12px;border-radius:100px;letter-spacing:1px}

/* 服务理念（5） */
.concept .list{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.concept .item{background:#fff;border:1px solid var(--line);overflow:hidden;transition:.25s}
.concept .item:hover{box-shadow:0 16px 40px -16px rgba(192,0,32,.4);border-color:#ffc9cf;transform:translateY(-5px)}
.concept .item .ph{height:170px}
.concept .item .bd{padding:24px 20px;text-align:center}
.concept .item .bd h3{font-size:21px;font-weight:600;letter-spacing:2px;margin-bottom:10px}
.concept .item .bd p{font-size:13px;line-height:1.9;color:#666}
.concept .more{text-align:center;margin-top:46px;font-size:16px;letter-spacing:2px}
.concept .more a{color:var(--red);font-weight:600}
.concept .more a:hover{color:var(--red-hover)}

/* 服务范围（8） */
.scope{background:#f7f7f7}
.scope .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.scope .card{background:#fff;border:1px solid var(--line);overflow:hidden;transition:.25s}
.scope .card .ph{height:150px}
.scope .card .bd{padding:22px 22px 26px;border-top:2px solid var(--red)}
.scope .card:hover{transform:translateY(-4px);box-shadow:0 16px 40px -18px rgba(0,0,0,.2)}
.scope .card .bd h3{font-size:20px;font-weight:600;letter-spacing:1px;margin-bottom:8px}
.scope .card .bd p{font-size:13px;color:#777;line-height:1.8}

/* 活动定位（10） */
.location .grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.location .item{text-align:center;padding:30px 12px 26px;border:1px solid var(--line);transition:.25s;background:#fff}
.location .item:hover{border-color:var(--red);transform:translateY(-4px);box-shadow:0 14px 34px -16px rgba(192,0,32,.3)}
.location .item .ph{width:78px;height:78px;margin:0 auto;border-radius:50%;border:2px solid var(--red)}
.location .item .ph .pl{font-size:14px;padding:5px 12px}
.location .item .tx{margin-top:16px;font-size:15px;letter-spacing:1px;color:#333;font-weight:600}

/* 经典案例（筛选） */
.cases .menu{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:40px}
.cases .menu a{padding:8px 22px;border:1px solid var(--line);font-size:15px;color:#555;transition:.2s;letter-spacing:1px}
.cases .menu a:hover{border-color:var(--red);color:var(--red)}
.cases .menu a.on{background:var(--red);border-color:var(--red);color:#fff}
.cases .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cases .card{position:relative;overflow:hidden;aspect-ratio:4/3;cursor:pointer;display:block}
.cases .card img{width:100%;height:100%;object-fit:cover;transition:.5s}
.cases .card:hover img{transform:scale(1.07)}
.cases .card .mask{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.82));opacity:.85;transition:.3s}
.cases .card:hover .mask{opacity:1}
.cases .card .info{position:absolute;left:22px;right:22px;bottom:20px;color:#fff}
.cases .card .tag{display:inline-block;font-size:12px;color:var(--red);background:#fff;padding:2px 10px;border-radius:100px;margin-bottom:10px;font-weight:600}
.cases .card h3{font-size:18px;font-weight:600;letter-spacing:1px}
/* 强制案例卡片标题为白色（压过 Astra 链接的默认蓝色） */
.cases .card{color:#fff!important}
.cases .card .info,.cases .card .info a,.cases .card .info h3,.cases .card h3{color:#fff!important}
.cases .card .info h3:hover{color:#ff6b7f}
/* 终极兜底：强制案例卡片内所有文字为白色（id 最高优先级） */
#caseGrid .card,#caseGrid .card .info,#caseGrid .card .info *{color:#fff!important}
#caseGrid .card .tag{color:#C00020!important;background:#fff!important}
#caseGrid .card .info h3:hover,#caseGrid .card .info *:hover{color:#ff6b7f!important}
/* 侧栏列表：左对齐 + 小字换行 */
.aside .box ul{list-style:none;margin:0;padding:0;text-align:left}
.aside .box ul li{font-size:14px;color:#333;margin-bottom:10px;line-height:1.6}
.aside .box ul li small{display:block;font-size:12px;color:#999;margin-top:3px}
/* 强制 CTA 按钮文字颜色，压过 Astra/浏览器默认链接色（紫/蓝） */
.btn,.btn-red,.btn-line,.btn-white{text-decoration:none;transition:all .2s ease}
.btn-red{display:inline-block}
.btn-line{display:inline-block}
.btn-red,.btn-red:visited,.btn-red:hover{color:#fff!important}
.btn-red:hover{background:#99001A!important;transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(192,0,32,.55)}
.btn-line,.btn-line:visited{color:#C00020!important}
.btn-line:hover{background:#C00020!important;color:#fff!important;transform:translateY(-2px)}
.cases .card .dt{font-size:13px;color:rgba(255,255,255,.8);margin-top:6px}
.cases .more{text-align:center;margin-top:48px}
.cases .more a{display:inline-block;border:1px solid var(--red);color:var(--red);padding:12px 46px;font-size:16px;letter-spacing:3px;transition:.2s}
.cases .more a:hover{background:var(--red);color:#fff}

/* 合作伙伴 */
.partner{background:#f7f7f7}
.partner .wall{display:flex;flex-wrap:wrap;gap:14px 52px;justify-content:center;align-items:center}
.partner .wall span{font-size:19px;font-weight:600;color:#999;letter-spacing:1px;transition:.2s}
.partner .wall span:hover{color:var(--red)}

/* 新闻资讯（3栏） */
.news .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.news .col h3{font-size:24px;font-weight:600;letter-spacing:2px;padding-bottom:16px;border-bottom:2px solid var(--red);display:flex;align-items:center;justify-content:space-between}
.news .col h3 a{font-size:14px;color:#999;font-weight:400;letter-spacing:1px}
.news .col h3 a:hover{color:var(--red)}
.news .col ul{list-style:none;margin-top:8px}
.news .col li{padding:16px 0;border-bottom:1px dashed var(--line);font-size:15px;color:#444;line-height:1.7;cursor:pointer;transition:.2s}
.news .col li:hover{color:var(--red);padding-left:8px}
.news .col li span{display:block;font-size:12px;color:#aaa;margin-top:4px}

/* 联系我们 */
.contact{background:linear-gradient(180deg,#fff,#f7f7f7);padding-bottom:90px}
.contact .hotline{text-align:center;margin:10px 0 50px}
.contact .hotline .lab{font-size:16px;letter-spacing:4px;color:#666}
.contact .hotline .num{font-size:52px;font-weight:bold;color:var(--red);letter-spacing:2px;margin-top:10px}
.contact .cols{display:grid;grid-template-columns:1fr 1.1fr;gap:60px}
.contact .left h4{font-size:19px;font-weight:600;letter-spacing:2px;margin-bottom:22px}
.contact .left .addr{margin-bottom:26px}
.contact .left .addr .city{font-size:17px;font-weight:600;margin-bottom:6px}
.contact .left .addr .ad{font-size:14px;color:#777;line-height:1.8}
.contact .form{background:#fff;border:1px solid var(--line);padding:36px 34px}
.contact .form h4{font-size:19px;font-weight:600;letter-spacing:2px;margin-bottom:22px}
.contact .form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.contact .form input,.contact .form select,.contact .form textarea{width:100%;border:1px solid var(--line);padding:12px 14px;font-size:14px;font-family:inherit;color:#333;background:#fafafa;outline:none;transition:.2s}
.contact .form input:focus,.contact .form select:focus,.contact .form textarea:focus{border-color:var(--red);background:#fff}
.contact .form textarea{height:96px;resize:none}
.contact .form .tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.contact .form .tags label{padding:8px 16px;border:1px solid var(--line);font-size:13px;color:#555;cursor:pointer;transition:.2s}
.contact .form .tags input{display:none}
.contact .form .tags input:checked+span,.contact .form .tags label:hover{border-color:var(--red);color:var(--red)}
.contact .form .tags span{display:block}
.contact .form .btn{width:100%;background:var(--red);color:#fff;border:none;padding:15px;font-size:17px;letter-spacing:6px;cursor:pointer;transition:.2s}
.contact .form .btn:hover{background:var(--red-hover)}

/* 页脚 */
footer{background:#1b1b1b;color:#999;padding:60px 0 30px;font-size:14px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:48px;align-items:start}
.foot-grid h4{color:#fff;font-size:15px;font-weight:600;margin-bottom:18px;letter-spacing:1px;white-space:nowrap}
.foot-grid ul{list-style:none!important;padding:0!important;margin:0!important}
.foot-grid ul li{list-style:none;margin:0 0 12px;padding:0;text-align:left;color:#999;line-height:1.8;overflow-wrap:break-word;word-break:break-word}
.foot-grid ul li a{display:inline-block;text-align:left;color:#999}
.foot-grid a:hover{color:var(--red)}
.foot-brand img{height:34px;width:auto;margin-bottom:16px}
.foot-brand p{line-height:2;color:#888;max-width:330px}
.foot-bottom{margin-top:48px;padding-top:22px;border-top:1px solid #333;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#777;font-size:12px}

@media(max-width:1200px){.wrap{width:auto;padding:0 24px}.head{width:auto;padding:0 24px}}
@media(max-width:960px){
  .head .nav{display:none}
  .banner .t1{font-size:40px}.banner .t3{font-size:20px}
  .concept .list{grid-template-columns:repeat(2,1fr)}
  .scope .grid,.location .grid{grid-template-columns:repeat(2,1fr)}
  .cases .grid,.news .cols{grid-template-columns:1fr}
  .contact .cols,.foot-grid{grid-template-columns:1fr}
  .data-strip .grid{grid-template-columns:repeat(2,1fr);gap:26px}
}
@media(max-width:640px){
  .scope .grid,.location .grid,.concept .list{grid-template-columns:1fr}
  .data-strip .grid{grid-template-columns:1fr 1fr}
}

/* ================= 全站手机自适应（覆盖桌面布局） ================= */
@media(max-width:960px){
  .wrap{width:100%!important;max-width:100%!important;padding:0 20px!important}
  .head{width:100%!important;height:auto!important;flex-wrap:wrap;padding:12px 0 8px;gap:0}
  .head .logo{flex:0 0 auto}
  .head .logo img{height:34px}
  .head .head-cta{margin-left:auto;flex:0 0 auto}
  /* 导航改为换行显示（不再隐藏，保持可点） */
  .head .nav{display:flex!important;flex-basis:100%;justify-content:space-between;gap:6px;margin-top:10px;flex-wrap:wrap}
  .head .nav a{font-size:14px;line-height:1.6;padding:4px 0;margin:0}
  /* 轮播文字缩放 */
  .banner{min-height:70vh}
  .banner .t1{font-size:46px!important;letter-spacing:1px}
  .banner .t2{font-size:16px!important;letter-spacing:2px}
  .banner .t3{font-size:26px!important;letter-spacing:2px}
  .banner .text{width:92%!important;padding:26px 20px!important;border-radius:16px}
  /* 区块标题缩放 */
  .sec-head .r{font-size:30px!important}
  .sec-head .b{font-size:18px!important;letter-spacing:3px!important}
  .sec-head .sub{font-size:15px!important}
  .inner-hero h1{font-size:26px!important}
  .inner-hero .sub{font-size:14px!important}
  /* 网格全部单列/双列 */
  .concept .list,.scope .grid,.location .grid,.svc-grid,.case-grid,.cases .grid,.news .cols,
  .svc-page .svc-grid,.case-page .case-grid,.foot-grid,.contact .cols,.intro,.layout,.art-page,
  .biz .grid,.team .grid,.honor .grid{grid-template-columns:1fr!important;gap:16px}
  .data-strip .grid{grid-template-columns:repeat(2,1fr)!important;gap:18px}
  .steps{grid-template-columns:repeat(2,1fr)!important;gap:18px}
  .steps::before{display:none!important}
  .aside{width:100%!important}
  .timeline{padding-left:24px}
  .list-grid{grid-template-columns:1fr!important}
  .meta{grid-template-columns:repeat(2,1fr)!important}
  .data-grid{grid-template-columns:repeat(2,1fr)!important}
  .gallery{grid-template-columns:1fr 1fr!important}
  .news-item{flex-direction:column!important;gap:10px!important}
  .foot-grid h4{margin-bottom:10px}
  .stat .num{font-size:36px!important}
}
@media(max-width:560px){
  .banner .t1{font-size:30px!important}
  .banner .t2{font-size:13px!important}
  .banner .t3{font-size:18px!important}
  .concept .list,.scope .grid,.location .grid,.svc-grid,.case-grid,.cases .grid,.news .cols,.biz .grid,.team .grid,.honor .grid,.steps,.gallery{grid-template-columns:1fr!important}
  .foot-grid{grid-template-columns:1fr!important}
  .data-strip .grid{grid-template-columns:1fr 1fr!important}
  .head .head-tel{font-size:13px}
  .inner-hero h1{font-size:22px!important}
}

/* 移动端微调：理念/范围/定位 两列、页脚 两列、轮播面板全幅 */
@media(max-width:960px){
  .banner .text{width:100%!important;padding:30px 20px!important;border-radius:0!important}
  .concept .list,.scope .grid,.location .grid{grid-template-columns:repeat(2,1fr)!important}
  .foot-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:560px){
  .concept .list,.scope .grid,.location .grid{grid-template-columns:repeat(2,1fr)!important;gap:12px}
  .foot-grid{grid-template-columns:repeat(2,1fr)!important}
}

/* 手机端 logo 强制显示（修复被 max-width 压缩消失的问题） */
@media(max-width:960px){
  .head .logo{display:flex!important;flex:0 0 auto!important;align-items:center!important}
  .head .logo img{display:block!important;height:34px!important;width:auto!important;max-width:none!important}
}