/* 工具页共用 UI */
.tool-page{max-width:980px;margin:0 auto;padding:0 32px}
.tbox{background:var(--white);border:1px solid var(--line);padding:30px 32px;margin-bottom:28px}
.tbox>h3{font-family:var(--serif);font-size:20px;color:var(--ink);margin-bottom:6px}
.tbox .tip{font-size:13.5px;color:var(--muted);margin-bottom:18px}
.tin{width:100%;min-height:110px;padding:14px 16px;border:1px solid var(--line);background:var(--paper);font:14px/1.9 var(--sans);color:var(--ink);resize:vertical}
.tin:focus{outline:none;border-color:var(--gold)}
input.tin,select.tin{min-height:auto;height:46px;padding:0 14px}
.tbtns{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.tbtn{padding:11px 26px;border:1px solid var(--ink);background:var(--ink);color:#fff;font:14px var(--sans);letter-spacing:.06em;cursor:pointer;transition:.25s}
.tbtn:hover{background:var(--gold-deep);border-color:var(--gold-deep)}
.tbtn.line{background:transparent;color:var(--ink)}
.tbtn.line:hover{background:var(--ink);color:#fff}
.orow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.obox{border:1px solid var(--line);background:var(--paper);position:relative;display:flex;flex-direction:column}
.obox h5{font-size:13px;letter-spacing:.08em;color:var(--ink);padding:10px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-weight:700}
.obox .cp{font-size:12px;color:var(--gold-deep);cursor:pointer;border:1px solid var(--gold);padding:2px 10px;background:none;font-family:var(--sans)}
.obox .cp:hover{background:var(--gold-deep);color:#fff;border-color:var(--gold-deep)}
.obox textarea{border:none;background:transparent;width:100%;min-height:180px;padding:12px 14px;font:13px/1.9 var(--sans);color:var(--text);resize:vertical}
.obox textarea:focus{outline:none}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 4px}
.chips label{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--paper);padding:7px 14px;font-size:13.5px;cursor:pointer;user-select:none;transition:.2s}
.chips label:hover{border-color:var(--gold)}
.chips label.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.chips input{accent-color:var(--gold-deep)}
.cat-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cat-col{border:1px solid var(--line);background:var(--paper)}
.cat-col h5{font-size:13.5px;font-weight:700;color:var(--ink);padding:10px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.cat-col .desc{font-size:12px;color:var(--muted);padding:8px 14px 0;line-height:1.7}
.cat-col ul{list-style:none;padding:8px 14px 12px;max-height:200px;overflow:auto;font-size:13px;line-height:2;color:var(--text)}
.tool-note{font-size:13.5px;color:var(--muted);line-height:1.9;border-left:3px solid var(--gold);padding:6px 0 6px 16px;margin:30px 0}
.result-big{font-family:var(--serif);font-size:30px;color:var(--ink)}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.calc-grid label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;letter-spacing:.05em}
.calc-out{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.calc-out .co{border:1px solid var(--line);background:var(--paper);padding:18px;text-align:center}
.calc-out .co b{display:block;font-family:var(--serif);font-size:26px;color:var(--gold-deep)}
.calc-out .co span{font-size:12.5px;color:var(--muted)}
@media(max-width:820px){.orow,.cat-cols,.calc-grid,.calc-out{grid-template-columns:1fr}}