/* ==========================================================================
   VPNWI · iplookup.css
   IP 检测页专属样式：结果卡、字段行、解读卡、DNS 自查排版、隐私卡。
   全部取值引用 base.css 的 :root 设计令牌，不新增硬编码颜色。
   ========================================================================== */

/* ---------------- 页头 ---------------- */
.lookup-head{max-width:820px;}
.lookup-lead{
  margin-top:14px;
  font-size:15.5px;line-height:1.8;color:var(--text-muted);
}

/* ---------------- 主体两列 ---------------- */
.lookup-grid{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  gap:22px;align-items:start;
  margin-top:32px;
}
.lookup-side{display:flex;flex-direction:column;gap:16px;min-width:0;}

/* ---------------- 结果卡 ---------------- */
.lookup-card{overflow:hidden;min-width:0;}
.lookup-bar{
  display:flex;align-items:center;gap:12px;
  padding:12px 20px;
  background:var(--bg-bar);
  border-bottom:1px solid var(--border-soft);
}
.lookup-live{
  display:inline-flex;align-items:center;gap:9px;
  font-size:12.5px;font-weight:600;color:var(--text);
}
.lookup-time{
  margin-left:auto;white-space:nowrap;
  font-size:11px;color:var(--text-faint);
}
.lookup-body{padding:20px 22px 22px;}
.lookup-rows{display:flex;flex-direction:column;}
.lookup-row{
  display:flex;align-items:baseline;gap:18px;
  padding:13px 0;
  border-bottom:1px solid var(--border-soft);
}
.lookup-row:last-child{border-bottom:0;}
.lookup-row dt{flex:none;width:104px;font-size:12.5px;color:var(--text-faint);}
.lookup-row dd{
  flex:1;min-width:0;margin:0;text-align:right;
  overflow-wrap:anywhere;
}
.lookup-val{font-size:14.5px;color:var(--text);}
.lookup-val[data-state="loading"]{color:var(--text-faint);}
.lookup-val[data-state="fail"]{color:var(--warn);}
.lookup-val[data-state="warn"]{color:var(--warn);}
.lookup-ip{font-size:16px;font-weight:600;letter-spacing:-.01em;}
.lookup-actions{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin-top:20px;
}
.lookup-actions .btn{flex-shrink:0;white-space:nowrap;}
.lookup-status{
  margin-top:14px;
  font-size:12.5px;line-height:1.7;color:var(--text-faint);
  overflow-wrap:anywhere;
}
.lookup-status[data-state="ok"]{color:var(--text-muted);}
.lookup-status[data-state="fail"]{color:var(--warn);}

/* 复制兜底用的临时输入框（不可见、不参与布局） */
.lookup-copy-helper{
  position:fixed;left:-9999px;top:0;
  opacity:0;pointer-events:none;
}

/* ---------------- 侧栏小卡 ---------------- */
.lookup-note{padding:20px 22px;min-width:0;}
.lookup-note-title{
  margin:0 0 12px;
  font-size:15px;font-weight:700;letter-spacing:-.01em;
}
.lookup-note-list{display:flex;flex-direction:column;gap:10px;}
.lookup-note-list li{
  display:flex;gap:9px;
  font-size:13.5px;line-height:1.7;color:var(--text-muted);
}
.lookup-note-list svg{width:14px;height:14px;flex:none;margin-top:4px;color:var(--accent);}
.lookup-links{display:flex;flex-direction:column;}
.lookup-links a{
  display:inline-flex;align-items:center;gap:8px;
  min-height:36px;
  font-size:13.5px;font-weight:500;color:var(--text);
}
.lookup-links a:hover{color:var(--accent);}
.lookup-links svg{width:13px;height:13px;flex:none;color:var(--text-faint);}

/* ---------------- 字段解读 ---------------- */
.explain-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;margin-bottom:18px;
}
.explain-card{
  min-width:0;padding:20px 22px;
  background:var(--bg-panel);
  border:1px solid var(--border-soft);
  border-radius:var(--r-l);
  box-shadow:var(--shadow-1);
}
.explain-card h3{font-size:16.5px;}
.explain-card p{
  margin-top:9px;
  font-size:14px;line-height:1.8;color:var(--text-muted);
}

/* ---------------- DNS 自查 ---------------- */
.dns-prose{max-width:840px;}
.dns-table-wrap{margin-top:26px;}

/* ---------------- 隐私卡 ---------------- */
.privacy-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(248px,1fr));
  gap:16px;
}
.privacy-card{padding:20px 22px;min-width:0;}
.privacy-card h3{font-size:16px;}
.privacy-card p{
  margin-top:9px;
  font-size:13.5px;line-height:1.8;color:var(--text-muted);
}
.privacy-more{
  margin-top:18px;
  font-size:13.5px;color:var(--text-muted);
}
.privacy-more a,
.faq-more a{
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:3px;
}
.faq-more{
  margin-top:16px;
  font-size:13.5px;color:var(--text-muted);
}

/* ---------------- 响应式 ---------------- */
@media (max-width:960px){
  .lookup-grid{grid-template-columns:1fr;gap:18px;margin-top:26px;}
}
@media (max-width:760px){
  .explain-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .lookup-bar{padding:11px 16px;}
  .lookup-body{padding:16px 16px 18px;}
  .lookup-row{flex-direction:column;align-items:flex-start;gap:6px;}
  .lookup-row dt{width:auto;}
  .lookup-row dd{text-align:left;}
  .lookup-actions{flex-direction:column;align-items:stretch;}
  .lookup-actions .btn{width:100%;}
  .lookup-note{padding:18px 16px;}
  .explain-card{padding:18px 16px;}
  .privacy-card{padding:18px 16px;}
}