/* =========================================================
   DUNS 查询站 · 统一设计系统
   浅色主题：长文可读性 + AdSense 融合度 + B2B 信任感
   ========================================================= */

:root{
  /* 色彩 —— 以「可信的商务蓝」为主色，不用原方案的高饱和青色 */
  --bg:#ffffff;
  --bg-soft:#f6f8fa;
  --bg-tint:#eef4fb;
  --panel:#ffffff;
  --line:#e3e8ef;
  --line-strong:#cbd5e1;
  --fg:#111a24;
  --fg-soft:#3d4c5c;
  --muted:#66788a;
  --accent:#0b62c4;
  --accent-dark:#084e9e;
  --accent-soft:#e8f1fc;
  --ok:#12734a;
  --ok-soft:#e6f4ec;
  --warn:#8a5a06;
  --warn-soft:#fdf3e0;
  --err:#b3282c;
  --err-soft:#fdecec;

  /* 排版 */
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* 尺度 */
  --r-sm:8px; --r-md:12px; --r-lg:16px;
  --max-narrow:760px;
  --max-wide:980px;
  --shadow-sm:0 1px 2px rgba(16,32,48,.06);
  --shadow-md:0 4px 16px rgba(16,32,48,.08);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--fg);
  font:16px/1.75 var(--sans);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}

/* ---------- 布局 ---------- */
.wrap{max-width:var(--max-wide);margin:0 auto;padding:0 20px}
.narrow{max-width:var(--max-narrow)}

/* ---------- 顶部导航 ---------- */
.nav{border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);
  backdrop-filter:saturate(180%) blur(8px);position:sticky;top:0;z-index:50}
.nav-in{display:flex;align-items:center;gap:24px;height:58px}
.brand{font-weight:700;font-size:16px;color:var(--fg);letter-spacing:-.2px}
.brand span{color:var(--accent)}
.nav a.n{color:var(--fg-soft);font-size:14.5px}
.nav a.n:hover{color:var(--accent);text-decoration:none}
.nav-sp{flex:1}

/* ---------- 页头 ---------- */
.hero{padding:44px 0 8px}
h1{font-size:31px;line-height:1.3;letter-spacing:-.4px;margin:0 0 10px}
.lede{font-size:17px;color:var(--fg-soft);margin:0 0 26px;max-width:62ch}
.breadcrumb{font-size:13px;color:var(--muted);margin:0 0 18px}
.breadcrumb a{color:var(--muted)}
.breadcrumb .sep{margin:0 6px;color:var(--line-strong)}

/* ---------- 标题层级 ---------- */
h2{font-size:22px;margin:38px 0 12px;letter-spacing:-.2px;scroll-margin-top:70px}
h3{font-size:17.5px;margin:26px 0 10px}
h4{font-size:15px;margin:20px 0 8px;color:var(--fg-soft)}
p{margin:0 0 16px}
ul,ol{margin:0 0 18px;padding-left:22px}
li{margin-bottom:7px}
strong{font-weight:650}

/* ---------- 卡片与容器 ---------- */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:22px;box-shadow:var(--shadow-sm)}
.card + .card{margin-top:16px}

/* ---------- 速览 / 提示块 ---------- */
.box{border-radius:var(--r-md);padding:16px 18px;margin:20px 0;font-size:15px}
.box .box-t{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;
  margin:0 0 8px;color:inherit;opacity:.75}
.box p:last-child,.box ul:last-child,.box ol:last-child{margin-bottom:0}
.box-key{background:var(--accent-soft);border-left:4px solid var(--accent);color:#12325e}
.box-note{background:var(--bg-soft);border-left:4px solid var(--line-strong);color:var(--fg-soft)}
.box-warn{background:var(--warn-soft);border-left:4px solid #d99a1c;color:#6d4708}
.box-ok{background:var(--ok-soft);border-left:4px solid var(--ok);color:#0f5c3b}

/* ---------- 表格 ---------- */
.tablewrap{overflow-x:auto;margin:18px 0;border:1px solid var(--line);border-radius:var(--r-md)}
table{width:100%;border-collapse:collapse;font-size:14.5px;background:var(--panel)}
th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--bg-soft);font-weight:650;font-size:13.5px;color:var(--fg-soft);white-space:nowrap}
tbody tr:last-child td{border-bottom:0}
td.num{font-family:var(--mono);white-space:nowrap}

/* ---------- 徽章 ---------- */
.badges{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}
.badge{font-size:12.5px;padding:3px 10px;border-radius:20px;background:var(--bg-soft);
  border:1px solid var(--line);color:var(--muted);font-family:var(--mono)}
.badge.accent{color:var(--accent);border-color:#bcd6f2;background:var(--accent-soft)}
.badge.ok{color:var(--ok);border-color:#bfe0cd;background:var(--ok-soft)}

/* ---------- 搜索区（工具页） ---------- */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:24px;box-shadow:var(--shadow-md)}
.search{display:flex;gap:10px;flex-wrap:wrap}
input[type=text]{flex:1;min-width:240px;background:var(--bg);border:1px solid var(--line-strong);
  color:var(--fg);border-radius:var(--r-sm);padding:13px 15px;font-size:15.5px;outline:none}
input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(11,98,196,.13)}
input[type=text]::placeholder{color:#9aa8b6}
.btn{background:var(--accent);border:0;color:#fff;font-weight:600;font-size:15.5px;
  border-radius:var(--r-sm);padding:13px 28px;cursor:pointer;transition:background .15s}
.btn:hover{background:var(--accent-dark)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.hint{margin-top:14px;font-size:13.5px;color:var(--muted)}
.hint code{background:var(--bg-soft);border:1px solid var(--line);border-radius:6px;
  padding:2px 7px;cursor:pointer;color:var(--accent);font-family:var(--mono)}

/* ---------- 结果区 ---------- */
.rec{margin-top:22px;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.rec-hd{padding:20px 22px 16px;border-bottom:1px solid var(--line);background:var(--accent-soft)}
.rec-hd h2{margin:0 0 3px;font-size:21px;line-height:1.35;scroll-margin-top:0}
.rec-hd .en{color:var(--fg-soft);font-size:13.5px;margin:0 0 12px}
.sec{padding:16px 22px;border-bottom:1px solid var(--line)}
.sec:last-child{border-bottom:0}
.sec-t{margin:0 0 10px;font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;
  color:var(--muted);font-weight:700}
.addr{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-sm);
  padding:12px 14px;margin-bottom:8px}
.addr .t{font-size:11.5px;color:var(--muted);letter-spacing:.6px;margin-bottom:4px}
.chips{display:flex;gap:7px;flex-wrap:wrap}
.chip{font-size:13px;background:var(--bg-soft);border:1px solid var(--line);
  border-radius:7px;padding:4px 10px;color:var(--fg-soft)}
.empty{color:var(--muted);padding:26px 0;text-align:center}
.spin{display:inline-block;width:13px;height:13px;border:2px solid rgba(11,98,196,.25);
  border-top-color:var(--accent);border-radius:50%;animation:sp .7s linear infinite;
  vertical-align:-2px;margin-right:7px}
@keyframes sp{to{transform:rotate(360deg)}}
.note{padding:9px 13px;border-radius:var(--r-sm);margin-bottom:7px;font-size:13.5px;
  background:var(--warn-soft);border-left:3px solid #d99a1c;color:var(--warn)}
.note.ok{background:var(--ok-soft);border-left-color:var(--ok);color:var(--ok)}

/* 关联企业 / 官方入口 / 未公开字段 */
.chip-link{text-decoration:none;display:inline-flex}
.chip-link .chip{cursor:pointer;transition:border-color .15s,background .15s}
.chip-link .chip:hover{border-color:var(--accent);background:var(--accent-soft)}
.chip small{display:block;font-size:11px;color:var(--muted);margin-top:2px;font-weight:400}
.rel-tip{font-size:12.5px;color:var(--muted);margin:8px 0 0}
.official-tip{font-size:13px;color:var(--fg-soft);margin:0;padding:12px 22px;
  border-bottom:1px solid var(--line);background:var(--bg-soft)}
.undisclosed{margin:0;border-bottom:1px solid var(--line)}
.undisclosed summary{cursor:pointer;padding:12px 22px;font-size:13px;color:var(--muted);
  user-select:none}
.undisclosed summary:hover{color:var(--fg-soft)}
.undisclosed[open] summary{border-bottom:1px dashed var(--line)}
.undisclosed .rel-tip{padding:10px 22px 14px;margin:0}
.note.err{background:var(--err-soft);border-left-color:var(--err);color:var(--err)}

/* ---------- 指南目录卡片 ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;margin:26px 0}
.gcard{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:20px;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
.gcard:hover{text-decoration:none;border-color:var(--accent);box-shadow:var(--shadow-md);
  transform:translateY(-2px)}
.gcard h3{margin:0 0 6px;font-size:16.5px;color:var(--fg)}
.gcard p{margin:0;font-size:14px;color:var(--muted);line-height:1.6}
.gcard .tag{display:inline-block;font-size:11.5px;color:var(--accent);background:var(--accent-soft);
  border-radius:5px;padding:2px 8px;margin-bottom:10px}

/* ---------- 相关文章 ---------- */
.related{margin-top:44px;padding-top:22px;border-top:1px solid var(--line)}
.related ul{list-style:none;padding:0}
.related li{margin:0 0 9px}
.related a{font-weight:500}

/* ---------- 页脚 ---------- */
.foot{margin-top:56px;padding:26px 0 44px;border-top:1px solid var(--line);
  color:var(--muted);font-size:13px;line-height:1.7}
.foot a{color:var(--muted)}
.foot .links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:12px}

/* ---------- 实用类 ---------- */
.mono{font-family:var(--mono)}
.num-xl{font-family:var(--mono);letter-spacing:.5px}
.mt0{margin-top:0}.mb0{margin-bottom:0}.mt32{margin-top:32px}.center{text-align:center}

@media (max-width:640px){
  h1{font-size:26px}
  h2{font-size:20px}
  .hero{padding:32px 0 4px}
  .wrap{padding:0 16px}
  .card,.panel{padding:18px}
  .sec{padding:14px 16px}
}
@media (prefers-color-scheme: dark){
  /* 保留系统深色偏好下的最小可用对比，不做完整暗色主题 */
  input[type=text]{background:var(--bg)}
}