/* DNS Resolver 工具特有 (.dns-*) */ .dns-card { padding: 16px 18px; margin-bottom: 14px; } /* 输入行 */
.dns-input-row { display: flex; gap: 8px; margin-bottom: 12px;
}
.dns-input { flex: 1; }
.dns-search-btn { height: 44px !important; padding: 0 22px !important; flex-shrink: 0; } /* 类型选择 */
.dns-type-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 10px 12px; background: var(--yst-bg-subtle); border-radius: 8px; margin-bottom: 10px;
}
.dns-type-label,
.dns-examples-label { font: 500 12px var(--yst-font); color: var(--yst-text-muted); margin-right: 4px;
}
.dns-type-row .type-btn { height: 28px; padding: 0 14px; background: #fff; border: 1px solid var(--yst-border); border-radius: 5px; color: var(--yst-text-2); font: 600 12px/1 var(--yst-font-mono, monospace); cursor: pointer; transition: all .15s; letter-spacing: var(--yst-letter-spacing);
}
.dns-type-row .type-btn:hover { border-color: var(--yst-brand); color: var(--yst-brand);
}
.dns-type-row .type-btn.active { background: var(--yst-brand); border-color: var(--yst-brand); color: #fff; box-shadow: 0 2px 6px rgba(0, 158, 148, 0.25);
} /* 示例 */
.dns-examples { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 10px 12px; margin-bottom: 10px; border: 1px dashed var(--yst-border); border-radius: 6px;
}
.dns-examples .example-tag { height: 26px; padding: 0 10px; background: transparent; border: 1px solid var(--yst-border); border-radius: 999px; color: var(--yst-text-2); font: 500 11px/1 var(--yst-font-mono, monospace); cursor: pointer; transition: all .15s;
}
.dns-examples .example-tag:hover { background: var(--yst-brand-soft); border-color: var(--yst-brand); color: var(--yst-brand);
} .dns-stat-line { display: flex; justify-content: flex-end; margin-top: 6px;
} /* 加载中 */
.dns-loading { display: flex; align-items: center; justify-content: center; gap: 12px; background: var(--yst-bg-card); border: 1px solid var(--yst-border); border-radius: 10px; padding: 24px; margin-bottom: 14px; color: var(--yst-text-muted); font: 13px var(--yst-font);
}
.dns-spinner { width: 22px; height: 22px; border: 3px solid var(--yst-bg-subtle); border-top-color: var(--yst-brand); border-radius: 50%; animation: dns-spin 0.8s linear infinite;
}
@keyframes dns-spin { to { transform: rotate(360deg); } } /* 结果 */
.dns-results-content { display: flex; flex-direction: column; gap: 6px;
}
.dns-results-content .record-item,
.dns-results-content .result-item { background: var(--yst-bg-subtle); border: 1px solid var(--yst-border); border-left: 3px solid var(--yst-brand); border-radius: 6px; padding: 10px 12px; display: grid; grid-template-columns: 80px 1fr 80px; gap: 12px; align-items: center; font: 12px/1.5 var(--yst-font-mono, monospace);
}
.dns-results-content .record-type,
.dns-results-content .result-type { background: var(--yst-brand); color: #fff; padding: 2px 8px; border-radius: 4px; font: 700 11px/1.4 var(--yst-font-mono, monospace); text-align: center; text-transform: uppercase; letter-spacing: 1px; width: max-content;
}
.dns-results-content .record-value,
.dns-results-content .result-value { color: var(--yst-text); word-break: break-all;
}
.dns-results-content .record-ttl,
.dns-results-content .result-ttl { color: var(--yst-text-muted); font-size: 11px; text-align: right;
}
.dns-results-content .no-records,
.dns-results-content .empty { text-align: center; color: var(--yst-text-light); font: 13px var(--yst-font); padding: 30px; background: var(--yst-bg-subtle); border: 1px dashed var(--yst-border); border-radius: 8px;
} /* 历史 */
.dns-mini-btn { height: 26px !important; padding: 0 12px !important; font-size: 11px !important; }
.dns-history-list { display: flex; flex-direction: column; gap: 6px; max-height: 320px; overflow-y: auto;
}
.dns-history-list .history-item { background: var(--yst-bg-subtle); border: 1px solid var(--yst-border); border-radius: 6px; padding: 10px 12px; cursor: pointer; transition: all .15s; font: 12px/1.5 var(--yst-font-mono, monospace); color: var(--yst-text-2); display: flex; justify-content: space-between; align-items: center; gap: 8px;
}
.dns-history-list .history-item:hover { background: var(--yst-brand-soft); border-color: var(--yst-brand); color: var(--yst-text);
}
.dns-history-list .history-domain { font-weight: 600; }
.dns-history-list .history-meta { color: var(--yst-text-muted); font-size: 11px;
} /* 移动端 */
@media (max-width: 768px) { .dns-input-row { flex-direction: column; } .dns-search-btn { width: 100%; } .dns-results-content .record-item, .dns-results-content .result-item { grid-template-columns: 1fr; gap: 6px; } .dns-results-content .record-ttl, .dns-results-content .result-ttl { text-align: left; }
}