/*
 * 小工具页（tool/*.php）共用样式。
 * 原先这些规则以 <style> 内联散落在各页面里：仅 .write-address 一条就重复了 10 次，
 * 加上 .cell / #whois-intro / #zcdm / .bntw 共约 3.5KB 重复代码，这里收成一份。
 *
 * 与同名外部文件的关系（有意保留差异，不是遗漏）：
 *   - domain/style.css 也有一份 .write-address（声明完全相同）和 .fz-item，
 *     但它的 .fz-item textarea 是「宽 100%、无边框、不可缩放」，本文件是「宽 90%、带上下边距」，
 *     两套视觉各有用途，所以不合并成一份。
 *   - home/style/style.css 是后台/控制台样式表，前台工具页拿不到。
 */

/* ---------- 输入区 ---------- */
.write-address {
    width: 100%;
    min-height: 300px;
    padding: 10px;
    font-size: 14px;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 100%;
    background: #FAFAFA;
}
/* 批量备案查询的输入框比其它工具矮一格 */
.write-address-sm {
    min-height: 200px;
}

/* ---------- 按钮行 ---------- */
/* 作为容器（encode）或直接挂在按钮上（wxzh/wxcx）两种用法都有，视觉需求一致 */
.bntw {
    margin-top: 30px;
    float: right;
}
/* 按钮自带四边留白的两处页面 */
.bntw-inset {
    margin: 30px;
}
.bntw-tight {
    margin: 20px;
}

/* ---------- 结果区 ---------- */
/* 替代原先 8 个页面各写一遍的 <div id="whois-box" style="display:block;margin-bottom:40px;..."> */
.tool-result {
    display: block;
    margin-bottom: 40px;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.cell {
    width: 100%;
    float: left;
}
/* 批量检测的三栏：状态表 / 正常 / 被拦截 */
.cell1 {
    width: 40%;
    float: left;
}
.cell2,
.cell3 {
    width: 30%;
    float: left;
    padding-left: 10px;
    box-sizing: border-box;
}
/* comm.css 的 #whois-intro 只定义了子元素，工具页要它占满一行 */
#whois-intro {
    width: 100%;
}
/* #zcdm 在编码/生成类页面是输出 textarea，在批量检测页是「正常」列表，颜色一致 */
#zcdm,
#zcdm li {
    color: #388E3C;
}
#ljdm li {
    color: #f00;
}

/* ---------- 左右分栏转换页（punycode / resetext / xdecode） ---------- */
.fz-item {
    float: left;
    width: 50%;
}
.fz-item textarea {
    width: 90%;
    min-width: 90%;
    max-width: 90%;
    padding: 10px;
    box-sizing: border-box;
    height: 300px;
    min-height: 300px;
    font-size: 14px;
    margin: 10px 0;
}
.fz-item .tit {
    font-size: 18px;
    color: #2196f3;
}
.fz-box-bottom,
.fz-tit {
    margin: 20px 0;
}
.num span {
    font-size: 16px;
    color: #ff7800;
}

/* ---------- 设置行（generate / randdm / randpsw） ---------- */
.tax .setlist li {
    list-style: none;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
}
.tax .setlist li label,
.tax .setlist li input {
    float: left;
    margin-right: 4px;
}

/* ---------- 随机域名页 ---------- */
.switch-input {
    display: none;
}
.switch-input:checked + .switch-label {
    transition: 0.15s ease-out;
    background: #007bfc;
    color: #fff;
    border-color: #007bfc;
}
.hotwrd a {
    margin-right: 4px;
}
.cell .tips {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    margin-left: 4px;
    color: #FF5722;
}

/* ---------- 批量备案查询的结果状态与提示 ---------- */
.status-normal {
    color: #388E3C;
    font-weight: bold;
}
.status-canceled {
    color: #f44336;
    font-weight: bold;
}
.status-unknown {
    color: #666;
    font-weight: bold;
}
.status-wban {
    color: #ff9800;
    font-weight: bold;
}
.loading {
    text-align: center;
    padding: 20px;
    color: #666;
}
.error-message {
    color: #f44336;
    padding: 10px;
    background: #ffebee;
    border-radius: 4px;
    margin: 10px 0;
}
.success-message {
    color: #388E3C;
    padding: 10px;
    background: #e8f5e8;
    border-radius: 4px;
    margin: 10px 0;
}
/* 批量查询的结果面板：隐藏 + 与上方输入区拉开距离 */
.tool-result-panel {
    display: none;
    margin-top: 50px;
}

/* ---------- 表单控件宽度（替代写在元素上的 style） ---------- */
.tool-field-key {
    width: 310px;
    height: 45px;
}
.tool-field-time {
    width: 140px;
    height: 45px;
}

/* .whoissh .text 会把宽度顶成 80% 并左浮动，按钮行里的独立控件要覆盖回来 */
.bntw .tool-field-key {
    float: none;
    width: 310px;
    height: 45px;
    margin-right: 4px;
    border-radius: 5px;
}

.bntw .tool-field-time {
    float: none;
    width: 140px;
    height: 45px;
    margin-right: 4px;
    border-radius: 5px;
}