/* ============================================================
   yuming-beian.html — 域名注册与网站备案页独有样式
   命名空间：body.page-yuming-beian
   签名布局：大数字五步横向路径 + 域名后缀对照表
   ============================================================ */

body.page-yuming-beian .hero-note{margin-top:18px;font-size:13.5px;color:var(--c-muted)}
body.page-yuming-beian .hero-note a{color:var(--c-purple-400);font-weight:600}

/* ---------- 五步路径（大数字横向） ---------- */
body.page-yuming-beian .step-path{display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:path}
body.page-yuming-beian .path-item{position:relative;padding:28px 20px 24px;background:#fff;border:1px solid var(--c-line);
  margin-right:-1px;box-shadow:var(--shadow-card)}
body.page-yuming-beian .path-item:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}
body.page-yuming-beian .path-item:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}
body.page-yuming-beian .path-num{display:block;font-size:34px;font-weight:800;line-height:1;
  background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px}
body.page-yuming-beian .path-item h3{font-size:16px;margin-bottom:8px}
body.page-yuming-beian .path-item p{font-size:13.5px;color:var(--c-text);margin-bottom:12px}
body.page-yuming-beian .path-time{display:inline-block;font-size:12px;font-weight:700;color:var(--c-purple-400);
  background:var(--c-purple-100);padding:3px 12px;border-radius:999px}

/* ---------- 对照表 ---------- */
body.page-yuming-beian .rank-wrap{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);
  border:1px solid var(--c-line);background:#fff}
body.page-yuming-beian .cmp-table{width:100%;border-collapse:collapse;min-width:620px;font-size:14.5px}
body.page-yuming-beian .cmp-table th{background:var(--grad-soft);color:var(--c-ink);text-align:left;
  padding:15px 18px;font-size:14px}
body.page-yuming-beian .cmp-table td{padding:14px 18px;border-top:1px solid var(--c-line);color:var(--c-text)}
body.page-yuming-beian .cmp-table tbody tr:hover{background:var(--c-bg-pink)}
body.page-yuming-beian .rank-note{margin-top:16px;font-size:14px;color:var(--c-muted)}
body.page-yuming-beian .rank-note a{color:var(--c-purple-400);font-weight:600}

/* ---------- 备案材料三栏 ---------- */
body.page-yuming-beian .beian-sec .beian-txt{margin-bottom:36px;max-width:760px}
body.page-yuming-beian .beian-txt h2{margin:12px 0 14px}
body.page-yuming-beian .beian-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
body.page-yuming-beian .beian-col{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);
  padding:26px 24px;box-shadow:var(--shadow-card)}
body.page-yuming-beian .beian-col h3{font-size:16px;margin-bottom:14px;padding-bottom:12px;border-bottom:2px solid var(--c-pink-100)}
body.page-yuming-beian .beian-col ul{list-style:none}
body.page-yuming-beian .beian-col li{position:relative;padding-left:22px;margin-bottom:9px;font-size:14px;color:var(--c-text)}
body.page-yuming-beian .beian-col li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;
  border-radius:2px;background:var(--grad-main)}

/* ---------- 问答横滑卡 ---------- */
body.page-yuming-beian .q-card{flex:0 0 300px;background:#fff;border:1px solid var(--c-line);
  border-radius:var(--radius-md);padding:26px 24px;box-shadow:var(--shadow-card)}
body.page-yuming-beian .q-card h3{font-size:16px;margin-bottom:12px}
body.page-yuming-beian .q-card p{font-size:14px;color:var(--c-text)}
body.page-yuming-beian .h-scroll-hint{margin-top:14px;margin-left:2px}

/* ---------- CTA ---------- */
body.page-yuming-beian .cta-band{background:var(--grad-soft);border-top:1px solid var(--c-line);padding:70px 0}
body.page-yuming-beian .cta-in{text-align:center;max-width:760px;margin:0 auto}
body.page-yuming-beian .cta-in img{border-radius:var(--radius-lg);margin:0 auto 26px;box-shadow:var(--shadow-soft)}
body.page-yuming-beian .cta-in h2{margin-bottom:14px}
body.page-yuming-beian .cta-in>p{margin-bottom:24px;color:var(--c-text)}

/* ---------- 响应式 ---------- */
@media (max-width:1100px){
  body.page-yuming-beian .step-path{grid-template-columns:repeat(3,1fr);gap:14px}
  body.page-yuming-beian .path-item{border-radius:var(--radius-md)!important;margin-right:0}
  body.page-yuming-beian .beian-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  body.page-yuming-beian .step-path{grid-template-columns:1fr 1fr}
  body.page-yuming-beian .beian-cols{grid-template-columns:1fr}
}
@media (max-width:360px){
  body.page-yuming-beian .step-path{grid-template-columns:1fr}
  body.page-yuming-beian .q-card{flex:0 0 250px;padding:22px}
}