/* ICP 批量备案查询 —— 站内统一在 tool/txt.css 之上做的特化样式
 * 复用：.module / .mod-tool-hd / .mod-tool-txt / .panel / .btn / .mod-tool-nav / .mod-tool-features / .mod-article
 * 特化：表头 stat 中差额、结果表格、充值弹窗
 */

/* 充值按钮右侧积分提示 */
.mod-tool-icp .panel-ft .stat{font-size:12px;color:#888;margin-left:10px;}
.mod-tool-icp .panel-ft .stat b{color:#2ca1fc;font-weight:700;margin:0 2px;}
.mod-tool-icp .panel-ft .stat .short{color:#e0584b;font-weight:700;}

/* 单 panel 铺满（覆盖 .mod-tool-txt 的双列 grid） */
.mod-tool-icp > .bd{grid-template-columns:1fr;}

/* textarea 自适应宽度 + 自适应高度 */
.mod-tool-icp .ta{width:100%;min-height:120px;max-height:60vh;resize:vertical;box-sizing:border-box;overflow:auto;}

/* 结果模块 */
.mod-tool-icp-result .hd{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid #ececec;}
.mod-tool-icp-result .hd .title{position:relative;display:inline-block;font-size:16px;font-weight:700;line-height:22px;margin:0;flex:0 0 auto;}
.mod-tool-icp-result .hd .title:before{content:"";display:inline-block;width:4px;height:16px;margin:-2px 10px 0 0;background:#2ca1fc;vertical-align:middle;border-radius:3px;}
.mod-tool-icp-result .hd .meta{flex:1;font-size:12px;color:#888;}
.mod-tool-icp-result .hd .meta b{color:#2ca1fc;font-weight:700;margin:0 2px;}
.mod-tool-icp-result .hd .actions{display:flex;gap:6px;}
.mod-tool-icp-result .bd{padding:0;overflow-x:auto;}

/* 结果模块按钮（复刻 .mod-tool-txt 同款风格） */
.mod-tool-icp-result .btn,.recharge-dialog .btn{height:32px;padding:0 14px;background:#fff;border:1px solid #d6d9de;border-radius:4px;line-height:30px;font-size:13px;color:#333;cursor:pointer;outline:none;-webkit-appearance:none;transition:background .15s,border-color .15s,color .15s;}
.mod-tool-icp-result .btn:hover,.recharge-dialog .btn:hover{background:#f4f6fa;border-color:#b9bec6;}
.mod-tool-icp-result .btn:active,.recharge-dialog .btn:active{background:#ecf0f5;}
.mod-tool-icp-result .btn[disabled],.recharge-dialog .btn[disabled]{opacity:.5;cursor:not-allowed;}
.mod-tool-icp-result .btn-primary,.recharge-dialog .btn-primary{background:#2ca1fc;border-color:#2ca1fc;color:#fff;}
.mod-tool-icp-result .btn-primary:hover,.recharge-dialog .btn-primary:hover{background:#1f8de4;border-color:#1f8de4;}

/* 结果表格 */
.icp-table{width:100%;border-collapse:collapse;font-size:13px;}
.icp-table thead th{padding:10px 8px;background:#f5f7fa;color:#333;font-weight:600;text-align:left;white-space:nowrap;border-bottom:1px solid #ececec;font-size:12px;}
.icp-table tbody td{padding:8px;color:#444;border-bottom:1px solid #f0f0f0;vertical-align:middle;word-break:break-all;}
.icp-table tbody tr:hover td{background:#fbfcfe;}
.icp-table tbody tr:last-child td{border-bottom:none;}
.icp-table td a{color:#0081c2;text-decoration:none;}
.icp-table td a:hover{text-decoration:underline;}
.status-ok{color:#21c379;font-weight:600;}
.status-no{color:#e0584b;font-weight:600;}
.status-na{color:#FF9800;font-weight:600;}
.status-err{color:#999;font-style:italic;}

/* 当前未备案 但 历史曾备案：相关字段灰色 + 划线，便于一眼区分 */
.icp-table tbody td.history-only{color:#999;text-decoration:line-through;}
.icp-table tbody td.history-only a{color:#999;}

/* 复选框列 */
.icp-table .col-check{width:32px;text-align:center;}
.icp-table .col-check input{margin:0;cursor:pointer;}

/* 操作列：更新按钮 */
.icp-table .cell-action{text-align:center;white-space:nowrap;}
.icp-table .cell-action .cell-muted{color:#bbb;}
.icp-table .btn-update{padding:3px 10px;height:24px;line-height:18px;border:1px solid #2ca1fc;background:#fff;color:#2ca1fc;border-radius:3px;font-size:12px;cursor:pointer;}
.icp-table .btn-update:hover{background:#2ca1fc;color:#fff;}
.icp-table .btn-update:disabled{opacity:.5;cursor:not-allowed;}
.icp-table .btn-update-free{border-color:#21c379;color:#21c379;}
.icp-table .btn-update-free:hover{background:#21c379;color:#fff;}
.icp-table .btn-update-paid{border-color:#FF9800;color:#FF9800;}
.icp-table .btn-update-paid:hover{background:#FF9800;color:#fff;}

/* 特点三栏（窄屏自适应） */
.mod-tool-features .features-2col{grid-template-columns:repeat(3,1fr);}
@media screen and (max-width: 1024px){
    .mod-tool-features .features-2col{grid-template-columns:repeat(2,1fr);}
}
@media screen and (max-width: 640px){
    .mod-tool-features .features-2col{grid-template-columns:1fr;}
}

/* 结果筛选条 + 操作按钮（同一行） */
.mod-tool-icp-result .bd-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 18px;background:#fafbff;border-bottom:1px solid #ececec;font-size:13px;}
.mod-tool-icp-result .bd-filters label{color:#333;display:inline-flex;align-items:center;gap:6px;}
.mod-tool-icp-result .bd-filters select{padding:5px 8px;border:1px solid #d6d9de;border-radius:4px;font-size:13px;background:#fff;min-width:120px;}
.mod-tool-icp-result .bd-filters select:focus{outline:none;border-color:#2ca1fc;}
.mod-tool-icp-result .bd-filters .spacer{flex:1;}

/* 表头排序 */
.icp-table thead th[data-sort]{cursor:pointer;user-select:none;position:relative;padding-right:22px;}
.icp-table thead th[data-sort]:hover{color:#2ca1fc;}
.icp-table thead th[data-sort]::after{content:"";position:absolute;right:8px;top:50%;width:0;height:0;margin-top:-7px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #ccc;opacity:.6;}
.icp-table thead th[data-sort]::before{content:"";position:absolute;right:8px;top:50%;margin-top:2px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #ccc;opacity:.6;}
.icp-table thead th.sort-asc::after{border-bottom-color:#2ca1fc;opacity:1;}
.icp-table thead th.sort-asc::before{opacity:.3;}
.icp-table thead th.sort-desc::before{border-top-color:#2ca1fc;opacity:1;}
.icp-table thead th.sort-desc::after{opacity:.3;}

/* 充值弹窗 */
.recharge-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:none;align-items:center;justify-content:center;z-index:9999;}
.recharge-mask.show{display:flex;}
.recharge-dialog{background:#fff;border-radius:8px;padding:22px;width:380px;max-width:90vw;box-shadow:0 10px 40px rgba(0,0,0,.2);}
.recharge-dialog h3{margin:0 0 14px;font-size:16px;color:#222;border-bottom:2px solid #2ca1fc;padding-bottom:8px;line-height:24px;}
.recharge-row{display:flex;gap:10px;align-items:center;margin:10px 0;font-size:13px;}
.recharge-row > label{min-width:64px;color:#555;}
.recharge-row input[type="number"]{flex:1;padding:7px 10px;border:1px solid #d6d9de;border-radius:4px;font-size:13px;background:#fff;}
.recharge-row input[type="number"]:focus{outline:none;border-color:#2ca1fc;}
.recharge-row .pay-radios{flex:1;display:flex;gap:14px;}
.recharge-row .pay-radios label{display:inline-flex;align-items:center;gap:4px;min-width:0;cursor:pointer;font-size:13px;color:#333;}
.recharge-row .pay-radios input{margin:0;flex:0 0 auto;}
.recharge-tip{color:#FF9800;font-size:12px;margin:6px 0;}
.recharge-actions{margin-top:14px;display:flex;gap:8px;justify-content:flex-end;}
.recharge-status{margin-top:12px;padding:10px;background:#f5f7fa;border-radius:4px;font-size:13px;color:#555;display:none;}
.recharge-status.show{display:block;}
.recharge-status a{color:#0081c2;}
.recharge-status code{padding:1px 5px;background:#fff;border:1px solid #ececec;border-radius:3px;font-family:ui-monospace,monospace;}

/* 二维码区 */
.recharge-qr{margin-top:12px;text-align:center;padding:14px;border:1px dashed #d0d6e8;border-radius:6px;background:#fafbff;}
.recharge-qr .qr-title{font-size:13px;color:#333;margin-bottom:10px;}
.recharge-qr .qr-title b{color:#e0584b;}
.recharge-qr .qr-canvas{display:inline-block;padding:6px;background:#fff;border:1px solid #ececec;border-radius:4px;}
.recharge-qr .qr-canvas widget-qrcode{display:block;width:200px;height:200px;}
.recharge-qr .qr-canvas widget-qrcode svg,.recharge-qr .qr-canvas widget-qrcode canvas,.recharge-qr .qr-canvas widget-qrcode img{display:block;width:100%;height:100%;}
.recharge-qr .qr-sn{margin-top:10px;font-size:12px;color:#888;}
.recharge-qr .qr-sn code{padding:1px 6px;background:#eef0f6;border-radius:3px;color:#333;font-family:ui-monospace,monospace;}

/* 顶部输入按钮区提示文本（覆盖默认 msg 颜色） */
.mod-tool-icp .panel-ft .msg{margin-left:auto;font-size:12px;color:#888;}

/* 进度条数字标蓝 */
.mod-tool-icp .progress-bar .progress-text b{color:#2ca1fc;margin:0 2px;}

@media screen and (max-width: 800px){
    .mod-tool-icp-result .hd{flex-wrap:wrap;}
    .mod-tool-icp-result .hd .actions{margin-left:auto;}
    .icp-table thead th,.icp-table tbody td{padding:6px 4px;font-size:12px;}
    .recharge-dialog{padding:16px;}
}