/* ============================================================
   新睿传媒 老站首页改版皮肤  xr-home.css
   全部 .xr- 前缀，不与易优 global.css / index.css 冲突
   只作用于首页（index.htm）
   ============================================================ */
.xr-wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
.xr-wrap *{box-sizing:border-box;}

/* ---------- Hero ---------- */
.xr-hero{
  display:block;
  background:linear-gradient(135deg,#ff8a1e 0%,#ff5a1f 48%,#ff3b30 100%);
  color:#fff;
  padding:136px 0 72px;
  position:relative;
  overflow:hidden;
}
.xr-hero::after{
  content:"";position:absolute;right:-140px;top:-160px;
  width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.20) 0%,rgba(255,255,255,0) 70%);
}
.xr-hero-in{position:relative;z-index:2;}
.xr-hero .xr-kicker{
  display:inline-block;font-size:13px;letter-spacing:2px;font-weight:700;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.42);
  padding:7px 16px;border-radius:999px;margin-bottom:22px;
}
.xr-hero h1{
  margin:0;font-size:46px;line-height:1.22;font-weight:900;letter-spacing:1px;
  text-shadow:0 2px 10px rgba(120,40,0,.18);
}
.xr-hero-sub{
  margin:20px 0 0;font-size:18px;line-height:1.85;max-width:780px;
  color:#fff8f2 !important;background:none !important;
}
.xr-hero-sub b{color:#ffe7b8;}
.xr-hero .xr-cta{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px;}
.xr-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:54px;padding:0 30px;border-radius:12px;font-size:17px;font-weight:800;
  text-decoration:none;border:1px solid transparent;transition:.2s;
}
.xr-btn-dark{background:#1c1408;color:#ffcc52;border-color:rgba(255,204,82,.65);box-shadow:0 8px 22px rgba(0,0,0,.22);}
.xr-btn-dark:hover{background:#2b1f10;color:#ffd977;}
.xr-btn-white{background:#fff;color:#ff3b30;box-shadow:0 8px 22px rgba(120,30,0,.18);}
.xr-btn-white:hover{background:#fff5ee;color:#ff2a1e;}
.xr-hero .xr-stats{
  margin:44px 0 0;padding:0;list-style:none;
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}
.xr-hero .xr-stats li{
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);
  border-radius:14px;padding:16px 18px;
}
.xr-hero .xr-stats b{display:block;font-size:26px;font-weight:900;color:#fff8e2;line-height:1.2;}
.xr-hero .xr-stats span{display:block;margin-top:6px;font-size:13px;color:rgba(255,255,255,.88);}

/* ---------- 通用区块 ---------- */
.xr-sec{padding:64px 0;}
.xr-sec-grey{background:#fffaf4;}
.xr-sec-head{text-align:center;margin-bottom:38px;}
.xr-sec-head h2{margin:0;font-size:32px;font-weight:900;color:#1c1408;letter-spacing:.5px;}
.xr-sec-head h2 em{font-style:normal;color:#ff5a1f;}
.xr-sec-head p{margin:12px 0 0;font-size:16px;color:#6b6357;line-height:1.8;}

/* ---------- 四条业务线 ---------- */
.xr-biz{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.xr-card{
  background:#fff;border:1px solid #ffe4cf;border-radius:16px;padding:26px 22px;
  box-shadow:0 6px 18px rgba(255,138,30,.07);transition:.22s;display:block;text-decoration:none;color:inherit;
}
.xr-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(255,90,31,.16);border-color:#ffb98a;}
.xr-card .xr-no{
  display:inline-block;width:34px;height:34px;line-height:34px;text-align:center;
  border-radius:10px;background:linear-gradient(135deg,#ff8a1e,#ff3b30);
  color:#fff;font-size:16px;font-weight:900;margin-bottom:14px;
}
.xr-card h3{margin:0 0 10px;font-size:19px;font-weight:800;color:#1c1408;}
.xr-card p{margin:0;font-size:14.5px;line-height:1.8;color:#6b6357;}
.xr-card .xr-tag{
  display:inline-block;margin-top:14px;font-size:13px;font-weight:700;color:#ff5a1f;
}
.xr-biz-note{
  margin:26px auto 0;text-align:center;font-size:15px;color:#6b6357;
  background:#fff;border:1px dashed #ffcf9e;border-radius:12px;padding:14px 18px;max-width:900px;
}
.xr-biz-note b{color:#ff3b30;}

/* ---------- 为什么我们 ---------- */
.xr-why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.xr-why-item{background:#fff;border-radius:16px;padding:26px 24px;border:1px solid #ffe4cf;}
.xr-why-item b{display:block;font-size:18px;font-weight:800;color:#1c1408;margin-bottom:10px;}
.xr-why-item p{margin:0;font-size:14.5px;line-height:1.85;color:#6b6357;}

/* ---------- 流程 ---------- */
.xr-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:8px;}
.xr-flow div{
  background:#fff;border-radius:14px;padding:20px 16px;text-align:center;border:1px solid #ffe4cf;
}
.xr-flow b{display:block;font-size:15px;font-weight:800;color:#1c1408;margin-bottom:6px;}
.xr-flow span{font-size:13.5px;color:#6b6357;line-height:1.7;}

/* ---------- 留资 ---------- */
.xr-lead{background:linear-gradient(135deg,#1c1408 0%,#2f2312 100%);padding:60px 0;color:#fff;}
.xr-lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;}
.xr-lead h2{margin:0;font-size:28px;font-weight:900;line-height:1.4;}
.xr-lead h2 em{font-style:normal;color:#ffcc52;}
.xr-lead p.xr-lp{margin:16px 0 0;font-size:16px;line-height:1.9;color:rgba(255,255,255,.86);}
.xr-lead ul{margin:24px 0 0;padding:0;list-style:none;}
.xr-lead ul li{
  font-size:15px;line-height:1.9;color:rgba(255,255,255,.9);padding-left:20px;position:relative;
}
.xr-lead ul li::before{content:"";position:absolute;left:0;top:12px;width:7px;height:7px;border-radius:50%;background:#ffb020;}
.xr-form{
  background:#fff;border-radius:18px;padding:28px 26px;color:#1c1408;
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}
.xr-form h3{margin:0 0 6px;font-size:20px;font-weight:900;}
.xr-form .xr-fsub{margin:0 0 20px;font-size:14px;color:#8a8175;}
.xr-form dl{margin:0 0 14px;}
.xr-form dt{margin-bottom:6px;}
.xr-form dt h4{margin:0;font-size:14px;font-weight:700;color:#4a4237;}
.xr-form dd{margin:0;}
.xr-form input[type=text]{
  width:100%;height:46px;padding:0 14px;font-size:15px;color:#1c1408;
  border:1px solid #e3ddd2;border-radius:10px;background:#fdfbf8;outline:none;transition:.18s;
}
.xr-form input[type=text]:focus{border-color:#ff8a1e;background:#fff;box-shadow:0 0 0 3px rgba(255,138,30,.14);}
.xr-form button[type=submit]{
  width:100%;height:50px;margin-top:8px;border:0;border-radius:11px;cursor:pointer;
  background:linear-gradient(135deg,#ff8a1e,#ff3b30);color:#fff;font-size:16px;font-weight:800;
  box-shadow:0 8px 18px rgba(255,90,31,.28);transition:.2s;
}
.xr-form button[type=submit]:hover{filter:brightness(1.05);}
.xr-form .xr-fnote{margin:14px 0 0;font-size:13px;line-height:1.7;color:#8a8175;text-align:center;}

/* ---------- 动态 ---------- */
.xr-news{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.xr-news a{
  display:block;background:#fff;border:1px solid #f0e9df;border-radius:14px;padding:20px 18px;
  text-decoration:none;color:inherit;transition:.2s;
}
.xr-news a:hover{border-color:#ffb98a;box-shadow:0 10px 24px rgba(255,138,30,.12);transform:translateY(-3px);}
.xr-news i{display:block;font-style:normal;font-size:12.5px;color:#a79d8e;margin-bottom:8px;}
.xr-news b{display:block;font-size:15.5px;font-weight:700;color:#1c1408;line-height:1.6;}
.xr-news-more{text-align:center;margin-top:30px;}
.xr-link-btn{
  display:inline-block;padding:13px 30px;border-radius:11px;font-size:15px;font-weight:800;
  background:#fff;border:2px solid #ff8a1e;color:#ff5a1f;text-decoration:none;transition:.2s;
}
.xr-link-btn:hover{background:#ff8a1e;color:#fff;}

/* ---------- 新站导流条 ---------- */
.xr-more{
  background:linear-gradient(135deg,#ff8a1e,#ff3b30);padding:40px 0;text-align:center;color:#fff;
}
.xr-more h2{margin:0;font-size:26px;font-weight:900;}
.xr-more p{margin:12px 0 22px;font-size:16px;color:rgba(255,255,255,.92);}
.xr-more .xr-btn-white{height:50px;}

/* ---------- 悬浮企微 ---------- */
.xr-fab{
  position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:9999;
  display:flex;align-items:center;gap:8px;text-decoration:none;
  background:#fff;border:1px solid #ffd6ad;border-radius:999px;padding:8px 16px 8px 8px;
  box-shadow:0 10px 26px rgba(255,90,31,.24);
}
.xr-fab .xr-fab-ava{
  width:34px;height:34px;border-radius:50%;flex:none;
  background:linear-gradient(135deg,#ff8a1e,#ff3b30);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;
}
.xr-fab .xr-fab-txt b{display:block;font-size:14px;font-weight:800;color:#1c1408;line-height:1.2;}
.xr-fab .xr-fab-txt span{display:block;font-size:11.5px;color:#8a8175;}
.xr-fab:hover{box-shadow:0 14px 30px rgba(255,90,31,.34);}


/* ---------- 首页导航：白底深字（覆盖 .header.in 透明白字模式） ---------- */
.header.in{height:78px;}
.header.in .header-condition{background:#fff;box-shadow:0 2px 12px rgba(28,20,8,.08);}
.header.in .header-condition a{color:#1c1408;}
.header.in nav>ul>li>a.on,
.header.in nav>ul>li:hover>a{color:#ff3b30;}
/* 首页头部直接用品牌 logo 图（X 标 + 新睿传媒 · 济南），不再用伪元素拼接，避免重复 */
.header.in .header-logo a{
  display:flex;align-items:center;height:78px;font-size:0;
}
.header.in .header-logo a::before,
.header.in .header-logo a::after{content:none !important;display:none !important;}
.header.in nav>ul>li>a.on:before,
.header.in nav>ul>li:hover>a:before{width:100%;}

/* ---------- 响应式 ---------- */
@media (max-width:1023px){
  .xr-hero{padding:110px 0 54px;}
  .xr-hero h1{font-size:34px;}
  .xr-hero-sub{font-size:16px;}
  .xr-hero .xr-stats{grid-template-columns:repeat(2,1fr);}
  .xr-biz{grid-template-columns:repeat(2,1fr);}
  .xr-why{grid-template-columns:1fr;}
  .xr-flow{grid-template-columns:repeat(2,1fr);}
  .xr-news{grid-template-columns:repeat(2,1fr);}
  .xr-lead-grid{grid-template-columns:1fr;gap:30px;}
}
@media (max-width:767px){
  .xr-wrap{padding:0 16px;}
  .xr-hero{padding:96px 0 44px;}
  .xr-hero h1{font-size:27px;}
  .xr-hero-sub{font-size:15px;line-height:1.75;}
  .xr-hero .xr-cta{gap:10px;}
  .xr-btn{width:100%;height:50px;font-size:16px;}
  .xr-hero .xr-stats{grid-template-columns:repeat(2,1fr);gap:10px;}
  .xr-hero .xr-stats b{font-size:17px;white-space:nowrap;}
  .xr-sec{padding:44px 0;}
  .xr-sec-head h2{font-size:24px;}
  .xr-biz{grid-template-columns:1fr;}
  .xr-flow{grid-template-columns:1fr;}
  .xr-news{grid-template-columns:1fr;}
  .xr-lead h2{font-size:23px;}
  .xr-fab{right:10px;padding:6px 12px 6px 6px;}
  .xr-fab .xr-fab-ava{width:30px;height:30px;font-size:15px;}
  .xr-fab .xr-fab-txt b{font-size:13px;}
}

/* ---------- 三大板块（分站入口卡） ---------- */
.xr-biz-3{grid-template-columns:repeat(3,1fr);}
.xr-card .xr-pts{margin:14px 0 0;padding:0;list-style:none;}
.xr-card .xr-pts li{
  position:relative;padding-left:16px;margin-bottom:7px;
  font-size:14px;line-height:1.75;color:#6b6357;
}
.xr-card .xr-pts li::before{
  content:"";position:absolute;left:0;top:9px;
  width:6px;height:6px;border-radius:50%;background:#ff8a1e;
}
.xr-card .xr-pts li b{color:#ff3b30;font-weight:800;}
.xr-domain{
  display:block;margin-top:14px;font-size:12.5px;letter-spacing:.2px;
  color:#a08a70;word-break:break-all;
}
.xr-go{
  display:inline-flex;align-items:center;gap:6px;margin-top:14px;
  padding:10px 20px;border-radius:10px;
  background:linear-gradient(135deg,#ff8a1e,#ff3b30);
  color:#fff;font-size:14.5px;font-weight:800;
  box-shadow:0 6px 16px rgba(255,90,31,.22);transition:.2s;
}
.xr-card:hover .xr-go{box-shadow:0 10px 22px rgba(255,90,31,.32);}
.xr-go::after{content:"→";transition:.2s;}
.xr-card:hover .xr-go::after{transform:translateX(4px);}

/* 分站入口按钮组 */
.xr-more-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;}

@media (max-width:1023px){
  .xr-biz-3{grid-template-columns:1fr;}
}
@media (max-width:767px){
  .xr-biz-3{grid-template-columns:1fr;}
  .xr-more-btns{flex-direction:column;}
  .xr-more-btns .xr-btn{width:100%;}
}

/* ---------- 企微入口按钮（金色实心，区别于分站白底按钮） ---------- */
.xr-btn-gold{
  background:linear-gradient(135deg,#ff8a1e,#ff3b30);color:#fff;
  box-shadow:0 8px 22px rgba(255,90,31,.26);
}
.xr-btn-gold:hover{color:#fff;box-shadow:0 12px 28px rgba(255,90,31,.38);}
.xr-biz-ask{
  margin-top:26px;padding:26px 28px;border-radius:16px;text-align:center;
  background:linear-gradient(120deg,#fff6ec,#ffe9d6);border:1px solid #ffd9b3;
}
.xr-biz-ask p{margin:0 0 16px;font-size:16px;line-height:1.8;color:#6b4a2a;}
.xr-fnote a{color:#ff3b30;font-weight:700;text-decoration:underline;}
@media (max-width:767px){
  .xr-biz-ask{padding:22px 18px;}
  .xr-biz-ask p{font-size:15px;}
}

/* ---------- 企业微信：添加好友引导层 ---------- */
.xr-addwe{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;}
.xr-addwe[hidden]{display:none;}
.xr-addwe__mask{position:absolute;inset:0;background:rgba(20,12,4,.62);opacity:0;transition:opacity .24s ease;}
.xr-addwe.show .xr-addwe__mask{opacity:1;}
.xr-addwe__box{
  position:relative;z-index:1;width:100%;max-width:420px;background:#fff;
  border-radius:20px;padding:34px 28px 26px;text-align:center;
  box-shadow:0 26px 60px rgba(60,20,0,.34);
  transform:translateY(14px) scale(.97);opacity:0;transition:.26s cubic-bezier(.2,.8,.2,1);
}
.xr-addwe.show .xr-addwe__box{transform:none;opacity:1;}
.xr-addwe__x{
  position:absolute;right:12px;top:10px;width:34px;height:34px;line-height:1;
  border:0;background:none;font-size:26px;color:#b3a89a;cursor:pointer;
}
.xr-addwe__x:hover{color:#ff3b30;}
.xr-addwe__step{
  display:inline-block;font-size:12px;font-weight:800;letter-spacing:1px;
  color:#ff5a1f;background:#fff1e2;border-radius:999px;padding:5px 14px;
}
.xr-addwe__box h3{margin:14px 0 0;font-size:23px;font-weight:900;color:#1c1408;}
.xr-addwe__desc{margin:10px 0 0;font-size:14px;line-height:1.8;color:#6b6357;}
.xr-addwe__go{
  display:block;margin:20px 0 0;padding:15px 20px;border-radius:13px;
  background:linear-gradient(135deg,#ff8a1e,#ff3b30);color:#fff !important;
  font-size:17px;font-weight:800;text-decoration:none;
  box-shadow:0 10px 24px rgba(255,90,31,.28);transition:.2s;
}
.xr-addwe__go:hover{box-shadow:0 14px 30px rgba(255,90,31,.38);color:#fff !important;}
.xr-addwe__tip{margin:11px 0 0;font-size:12.5px;color:#a08a70;}
.xr-addwe__skip{
  display:block;width:100%;margin:16px 0 0;padding:10px;border:0;background:none;
  font-size:13.5px;color:#8a8175;cursor:pointer;text-decoration:underline;
}
.xr-addwe__skip:hover{color:#ff5a1f;}

/* ---------- 轻量提示 ---------- */
.xr-toast{
  position:fixed;left:50%;bottom:96px;transform:translate(-50%,14px);z-index:100001;
  max-width:88vw;padding:12px 20px;border-radius:12px;
  background:rgba(28,20,8,.94);color:#fff;font-size:14px;line-height:1.6;
  opacity:0;pointer-events:none;transition:.26s ease;
}
.xr-toast.show{opacity:1;transform:translate(-50%,0);}

/* ---------- 手机端底部快捷条 ---------- */
.xr-mbar{
  position:fixed;left:0;right:0;bottom:0;z-index:9998;display:none;
  grid-template-columns:1fr 1fr;
  background:#fff;border-top:1px solid #ffe0c2;
  box-shadow:0 -6px 20px rgba(120,40,0,.12);
  padding-bottom:env(safe-area-inset-bottom);
}
.xr-mbar a{
  display:flex;align-items:center;justify-content:center;gap:7px;
  height:56px;font-size:15.5px;font-weight:800;text-decoration:none;
}
.xr-mbar .xr-mbar-tel{background:#fff;color:#1c1408;border-right:1px solid #ffe0c2;}
.xr-mbar .xr-mbar-wc{background:linear-gradient(135deg,#ff8a1e,#ff3b30);color:#fff;}
@media (max-width:767px){
  .xr-mbar{display:grid;}
  body{padding-bottom:56px;}
  .xr-toast{bottom:78px;}
  .xr-fab{bottom:78px;top:auto;transform:none;}
}