/* 工具页沿用手册的纸色与绿调；输入、反馈、计算方法保持分区。 */
.tools-page{padding:26px 0 50px;max-width:1180px}.tools-hero{display:grid;grid-template-columns:minmax(0,1fr) 245px;align-items:center;gap:48px;padding:34px 0 50px}.tools-hero h1{font-size:clamp(36px,4.5vw,56px);line-height:1.12}.tools-hero h1 span{color:#67824f}.tools-hero p,.tool-header>p:not(.eyebrow){max-width:740px;color:#5b6c55;font-size:16px;line-height:1.8}.tool-hero-note{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d5ddc7;background:#eef1e3;border-radius:20px 20px 60px 20px;padding:25px;transform:rotate(2deg)}.tool-hero-note img{width:83px;height:122px;object-fit:contain}.tool-hero-note p{text-align:center;font-size:13px;font-weight:800;color:#476139;line-height:1.6;margin-bottom:0}.tool-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tool-chips>span{font-size:11px;font-weight:800;padding:5px 10px;border:1px solid #d6dfcc;border-radius:25px;background:#f4f5e9;color:#5c704d}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-card{display:flex;flex-direction:column;gap:24px;min-width:0;padding:25px;border:1px solid #cbd8c0;border-radius:12px;background:#fffdf8;box-shadow:0 4px 0 #dde3d240;transition:background .15s,border-color .15s}.tool-card:hover{background:#f1f5e8;border-color:#779466;text-decoration:none}.tool-card h3{font-size:22px;line-height:1.3}.tool-card h3 span{font-size:16px;color:#7c8d65}.tool-card p{font-size:13px;color:#5f7057;line-height:1.75;margin:12px 0 0}.tool-badge{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-width:62px;height:44px;padding:0 12px;border-radius:8px;border:1px solid #d8cca9;background:#f6ecd4;color:#846231;font-size:13px;font-weight:900;letter-spacing:.5px}.handbook-tools{margin-top:48px}.tools-grid-small{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-grid-small .tool-card{flex-direction:row;gap:18px}.tools-grid-small h3{font-size:18px}.tools-grid-small p{margin-top:7px}.tool-method-note{margin-top:42px;padding:26px 30px;border-radius:10px;background:#edf0e4;border:1px solid #d4dec7}.tool-method-note h2{font-size:24px}.tool-method-note p{font-size:14px;color:#53684b;max-width:920px}.tool-header{max-width:940px;padding:18px 0 30px}.tool-header h1{font-size:clamp(30px,4vw,44px);line-height:1.2}.tool-switcher{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid #d8dfcc}.tool-switcher a{font-size:12px;font-weight:800;padding:9px 13px;background:#fffefa;border:1px solid #d2ddc4;border-radius:6px}.tool-switcher [aria-current]{background:#31553b;color:#fffdf6;border-color:#31553b}.game-tool{max-width:100%;min-width:0}.game-tool section{margin:25px 0}.game-tool h2{font-size:26px;line-height:1.3;margin:0 0 16px}.game-tool h3{font-size:20px;line-height:1.4;margin:0 0 12px}.game-tool p,.game-tool li{font-size:14px;line-height:1.8;color:#52654a}.game-tool a:not([class]){color:#3a673b;text-decoration:underline;text-underline-offset:3px}.tool-form{padding:26px;border:1px solid #c6d6b8;border-radius:12px;background:#f0f3e8;margin:22px 0}.tool-form fieldset{min-width:0;border:1px solid #cfdac4;border-radius:8px;margin:0 0 20px;padding:20px;background:#fffdf6}.tool-form legend{font-weight:900;font-size:18px;padding:0 7px;color:#3e5c39}.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.tool-field{min-width:0;display:flex;flex-direction:column;gap:7px}.tool-field>label,.tool-form label{font-size:13px;font-weight:800;color:#365233}.tool-field small,.tool-form small{font-size:12px;line-height:1.65;color:#617459;font-weight:500}.tool-form input,.tool-form select{max-width:100%;width:100%;min-width:0;padding:11px 12px;min-height:46px;border:1px solid #acbd9c;border-radius:6px;background:#fffef9;color:#254634;font-size:16px}.tool-form input[type=checkbox],.tool-form input[type=radio]{width:18px;min-height:18px;accent-color:#426944}.tool-form input:focus-visible,.tool-form select:focus-visible,.tool-form button:focus-visible{outline:3px solid #ae7d38;outline-offset:3px}.tool-form [aria-invalid=true]{border-color:#a44633}.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.tool-form button{padding:11px 18px;min-height:44px;font-weight:800;font-size:13px;border:1px solid #365c3e;border-radius:6px;background:#365c3e;color:#fffdf5;cursor:pointer}.tool-form button[type=reset],.tool-form button.secondary{background:#fffdf4;color:#365c3e}.tool-form button:disabled{opacity:.55;cursor:default}.tool-results{padding:22px;margin-top:22px;background:#fffdf8;border:1px solid #c5d3b6;border-radius:9px;overflow-wrap:anywhere;min-width:0}.tool-results:empty{display:none}.tool-results h3{font-size:20px}.tool-results dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:0}.tool-results dt{font-size:12px;color:#627553}.tool-results dd{font-size:25px;font-weight:900;color:#31513a;margin:4px 0 15px}.tool-result{min-width:0;padding:16px;border:1px solid #d8e1ce;border-radius:7px;background:#fafbf4}.tool-result strong{display:block;font-size:24px;line-height:1.3;overflow-wrap:anywhere}.tool-note{padding:15px 18px;background:#faf0dc;border:1px solid #e0d3b4;border-radius:7px;color:#6b5935!important;font-size:13px!important}.tool-error,[data-tool-error]{color:#943d2c!important;font-weight:700}.tool-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #d2dcc5;border-radius:8px;margin:20px 0}.game-tool table{width:100%;border-collapse:collapse;font-size:13px;background:#fffef9}.game-tool th,.game-tool td{text-align:left;padding:13px 15px;border-bottom:1px solid #dce3d1;vertical-align:top}.game-tool th{background:#eaf0df;font-weight:800;color:#3c5734}.game-tool td{color:#526649}.game-tool caption{text-align:left;padding:13px;font-size:13px;font-weight:800;background:#f4f5e9}.game-tool details{border:1px solid #d4dfc8;border-radius:8px;padding:18px 22px;margin:25px 0;background:#fafbf5}.game-tool summary{cursor:pointer;font-weight:800;color:#3e5c39}.game-tool details>div{margin-top:18px}.tool-related{margin-top:42px;padding-top:28px;border-top:1px solid #d9dfcf}.tool-related h2{font-size:26px;margin-bottom:22px}.tool-related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-related-links a{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;font-size:14px;font-weight:800;border:1px solid #cedbc1;border-radius:7px;background:#fffef7}.tool-privacy{font-size:12px;color:#68765f;margin:28px 0 0}.tool-privacy a{text-decoration:underline}.tool-detail code{display:inline-block;max-width:100%;overflow-wrap:anywhere;white-space:normal;font-size:12px;padding:7px 11px;border:1px solid #dfe4d5;border-radius:4px;background:#f0f3e9}
@media(max-width:900px){.tools-hero{grid-template-columns:minmax(0,1fr) 170px;gap:28px}.tools-grid{grid-template-columns:minmax(0,1fr)}.tool-card{flex-direction:row;gap:20px}.tools-grid-small{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-grid-small .tool-card{flex-direction:column}.tool-form{padding:22px}}
@media(max-width:600px){.tools-page{padding-top:17px}.tools-hero{grid-template-columns:minmax(0,1fr);padding:20px 0 30px;gap:20px}.tool-hero-note{flex-direction:row;gap:20px;padding:15px;transform:none;border-radius:12px}.tool-hero-note img{width:49px;height:70px}.tool-hero-note p{font-size:12px;margin:0;text-align:left}.tools-hero h1{font-size:35px}.tool-header h1{font-size:30px}.tool-header>p:not(.eyebrow),.tools-hero p{font-size:14px}.tools-grid-small,.tool-fields,.tool-related-links{grid-template-columns:minmax(0,1fr)}.tools-grid-small .tool-card{flex-direction:row}.tool-card{padding:20px;gap:15px}.tool-card h3{font-size:20px}.tool-badge{min-width:48px;height:40px;padding:0 8px;font-size:11px}.tool-method-note{padding:21px}.tool-method-note h2,.game-tool h2{font-size:23px}.tool-form{padding:17px}.tool-form fieldset{padding:16px 13px}.tool-results{padding:16px}.tool-results dl{grid-template-columns:minmax(0,1fr)}.tool-results dd{font-size:23px}.tool-switcher{gap:7px}.tool-switcher a{font-size:11px;padding:8px 10px}.game-tool th,.game-tool td{padding:10px}.game-tool details{padding:15px}.tool-actions>button{flex:1 1 auto}.tool-note{padding:13px}.tool-related h2{font-size:23px}}
.tool-field>.tool-note{padding:0;border:0;background:none;margin:2px 0 8px;color:#627455!important;font-size:12px!important;font-weight:500}.tool-fields>.tool-actions{grid-column:1/-1}.tool-results:has(>.tool-result){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-results>.tool-note{grid-column:1/-1;margin:0}.tool-result>span{display:block;font-size:12px;color:#607453;margin-bottom:7px}.tool-result>p{margin-bottom:0}.tool-supply-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-supply-pair>.tool-form{min-width:0}.tool-supply-pair .tool-fields{margin-top:18px}.game-tool .tool-actions button{padding:11px 18px;min-height:44px;font-weight:800;font-size:13px;border:1px solid #365c3e;border-radius:6px;background:#365c3e;color:#fffdf5;cursor:pointer}.game-tool .tool-actions button:disabled{opacity:.55;cursor:default}.game-tool .tool-actions button:focus-visible{outline:3px solid #ae7d38;outline-offset:3px}.game-tool .tool-actions button[type=reset],.game-tool .tool-actions button[id^=exp-reset]{background:#fffdf4;color:#365c3e}
@media(max-width:700px){.tool-supply-pair{grid-template-columns:minmax(0,1fr);gap:0}.tool-results:has(>.tool-result){grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.tool-card{transition:none}}