/* 中招导航 zz-daohang.css v1 — 对齐主站 zz-unify 视觉（#1E5EFF） */
:root{--dn-blue:#1E5EFF;--dn-deep:#0B1B3A;--dn-mid:#0E3A8C;--dn-gold:#F5B942;--dn-ink:#16233B;--dn-mut:#5B6B85;--dn-line:#E3E9F4;--dn-bg:#F5F8FE;--dn-ok:#0F9D6C;--dn-warn:#B25E09}
.dn-hero{background:linear-gradient(135deg,#0B1B3A 0%,#0E3A8C 45%,#1E5EFF 100%);color:#fff;padding:34px 0 38px}
.dn-hero .zz-wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.dn-crumb{font-size:13px;color:rgba(255,255,255,.75);margin-bottom:14px}
.dn-crumb a{color:rgba(255,255,255,.85);text-decoration:none}
.dn-crumb i{font-style:normal;margin:0 8px;color:rgba(255,255,255,.45)}
.dn-hero h1{font-size:30px;font-weight:700;margin:0 0 10px;color:#fff}
.dn-sub{font-size:14px;color:rgba(255,255,255,.82);line-height:1.7;margin:0}
.dn-sub b{color:var(--dn-gold)}
.dn-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.dn-pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff}
.dn-pill.ok{background:rgba(15,157,108,.28)}
.dn-pill.gold{background:rgba(245,185,66,.22);color:#FFE3A6}
.dn-notice{background:#FFF7E8;border:1px solid #F2D9A6;border-radius:12px;padding:14px 18px;font-size:13.5px;line-height:1.8;color:#7A4E0A;margin:22px 0 0}
.dn-notice b{color:#5C3A05}
.dn-main{max-width:1080px;margin:0 auto;padding:26px 24px 30px}
/* 主 CTA 大卡 */
.dn-cta{display:block;background:linear-gradient(135deg,#0E3A8C,#1E5EFF);border-radius:16px;padding:26px 30px;color:#fff;text-decoration:none;position:relative;overflow:hidden;margin-bottom:14px}
.dn-cta:before{content:"";position:absolute;right:-60px;top:-70px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.08)}
.dn-cta:after{content:"";position:absolute;right:30px;bottom:-90px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.06)}
.dn-cta .cap{display:inline-block;font-size:12.5px;letter-spacing:2px;background:rgba(245,185,66,.25);color:#FFE3A6;border-radius:999px;padding:4px 12px;margin-bottom:12px}
.dn-cta h2{font-size:24px;font-weight:700;margin:0 0 8px;color:#fff}
.dn-cta .url{font-family:Consolas,monospace;font-size:15px;color:#CFE0FF;word-break:break-all}
.dn-cta .go{position:absolute;right:30px;top:50%;transform:translateY(-50%);background:#fff;color:#0E3A8C;font-weight:700;font-size:15px;padding:12px 26px;border-radius:999px;z-index:2}
.dn-cta .tips{margin-top:12px;font-size:12.5px;color:rgba(255,255,255,.75)}
/* 副入口行 */
.dn-alts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:14px}
.dn-alt{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--dn-line);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--dn-ink)}
.dn-alt:hover{border-color:var(--dn-blue)}
.dn-alt .ic{width:38px;height:38px;border-radius:10px;background:#E6F1FB;color:var(--dn-blue);display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}
.dn-alt .t{font-size:14.5px;font-weight:500}
.dn-alt .d{font-size:12.5px;color:var(--dn-mut);margin-top:2px}
.dn-alt .arr{margin-left:auto;color:#B9C6DD}
/* 区块 */
.dn-sec{margin-top:30px}
.dn-hd{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.dn-hd h2{font-size:19px;font-weight:700;color:var(--dn-ink);margin:0;padding-left:12px;border-left:4px solid var(--dn-blue)}
.dn-hd span{font-size:13px;color:var(--dn-mut)}
/* 时间轴 */
.dn-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.dn-step{background:#fff;border:1px solid var(--dn-line);border-radius:12px;padding:16px}
.dn-step .k{font-size:12.5px;color:var(--dn-blue);font-weight:500;letter-spacing:1px}
.dn-step .v{font-size:14px;color:var(--dn-ink);line-height:1.65;margin-top:6px}
.dn-step.none .v{color:#AAB6CC}
/* 信任/说明 */
.dn-info{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dn-panel{background:#fff;border:1px solid var(--dn-line);border-radius:12px;padding:18px 20px}
.dn-panel h3{font-size:15.5px;font-weight:700;color:var(--dn-ink);margin:0 0 10px}
.dn-panel p,.dn-panel li{font-size:13.5px;color:var(--dn-mut);line-height:1.85;margin:0}
.dn-panel ul{margin:0;padding-left:18px}
.dn-panel b{color:var(--dn-ink)}
.dn-panel .org{font-size:14.5px;color:var(--dn-ink);font-weight:500}
.dn-safe{background:#F0FAF6;border:1px solid #BFE5D4;border-radius:12px;padding:16px 20px;margin-top:12px}
.dn-safe h3{font-size:15px;color:#0B6B4A;margin:0 0 8px}
.dn-safe p{font-size:13px;color:#2E6B54;line-height:1.8;margin:0}
/* 城市互链 */
.dn-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.dn-lnk{background:#fff;border:1px solid var(--dn-line);border-radius:10px;padding:12px 14px;text-decoration:none;color:var(--dn-ink);font-size:14px;text-align:center}
.dn-lnk:hover{border-color:var(--dn-blue);color:var(--dn-blue)}
.dn-lnk small{display:block;color:#AAB6CC;font-size:11.5px;margin-top:3px}
/* 总览：省份网格 */
.dn-prov{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.dn-pv{position:relative;border-radius:10px;padding:13px 8px;text-align:center;font-size:14px;text-decoration:none;background:#fff;border:1px solid var(--dn-line);color:var(--dn-ink)}
.dn-pv.on{background:linear-gradient(135deg,#0E3A8C,#1E5EFF);color:#fff;border-color:transparent;font-weight:600}
.dn-pv.on small{display:block;font-size:11px;color:#CFE0FF;margin-top:3px;font-weight:400}
.dn-pv.off{color:#AAB6CC;cursor:default}
.dn-pv.off small{display:block;font-size:11px;color:#C6CFDF;margin-top:3px}
/* 平台卡列表（总览/省页） */
.dn-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.dn-card{display:block;background:#fff;border:1px solid var(--dn-line);border-radius:14px;padding:20px 22px;text-decoration:none;color:var(--dn-ink);transition:transform .15s ease,box-shadow .15s ease}
.dn-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(14,58,140,.10);border-color:#C6D6F5}
.dn-card .top{display:flex;align-items:center;gap:10px}
.dn-card .city{font-size:16.5px;font-weight:700}
.dn-card .bdg{font-size:11px;background:#E6F1FB;color:var(--dn-blue);border-radius:999px;padding:3px 9px;white-space:nowrap}
.dn-card .pf{font-size:13.5px;color:var(--dn-blue);margin-top:8px;font-weight:500}
.dn-card .tm{font-size:12.5px;color:var(--dn-mut);margin-top:6px;line-height:1.7}
.dn-card .go{margin-top:12px;font-size:13px;color:var(--dn-blue);font-weight:500}
/* FAQ */
.dn-faq{background:#fff;border:1px solid var(--dn-line);border-radius:12px;padding:6px 22px}
.dn-faq details{border-bottom:1px dashed var(--dn-line);padding:13px 0}
.dn-faq details:last-child{border-bottom:0}
.dn-faq summary{font-size:14.5px;font-weight:500;color:var(--dn-ink);cursor:pointer}
.dn-faq p{font-size:13.5px;color:var(--dn-mut);line-height:1.85;margin:10px 0 4px}
.dn-faq a{color:var(--dn-blue)}
/* 出站提示条 */
.dn-ext{font-size:12px;color:#98A6C0;margin-top:14px;line-height:1.7}
.dn-ext a{color:var(--dn-blue)}
/* 响应式 */
@media (max-width:860px){
  .dn-info{grid-template-columns:1fr}
  .dn-cards{grid-template-columns:1fr}
  .dn-cta h2{font-size:20px}
  .dn-cta .go{position:static;transform:none;display:inline-block;margin-top:14px}
}
@media (max-width:768px){
  .zz-head .zz-wrap{flex-wrap:nowrap;gap:10px}
  .zz-nav{overflow-x:auto;max-width:50vw;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:none}
  .zz-nav::-webkit-scrollbar{display:none}
  .zz-act .zz-btn-ghost{display:none}
  .zz-act .zz-btn-primary{padding:7px 12px;font-size:13px}
}
@media (max-width:640px){
  .dn-hero{padding:24px 0 26px}
  .dn-hero h1{font-size:22px}
  .dn-main{padding:18px 14px 24px}
  .dn-hero .zz-wrap{padding:0 14px}
  .dn-cta{padding:20px}
  .dn-flow{grid-template-columns:1fr 1fr}
  .dn-pv{padding:10px 4px;font-size:13px}
}