/* 工具页通用样式 - 与全站 style_ui.css 配套 */
/* 百度商桥/弹窗拦截（精准选择器，仅命中百度相关容器） */
body>div[id*="shangqiao"],body>div[class*="shangqiao"],
body>div[id*="hm_t"],body>div[id*="tj_push"],body>div[id*="tj_tongji"],
body>div[class*="ebridge"],body>div[id*="BDBridge"],body>div[class*="BDBridge"],
body>div[id*="lxb"],body>div[class*="lxb"],
body>div[id*="kefu"],body>div[class*="kefu"],
body>div[class*="chat-widget"],body>div[class*="customer-service"],
body>div[class*="cp-float"],body>div[class*="float-bar"],
ins#aff-im-root,ins[id*="aff-im"],[id*="aff-im-root"],
.bdbridge-iframe,.shangqiao-widget,.shangqiao-iframe,.online-consult,
#shangqiao-container,#ebridge-container,#BDBridgeContainer,.lxb-container,.webim-container,
iframe[src*="shangqiao"],iframe[src*="ebridge"],iframe[src*="easemob"],
iframe[src*="bcbos.baidu"],iframe[src*="wappass.baidu"],iframe[src*="push.zhidao"],
iframe[src*="hm.baidu.com/hm_t"],iframe[src*="tj_push"],
.embed-hot-issue,.embed-icon[data-v-06873b41]{
  display:none!important;visibility:hidden!important;
  width:0!important;height:0!important;overflow:hidden!important;
  position:absolute!important;left:-9999px!important;top:-9999px!important;
  opacity:0!important;pointer-events:none!important;z-index:-9999!important;
}

/* 工具页主体 */
.tool-wrap{max-width:880px;margin:0 auto;padding:24px 20px 48px;}
.tool-card{background:#fff;border:1px solid #e8ecf2;border-radius:14px;padding:28px;box-shadow:0 2px 12px rgba(20,40,80,.05);margin-bottom:24px;}
.tool-card h2{font-size:18px;margin:0 0 16px;color:#1a2b4a;display:flex;align-items:center;gap:8px;}
.tool-card h3{font-size:16px;margin:22px 0 10px;color:#1a2b4a;}
.tool-card p{font-size:14.5px;line-height:1.85;color:#3d4f68;margin:0 0 12px;}
.tool-card ul,.tool-card ol{font-size:14.5px;line-height:1.85;color:#3d4f68;margin:0 0 12px;padding-left:22px;}
.tool-card li{margin-bottom:6px;}
.tool-field{margin-bottom:18px;}
.tool-field label{display:block;font-size:14px;color:#44546a;margin-bottom:8px;font-weight:500;}
.tool-input,.tool-textarea,.tool-select{width:100%;box-sizing:border-box;padding:11px 14px;border:1px solid #d6dde8;border-radius:9px;font-size:15px;color:#1a2b4a;background:#fbfcfe;transition:.18s;font-family:inherit;}
.tool-input:focus,.tool-textarea:focus,.tool-select:focus{outline:none;border-color:#1B6CF5;background:#fff;box-shadow:0 0 0 3px rgba(27,108,245,.1);}
textarea.tool-input{min-height:110px;resize:vertical;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;}
.tool-textarea{min-height:120px;resize:vertical;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;}
.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 22px;border:none;border-radius:9px;background:#1B6CF5;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:.18s;font-family:inherit;}
.tool-btn:hover{background:#1565d8;}
.tool-btn:active{transform:translateY(1px);}
.tool-btn.ghost{background:#f2f6fc;color:#1B6CF5;}
.tool-btn.ghost:hover{background:#e4eefb;}
.tool-btn.sm{padding:8px 14px;font-size:13px;}
.tool-result{margin-top:18px;padding:16px 18px;background:#f7fafd;border:1px solid #e4ecf6;border-radius:10px;font-size:14px;line-height:1.75;color:#2c3e5c;word-break:break-all;}
.tool-result.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;}
.tool-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.tool-row>*{flex:0 0 auto;}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:18px;}
.tool-grid:last-child{margin-bottom:0;}
.tool-chk{display:flex;align-items:center;gap:7px;font-size:14px;color:#44546a;cursor:pointer;padding:6px 0;}
.tool-chk input{width:16px;height:16px;accent-color:#1B6CF5;cursor:pointer;}
.tool-hint{font-size:13px;color:#8794a8;margin-top:6px;line-height:1.6;}
.tool-table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 14px;}
.tool-table th{background:#f4f7fc;color:#44546a;font-weight:600;text-align:left;padding:10px 12px;border-bottom:1px solid #e4ecf6;font-size:13px;white-space:nowrap;}
.tool-table td{padding:10px 12px;border-bottom:1px solid #f0f3f8;color:#2c3e5c;vertical-align:top;}
.tool-table tr:hover td{background:#fafcff;}
.tool-table .mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:#1B6CF5;font-weight:600;}
.strength-bar{height:9px;border-radius:5px;background:#eef2f8;overflow:hidden;margin:10px 0 8px;}
.strength-fill{height:100%;width:0;border-radius:5px;transition:width .28s,background .28s;}
.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;}
.badge-ok{background:#e6f7ed;color:#137a3d;}
.badge-warn{background:#fff4e5;color:#9a5b00;}
.badge-bad{background:#fdeaea;color:#b42318;}

/* 相关推荐 */
.rel-box{margin-top:32px;padding:24px;background:#f8fafc;border-radius:12px;}
.rel-box h2{font-size:18px;margin:0 0 16px;color:#1a2b4a;}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;}
.rel-grid a{display:block;padding:16px;background:#fff;border-radius:9px;text-decoration:none;color:#1a2b4a;border:1px solid #e8ecf2;transition:.18s;font-size:14px;}
.rel-grid a:hover{border-color:#1B6CF5;box-shadow:0 3px 12px rgba(27,108,245,.12);}
.rel-grid strong{display:block;font-size:14px;margin-bottom:4px;}
.rel-grid span{font-size:12.5px;color:#7a8798;line-height:1.5;}

/* 常见问题 - 原生折叠，无 JS */
.faq-section{max-width:880px;margin:0 auto 40px;padding:0 20px;}
.faq-section .faq-item{border-bottom:1px solid #eef1f6;}
.faq-section .faq-item:last-child{border-bottom:none;}
.faq-section .faq-q{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:15px 0;font-size:15.5px;font-weight:600;color:#1f2d3d;line-height:1.65;}
.faq-section .faq-q::-webkit-details-marker{display:none;}
.faq-section .faq-q::marker{content:"";}
.faq-section .faq-item:hover .faq-q{color:#1B6CF5;}
.faq-section .faq-toggle{flex:0 0 auto;margin-top:4px;font-size:10px;color:#94a3b8;transition:transform .2s;}
.faq-section .faq-item[open] .faq-toggle{transform:rotate(180deg);}
.faq-section .faq-a{padding:0 0 16px;font-size:14px;line-height:1.9;color:#4a5568;}

@media(max-width:640px){
  .tool-wrap{padding:16px 14px 36px;}
  .tool-card{padding:20px 16px;}
  .tool-table{font-size:13px;}
  .tool-table th,.tool-table td{padding:8px 9px;}
  .faq-section .faq-q{font-size:14.5px;padding:13px 0;}
  .faq-section .faq-a{font-size:13.5px;line-height:1.85;}
}
@media print{.tool-card{box-shadow:none;border:1px solid #ccc;} .rel-box,.faq-section{display:none;}}