/* RHT v3 商务版 — 深蓝商务风 2026-08-31（画布定稿落地） */
:root{
  --paper:#F7F7F5; --ink:#16181D; --red:#D92B2B; --steel:#566070;
  --navy:#0E3A8C; --navy-deep:#08204A;
  --line:rgba(22,24,29,.12); --line-hard:rgba(22,24,29,.22);
  --muted:#566070;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:"Microsoft YaHei","PingFang SC","Source Han Sans SC",sans-serif;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.7}
a{color:inherit;text-decoration:none}
img{max-width:100%;border:0}
.rht-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.mono,.rht-dc-head,.rht-mode i,.rht-case i{font-family:Consolas,"Courier New",monospace}
.rht-eyebrow{font-family:"Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:.5px}

.rht-header{border-bottom:1px solid var(--line-hard);background:#fff;position:relative;z-index:10}
.rht-header-in{display:flex;align-items:center;gap:32px;height:72px}
.rht-logo img{height:44px;width:auto}
.rht-nav{display:flex;gap:28px;flex:1}
.rht-nav a{font-size:15px;color:var(--muted);padding:4px 0;border-bottom:2px solid transparent;transition:color .15s}
.rht-nav a:hover,.rht-nav a.on{color:var(--ink);border-bottom-color:var(--red)}
.rht-header-tel{font-size:13px;color:var(--muted);white-space:nowrap}
.rht-header-tel b{display:block;font-size:17px;color:var(--navy);font-family:Consolas,monospace;letter-spacing:.5px}

/* ===== Hero：深蓝渐变 + 报关单卡 ===== */
.rht-hero{padding:80px 0 72px;background:linear-gradient(135deg,#0E3A8C 0%,#08204A 100%)}
.rht-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.rht-eyebrow{display:inline-block;font-size:12px;color:rgba(255,255,255,.85);letter-spacing:1px;margin-bottom:18px;background:rgba(255,255,255,.08);padding:6px 14px;border-radius:4px}
.rht-hero-copy h1{font-size:44px;font-weight:700;line-height:1.25;letter-spacing:1px;color:#fff}
.rht-hero-copy h1 .rht-serif{color:#BFD2F2}
.rht-hero-sub{margin-top:18px;color:rgba(255,255,255,.75);font-size:16px;line-height:1.9}
.rht-hero-cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
.rht-btn-red{background:var(--red);color:#fff;padding:13px 30px;font-size:15px;border-radius:8px;transition:background .15s;font-weight:600}
.rht-btn-red:hover{background:#B81F1F}
.rht-btn-line{border:1.5px solid rgba(255,255,255,.9);color:#fff;padding:13px 28px;font-size:15px;border-radius:8px;transition:background .15s,border-color .15s}
.rht-btn-line:hover{background:rgba(255,255,255,.12)}
.rht-hero-stats{margin-top:36px;display:flex;gap:44px;flex-wrap:wrap}
.rht-hero-stats li{list-style:none}
.rht-hero-stats b{display:block;font-family:Consolas,monospace;font-size:26px;color:#fff}
.rht-hero-stats span{font-size:12px;color:rgba(255,255,255,.65)}

/* 报关单卡：白卡 + 深蓝表头 */
.rht-hero-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 12px 32px rgba(3,10,26,.25);display:flex;flex-direction:column;align-self:center;max-width:420px;width:100%}
.rht-dc-head{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;font-size:13px;padding:14px 22px;letter-spacing:.5px}
.rht-dc-head span:last-child{color:rgba(255,255,255,.7);font-size:12px}
.rht-dc-body{padding:6px 22px 12px;flex:1}
.rht-dc-row{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px solid #EFEFEB;font-size:13.5px}
.rht-dc-row:last-of-type{border-bottom:0}
.rht-dc-row span{color:#8A909C;font-size:12px}
.rht-dc-row b{font-weight:600;color:var(--ink)}
.rht-red{color:var(--red)}
.rht-dc-row b.rht-navy-mono{color:var(--navy);font-family:Consolas,monospace}
.rht-dc-pass{color:#17894E}
.rht-dc-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#17894E;margin-right:6px}
.rht-dc-foot{display:flex;justify-content:space-between;background:#F7F7F5;border-radius:8px;margin:10px 22px 16px;padding:9px 14px;font-size:11px;color:#8A909C;font-family:Consolas,monospace}

/* ===== 区块通用 ===== */
.rht-sec{padding:64px 0}
.rht-bg-alt{background:#F2F2EF}
.rht-sec-head{margin-bottom:36px}
.rht-sec-head h2{font-size:28px;font-weight:700;letter-spacing:.5px;color:var(--ink)}
.rht-sec-head p{color:var(--muted);margin-top:8px;font-size:15px}

/* 六宫格监管方式 */
.rht-grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rht-mode{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line-hard);border-radius:12px;padding:22px;min-height:190px;transition:border-color .15s,transform .15s,box-shadow .15s}
.rht-mode:hover{border-color:var(--navy);transform:translateY(-2px);box-shadow:0 8px 24px rgba(14,58,140,.1)}
.rht-mode i{display:block;font-style:normal;color:var(--red);font-size:13px;letter-spacing:1.5px;margin-bottom:10px;font-weight:700}
.rht-mode b{display:block;font-size:17px;font-weight:600;margin-bottom:6px}
.rht-mode span{color:var(--muted);font-size:13px;display:block}
.rht-mode em{display:block;font-style:normal;color:var(--steel);font-size:12px;margin-top:auto;padding-top:12px;border-top:1px dashed var(--line-hard)}

/* 服务流程 */
.rht-flow{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:step}
.rht-flow li{position:relative;padding:0 20px 0 0;text-align:left;counter-increment:step}
.rht-flow li:before{content:counter(step,decimal-leading-zero);font-family:Consolas,monospace;font-size:12px;color:var(--red);display:block;margin-bottom:8px;letter-spacing:1px;font-weight:700}
.rht-flow li:after{content:"";position:absolute;left:calc(100% - 34px);top:0;width:26px;height:1.5px;background:var(--line-hard)}
.rht-flow li:last-child:after{display:none}
.rht-flow b{display:block;font-size:15.5px;font-weight:600;margin-bottom:3px}
.rht-flow span{color:var(--muted);font-size:12.5px;line-height:1.6;display:block}

/* 案例卡 */
.rht-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rht-case{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line-hard);border-left:3px solid var(--navy);border-radius:0 12px 12px 0;padding:22px;min-height:170px;transition:transform .15s}
.rht-case:hover{transform:translateY(-2px)}
.rht-case i{display:block;font-style:normal;font-size:12px;color:var(--red);letter-spacing:1px;margin-bottom:8px;font-weight:700}
.rht-case b{display:block;font-size:16px;font-weight:600;margin-bottom:6px}
.rht-case span{color:var(--muted);font-size:13px;display:block}
.rht-case em{display:block;font-style:normal;color:var(--navy);font-size:12.5px;margin-top:auto;padding-top:12px;font-weight:600}

/* 知识库 */
.rht-kb{display:grid;grid-template-columns:1.5fr 1fr;gap:40px}
.rht-kb-list{list-style:none}
.rht-kb-list li{border-bottom:1px dashed var(--line)}
.rht-kb-list a{display:block;padding:13px 2px;font-size:14.5px;color:var(--ink);position:relative;padding-left:16px;transition:color .15s}
.rht-kb-list a:before{content:"▸";position:absolute;left:0;color:var(--red);font-size:12px}
.rht-kb-list a:hover{color:var(--navy)}
.rht-kb-cta{background:linear-gradient(135deg,#0E3A8C 0%,#08204A 100%);border-radius:12px;padding:28px;align-self:start;color:#fff}
.rht-kb-cta p{font-size:13.5px;color:rgba(255,255,255,.75);line-height:1.8;margin-bottom:16px}
.rht-kb-cta .rht-kb-num{font-size:22px;font-weight:700;color:#fff;margin-bottom:8px}
.rht-kb-cta a{color:#fff;font-weight:600;font-size:14.5px;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px}

/* 关于 */
.rht-about{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}
.rht-about-txt h2{font-size:28px;font-weight:700;margin-bottom:16px}
.rht-about-txt p{color:var(--muted);font-size:14.5px;line-height:1.9}
.rht-about-tags{margin-top:14px !important;color:var(--steel) !important;font-size:13px !important}
.rht-nums{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.rht-nums li{background:#F2F2EF;border-radius:12px;padding:20px}
.rht-nums b{display:block;font-family:Consolas,monospace;font-size:28px;color:var(--navy);line-height:1.2}
.rht-nums span{font-size:12.5px;color:var(--muted)}

/* 询价区：深蓝渐变 */
.rht-inquiry{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}
.rht-inq-copy h2{font-size:28px;font-weight:700;margin-bottom:14px}
.rht-inq-copy p{color:rgba(255,255,255,.75);font-size:14.5px;line-height:1.9}
.rht-inq-tel{margin-top:20px;font-size:15px;color:rgba(255,255,255,.9)}
.rht-inq-tel b{color:#fff;font-family:Consolas,monospace;font-size:22px}
.rht-sec-inq{background:linear-gradient(135deg,#0E3A8C 0%,#08204A 100%)}
.rht-sec-inq .rht-inq-copy h2{color:#fff}
.rht-inq-form{background:#fff;border-radius:12px;padding:28px;box-shadow:0 12px 32px rgba(3,10,26,.2)}

/* 页脚 */
.rht-footer{background:#081228;color:#9AA3B5;padding:56px 0 28px}
.rht-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.rht-foot-brand img{height:36px;width:auto;margin-bottom:12px;filter:brightness(0) invert(1)}
.rht-foot-brand p{font-size:13px;color:#9AA3B5}
.rht-foot-addr{margin-top:6px}
.rht-foot-domains{margin-top:4px;font-family:Consolas,monospace;font-size:12px}
.rht-foot-col b{display:block;color:#fff;font-size:15px;font-weight:600;margin-bottom:12px}
.rht-foot-col a{display:block;font-size:13px;color:#9AA3B5;padding:4px 0;transition:color .15s}
.rht-foot-col a:hover{color:#fff}
.rht-foot-end{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;font-size:12px;color:#6B7488}
.rht-foot-end a{color:#6B7488}
.rht-foot-end a:hover{color:#9AA3B5}

/* 响应式 */
@media(max-width:960px){
  .rht-hero-grid{grid-template-columns:1fr}
  .rht-hero-card{max-width:420px}
  .rht-grid6{grid-template-columns:repeat(2,1fr)}
  .rht-flow{grid-template-columns:repeat(2,1fr);gap:24px 0}
  .rht-flow li:after{display:none}
  .rht-kb{grid-template-columns:1fr}
  .rht-about{grid-template-columns:1fr}
  .rht-inquiry{grid-template-columns:1fr}
  .rht-foot-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .rht-grid6{grid-template-columns:1fr}
  .rht-grid3{grid-template-columns:1fr}
  .rht-nums{grid-template-columns:repeat(2,1fr)}
  .rht-foot-grid{grid-template-columns:1fr}
  .rht-header-in{flex-wrap:wrap;height:auto;padding:12px 0}
  .rht-nav{order:3;width:100%;gap:16px;overflow-x:auto}
}