.container-tool .inner-tool{max-width:1180px}.module{margin-bottom:12px;background:#fff;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08)}.module .hd{padding:12px 18px;border-bottom:1px solid #ececec}.module .hd .title{position:relative;display:inline-block;font-size:16px;font-weight:700;line-height:22px}.module .hd .title:before{content:"";display:inline-block;width:4px;height:16px;margin:-2px 10px 0 0;background:#2ca1fc;vertical-align:middle;border-radius:3px}.module .bd{padding:14px 18px}.mod-tool-hd .hd{padding:10px 18px}.mod-tool-hd .bd{padding:10px 18px}.mod-tool-hd .lead{line-height:22px;color:#555;font-size:13px;margin:0}.mod-tool-hd .lead code{padding:1px 6px;margin:0 2px;background:#f4f6fa;border-radius:3px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;color:#d63384}.mod-tool-hd .lead a{color:#0081c2;text-decoration:underline}.mod-tool-features .bd{padding:14px 18px}.mod-tool-features .features{margin:0;padding:0;display:grid;grid-template-columns:repeat(4, 1fr);gap:10px 16px}.mod-tool-features .features li{position:relative;padding:8px 12px 8px 36px;line-height:20px;font-size:13px;color:#555;background:#fafbfc;border:1px solid #f0f0f0;border-radius:6px;min-height:36px}.mod-tool-features .features li i{position:absolute;left:10px;top:50%;width:18px;height:18px;margin-top:-9px;background:linear-gradient(135deg, #21c379, #1aa663);border-radius:50%;box-shadow:0 1px 3px rgba(33,195,121,.3)}.mod-tool-features .features li i:before{content:"";position:absolute;left:5px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.mod-tool-features .features li code{padding:1px 5px;background:#f4f6fa;border-radius:3px;font-family:ui-monospace,monospace;font-size:12px;color:#d63384}.mod-tool-features .features li strong{color:#222}.mod-tool-txt .bd{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.mod-tool-txt .progress-bar{display:block;padding:10px 18px 14px;border-top:1px solid #f0f0f0}.mod-tool-txt .progress-bar .bar{position:relative;height:6px;background:#eef2f7;border-radius:3px;overflow:hidden}.mod-tool-txt .progress-bar .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg, #2ca1fc, #21c379);transition:width 80ms linear}.mod-tool-txt .progress-bar .progress-text{display:block;margin-top:6px;font-size:12px;color:#888}.mod-tool-txt .panel{display:flex;flex-direction:column;min-width:0;border:1px solid #e7e9ee;border-radius:6px;background:#fcfcfd}.mod-tool-txt .panel-hd{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f5f7fa;border-bottom:1px solid #e7e9ee;border-radius:6px 6px 0 0}.mod-tool-txt .panel-hd .lbl{font-weight:600;color:#333;font-size:13px}.mod-tool-txt .panel-hd .stat{font-size:12px;color:#888}.mod-tool-txt .panel-hd .stat b{color:#2ca1fc;font-weight:700;margin:0 2px}.mod-tool-txt .ta{flex:1;width:100%;min-height:360px;padding:10px 12px;border:0;outline:none;resize:vertical;background:#fff;font-family:ui-monospace,"SF Mono",Menlo,Consolas,"Microsoft Yahei",monospace;font-size:13px;line-height:1.55;color:#222;box-sizing:border-box;word-break:break-all;white-space:pre;overflow:auto}.mod-tool-txt .panel-output .ta{background:#fafbff}.mod-tool-txt .panel-input .ta.is-preview{color:#555;background:#fbfcff}.mod-tool-txt .panel-ft{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 12px;border-top:1px solid #e7e9ee;background:#fafbfc;border-radius:0 0 6px 6px}.mod-tool-txt .panel-ft .msg{margin-left:auto;font-size:12px;color:#888}.mod-tool-txt .panel-ft .msg[data-type=ok]{color:#21c379}.mod-tool-txt .panel-ft .msg[data-type=err]{color:#e0584b}.mod-tool-txt .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-txt .btn:hover{background:#f4f6fa;border-color:#b9bec6}.mod-tool-txt .btn:active{background:#ecf0f5}.mod-tool-txt .btn:disabled{opacity:.5;cursor:not-allowed}.mod-tool-txt .btn-primary{background:#2ca1fc;border-color:#2ca1fc;color:#fff}.mod-tool-txt .btn-primary:hover{background:#1f8de4;border-color:#1f8de4}.mod-tool-txt .btn-primary:active{background:#1779c4;border-color:#1779c4}.mod-article p{line-height:24px;color:#444;margin-bottom:8px}.mod-article h4{font-size:14px;font-weight:700;margin:14px 0 4px;color:#222}.mod-article code{padding:1px 5px;background:#f4f6fa;border-radius:3px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:13px;color:#d63384}.mod-article a{color:#0081c2}.mod-article .rule-table{width:100%;border-collapse:collapse;font-size:13px}.mod-article .rule-table th,.mod-article .rule-table td{padding:8px 10px;border:1px solid #ececec;line-height:1.5;text-align:left;word-break:break-all}.mod-article .rule-table th{background:#f5f7fa;font-weight:700}.mod-article .rule-table tr:nth-child(2n) td{background:#fbfcfe}.mod-article .faq h4{color:#0081c2}.mod-article .case-list{margin:0;padding:0}.mod-article .case-list li{position:relative;padding:4px 0 4px 16px;line-height:24px;color:#444}.mod-article .case-list li:before{content:"";position:absolute;left:0;top:14px;width:6px;height:6px;background:#2ca1fc;border-radius:50%}.mod-article .case-list li b{color:#222;margin-right:4px}.mod-tool-nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:10px;padding:4px;background:#fff;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.06)}.mod-tool-nav a{flex:0 0 auto;display:inline-flex;align-items:center;padding:7px 14px;border-radius:4px;background:rgba(0,0,0,0);color:#666;font-size:13px;line-height:18px;white-space:nowrap;transition:background .15s,color .15s}.mod-tool-nav a b{font-weight:500;font-size:13px}.mod-tool-nav a em{display:none}.mod-tool-nav a:hover{background:#f4f6fa;color:#2ca1fc}.mod-tool-nav a.active{background:#2ca1fc;color:#fff}.mod-tool-nav a.active b{font-weight:600}.mod-tool-nav a.tool-nav-home{color:#999;padding:7px 10px;margin-right:4px;border-right:1px solid #ececec;border-radius:0;font-size:12px}.mod-tool-nav a.tool-nav-home b{font-weight:400;font-size:12px}.mod-tool-nav a.tool-nav-home:hover{background:rgba(0,0,0,0);color:#2ca1fc}@media screen and (max-width: 800px){.container-tool .inner-tool{max-width:100%;padding:0 8px}.mod-tool-txt .bd{grid-template-columns:1fr}.mod-tool-txt .ta{min-height:200px}.module .hd{padding:10px 12px}.module .bd{padding:10px 12px}.mod-tool-features .features{grid-template-columns:repeat(2, 1fr);gap:8px}.mod-tool-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.mod-tool-nav::-webkit-scrollbar{display:none}.mod-tool-nav a{padding:6px 10px;font-size:12px}.mod-tool-nav a.tool-nav-home{padding:6px 8px}}