/* =========================================================================
   然立咨询 · 视觉升级 v2「玄蓝精装」
   实现层：astra-rl 子主题 assets/design-v2.css
   规则：只改视觉，不改文案；主色 #1B365D / #122643；唯一点缀色 #B5432C
   ========================================================================= */

:root{
  --paper:#FAFAF7;
  --wash:#F2F4F7;
  --white:#FFFFFF;
  --navy:#1B365D;
  --navy-deep:#122643;
  --royal:#133D8D;
  --ink:#24303F;
  --muted:#5C6B7E;
  --faint:#8B97A6;
  --steel:#44536A;
  --line:#E3E7ED;
  --line-strong:#C6CFDA;
  --seal:#B5432C;
  --serif:'Noto Serif SC',Georgia,'Songti SC',serif;
  --sans:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  --wrap:1120px;
  --seal-line:rgba(181,67,44,.45);
}

/* ── 基础 ───────────────────────────────────────────────────────────── */
html body[class]{scroll-behavior:smooth}
html body[class]{
  background:var(--paper) !important;
  background-image:none !important;
  color:var(--ink) !important;
  font-family:var(--sans) !important;
  font-size:16px;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
html body[class] img{max-width:100%;height:auto}
html body[class] a{color:var(--navy);text-decoration:none}
html body[class] a:hover{text-decoration:underline}
html body[class] :focus-visible{outline:2px solid var(--royal);outline-offset:2px;border-radius:2px}
@media(prefers-reduced-motion:reduce){html body[class] *{transition:none !important;animation:none !important}}

html body[class] .rlx-wrap{max-width:var(--wrap) !important;margin-left:auto !important;margin-right:auto !important;padding:0 32px;box-sizing:border-box}
html body[class] .rlx-num{font-feature-settings:'tnum' 1;font-variant-numeric:tabular-nums}
html body[class] .lead{display:none !important}   /* 原文的行首符号/分隔符：视觉上交给 CSS，文案保留在 DOM 里 */

/* 页面底色统一为米白纸底：清掉 Astra 的容器/文章底板，避免出现内嵌白框 */
html body[class] #page,html body[class] .hfeed.site,html body[class] #wrapper,html body[class] .site-content,html body[class] .ast-container,html body[class] .content-area,html body[class] .site-main,html body[class] .entry-content,html body[class] article.ast-article-single,html body[class] article.post,html body[class] .ast-separate-container{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* v2 页面：放开 Astra 容器，区块底色才能通栏 */
html body[class].rlx-page .ast-container,html body[class].rlx-page .ast-container-fluid,html body[class].rlx-page #content,html body[class].rlx-page #primary,html body[class].rlx-page .content-area,html body[class].rlx-page .site-main,html body[class].rlx-page .ast-separate-container .ast-container{
  max-width:none !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
html body[class].rlx-page .entry-content{padding:0 !important}
html body[class].rlx-page .entry-content > *{
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  width:100% !important;
}
html body[class].rlx-page .site-content{padding-top:0 !important}

/* Astra 原生页头/页脚在 v2 页面一律不出（与既有站点各页的做法一致） */
html body[class].rlx-page header.site-header,html body[class].rlx-page #masthead,html body[class].rlx-page .ast-main-header-wrap,html body[class].rlx-page .ast-mobile-header-wrap,html body[class].rlx-page .ast-above-header,html body[class].rlx-page .ast-below-header{
  display:none !important;
}

/* 全站标题一律衬线（设计稿的字族规则）；正文与元信息仍走无衬线 */
html body[class] h1,html body[class] h2,html body[class] h3,html body[class] h4{
  font-family:var(--serif) !important;
}

/* ── 顶部导航 ───────────────────────────────────────────────────────── */
html body[class] .rlx-header{
  position:sticky;top:0;z-index:900;
  background:rgba(250,250,247,.96);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);
}
html body[class] .rlx-head-in{
  max-width:var(--wrap) !important;margin-left:auto !important;margin-right:auto !important;padding:0 32px;
  height:72px;display:flex;align-items:center;gap:36px;box-sizing:border-box;
}
html body[class] .rlx-logo{display:flex;align-items:center;margin-right:auto;flex:none}
html body[class] .rlx-logo img{height:30px;width:auto;display:block}
html body[class] .rlx-nav{display:flex;align-items:center;gap:26px;font-size:14.5px}
html body[class] .rlx-nav > a{color:var(--muted);white-space:nowrap;border:0}
html body[class] .rlx-nav > a:hover{color:var(--navy);text-decoration:none}
html body[class] .rlx-nav > a.on{color:var(--navy);font-weight:700}
html body[class] .rlx-nav > a.rlx-nav-cta{
  display:inline-flex;align-items:center;
  background:var(--navy);color:#fff !important;font-size:14.5px;font-weight:500;
  padding:9px 22px;border-radius:2px;border:1px solid var(--navy);
  transition:background .18s;white-space:nowrap;
}
html body[class] .rlx-nav > a.rlx-nav-cta:hover{background:var(--navy-deep);color:#fff;text-decoration:none}
html body[class] .rlx-dd{position:relative}
html body[class] .rlx-dd > a{display:inline-flex;align-items:center;gap:6px;color:var(--muted);white-space:nowrap}
html body[class] .rlx-dd > a:hover{color:var(--navy);text-decoration:none}
html body[class] .rlx-dd .rlx-caret{display:inline-flex;opacity:.75;transition:transform .18s}
html body[class] .rlx-dd:hover .rlx-caret{transform:rotate(180deg)}
html body[class] .rlx-dd-menu{
  position:absolute;top:calc(100% + 14px);left:-18px;min-width:300px;
  background:var(--white);border:1px solid var(--line);border-radius:2px;
  padding:6px 0;opacity:0;visibility:hidden;transform:translateY(-4px);
  transition:opacity .16s,transform .16s,visibility .16s;
}
html body[class] .rlx-dd:hover .rlx-dd-menu,html body[class] .rlx-dd:focus-within .rlx-dd-menu{opacity:1;visibility:visible;transform:none}
html body[class] .rlx-dd-menu a{display:block;padding:11px 20px;color:var(--ink)}
html body[class] .rlx-dd-menu a:hover{background:var(--wash);text-decoration:none}
html body[class] .rlx-dd-menu .t{display:block;font-size:14.5px;font-weight:500;color:var(--ink)}
html body[class] .rlx-dd-menu .d{display:block;font-size:12px;color:var(--faint);margin-top:2px}

/* 窄屏：隐藏中部导航，改用汉堡 + 覆盖层（沿用既有 JS 绑定） */
@media(max-width:920px){
  html body[class] .rlx-header .rlx-nav{display:none !important}
  html body[class] .rlx-header .mobile-menu-btn{display:block !important}
}
/* 汉堡与移动菜单：沿用既有 JS 绑定（.mobile-menu-btn / .mobile-menu-overlay） */
html body[class] .rlx-header .mobile-menu-btn{
  display:none;background:none;border:0;padding:6px;margin:0;
  font-size:22px;line-height:1;color:var(--navy);cursor:pointer;
}
html body[class] .mobile-menu-overlay{
  position:fixed;inset:0;z-index:1000;background:rgba(250,250,247,.985);
  display:none;flex-direction:column;justify-content:center;
  padding:72px 32px;box-sizing:border-box;
}
html body[class] .mobile-menu-overlay.active{display:flex}
html body[class] .mobile-menu-overlay a{
  display:block;font-family:var(--serif);font-size:20px;font-weight:700;color:var(--navy);
  padding:14px 0;border-bottom:1px solid var(--line);
}
html body[class] .mobile-menu-overlay a:hover{text-decoration:none;color:var(--navy-deep)}
html body[class] .mobile-menu-overlay .mobile-menu-sublink{
  font-family:var(--sans);font-size:14.5px;font-weight:400;color:var(--muted);padding:9px 0 9px 18px;
}
html body[class] .mobile-menu-overlay .mobile-close-btn{
  position:absolute;top:18px;right:24px;background:none;border:0;
  font-size:26px;line-height:1;color:var(--navy);cursor:pointer;padding:6px;
}

/* ── 按钮 ───────────────────────────────────────────────────────────── */
html body[class] .rlx-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--navy);color:#fff;font-size:14.5px;font-weight:500;
  padding:11px 26px;border-radius:2px;border:1px solid var(--navy);
  transition:background .18s;line-height:1.4;
}
html body[class] .rlx-btn:hover{background:var(--navy-deep);color:#fff;text-decoration:none}
html body[class] .rlx-btn.ghost{background:transparent;color:var(--navy)}
html body[class] .rlx-btn.ghost:hover{background:var(--wash)}
html body[class] .rlx-link-more{font-size:14.5px;font-weight:500;color:var(--navy);border-bottom:1px solid var(--line-strong);padding-bottom:3px}
html body[class] .rlx-link-more:hover{text-decoration:none;border-bottom-color:var(--navy)}

/* ── 首屏 ───────────────────────────────────────────────────────────── */
html body[class] .rlx-hero{
  position:relative;
  padding:88px 0 62px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(19,61,141,.03),rgba(19,61,141,0) 62%),var(--paper);
}
html body[class] .rlx-hero .rlx-wrap{position:relative}
html body[class] .rlx-kicker{
  display:flex;align-items:center;gap:10px;
  font-size:13px;letter-spacing:.22em;color:var(--steel);font-weight:500;
}
html body[class] .rlx-kicker::before{content:"";width:6px;height:6px;background:var(--seal);flex:none}
html body[class] .rlx-hero h1{
  font-family:var(--serif);font-weight:900;color:var(--navy-deep);
  font-size:clamp(34px,4.8vw,50px);line-height:1.3;letter-spacing:.015em;
  margin:22px 0 20px;
}
html body[class] .rlx-hero .rlx-deck{font-size:17.5px;color:var(--muted);max-width:720px;line-height:1.9}
html body[class] .rlx-hero .rlx-summary{
  margin-top:22px;font-size:15px;font-weight:700;color:var(--navy);letter-spacing:.06em;
}
html body[class] .rlx-cta-row{display:flex;gap:22px;align-items:center;margin-top:34px;flex-wrap:wrap}

/* 竖排签名档 + 「然立」小印：2026-10-23 按需求整块移除（原 192-211 行） */

/* 数据背书条 → 台账 */
html body[class] .rlx-proof{
  display:flex;margin-top:56px;
  border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);
}
html body[class] .rlx-proof .c{flex:1;padding:22px 30px 20px;border-left:1px solid var(--line)}
html body[class] .rlx-proof .c:first-child{border-left:none;padding-left:0}
html body[class] .rlx-proof .n{font-family:var(--serif);font-size:27px;font-weight:700;color:var(--navy);line-height:1.25}
html body[class] .rlx-proof .l{font-size:13px;color:var(--faint);margin-top:6px}
@media(max-width:760px){
  html body[class] .rlx-proof{flex-direction:column}
  html body[class] .rlx-proof .c{border-left:none;border-top:1px solid var(--line);padding:18px 0}
  html body[class] .rlx-proof .c:first-child{border-top:none}
}

/* 注记 */
html body[class] .rlx-note{display:flex;gap:12px;margin-top:26px;font-size:13.5px;color:var(--faint);max-width:780px;line-height:1.8}
html body[class] .rlx-note::before{
  content:"注";flex:none;height:18px;width:18px;box-sizing:border-box;
  font-size:11px;line-height:16px;text-align:center;color:var(--seal);
  border:1px solid rgba(181,67,44,.55);border-radius:2px;
}

/* ── 区块骨架 ───────────────────────────────────────────────────────── */
html body[class] .rlx-sec{padding:80px 0}
html body[class] .rlx-sec.tight{padding-top:0}
html body[class] .rlx-sec.wash{background:var(--wash);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
html body[class] .rlx-sec h2,html body[class] .rlx-h2{
  font-family:var(--serif);font-size:clamp(25px,3.2vw,34px);font-weight:700;
  color:var(--navy-deep);line-height:1.42;letter-spacing:.015em;margin:0;
}
html body[class] .rlx-head{margin-bottom:44px;max-width:820px}
html body[class] .rlx-head .sub{color:var(--muted);margin-top:14px;font-size:16px;line-height:1.9}
html body[class] .rlx-split{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:start}
html body[class] .rlx-split .rlx-prose p{color:var(--muted);font-size:16px;line-height:2;margin-bottom:18px}
html body[class] .rlx-split .rlx-prose p:last-child{margin-bottom:0}
html body[class] .rlx-split .rlx-prose strong{color:var(--ink)}
@media(max-width:900px){html body[class] .rlx-split{grid-template-columns:1fr;gap:28px}}

/* ── 校样式条目（原三卡/三理由） ─────────────────────────────────────── */
html body[class] .rlx-clauses{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
html body[class] .rlx-clause{border-top:1px solid var(--line-strong);padding-top:24px;position:relative}
html body[class] .rlx-clause::before{content:"";position:absolute;top:-1px;left:0;width:26px;height:2px;background:var(--seal)}
html body[class] .rlx-clause .no{font-family:var(--serif);font-size:14px;font-weight:600;color:var(--faint);letter-spacing:.12em}
html body[class] .rlx-clause h3{
  font-family:var(--serif);font-size:20px;font-weight:700;color:var(--navy);
  margin:12px 0 12px;line-height:1.55;
}
html body[class] .rlx-clause p{font-size:14.5px;color:var(--muted);line-height:1.9}
html body[class] .rlx-clause p + p{margin-top:10px}
@media(max-width:900px){html body[class] .rlx-clauses{grid-template-columns:1fr;gap:28px}}

/* ── 台账栏（交付四项） ─────────────────────────────────────────────── */
html body[class] .rlx-ledger{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:2px solid var(--navy);border-bottom:1px solid var(--line-strong);
}
html body[class] .rlx-ledger .c{padding:20px 24px;border-left:1px solid var(--line)}
html body[class] .rlx-ledger .c.rev{display:flex;flex-direction:column-reverse}
html body[class] .rlx-table-hint{display:none}
html body[class] .rlx-vh{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html body[class] .rlx-ledger .c:first-child{border-left:none;padding-left:2px}
html body[class] .rlx-ledger .n{font-family:var(--serif);font-size:26px;font-weight:700;color:var(--navy);line-height:1.25}
html body[class] .rlx-ledger .l{font-size:12.5px;color:var(--faint);margin-top:5px;line-height:1.7}
@media(max-width:860px){
  html body[class] .rlx-ledger{grid-template-columns:1fr 1fr}
  html body[class] .rlx-ledger .c{border-left:none;border-top:1px solid var(--line);padding:16px 0}
  html body[class] .rlx-ledger .c:nth-child(-n+2){border-top:none}
}

/* ── 价目单式表格 ───────────────────────────────────────────────────── */
html body[class] .rlx-table-wrap{width:100%}
html body[class] table.rlx-menu{
  width:100%;border:0;border-collapse:collapse;background:transparent;
  font-size:14.5px;line-height:1.8;margin:0;
}
html body[class] table.rlx-menu th{
  text-align:left;font-size:12.5px;letter-spacing:.12em;color:var(--faint);
  font-weight:500;padding:12px 22px 12px 2px;
  border:0;border-top:2px solid var(--navy);border-bottom:1px solid var(--line-strong);
  background:transparent;
}
html body[class] table.rlx-menu td{
  padding:15px 22px 15px 2px;border:0;border-bottom:1px solid var(--line);
  color:var(--muted);vertical-align:top;background:transparent;
}
html body[class] table.rlx-menu tr:last-child td{border-bottom:0}
html body[class] table.rlx-menu .item{color:var(--ink);font-weight:500;width:26%}
html body[class] table.rlx-menu .days{width:84px}
html body[class] table.rlx-menu .sub{display:block;font-weight:400;font-size:12.5px;color:var(--faint);margin-top:3px;line-height:1.6}
html body[class] table.rlx-menu .days{
  white-space:nowrap;text-align:right;color:var(--navy);font-weight:600;
  font-family:var(--serif);font-size:15px;
}
html body[class] table.rlx-menu .fee{white-space:nowrap;text-align:right;color:var(--navy);font-family:var(--serif);font-weight:600}
html body[class] table.rlx-menu th.r{text-align:right}
html body[class] table.rlx-menu tr.grp td{
  background:var(--wash);font-family:var(--serif);font-weight:700;color:var(--navy);
  font-size:14.5px;letter-spacing:.04em;padding:11px 22px 11px 2px;border:0;
  border-bottom:1px solid var(--line-strong);
}
html body[class] table.rlx-menu tr.grp td::before{
  content:"◆";font-size:8px;color:var(--seal);vertical-align:2px;margin-right:10px;font-family:var(--sans);
}
html body[class] .rlx-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
html body[class] .rlx-table-hint{display:none}
@media(max-width:900px){
  html body[class] table.rlx-menu{min-width:700px}
  html body[class] .rlx-table-hint{display:block;font-size:12.5px;color:var(--faint);margin:0 0 10px;letter-spacing:.04em}
}

html body[class] .rlx-cap{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding:0 2px 14px;flex-wrap:wrap;
}
html body[class] .rlx-cap h3{
  font-family:var(--serif);font-size:19px;font-weight:700;color:var(--ink);
  margin:0;letter-spacing:.02em;line-height:1.5;
}
html body[class] .rlx-cap h3 .n{font-size:13px;color:var(--seal);font-family:var(--sans);font-weight:500;margin-left:12px;letter-spacing:.05em}
html body[class] .rlx-cap .r{font-size:12.5px;color:var(--faint)}
html body[class] .rlx-menu-block{margin:40px 0 8px}
html body[class] .rlx-menu-foot{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:14px 2px 0;border-top:1px solid var(--line-strong);
  font-size:13.5px;color:var(--muted);flex-wrap:wrap;
}

/* ── 节点竖向时间轴（十二个月推进） ─────────────────────────────────── */
html body[class] .rlx-tl{position:relative;padding-left:38px;max-width:900px}
html body[class] .rlx-tl::before{content:"";position:absolute;left:8px;top:14px;bottom:26px;width:1px;background:var(--line-strong)}
html body[class] .rlx-ph{position:relative;padding:0 0 42px}
html body[class] .rlx-ph:last-child{padding-bottom:0}
html body[class] .rlx-ph::before{
  content:"";position:absolute;left:-38px;top:6px;width:17px;height:17px;
  border-radius:50%;background:var(--paper);border:2px solid var(--navy);box-sizing:border-box;
}
html body[class] .rlx-ph:last-child::before{background:var(--navy);border-color:var(--navy)}
html body[class] .rlx-ph .when{
  font-family:var(--serif);font-size:16px;font-weight:700;color:var(--navy);letter-spacing:.03em;
}
html body[class] .rlx-ph .when small{
  font-family:var(--sans);font-weight:400;font-size:12.5px;color:var(--faint);
  letter-spacing:.1em;margin-left:6px;
}
html body[class] .rlx-ph h3{
  font-family:var(--serif);font-size:19px;font-weight:700;color:var(--navy-deep);
  margin:8px 0 10px;line-height:1.55;
}
html body[class] .rlx-ph .when{margin-bottom:8px}
html body[class] .rlx-ph .sit{font-size:14.5px;color:var(--muted);max-width:720px;line-height:1.9}
html body[class] .rlx-ph .we{
  margin-top:14px;padding-left:16px;border-left:2px solid var(--seal-line);
  font-size:14px;color:var(--muted);max-width:720px;line-height:1.9;
}
html body[class] .rlx-ph .we b{font-family:var(--serif);color:var(--navy);font-weight:700;margin-right:4px}
@media(max-width:760px){html body[class] .rlx-tl{padding-left:30px}html body[class] .rlx-ph::before{left:-30px;width:15px;height:15px}}

/* ── 横向五节点连线（交付流程） ─────────────────────────────────────── */
html body[class] .rlx-journey{display:grid;grid-template-columns:repeat(5,1fr);position:relative;max-width:1040px}
html body[class] .rlx-journey::before{content:"";position:absolute;left:30px;right:30px;top:9px;height:1px;background:var(--line-strong)}
html body[class] .rlx-j{position:relative;padding:0 24px 0 0}
html body[class] .rlx-j .dot{
  display:block;width:19px;height:19px;border-radius:50%;background:var(--paper);
  border:2px solid var(--seal);position:relative;z-index:1;margin-bottom:22px;box-sizing:border-box;
}
html body[class] .rlx-j .dot::after{content:"";position:absolute;inset:4px;background:var(--seal);border-radius:50%}
html body[class] .rlx-j .st{font-size:12px;letter-spacing:.16em;color:var(--steel)}
html body[class] .rlx-j .st .no{font-family:var(--serif);color:var(--faint);margin-right:8px}
html body[class] .rlx-j h3{
  font-family:var(--serif);font-size:17.5px;font-weight:700;color:var(--navy-deep);
  margin:8px 0 8px;line-height:1.55;
}
html body[class] .rlx-j p{font-size:13px;color:var(--muted);line-height:1.85}
@media(max-width:900px){
  html body[class] .rlx-journey{grid-template-columns:1fr}
  html body[class] .rlx-journey::before{left:9px;right:auto;top:0;bottom:8px;width:1px;height:auto}
  html body[class] .rlx-j{padding:0 0 32px 36px}
  html body[class] .rlx-j .dot{position:absolute;left:0;margin-bottom:0}
}

/* ── 分栏对照（两种模式 / 区别） ─────────────────────────────────────── */
html body[class] .rlx-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:960px}
html body[class] .rlx-col{border-top:1px solid var(--line-strong);padding-top:24px;position:relative}
html body[class] .rlx-col::before{content:"";position:absolute;top:-1px;left:0;width:26px;height:2px;background:var(--navy)}
html body[class] .rlx-col .no{font-family:var(--serif);font-size:14px;font-weight:600;color:var(--faint);letter-spacing:.12em}
html body[class] .rlx-col h3{
  font-family:var(--serif);font-size:20px;font-weight:700;color:var(--navy);
  margin:12px 0 10px;line-height:1.55;
}
html body[class] .rlx-col p{font-size:14.5px;color:var(--muted);line-height:1.9}
html body[class] .rlx-col a{font-size:13.5px;border-bottom:1px solid var(--line-strong);padding-bottom:2px;display:inline-block;margin-top:10px}
@media(max-width:800px){html body[class] .rlx-cols{grid-template-columns:1fr;gap:28px}}

/* ── 适合谁（点列） ─────────────────────────────────────────────────── */
html body[class] .rlx-fit{display:grid;grid-template-columns:1fr 1fr;gap:6px 48px;max-width:1000px}
html body[class] .rlx-fit .it{
  display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);
  font-size:15px;color:var(--muted);line-height:1.9;
}
html body[class] .rlx-fit .it b{color:var(--ink);font-weight:700}
html body[class] .rlx-fit .it b::after{content:"："}
html body[class] .rlx-fit .dot{flex:0 0 6px;width:6px;height:6px;background:var(--seal);margin-top:12px}
html body[class] .rlx-fit .it .lead{display:none}   /* 原文的行首圆点，改用 CSS 圆点 */
@media(max-width:800px){html body[class] .rlx-fit{grid-template-columns:1fr}}

/* ── 服务线一览带（pricing 页头） ───────────────────────────────────── */
html body[class] .rlx-duo{
  display:grid;grid-template-columns:1fr 1fr;
  border-top:2px solid var(--navy);border-bottom:1px solid var(--line-strong);
  margin:0 0 8px;
}
html body[class] .rlx-duo .d{padding:26px 32px 26px 2px}
html body[class] .rlx-duo .d + .d{border-left:1px solid var(--line);padding-left:40px}
html body[class] .rlx-duo .k{font-size:12.5px;letter-spacing:.2em;color:var(--steel)}
html body[class] .rlx-duo h3{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--navy-deep);margin:10px 0 8px}
html body[class] .rlx-duo p{font-size:14px;color:var(--muted);max-width:440px;line-height:1.85}
html body[class] .rlx-duo .p{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--navy);margin-top:14px}
html body[class] .rlx-duo .p small{font-family:var(--sans);font-weight:400;font-size:12.5px;color:var(--faint)}
html body[class] .rlx-duo a.more{display:inline-block;margin-top:10px;font-size:13.5px;border-bottom:1px solid var(--line-strong);padding-bottom:2px}
@media(max-width:760px){
  html body[class] .rlx-duo{grid-template-columns:1fr}
  html body[class] .rlx-duo .d + .d{border-left:none;border-top:1px solid var(--line);padding-left:2px}
}

/* ── 价格行 ─────────────────────────────────────────────────────────── */
html body[class] .rlx-price-line{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0 0 26px}
html body[class] .rlx-price-line .p{font-family:var(--serif);font-size:34px;font-weight:700;color:var(--navy);line-height:1.2}
html body[class] .rlx-price-line .u{color:var(--faint);font-size:14px}
html body[class] .rlx-price-line a{border-bottom:1px solid var(--line-strong);padding-bottom:2px}

/* ── 付款两步 ───────────────────────────────────────────────────────── */
html body[class] .rlx-pay{
  display:grid;grid-template-columns:1fr 1fr;max-width:840px;
  border-top:2px solid var(--navy);border-bottom:1px solid var(--line-strong);
  margin:14px 0 6px;
}
html body[class] .rlx-pay .s{padding:22px 26px;border-left:1px solid var(--line)}
html body[class] .rlx-pay .s:first-child{border-left:none;padding-left:2px}
html body[class] .rlx-pay .tag{font-size:12px;letter-spacing:.15em;color:var(--seal);font-weight:500}
html body[class] .rlx-pay .v{font-family:var(--serif);font-size:24px;font-weight:700;color:var(--navy);margin-top:6px}
html body[class] .rlx-pay .v small{font-size:13.5px;font-weight:400;color:var(--muted);font-family:var(--sans)}
html body[class] .rlx-pay .d{font-size:14px;color:var(--muted);line-height:1.9}
@media(max-width:700px){
  html body[class] .rlx-pay{grid-template-columns:1fr}
  html body[class] .rlx-pay .s{border-left:none;border-top:1px solid var(--line);padding-left:2px}
}

/* ── 列表（条目式说明 / 报价说明） ──────────────────────────────────── */
html body[class] ul.rlx-list{list-style:none;margin:16px 0 0;padding:0;max-width:840px}
html body[class] ul.rlx-list li{
  position:relative;padding:11px 0 11px 20px;border-bottom:1px solid var(--line);
  font-size:14.5px;color:var(--muted);line-height:1.9;
}
html body[class] ul.rlx-list li:last-child{border-bottom:none}
html body[class] ul.rlx-list li::before{
  content:"";position:absolute;left:0;top:20px;width:6px;height:6px;background:var(--seal);
}
html body[class] ul.rlx-list li b{color:var(--ink);font-weight:700}

/* ── 文章列表（目录式） ─────────────────────────────────────────────── */
html body[class] .rlx-entries{padding:8px 0 0}
html body[class] .rlx-entry{
  display:grid;grid-template-columns:120px 1fr;gap:32px;
  padding:32px 0;border-bottom:1px solid var(--line);
}
html body[class] .rlx-entry:first-child{border-top:2px solid var(--navy)}
html body[class] .rlx-entry .side{font-size:12.5px;color:var(--faint);line-height:2}
html body[class] .rlx-entry .side .d{font-family:var(--serif);color:var(--steel);font-size:14px;letter-spacing:.05em;display:block}
html body[class] .rlx-entry .side .c{color:var(--seal);display:block}
html body[class] .rlx-entry h2{
  font-family:var(--serif);font-size:clamp(19px,2.4vw,24px);font-weight:700;
  line-height:1.55;letter-spacing:.01em;margin:0;
}
html body[class] .rlx-entry h2 a{color:var(--ink)}
html body[class] .rlx-entry h2 a:hover{color:var(--navy);text-decoration:none}
html body[class] .rlx-entry .ex{font-size:14.5px;color:var(--muted);margin-top:10px;max-width:780px;line-height:1.9}
@media(max-width:760px){html body[class] .rlx-entry{grid-template-columns:1fr;gap:8px}}

/* ── 深蓝封底 CTA ───────────────────────────────────────────────────── */
html body[class] #contact.rlx-cta,html body[class] .rlx-cta{
  background:var(--navy-deep) !important;
  background-image:none !important;
  color:#fff;padding:76px 0 30px;position:relative;overflow:visible;
}
html body[class] .rlx-cta .in{display:flex;gap:56px;align-items:center;justify-content:space-between;flex-wrap:wrap}
html body[class] .rlx-cta .txt{max-width:620px}
html body[class] .rlx-cta h2{
  font-family:var(--serif);font-size:clamp(26px,3.2vw,34px);font-weight:700;
  color:#fff;letter-spacing:.02em;margin:0;display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  line-height:1.4;
}
/* .rlx-seal 印章：2026-10-23 按需求整块移除（原 505-512 行） */
html body[class] .rlx-cta p{color:#A9B8CF;margin-top:16px;font-size:15.5px;line-height:1.9;max-width:620px}
html body[class] .rlx-cta .ch{display:flex;gap:26px;margin-top:22px;flex-wrap:wrap;font-size:14px;color:#C7D2E2}
html body[class] .rlx-cta .ch b{color:#fff;font-weight:500;margin-left:6px;letter-spacing:.02em}
html body[class] .rlx-cta .row{display:flex;gap:20px;margin-top:30px;flex-wrap:wrap}
html body[class] .rlx-cta .rlx-btn.inv{background:#fff;color:var(--navy);border-color:#fff}
html body[class] .rlx-cta .rlx-btn.inv:hover{background:var(--wash)}
html body[class] .rlx-qrs{display:flex;gap:20px;flex-wrap:wrap}
html body[class] .rlx-qr{background:#fff;border-radius:2px;padding:10px 10px 12px;text-align:center;color:var(--muted);font-size:11.5px;width:152px;box-sizing:border-box}
html body[class] .rlx-qr img{width:110px;height:110px;object-fit:cover;display:block;margin:0 auto 6px}
html body[class] .rlx-qr .k{display:block;font-size:10px;letter-spacing:.16em;color:var(--faint);margin-bottom:3px}
html body[class] .rlx-qr b{display:block;font-size:12px;font-weight:500;color:var(--ink);line-height:1.5}
html body[class] .rlx-qr .t{display:block;font-size:10.5px;color:var(--muted);line-height:1.55;margin-top:2px}
html body[class] .rlx-qr .ph{
  width:110px;height:110px;box-sizing:border-box;margin:0 auto 6px;
  border:1px dashed var(--line-strong);border-radius:2px;background:var(--wash);
  display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:11px;line-height:1.6;
}
html body[class] .rlx-foot{
  margin-top:56px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  font-size:12.5px;color:#7A8CA8;
}
html body[class] .rlx-foot a{color:#8FA1BC}
html body[class] .rlx-foot a:hover{color:#fff;text-decoration:none}
html body[class] .rlx-beian{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
html body[class] .rlx-beian img{height:14px;width:auto;display:inline-block;vertical-align:-2px;margin-right:4px}
@media(max-width:760px){
  html body[class] .rlx-cta{padding:56px 0 24px}
  html body[class] .rlx-cta .in{gap:32px}
}

/* ── 文章详情页（Astra single） ─────────────────────────────────────── */
html body[class].single-post .rlx-art-shell{background:#F3F5F9;padding:48px 0 72px}
html body[class].single-post .rlx-art{
  background:var(--white);border:1px solid var(--line);border-radius:6px;
  max-width:820px;margin:0 auto;box-shadow:0 2px 12px rgba(18,38,67,.05);
  padding:0 0 8px;
}

/* ── 关于我们：创始人档案 / 团队数据带 / 标签 ─────────────────────── */
html body[class] h1[data-num]::before,html body[class] h2[data-num]::before{
  content:attr(data-num) "  ";
  font-family:var(--serif);font-size:.62em;font-weight:600;color:var(--faint);
  letter-spacing:.08em;vertical-align:.12em;margin-right:6px;
}
html body[class] .rlx-founder{display:grid;grid-template-columns:240px 1fr;gap:56px;align-items:start}
html body[class] .rlx-founder .ph{max-width:240px}
html body[class] .rlx-founder .ph img{width:100%;display:block;border-radius:3px;border:1px solid var(--line-strong)}
html body[class] .rlx-founder .nm{font-family:var(--serif);font-size:28px;font-weight:900;color:var(--navy-deep);line-height:1.4}
html body[class] .rlx-founder .tt{font-size:14px;color:var(--muted);margin:8px 0 28px;line-height:1.8}
html body[class] .rlx-cred{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
html body[class] .rlx-cred:first-child{border-top:2px solid var(--navy)}
html body[class] .rlx-cred:last-child{border-bottom:none}
html body[class] .rlx-cred h4{font-size:16.5px;font-weight:700;color:var(--navy);margin:0;line-height:1.55}
html body[class] .rlx-cred p{font-size:14.5px;color:var(--muted);line-height:1.9}
@media(max-width:900px){
  html body[class] .rlx-founder{grid-template-columns:1fr;gap:32px}
  html body[class] .rlx-cred{grid-template-columns:1fr;gap:6px}
}
html body[class] .rlx-band{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:48px;
  border-top:1px solid var(--line-strong);padding-top:28px}
html body[class] .rlx-band .b .n{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--navy);line-height:1.4}
html body[class] .rlx-band .b p{font-size:13.5px;color:var(--muted);margin-top:4px}
@media(max-width:760px){html body[class] .rlx-band{grid-template-columns:1fr;gap:24px}}
html body[class] .rlx-tags{display:flex;flex-wrap:wrap;gap:10px 18px;margin:22px 0 8px}
html body[class] .rlx-tags span{font-size:13px;color:var(--steel);border-bottom:1px solid var(--line-strong);padding-bottom:2px;letter-spacing:.04em}

/* ── 行业洞察列表（Astra 归档模板重排为目录式） ─────────────────────── */
html body[class].blog .rl-blog-hero{
  padding:76px max(32px, calc((100% - 1120px) / 2 + 32px)) 40px;
  border-bottom:1px solid var(--line);text-align:left;
  background:linear-gradient(180deg,rgba(19,61,141,.03),rgba(19,61,141,0) 70%),var(--paper);
}
html body[class].blog .rl-blog-hero h1{
  font-size:clamp(28px,3.6vw,40px);font-weight:900;color:var(--navy-deep);
  line-height:1.35;letter-spacing:.015em;margin:0 0 16px;text-align:left;
}
html body[class].blog .rl-blog-hero p{font-size:16.5px;color:var(--muted);max-width:760px;line-height:1.9;text-align:left}
html body[class].blog #content.site-content{padding-top:0}
html body[class].blog .ast-container{max-width:1120px !important;padding:0 32px !important}
html body[class].blog #primary{width:100% !important;float:none !important;margin:0 !important;padding:0 !important}
html body[class].blog .ast-row{display:block !important;margin:0 !important}
html body[class].blog article.ast-article-post{
  display:block !important;position:relative;
  width:100% !important;margin:0 !important;padding:30px 0 30px 176px !important;
  border-bottom:1px solid var(--line) !important;
  background:transparent !important;box-shadow:none !important;border-radius:0 !important;
}
html body[class].blog article.ast-article-post:first-child{border-top:2px solid var(--navy) !important}
html body[class].blog .ast-blog-featured-section{display:none !important}
html body[class].blog .ast-article-inner,html body[class].blog .post-content,html body[class].blog .ast-post-format-{background:transparent !important;box-shadow:none !important;border:0 !important;padding:0 !important;margin:0 !important}
html body[class].blog .cat-links{
  position:absolute !important;left:0;top:32px;width:150px;
  margin:0 !important;font-size:12.5px !important;line-height:1.8;
  color:var(--steel) !important;letter-spacing:.04em;
}
html body[class].blog .cat-links a{color:var(--steel) !important;font-weight:400 !important}
html body[class].blog .entry-header{
  position:absolute !important;left:0;top:74px;width:150px;margin:0 !important;
}
html body[class].blog .entry-meta{font-size:12.5px !important;color:var(--faint) !important;line-height:1.9}
html body[class].blog .entry-meta a{color:var(--faint) !important}
html body[class].blog .entry-title{
  margin:0 0 8px !important;font-size:clamp(19px,2.4vw,24px) !important;
  font-weight:700 !important;line-height:1.55 !important;letter-spacing:.01em;
}
html body[class].blog .entry-title a{color:var(--ink) !important}
html body[class].blog .entry-title a:hover{color:var(--navy) !important;text-decoration:none !important}
html body[class].blog .ast-excerpt-container{margin:0 !important}
html body[class].blog .ast-excerpt-container p{font-size:14.5px !important;color:var(--muted) !important;margin:0 !important;line-height:1.9;max-width:760px}
html body[class].blog .entry-content,html body[class].blog .read-more{display:none !important}
html body[class].blog .ast-pagination{display:flex !important;justify-content:center;gap:10px;padding:40px 0 64px;font-family:var(--serif)}
html body[class].blog .ast-pagination .page-numbers{
  min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:2px;color:var(--muted);font-size:15px;
}
html body[class].blog .ast-pagination .page-numbers.current{background:var(--navy);border-color:var(--navy);color:#fff}
html body[class].blog .ast-pagination a.page-numbers:hover{border-color:var(--navy);color:var(--navy);text-decoration:none}
html body[class].blog .ast-pagination .next.page-numbers{width:auto;padding:0 18px;letter-spacing:.1em}
@media(max-width:760px){
  html body[class].blog article.ast-article-post{padding:26px 0 !important}
  html body[class].blog .cat-links{position:static !important;width:auto;margin-bottom:6px !important}
  html body[class].blog .entry-header{position:static !important;width:auto;margin-bottom:8px !important}
}

/* ── 文章详情页（Astra single + 既有 .rl-article 结构） ───────────────── */
html body[class].single-post{background:#F3F5F9 !important}
html body[class].single-post .site-header,html body[class].single-post #masthead{background:rgba(250,250,247,.96) !important;border-bottom:1px solid var(--line) !important}
html body[class].single-post .ast-primary-header-bar{border-bottom:none !important}
html body[class].single-post .site-title,html body[class].single-post .site-title a{
  font-family:var(--serif) !important;font-weight:700 !important;font-size:20px !important;
  color:var(--navy) !important;letter-spacing:.04em;
}
html body[class].single-post .main-header-menu a{font-size:14.5px !important;color:var(--muted) !important;font-weight:400 !important}
html body[class].single-post .main-header-menu a:hover{color:var(--navy) !important}
html body[class].single-post .ast-container{max-width:1120px}
html body[class].single-post .site-content{padding:44px 0 64px !important}
html body[class].single-post .ast-separate-container .ast-article-single,html body[class].single-post article.ast-article-single{
  background:transparent !important;padding:0 !important;border:0 !important;
}
html body[class].single-post .entry-header{
  margin:0 auto !important;max-width:820px;text-align:left;
  background:var(--white);border:1px solid var(--line);border-bottom:0;
  border-radius:6px 6px 0 0;padding:38px 56px 0 !important;box-sizing:border-box;
  box-shadow:0 2px 12px rgba(18,38,67,.05);
}
html body[class].single-post .entry-title{
  font-family:var(--serif) !important;font-size:clamp(24px,3vw,31px) !important;font-weight:900 !important;
  color:var(--ink) !important;line-height:1.5 !important;letter-spacing:.01em;margin:0 0 14px !important;
}
html body[class].single-post .entry-meta{font-size:13px !important;color:var(--faint) !important;padding-bottom:22px}
html body[class].single-post .entry-meta a{color:var(--faint) !important}
html body[class].single-post .entry-content{padding:0 !important;margin:0 !important}
html body[class].single-post .rl-article{
  background:var(--white);border:1px solid var(--line);border-radius:6px;
  max-width:820px;margin:0 auto;padding:8px 56px 48px;
  border-top:0;border-radius:0 0 6px 6px;
  box-shadow:0 2px 12px rgba(18,38,67,.05);box-sizing:border-box;
  font-size:16.5px;line-height:2;color:#333D4B;
}
html body[class].single-post .rl-article p{margin:22px 0;font-size:16.5px;line-height:2;color:#333D4B}
html body[class].single-post .rl-article h2{
  font-family:var(--serif) !important;font-size:21px !important;font-weight:700 !important;
  color:var(--navy-deep) !important;margin:48px 0 6px !important;line-height:1.6;
  padding:0;border:0;background:none;
}
html body[class].single-post .rl-article h2::before{
  content:"";display:inline-block;width:3px;height:17px;background:var(--seal);
  margin-right:14px;vertical-align:-2px;
}
html body[class].single-post .rl-article h3{
  font-family:var(--serif) !important;font-size:18px !important;color:var(--navy-deep) !important;
  margin:32px 0 4px !important;
}
html body[class].single-post .rl-article a{
  color:var(--navy);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--line-strong);
}
html body[class].single-post .rl-article a:hover{text-decoration-color:var(--navy)}
html body[class].single-post .rl-article blockquote{
  margin:30px 0;padding:6px 26px;border-left:3px solid var(--seal);
  color:var(--navy);font-family:var(--serif);font-weight:600;font-size:17.5px;
  background:none;border-radius:0;
}
html body[class].single-post .rl-article ul,html body[class].single-post .rl-article ol{margin:22px 0;padding-left:22px}
html body[class].single-post .rl-article li{margin:8px 0;font-size:16.5px;line-height:2}
html body[class].single-post .article-intro{
  background:var(--wash);border-left:3px solid var(--navy);border-radius:0 3px 3px 0;
  margin:0 0 26px;padding:22px 26px;
}
html body[class].single-post .article-intro p{font-size:14.5px !important;line-height:1.95;color:var(--muted);margin:0}
html body[class].single-post .article-intro b,html body[class].single-post .article-intro strong{color:var(--navy)}
html body[class].single-post .author-note{
  font-size:13px;color:var(--faint);padding:0 0 22px;margin:0 0 26px;
  border-bottom:1px solid var(--line);background:none;border-left:0;border-radius:0;
}
html body[class].single-post .article-toc{
  background:none;border:0;border-radius:0;padding:0;margin:0 0 26px;
}
html body[class].single-post .article-toc .toc-header h4{
  font-size:13px;letter-spacing:.18em;color:var(--faint);font-weight:500;margin:0 0 10px;
  font-family:var(--sans);
}
html body[class].single-post .article-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
html body[class].single-post .article-toc li{
  counter-increment:toc;padding:9px 0;border-bottom:1px dashed var(--line);
  font-size:14.5px;line-height:1.8;margin:0;
}
html body[class].single-post .article-toc li::before{
  content:counter(toc) ". ";font-family:var(--serif);color:var(--faint);margin-right:6px;
}
html body[class].single-post .article-toc a{color:var(--steel);text-decoration:none}
html body[class].single-post .article-toc a:hover{color:var(--navy)}
html body[class].single-post .rn-callout,html body[class].single-post .rl-callout{background:var(--wash);border-left:3px solid var(--navy)}
/* 相关服务 / 相关阅读 */
html body[class].single-post .rl-related-services,html body[class].single-post .rl-related-posts{
  background:none !important;border:0 !important;border-top:1px solid var(--line) !important;
  border-radius:0 !important;padding:26px 0 0 !important;margin:40px 0 0 !important;
}
html body[class].single-post .rl-rs-title,html body[class].single-post .rl-rp-title{
  font-family:var(--sans) !important;font-size:13px !important;letter-spacing:.18em;
  color:var(--faint) !important;font-weight:500 !important;margin:0 0 14px !important;
}
html body[class].single-post .rl-rs-list{display:block !important}
html body[class].single-post .rl-rs-item{
  background:none !important;border:0 !important;border-bottom:1px dashed var(--line) !important;
  border-radius:0 !important;padding:12px 0 !important;box-shadow:none !important;
}
html body[class].single-post .rl-rs-link{font-family:var(--serif);font-size:15.5px !important;color:var(--navy) !important}
html body[class].single-post .rl-rs-desc{font-size:13px !important;color:var(--faint) !important;margin:4px 0 0 !important}
html body[class].single-post .rl-rp-item{font-size:15px !important;border-bottom:1px dashed var(--line);padding:9px 0}
html body[class].single-post .rl-rp-item a{font-family:var(--serif);color:var(--navy)}
@media(max-width:760px){
  html body[class].single-post .rl-article{padding:28px 22px 32px;margin-top:16px}
  html body[class].single-post .entry-title{font-size:24px !important}
}

/* 当前页高亮：下拉触发项 / 移动端 / 博客 PHP 导航（2026-10-24 追加） */
html body[class] .rlx-nav .rlx-dd > a.on{color:var(--navy);font-weight:700}
html body[class] .mobile-menu-overlay a.on{color:var(--navy);font-weight:700}
html body[class].blog .rl-nav > a.on,
html body[class].blog .mobile-menu-overlay a.on{color:var(--navy);font-weight:700}

/* ── 合作客户 logo 轮播（首页 #clients，2026-10-24 追加） ───────────────── */
html body[class] .rlx-clients{
  position:relative;overflow:hidden;
  border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
html body[class] .rlx-clients-track{display:flex;width:max-content;animation:rlx-clients-scroll 64s linear infinite}
html body[class] .rlx-clients:hover .rlx-clients-track{animation-play-state:paused}
html body[class] .rlx-clients-set{display:flex;flex:none}
@keyframes rlx-clients-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html body[class] .rlx-client{
  flex:none;width:280px;height:96px;box-sizing:border-box;padding:0 46px;
  display:flex;align-items:center;justify-content:center;
  border-right:1px solid var(--line);
}
html body[class] .rlx-client img{
  max-width:188px;max-height:38px;width:auto;height:auto;
  filter:none;opacity:1;
  transition:filter .25s ease,opacity .25s ease;
}
html body[class] .rlx-client:hover img{filter:none;opacity:1}
@media(max-width:767px){
  html body[class] .rlx-client{width:188px;height:72px;padding:0 24px}
  html body[class] .rlx-client img{max-width:140px;max-height:28px}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){
  html body[class] .rlx-client{width:50%;padding:0 20px}
}
@media(prefers-reduced-motion:reduce){
  html body[class] .rlx-clients{overflow:visible;-webkit-mask-image:none;mask-image:none}
  html body[class] .rlx-clients-track{animation:none !important;width:100%}
  html body[class] .rlx-clients-set{flex-wrap:wrap;width:100%;justify-content:center}
  html body[class] .rlx-clients-set[aria-hidden="true"]{display:none}
  html body[class] .rlx-client{border-bottom:1px solid var(--line)}
}
html body[class] .rlx-client--defan img{transform:scale(1.12)}
html body[class] .rlx-client--pinlan img{transform:translateY(-2px)}
html body[class] .rlx-client--qingsong img{transform:scale(.88)}

/* ── 文章页：标题与正文无缝衔接（2026-10-24） ───────────────────────────
   问题：.entry-title 的 14px 下外边距从无 padding-bottom 的 .entry-header
   塌陷出去，标题卡与正文卡之间露出一条灰缝；两卡各自的投影又在缝内叠加。
   做法：标题外边距归零、由标题卡自身底部内边距承接；去掉两卡投影，
   保留描边，标题与正文读作一张连续的卡。 */
html body[class].single-post .entry-title{margin:0 !important}
html body[class].single-post .entry-header{padding:40px 56px 28px !important;box-shadow:none}
html body[class].single-post .rl-article{box-shadow:none}
@media(max-width:760px){
  html body[class].single-post .entry-header{padding:30px 22px 20px !important}
  html body[class].single-post .rl-article{margin-top:0 !important}
}

/* ── 文章摘要：去引用框，改期刊式眉题排版（2026-10-24） ─────────────────
   原为灰底+深蓝左竖线的引用块，与下方作者行、目录的细线排版语言不一致；
   改为「摘 要」眉题 + 素排文字，衔接作者行自带的分隔线。 */
html body[class].single-post .article-intro{
  background:none;border:0;border-radius:0;
  padding:0;margin:6px 0 0;
}
html body[class].single-post .article-intro::before{
  content:"摘 要";display:block;
  font-family:var(--sans);font-size:12.5px;font-weight:600;
  letter-spacing:.32em;color:var(--seal);margin:0 0 10px;
}
html body[class].single-post .article-intro p{
  font-size:15.5px !important;line-height:2.05;color:var(--steel);margin:0 0 26px !important;
}
html body[class].single-post .article-intro p:last-child{margin-bottom:26px !important}
html body[class].single-post .article-intro p b,
html body[class].single-post .article-intro p strong{color:var(--navy)}

/* ── 文章目录链接：修正被 rl-article.css 全局 a 规则污染的配色（2026-10-24） ──
   rl-article.css 的 article a/.entry-content a (#4c51bf !important) 与
   全局 a{border-bottom:1px solid #93c5fd} 让目录链接呈靛蓝+浅蓝下划线，
   与 design-v2 的钢青/藏青体系不一致；目录行已有虚线分隔，去掉链接下划线。 */
html body[class].single-post .article-toc a{
  color:var(--steel) !important;text-decoration:none;border-bottom:0;
}
html body[class].single-post .article-toc a:hover{color:var(--navy) !important}

/* ── 价格页：注记通栏 + 服务菜单区纵向呼吸感（2026-10-24） ───────────────
   1) 注记原被内联 max-width 限制，在 1120px 版心里提前折行；放开为通栏。
   2) 「一、/二、」小标题原先与上下文零间距，过于紧凑；统一加纵向间距。 */
html body.page-id-3439 .rlx-note{max-width:none !important}
html body.page-id-3439 .rlx-cap h4{margin:40px 0 6px}

/* ── 品览 logo 放大（2026-10-24） ────────────────────────────────────────
   该 logo 画幅为 2.18:1，统一 38px 高度下宽度仅 83px，观感偏小；
   单独放宽一档（桌面 58px 高 / 移动端 38px 高），并去掉旧图的 -2px 微调。 */
html body[class] .rlx-client--pinlan img{max-height:58px;transform:none}
@media(max-width:767px){
  html body[class] .rlx-client--pinlan img{max-height:38px}
}

/* ── 得帆云 logo 再放大一档（2026-10-24）：1.12 → 1.26，用户反馈仍显小 ── */
html body[class] .rlx-client--defan img{transform:scale(1.26)}

/* ── rlx 专题/落地页：隐藏主题输出的页面标题（hero 自带 h1，2026-10-24） ──
   与 body.page-id-3439 等既有按页规则的通用化版本：所有 rlx-page 均自带 hero h1。 */
html body[class].rlx-page .entry-header{display:none !important}
