.tool-rel{margin-top:28px;padding:18px 20px;background:var(--panel,#fff);border:1px solid var(--line,#e3e6ea);border-radius:10px}.tool-rel h2{font-size:15px;margin:0 0 10px;color:var(--txt,#1f2329);border-left:3px solid var(--brand,#2f6fed);padding-left:8px}.tool-rel ul{list-style:none;padding:0}.tool-rel li{padding:7px 0;border-bottom:1px dashed var(--line,#e3e6ea)}.tool-rel li:last-child{border-bottom:none}.tool-rel a{color:var(--brand2,#1f4fb0);font-size:13.5px;font-weight:500;text-decoration:none}.tool-rel a:hover{text-decoration:underline}.tool-rel .rl-desc{display:block;font-size:12px;color:var(--sub,#6b7280);margin-top:2px;line-height:1.6}:root{--bg:#f6f7f9;--panel:#fff;--line:#e3e6ea;--txt:#1f2329;--sub:#6b7280;--brand:#2f6fed;--brand2:#1f4fb0;--c-green:#16a34a;--c-green2:#15803d;--radius:9px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--txt);font-size:13.5px;line-height:1.45}.hero-note{margin:0 0 12px;padding:9px 12px;border-radius:var(--radius);background:#f0f7ff;border:1px solid #cfe2fb;font-size:12.5px;color:var(--brand2);line-height:1.7}.container{max-width:640px;margin:24px auto 40px;padding:0 16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:12px}.card h2{margin:0 0 10px;font-size:12.5px;color:var(--brand2);border-left:3px solid var(--brand);padding-left:7px}.hint{font-size:11.5px;color:var(--sub);margin-top:7px;line-height:1.7}.mode-switch{display:flex;gap:0;margin:2px 0 4px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#f2f4f7}.mode-switch label{flex:1;text-align:center;padding:9px 6px;font-size:13px;cursor:pointer;color:var(--sub);transition:.15s ease;user-select:none;position:relative}.mode-switch input{position:absolute;opacity:0;pointer-events:none}.mode-switch input:checked+span{color:#fff}.mode-switch label:hover{background:#e9edf3}.mode-switch label.on{background:var(--brand)}.mode-switch span{position:relative;font-weight:600}.mode-hint{font-size:11.5px;color:var(--sub);margin:6px 0 2px;line-height:1.7}.param{display:flex;align-items:center;gap:10px;margin-top:10px}.param label{width:132px;flex-shrink:0;font-size:13px;color:var(--txt)}.param input{flex:1;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:var(--radius);font-size:13px;background:#fff;color:var(--txt)}.param input:focus{outline:none;border-color:var(--brand)}.param select{flex:1;min-width:0;padding:7px 8px;border:1px solid var(--line);border-radius:var(--radius);font-size:13px;background:#fff;color:var(--txt)}.param select:focus{outline:none;border-color:var(--brand)}.param .unit{width:58px;flex-shrink:0;font-size:12.5px;color:var(--sub)}.param .opt{font-size:11px;color:var(--sub);font-weight:400}.grp{margin-top:16px;padding-top:12px;border-top:1px dashed var(--line);font-size:12px;color:var(--sub);font-weight:600;letter-spacing:.3px}.calc-btn{display:block;width:100%;padding:12px;margin-top:14px;background:var(--c-green);color:#fff;border:1px solid var(--c-green);border-radius:var(--radius);font-size:15px;font-weight:700;cursor:pointer;transition:.15s ease}.calc-btn:hover{background:var(--c-green2);border-color:var(--c-green2)}.result{display:none;margin-top:12px;padding:12px 14px;border-radius:var(--radius);background:#f0f7ff;border:1px solid #cfe2fb}.result.show{display:block}.result.bad{background:#fef2f2;border-color:#fecaca}.res-row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px dashed var(--line)}.res-row:last-child{border-bottom:none}.res-row .k{font-size:13px;color:var(--sub)}.res-row .v{font-size:17px;font-weight:700;color:var(--txt)}.res-row .v small{font-size:12px;font-weight:400;color:var(--sub);margin-left:4px}.res-row .v.hl{color:var(--brand2)}.res-sub{margin-top:9px;padding-top:8px;border-top:1px solid #dbe8fa;font-size:11.5px;color:var(--sub);line-height:1.7}.seo{margin-top:28px;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.seo h2{font-size:15px;margin-bottom:10px;color:var(--txt);border:none;padding:0}.seo h3{font-size:13.5px;margin:14px 0 6px;color:var(--brand2)}.seo p,.seo li{font-size:13px;color:var(--sub);line-height:1.8}.seo code{font-family:Consolas,Menlo,monospace;font-size:12.5px;background:#f3f6fa;padding:2px 6px;border-radius:4px;color:var(--txt)}.seo table{width:100%;border-collapse:collapse;margin:8px 0;font-size:12.5px}.seo th,.seo td{border:1px solid var(--line);padding:6px 8px;text-align:left;color:var(--sub)}.seo th{background:#f6f8fb;color:var(--txt);font-weight:600}
