/* 小轩IP检测 - 品牌与页面补充样式 */
nav.site .logo{letter-spacing:.01em}
nav.site .logo span{white-space:nowrap}
.logo-mark{color:var(--text)}

/* 工具下拉的箭头 */
.nav-drop-btn .caret{flex:none;margin-left:1px;opacity:.55;transition:transform .22s var(--ease-out),opacity .22s ease}
.nav-dropdown.open .nav-drop-btn .caret{transform:rotate(180deg);opacity:1}

/* 点击开合，避免鼠标悬停让菜单和箭头卡在展开状态 */
@media(hover:hover){
  .nav-dropdown:hover .nav-drop-menu{visibility:hidden;opacity:0;pointer-events:none}
  .nav-dropdown.open .nav-drop-menu{visibility:visible;opacity:1;pointer-events:auto}
}

/* 域名解析折叠项的箭头 */
.acc-chevron svg{display:block}
.acc-head[aria-expanded=true] .acc-chevron{transform:rotate(180deg)}

/* 搜索结果卡片 */
#geoip-result:empty,#whois-result:empty,#domain-result:empty,#azenv-rows:empty{display:none}
#geoip-result>.card,#whois-result>.card,#domain-result>.card{margin-top:24px}
#geoip-result>.card:first-child,#whois-result>.card:first-child,#domain-result>.card:first-child{margin-top:24px}
#geoip-result .card-head h2,#whois-result .card-head h2,#domain-result .card-head h2{overflow-wrap:anywhere}
#whois-result .whois-raw{max-height:none}
.card-head .head-tools{display:flex;align-items:center;gap:16px;flex-shrink:0}
.card-head .head-tools .status{white-space:nowrap}

/* 值内换行（状态、NS 服务器等） */
.val{white-space:pre-line}
.row .val.mono{white-space:pre-wrap}

/* 结果提示与错误 */
.result-note{padding:4px 24px 16px;margin:0;color:var(--lbl);font-size:14px;line-height:1.7}
.result-error{margin:0;color:var(--bad);font-size:14px;line-height:1.7}
.error-card .card-head h2{font-size:16px}
.card-empty{padding:18px 24px;color:var(--lbl);font-size:14px;line-height:1.7}
.loading-body{padding:4px 0}
.loading-row{display:grid;grid-template-columns:200px 1fr;align-items:center;min-height:48px;padding:6px 24px;column-gap:16px}
.loading-row+.loading-row{border-top:1px solid var(--hair)}
.skeleton{display:block;height:11px;border-radius:6px;background:var(--hair);animation:skeleton-pulse 1.2s ease-in-out infinite}
.skeleton.lbl-sk{width:96px}
.skeleton.val-sk{width:58%}
.skeleton.val-sk.short{width:34%}
@keyframes skeleton-pulse{50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}

@media(max-width:768px){
  .loading-row{grid-template-columns:1fr;row-gap:6px;padding:10px 24px}
}