/* ============================================================
   智链米仓 · v3.4 全站视觉升级层（叠加于 style.css 之上）
   目标：对齐聚名网式大气风格 —— 深蓝页头、Hero 首屏、
        卡片质感、页脚横排、用户中心焕新。可整文件回滚。
   ============================================================ */

:root{
  --up-navy-900:#0a1c44;
  --up-navy-800:#0e2a63;
  --up-navy-700:#123a85;
  --up-blue-500:#2563eb;
  --up-blue-400:#3b82f6;
  --up-ink:#0f172a;
  --up-muted:#64748b;
  --up-line:#e6eaf2;
  --up-bg:#f4f6fb;
  --up-card:#ffffff;
  --up-radius:12px;
  --up-shadow:0 1px 2px rgba(15,23,42,.04), 0 6px 20px rgba(15,23,42,.06);
  --up-shadow-lg:0 8px 30px rgba(15,23,42,.12);
}

/* ---------- 全局基调 ---------- */
body{ background:var(--up-bg); }
.container{ max-width:1240px; }
.panel{
  border:1px solid var(--up-line);
  box-shadow:var(--up-shadow);
  border-radius:var(--up-radius);
  transition:box-shadow .25s ease;
}
.panel:hover{ box-shadow:var(--up-shadow-lg); }
.panel-title{ font-size:17px; letter-spacing:-.2px; }

/* ---------- 页头：深蓝大气 ---------- */
.header{
  background:linear-gradient(120deg,var(--up-navy-900) 0%,var(--up-navy-800) 45%,var(--up-navy-700) 100%);
  padding:0; box-shadow:0 2px 14px rgba(10,28,68,.28);
}
.header::after{ /* 底部高光细线 */
  content:""; display:block; height:1px;
  background:linear-gradient(90deg,transparent,rgba(96,165,250,.55),transparent);
}
.header .header-inner{ height:66px; }
.header .nav{ gap:4px; }
.header .nav > a{
  position:relative; padding:8px 13px; border-radius:8px;
  font-size:14.5px; font-weight:500; color:rgba(255,255,255,.88);
  transition:background .2s,color .2s;
}
.header .nav > a:hover{ color:#fff; background:rgba(255,255,255,.10); text-decoration:none; }
.header .nav > a[href="/"]{ font-weight:600; color:#fff; }
.header .nav .nav-badge{ background:#ef4444; }
.header .nav a.nav-admin-entry{ color:#fbbf24; }
.btn-submit{
  background:linear-gradient(135deg,#f59e0b,#f97316);
  padding:9px 20px; border-radius:9px; font-size:14px;
  box-shadow:0 3px 12px rgba(249,115,22,.35);
  transition:transform .2s, box-shadow .2s;
}
.btn-submit:hover{ transform:translateY(-1px); box-shadow:0 6px 18px rgba(249,115,22,.45); text-decoration:none; color:#fff; }

/* 更多下拉：卡片化 */
.nav-dropdown-menu{
  background:#fff; border-radius:12px; border:1px solid var(--up-line);
  box-shadow:0 16px 48px rgba(10,28,68,.18); padding:14px 16px;
  animation:upDrop .18s ease both;
}
@keyframes upDrop{ from{ opacity:0; transform:translateY(-6px);} to{ opacity:1; transform:none;} }
.nav-dropdown-title{ color:#94a3b8; font-size:12px; }
.nav-dropdown-menu a{ color:#334155; border-radius:7px; padding:5px 8px; transition:all .15s; }
.nav-dropdown-menu a:hover{ background:#eef4ff; color:var(--up-blue-500); text-decoration:none; }

/* ---------- 首页 Hero ---------- */
.up-hero{
  position:relative; overflow:hidden;
  margin:18px 0 22px; border-radius:18px;
  background:linear-gradient(118deg,var(--up-navy-900) 0%,var(--up-navy-700) 55%,#1d4ed8 100%);
  color:#fff; padding:46px 48px 40px;
  box-shadow:0 18px 50px rgba(10,28,68,.35);
}
.up-hero::before, .up-hero::after{
  content:""; position:absolute; border-radius:50%; pointer-events:none;
}
.up-hero::before{ width:420px; height:420px; right:-120px; top:-180px;
  background:radial-gradient(circle,rgba(96,165,250,.35),transparent 65%); }
.up-hero::after{ width:300px; height:300px; left:-100px; bottom:-160px;
  background:radial-gradient(circle,rgba(59,130,246,.28),transparent 65%); }
.up-hero h1{
  position:relative; z-index:1; font-size:32px; font-weight:800; letter-spacing:.5px;
  margin-bottom:8px; text-shadow:0 2px 12px rgba(0,0,0,.25);
}
.up-hero h1 .up-gold{ background:linear-gradient(90deg,#fbbf24,#f59e0b);
  -webkit-background-clip:text; background-clip:text; color:transparent; }
.up-hero p{ position:relative; z-index:1; font-size:15px; color:rgba(255,255,255,.78); margin-bottom:22px; }
.up-hero-form{
  position:relative; z-index:1; display:flex; max-width:680px;
  background:#fff; border-radius:12px; padding:6px;
  box-shadow:0 10px 34px rgba(0,0,0,.22);
}
.up-hero-form input{
  flex:1; border:none; outline:none; font-size:15px; padding:11px 16px; color:var(--up-ink);
  background:transparent;
}
.up-hero-form button{
  border:none; cursor:pointer; border-radius:9px; color:#fff;
  padding:12px 34px; font-size:15px; font-weight:600;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  box-shadow:0 4px 14px rgba(37,99,235,.4); transition:filter .2s, transform .2s;
}
.up-hero-form button:hover{ filter:brightness(1.08); transform:translateY(-1px); }
.up-hero-hot{
  position:relative; z-index:1; margin-top:14px; font-size:13px; color:rgba(255,255,255,.66);
}
.up-hero-hot a{ color:rgba(255,255,255,.9); margin:0 4px; }
.up-hero-hot a:hover{ color:#fbbf24; text-decoration:none; }

/* 统计条 */
.up-stats{
  position:relative; z-index:1; display:flex; gap:0; margin-top:26px;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12);
  border-radius:12px; padding:14px 8px; backdrop-filter:blur(4px);
}
.up-stat{ flex:1; text-align:center; padding:2px 8px; }
.up-stat + .up-stat{ border-left:1px solid rgba(255,255,255,.12); }
.up-stat b{ display:block; font-size:22px; font-weight:800; color:#fff; letter-spacing:.3px; }
.up-stat span{ font-size:12.5px; color:rgba(255,255,255,.62); }

/* 首页板块入口（商城/社区/工具） */
.up-entries{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:0 0 22px; }
.up-entry{
  display:flex; align-items:center; gap:14px; padding:20px 22px;
  background:var(--up-card); border:1px solid var(--up-line); border-radius:14px;
  box-shadow:var(--up-shadow); text-decoration:none; color:var(--up-ink);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s;
}
.up-entry:hover{ transform:translateY(-3px); box-shadow:var(--up-shadow-lg); border-color:#c7d7fb; text-decoration:none; }
.up-entry-icon{
  flex:0 0 46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center;
  font-size:22px; color:#fff;
}
.up-entry-icon.i-blue{ background:linear-gradient(135deg,#3b82f6,#1d4ed8); }
.up-entry-icon.i-violet{ background:linear-gradient(135deg,#8b5cf6,#6d28d9); }
.up-entry-icon.i-cyan{ background:linear-gradient(135deg,#06b6d4,#0e7490); }
.up-entry-icon.i-amber{ background:linear-gradient(135deg,#f59e0b,#d97706); }
.up-entry-icon.i-green{ background:linear-gradient(135deg,#22c55e,#15803d); }
.up-entry-icon.i-rose{ background:linear-gradient(135deg,#f43f5e,#be123c); }
.up-entry b{ display:block; font-size:15.5px; margin-bottom:2px; }
.up-entry span{ font-size:12.5px; color:var(--up-muted); }
.up-entry .up-arrow{ margin-left:auto; color:#cbd5e1; font-size:18px; transition:transform .2s, color .2s; }
.up-entry:hover .up-arrow{ transform:translateX(4px); color:var(--up-blue-500); }

/* ---------- 域名卡片质感 ---------- */
.domain-grid{ gap:16px; }
.domain-card{
  border:1px solid var(--up-line); border-radius:12px; padding:18px;
  background:var(--up-card); box-shadow:var(--up-shadow);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s;
}
.domain-card:hover{ transform:translateY(-4px); box-shadow:var(--up-shadow-lg); border-color:#bcd0fa; }
.domain-name{ font-size:16px; }
.domain-price{ font-size:20px; }
.btn{ border-radius:8px; }
.btn-primary{
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  box-shadow:0 2px 8px rgba(37,99,235,.25); transition:filter .2s, transform .15s;
}
.btn-primary:hover{ filter:brightness(1.08); transform:translateY(-1px); }

/* 分类 tab */
.cat-tab{ border:1px solid transparent; font-size:13.5px; padding:7px 16px; transition:all .18s; }
.cat-tab.active{ box-shadow:0 3px 10px rgba(37,99,235,.3); }

/* 榜单入口 */
.rank-entry{ gap:12px; margin-bottom:20px; }
.rank-entry-item{
  flex:1; padding:16px 10px; border-radius:12px; background:var(--up-card);
  border:1px solid var(--up-line); box-shadow:var(--up-shadow);
  transition:transform .2s, box-shadow .2s;
}
.rank-entry-item:hover{ transform:translateY(-3px); box-shadow:var(--up-shadow-lg); }
.rank-entry-item span{ font-size:24px; display:block; margin-bottom:6px; }

/* ---------- 页脚：横排导航 + 深色质感 ---------- */
.footer-v2{ background:linear-gradient(180deg,#0c1c3f,#0a1733); color:#94a3b8; }
.footer-v2 .footer-wrap{
  max-width:1240px; margin:0 auto; padding:38px 24px 6px;
}
.footer-v2 .footer-brand{ max-width:none; margin-bottom:8px; }
.footer-v2 .footer-desc{ color:rgba(148,163,184,.85); max-width:none; }
/* v3.3.0：页脚品牌卡 = logo 左靠 + 宣传语右侧铺满 */
.footer-brand-row{ display:flex; align-items:center; gap:18px; width:100%; }
.footer-brand-row .footer-logo{ flex:0 0 auto; }
.footer-brand-row .footer-brand-text{ flex:1 1 auto; min-width:0; }
.footer-brand-row .footer-slogan{ font-size:15px; font-weight:600; color:#e2e8f0; line-height:1.7; }
.footer-brand-row .footer-desc{ font-size:13px; line-height:1.7; }
@media(max-width:900px){ .footer-brand-row{ flex-direction:column; align-items:flex-start; gap:10px; } }
.footer-v2 h4{ color:#e2e8f0; }
.footer-v2 .footer-list a, .footer-v2 .footer-list li{ color:#9fb0c8; }
.footer-v2 .footer-list a:hover{ color:#fff; }
/* 横排导航行 */
.up-footer-nav{ max-width:1240px; margin:0 auto; padding:20px 24px 0; }
.up-footer-nav-row{
  display:flex; flex-wrap:wrap; align-items:center; column-gap:6px; row-gap:10px;
  padding:14px 0; border-top:1px solid rgba(148,163,184,.14);
}
.up-footer-nav-label{
  color:#e2e8f0; font-weight:600; font-size:14px; margin-right:14px; flex:0 0 auto;
  display:inline-flex; align-items:center; gap:7px;
}
.up-footer-nav-label::before{ content:""; width:3px; height:14px; border-radius:2px;
  background:linear-gradient(180deg,#60a5fa,#2563eb); }
.up-footer-nav-row a{
  color:#9fb0c8; font-size:13.5px; padding:4px 12px; border-radius:7px; transition:all .18s;
}
.up-footer-nav-row a:hover{ color:#fff; background:rgba(255,255,255,.08); text-decoration:none; }
.up-footer-nav-row .up-sep{ color:rgba(148,163,184,.35); font-size:12px; }

/* ---------- 用户中心（个人中心） ---------- */
.user-layout{ gap:22px; }
.user-sidebar{
  width:218px; flex:0 0 218px; background:var(--up-card);
  border:1px solid var(--up-line); border-radius:14px;
  box-shadow:var(--up-shadow); padding:14px 10px; align-self:flex-start;
  position:sticky; top:16px; max-height:calc(100vh - 32px); overflow-y:auto;
}
.user-sidebar h4, .user-sidebar .side-group-title{
  font-size:12px; color:#94a3b8; letter-spacing:1px; padding:12px 12px 6px; font-weight:600;
}
.user-sidebar a{
  display:flex; align-items:center; gap:8px; padding:9px 12px; margin:1px 0;
  border-radius:9px; font-size:13.5px; color:#3b4b63; position:relative;
  transition:background .18s, color .18s;
}
.user-sidebar a:hover{ background:#f0f5ff; color:var(--up-blue-500); text-decoration:none; }
.user-sidebar a.active{
  background:linear-gradient(90deg,#eef4ff,#f8fbff); color:var(--up-blue-500); font-weight:600;
}
.user-sidebar a.active::before{
  content:""; position:absolute; left:0; top:20%; height:60%; width:3px;
  border-radius:0 3px 3px 0; background:var(--up-blue-500);
}
.user-content .panel{ border-radius:14px; }
/* 用户中心顶部欢迎条 */
.up-me-hero{
  display:flex; align-items:center; gap:16px; margin-bottom:20px;
  background:linear-gradient(118deg,var(--up-navy-800),#1d4ed8);
  border-radius:16px; padding:24px 28px; color:#fff;
  box-shadow:0 12px 36px rgba(10,28,68,.28); position:relative; overflow:hidden;
}
.up-me-hero::after{ content:""; position:absolute; width:260px; height:260px; right:-70px; top:-120px;
  border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%); }
.up-me-avatar{
  width:60px; height:60px; border-radius:50%; flex:0 0 60px;
  background:linear-gradient(135deg,#fbbf24,#f59e0b); display:flex; align-items:center; justify-content:center;
  font-size:24px; font-weight:800; color:#fff; box-shadow:0 4px 14px rgba(0,0,0,.22);
}
.up-me-hero b{ font-size:19px; display:block; margin-bottom:3px; }
.up-me-hero span{ font-size:13px; color:rgba(255,255,255,.72); }
.up-me-hero .up-me-tags{ margin-left:auto; display:flex; gap:8px; position:relative; z-index:1; }
.up-me-tag{ font-size:12px; padding:5px 12px; border-radius:999px; background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.2); color:#fff; }

/* 表格焕新 */
.user-content .table th{
  background:#f7f9fd; color:#64748b; font-weight:600; font-size:12.5px; letter-spacing:.3px;
}
.user-content .table td{ border-color:#eef1f7; }
.user-content .table tbody tr{ transition:background .15s; }
.user-content .table tbody tr:hover{ background:#f8faff; }

/* ---------- 后台（微调，不破坏布局） ---------- */
.admin-sidebar a{ transition:background .15s, color .15s; }

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .up-entries{ grid-template-columns:1fr 1fr; }
  .up-hero{ padding:34px 28px 30px; }
  .up-hero h1{ font-size:26px; }
}
@media (max-width:768px){
  .up-hero{ padding:26px 18px; border-radius:14px; }
  .up-hero h1{ font-size:21px; }
  .up-hero-form{ flex-direction:column; gap:8px; background:transparent; box-shadow:none; padding:0; }
  .up-hero-form input{ background:#fff; border-radius:10px; padding:12px 14px; }
  .up-hero-form button{ width:100%; }
  .up-stats{ flex-wrap:wrap; gap:10px 0; }
  .up-stat{ flex:1 1 45%; border-left:none !important; }
  .up-entries{ grid-template-columns:1fr; }
  .user-layout{ display:block; }
  .user-sidebar{ width:auto; flex:none; position:static; max-height:none; margin-bottom:16px; }
  .up-me-hero{ flex-wrap:wrap; padding:20px; }
  .up-me-hero .up-me-tags{ margin-left:0; width:100%; }
}

/* ============================================================
   v4 · 首页焕新层（叠加于上方，可整段回滚）
   ------------------------------------------------------------
   内容：内联 SVG 图标基类 / Hero 增强（眉题、信任徽章、
   流光装饰）/ 榜单入口图标着色 / 面板标题图标 / 冷启动
   兜底（零值统计隐藏后的文案位）。
   ============================================================ */

/* ---------- 内联 SVG 线性图标统一风格 ---------- */
.up-ico{
  width:1em; height:1em; display:inline-block; vertical-align:-0.14em;
  fill:none; stroke:currentColor; stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round; flex-shrink:0;
}

/* ---------- Hero 增强 ---------- */
.up-hero{
  padding:56px 52px 44px;
  background:
    radial-gradient(680px 340px at 88% -10%, rgba(59,130,246,.38), transparent 70%),
    radial-gradient(520px 300px at -6% 108%, rgba(37,99,235,.30), transparent 70%),
    linear-gradient(122deg,var(--up-navy-900) 0%,var(--up-navy-800) 42%,var(--up-navy-700) 78%,#1e4fd8 100%);
}
.up-hero::before{ content:""; width:520px; height:520px; right:-140px; top:-220px;
  background:conic-gradient(from 210deg at 50% 50%, rgba(96,165,250,.22), transparent 40%, rgba(147,197,253,.16) 60%, transparent 75%); }
.up-hero::after{ content:""; width:340px; height:340px; left:-120px; bottom:-180px;
  background:radial-gradient(circle,rgba(59,130,246,.30),transparent 65%); }
/* 流光扫过 */
.up-hero-shine{
  position:absolute; z-index:1; inset:0; pointer-events:none; overflow:hidden; border-radius:inherit;
}
.up-hero-shine::before{
  content:""; position:absolute; top:-40%; bottom:-40%; width:180px; left:-220px; transform:rotate(16deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);
  animation:upShine 7s ease-in-out 2.2s infinite;
}
@keyframes upShine{ 0%{left:-220px;} 32%{left:112%;} 100%{left:112%;} }
@media (prefers-reduced-motion:reduce){ .up-hero-shine::before{ animation:none; display:none; } }

.up-hero-eyebrow{
  position:relative; z-index:1; display:inline-flex; align-items:center; gap:8px;
  font-size:12.5px; letter-spacing:1.5px; color:rgba(191,219,254,.92);
  border:1px solid rgba(147,197,253,.32); background:rgba(37,99,235,.16);
  padding:5px 14px; border-radius:999px; margin-bottom:16px;
}
.up-hero-eyebrow-dot{
  width:7px; height:7px; border-radius:50%; background:#4ade80;
  box-shadow:0 0 0 3px rgba(74,222,128,.22); animation:upPulse 2.4s ease infinite;
}
@keyframes upPulse{ 0%,100%{ box-shadow:0 0 0 3px rgba(74,222,128,.22);} 50%{ box-shadow:0 0 0 6px rgba(74,222,128,.08);} }
.up-hero h1{ font-size:40px; letter-spacing:.5px; margin-bottom:10px; }
.up-hero p{ font-size:16px; margin-bottom:24px; }
.up-hero-form{ max-width:720px; padding:7px; border-radius:14px; }
.up-hero-form input{ font-size:15.5px; padding:12px 16px 12px 6px; }
.up-hero-search-ico{ align-self:center; width:19px; height:19px; margin-left:12px; color:#94a3b8; }
.up-hero-form button{ padding:13px 38px; font-size:15.5px; letter-spacing:1px; }

/* 信任徽章行：冷启动时替代空洞的 0 值统计 */
.up-hero-trust{
  position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:18px;
}
.up-trust-item{
  display:inline-flex; align-items:center; gap:7px;
  font-size:13px; color:rgba(255,255,255,.82);
}
.up-trust-item .up-ico{ color:#fbbf24; font-size:16px; }

/* 统计条：数字更大更有底气 */
.up-stats{ margin-top:24px; padding:16px 10px; }
.up-stat b{ font-size:26px; background:linear-gradient(180deg,#fff,#bfd6ff);
  -webkit-background-clip:text; background-clip:text; color:transparent; }

/* ---------- 榜单入口：图标着色 + 悬停联动 ---------- */
.rank-entry-item .up-ico{ font-size:24px; stroke-width:1.7; margin-bottom:6px; }
.ri-new  .up-ico{ color:#f59e0b; } .ri-hot  .up-ico{ color:#ef4444; }
.ri-want .up-ico{ color:#f43f5e; } .ri-fav .up-ico{ color:#eab308; }
.ri-fea  .up-ico{ color:#8b5cf6; } .ri-sold .up-ico{ color:#10b981; }
.rank-entry-item{ display:flex; flex-direction:column; align-items:center; gap:0; }
.rank-entry-item:hover .up-ico{ transform:translateY(-2px) scale(1.08); }
.rank-entry-item .up-ico{ transition:transform .2s ease; }

/* ---------- 面板标题图标 ---------- */
.up-title-ico{ color:#94a3b8; font-size:18px; margin-right:2px; }
.i-fire{ color:#ef4444; } .i-new{ color:#f59e0b; }
.i-bell{ color:#8b5cf6; } .i-news{ color:#3b82f6; }

/* ---------- 域名卡片：验证徽章适配 SVG ---------- */
.verify-badge{ display:inline-flex; align-items:center; justify-content:center; }
.verify-badge .up-ico{ font-size:11px; stroke-width:2.6; }

/* ---------- 页脚/页头 emoji 徽标替换为线性 SVG ---------- */
.footer-contact-li .up-ico, .nav-ico{ font-size:15px; color:#94a3b8; }
.footer-contact-li{ color:#94a3b8; }
.footer-contact-li .up-ico{ color:#7d8fa8; }
.sold-ticker-label{ display:inline-flex; align-items:center; gap:6px; }
.sold-ticker-label .up-ico{ font-size:15px; color:#b45309; }
.btn-submit .up-ico{ font-size:15px; vertical-align:-0.16em; margin-right:3px; }

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .up-hero{ padding:40px 30px 34px; }
  .up-hero h1{ font-size:30px; }
}
@media (max-width:768px){
  .up-hero{ padding:30px 18px 26px; }
  .up-hero h1{ font-size:23px; }
  .up-hero p{ font-size:14px; }
  .up-hero-trust{ gap:8px 16px; }
  .up-trust-item{ font-size:12.5px; }
  .up-hero-search-ico{ display:none; }
  .rank-entry-item .up-ico{ font-size:20px; }
}

/* ============================================================
   v5 · 全站移动端适配层（H5 / APP 内置浏览器 375px 验收）
   ------------------------------------------------------------
   目标：任何前台页面在 ≤768px（验收 375px）视口内
   scrollWidth ≤ viewport 宽度，无左右溢出、无右侧空白。
   原则：只做窄屏覆盖，桌面端样式零改动；表格允许在
   自身容器内横滑（这是合规的移动端表格交互）。
   ============================================================ */

/* ---------- 1. 全局兜底：根级禁横向滚动 ---------- */
html, body { overflow-x: hidden; }
html { -webkit-text-size-adjust: 100%; }
body { width: 100%; max-width: 100vw; box-sizing: border-box; position: relative; }
.panel, .container, .card, .up-me-hero, .up-hero, .footer-card,
.modal-box, .detail-modal-box, .auth-card, .auth-wrap {
  box-sizing: border-box;
}

/* ---------- 2. 主容器与面板收窄 ---------- */
.container, .page-head, .panel { max-width: 100%; }
@media (max-width: 768px) {
  .container { padding-left: 14px; padding-right: 14px; }
  .page-head h1 { font-size: 20px; }
  .page-head p { font-size: 13px; }
  .panel { padding: 14px 12px; border-radius: 12px; }
  .panel-title { font-size: 15px; }
  /* 内联样式写成 max-width:N00px 的容器，手机端一律铺满 */
  .container[style*="max-width"] { max-width: 100% !important; padding-left: 14px; padding-right: 14px; }
}

/* ---------- 3. 固定宽度元素：一律可收缩 ---------- */
img, video, iframe, canvas, embed, object { max-width: 100%; }
img { height: auto; }
/* 代码/日志块允许内部横滑而非撑页 */
pre { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: pre; }
code, kbd, samp { word-break: break-all; }
a, span, b, i, em, strong, p, h1, h2, h3, h4, li, td, th, div {
  overflow-wrap: break-word; word-break: break-word;
}
a { word-break: break-all; }

/* ---------- 4. 宽表格：包进可横滑容器 ---------- */
@media (max-width: 768px) {
  .table, .user-content table, .seller-content table, .agent-content table {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .user-content .table { min-width: 0; }
  .table thead, .table tbody { display: table; width: 100%; min-width: 480px; }
  .seller-content table thead, .seller-content table tbody,
  .agent-content table thead, .agent-content table tbody { display: table; width: 100%; min-width: 420px; }
  /* td 内容不再截断省略，改为可断行，避免撑宽 */
  .table .cell-ellipsis { max-width: none; white-space: normal; word-break: break-all; }
  .user-content .table td { max-width: none; white-space: normal; }
  .table td, .table th { word-break: break-all; }
  .ds-table-wrap, .table-wrap, .aapi-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* ---------- 5. 表单：label 上下堆叠、控件铺满 ---------- */
@media (max-width: 768px) {
  .idc-search { flex-direction: column; align-items: stretch; }
  .idc-search > * { width: 100% !important; min-width: 0 !important; }
  .idc-form-row > label { display: block; width: auto; min-width: 0; margin-bottom: 6px; }
  .idc-form-row .form-input, .idc-form-row select, .idc-form-row input, .idc-form-row textarea {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box;
  }
  /* 通用筛选/工具条 flex 行塌成纵向堆叠 */
  .form-row, .filter-bar, .search-bar, .toolbar { display: flex; flex-direction: column; gap: 8px; }
  .form-row > *, .filter-bar > *, .search-bar > *, .toolbar > * { width: 100%; min-width: 0; }
  input[type="text"], input[type="number"], input[type="email"],
  input[type="password"], input[type="search"], input[type="tel"], input[type="url"],
  select, textarea { max-width: 100%; box-sizing: border-box; }
  /* 内联写死 width:N00px 的输入框：手机端一律铺满 */
  input[style*="width"], select[style*="width"], textarea[style*="width"] {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box;
  }
  input[style*="min-width"], select[style*="min-width"] { min-width: 0 !important; }
}

/* ---------- 6. 按钮与操作区 ---------- */
@media (max-width: 768px) {
  .btn { max-width: 100%; box-sizing: border-box; }
  .detail-btns { display: flex; }
  .detail-btns .btn { flex: 1 1 auto; min-width: 0; }
  .btn-block, .auth-card .btn-submit, .idc-form-row .btn-submit { width: 100%; }
}

/* ---------- 7. 网格布局塌成单列 ---------- */
@media (max-width: 768px) {
  .stat-grid { grid-template-columns: repeat(2, 1fr); }
  .info-row { grid-template-columns: 1fr 1fr; gap: 8px; }
  .error-recommend, .tut-layout { grid-template-columns: 1fr; }
  /* 内联 grid 窄屏统一两列网格（同类信息卡片化，不搞单列长串） */
  [style*="grid-template-columns"] { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  /* 三列以上的小徽章网格保持紧凑 */
  [style*="repeat(auto-fit,minmax(140px"], [style*="repeat(auto-fill,minmax(140px"] { grid-template-columns: repeat(3, 1fr) !important; }
  /* flex 行内子项允许换行收缩 */
  [style*="display:flex"], [style*="display: flex"] { flex-wrap: wrap; }
  [style*="display:flex"] > *, [style*="display: flex"] > * { min-width: 0; max-width: 100%; }
}

/* ---------- 8. 弹窗 / 模态 ---------- */
@media (max-width: 768px) {
  .modal-box, .detail-modal-box {
    width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important;
    margin: 8vh auto; box-sizing: border-box;
  }
  .modal-box .form-input, .modal-box input, .modal-box select, .modal-box textarea {
    width: 100%; box-sizing: border-box;
  }
}

/* ---------- 9. 字号 / 间距收紧 ---------- */
@media (max-width: 768px) {
  body { font-size: 14px; }
  h1 { font-size: 22px; } h2 { font-size: 18px; } h3 { font-size: 16px; }
  .auth-wrap { padding: 0 12px; }
  .footer { padding: 18px 14px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-card { min-width: 0 !important; }
  .footer-card[style*="min-width"] { min-width: 0 !important; }
}

/* ---------- 10. 页面级横向滚动兜底 ---------- */
@media (max-width: 768px) {
  main.container, .main-content, .user-content, .seller-content {
    width: 100%; max-width: 100%; overflow-x: hidden;
  }
  .user-content *, .panel * { min-width: 0; }
  /* 内联固定宽度的块（如二维码等）可收缩 */
  div[style*="width"] { max-width: 100%; box-sizing: border-box; }
}

/* ---------- 11. 域名详情页专项（健康检测面板 / 议价弹窗） ---------- */
@media (max-width: 768px) {
  .detail-domain { font-size: 20px; word-break: break-all; }
  .detail-price { font-size: 20px; }
  .health-panel, #healthPanel { display: block; }
  .health-panel [class*="grid"], #healthPanel [class*="grid"] { grid-template-columns: 1fr 1fr; }
}

/* ============================================================
   v6 · 手机端版式设计层（375px 审美规范）
   规范：①同类信息两列/三列网格卡片 ②操作按钮横向等宽
   ③列表卡片化 ④字号层级拉开 ⑤品牌深蓝金点缀
   ⑥底部主操作满宽吸底。禁止"一长串单列 / 堆叠无留白"。
   ============================================================ */
@media (max-width: 768px) {
  :root { --m-navy:#1d4ed8; --m-navy-deep:#172e6e; --m-gold:#f59e0b; }

  /* ---- 字号层级拉开 ---- */
  .page-head { margin: 18px 0 14px; padding: 0 2px; }
  .page-head h1 { font-size: 22px; font-weight: 800; letter-spacing: .3px; }
  .page-head p { font-size: 12.5px; color: #94a3b8; margin-top: 4px; }
  .panel-title { font-size: 15.5px; font-weight: 700; display: flex; align-items: center; gap: 6px; }
  .panel-title::before { content: ""; width: 3px; height: 14px; border-radius: 2px;
    background: linear-gradient(180deg, var(--m-navy), var(--m-gold)); flex: none; }

  /* ---- 面板卡片化：圆角 + 留白 + 柔和描边 ---- */
  .panel { background: #fff; border: 1px solid #eef2f9; box-shadow: 0 2px 10px rgba(23,46,110,.05);
    padding: 16px 14px; margin-bottom: 14px; border-radius: 14px; }
  .panel + .panel { margin-top: 0; }

  /* ---- 列表项卡片化（表格式列表在手机端降级为卡片流） ---- */
  .table tbody tr { display: block; background: #fff; border: 1px solid #eef2f9; border-radius: 12px;
    padding: 10px 12px; margin-bottom: 10px; box-shadow: 0 1px 4px rgba(23,46,110,.04); }
  .table thead { display: none; }
  .table tbody { display: block !important; min-width: 0 !important; }
  .table td { display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
    padding: 4px 0; border: none; text-align: left; }
  .table td::before { content: attr(data-label); color: #94a3b8; font-size: 12px; flex: none; }
  .table td:first-child { font-weight: 600; }
  .table td:first-child::before { display: none; }
  /* 无 data-label 时退化为纯内容块 */
  .table td:not([data-label])::before { content: none; }

  /* ---- 操作按钮横向等宽（2-3 个一排） ---- */
  .detail-btns { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .detail-btns .btn, .act-btn { width: 100%; text-align: center; margin: 0; }
  .panel .form-actions, .form-actions { display: flex; gap: 10px; }
  .form-actions .btn { flex: 1 1 0; min-width: 0; }
  .panel > .btn, .idc-form-row .btn-submit { width: 100%; padding: 12px 16px; font-size: 15px; }

  /* ---- 底部主操作吸底满宽（详情/交易/订单类页面） ---- */
  .detail-actions, .detail-btns:last-of-type {
    position: sticky; bottom: 0; z-index: 30;
    background: linear-gradient(180deg, rgba(255,255,255,0), #fff 26%);
    padding: 10px 0 calc(10px + env(safe-area-inset-bottom, 0px)); margin: 0 -14px;
    padding-left: 14px; padding-right: 14px;
  }
  .detail-actions .btn, .detail-btns:last-of-type .btn { box-shadow: 0 4px 14px rgba(29,78,216,.28); }

  /* ---- 信息区两列网格（详情页字段、检测结果徽章） ---- */
  .info-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .info-row > * { background: #f8fafc; border: 1px solid #eef2f9; border-radius: 10px; padding: 10px 12px; }
  .info-row .info-label, .info-row b:first-child { display: block; font-size: 11.5px; color: #94a3b8; margin-bottom: 2px; }
  [class*="result"] > *, [class*="metric"] > *, .tool-result > * {
    background: #fff; border: 1px solid #eef2f9; border-radius: 12px; padding: 12px; }

  /* ---- 工具卡片：横向布局（图标左、文字右），两列网格不留右侧空白 ---- */
  .tool-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px; }
  .panel .idc-tool-card, a.idc-tool-card.idc-tool-card { display: flex !important; flex-direction: row !important; align-items: center; gap: 9px; text-align: left;
    border: 1px solid #eef2f9; border-radius: 12px; background: #fff !important;
    padding: 12px 12px; box-shadow: 0 1px 4px rgba(23,46,110,.04); }
  .panel .idc-tool-card span:first-child { font-size: 22px; flex: none; }
  .panel .idc-tool-card b { display: block; font-size: 13.5px; color: #1e293b; line-height: 1.3; }
  .panel .idc-tool-card i { display: block; font-style: normal; font-size: 11px; color: #94a3b8; }
  .idc-tool-card:active { background: #f1f5ff; }

  /* ---- 品牌点缀：数字/价格用金色、关键标题深蓝 ---- */
  .detail-price, .up-stat b, .sold-amount { color: var(--m-gold) !important;
    -webkit-text-fill-color: var(--m-gold); }
  .stat-value { color: var(--m-navy); }

  /* ---- 堆叠间距节奏：禁"垒成一堆" ---- */
  .panel > * + * { margin-top: 10px; }
  form .idc-form-row + .idc-form-row, .form-row + .form-row { margin-top: 12px; }
  .idc-form-row > label { font-size: 13px; color: #475569; font-weight: 600; }

  /* ---- 筛选/工具条堆叠后保持呼吸感 ---- */
  .filter-bar, .search-bar, .toolbar, .idc-search { gap: 10px; }

  /* ---- 头部导航：横滑不裁切（「商城」被切修复） ---- */
  .header .container { padding-left: 12px; padding-right: 12px; }
  .header .logo { flex: none; }
  .header .nav { margin-left: 6px; padding-right: 12px; padding-left: 4px; }
  .header .nav a { padding-right: 4px; }

  /* ---- 工具卡：改为上图下文（窄列下横排文字放不下，纵向更稳） ---- */
  .panel .idc-tool-card, a.idc-tool-card.idc-tool-card { display: flex !important; flex-direction: column !important; align-items: flex-start; gap: 3px; text-align: left;
    border: 1px solid #eef2f9; border-radius: 12px; background: #fff !important;
    padding: 12px 12px; box-shadow: 0 1px 4px rgba(23,46,110,.04); }
  .panel .idc-tool-card span:first-child { font-size: 22px; flex: none; line-height: 1.2; }
  .panel .idc-tool-card b { display: block; font-size: 13.5px; color: #1e293b; line-height: 1.3; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
  .panel .idc-tool-card i { display: block; font-style: normal; font-size: 11px; color: #94a3b8; }
}