/* Shared tool chrome; scoped selectors isolate it from each tool's older styles. */
body > header.tool-header{box-sizing:border-box;position:relative;top:auto;z-index:20;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:16px;width:100%;height:64px;min-height:64px;padding:0 24px;margin:0;border:0;border-bottom:1px solid #cbdcd7;background:#fff;color:#163c34;box-shadow:none;backdrop-filter:none;font:14px/1.5 "Microsoft YaHei","PingFang SC",system-ui,sans-serif}
.tool-header [hidden],.tool-header .hidden{display:none!important}
.tool-header .brand{display:flex;align-items:center;gap:10px;flex:none;margin:0;color:#163c34;text-decoration:none}
.tool-header .brand-mark{display:block;flex:none;width:34px;height:34px;margin:0;overflow:hidden;border-radius:9px;background:transparent!important;box-shadow:0 4px 12px rgb(103 66 218 / 18%)!important}
.tool-header .brand-mark img{display:block;width:100%;height:100%}
.tool-header .brand strong{display:block;font-size:18px;font-weight:800;line-height:1.4;letter-spacing:0;color:#163c34}
.tool-header .official-qq{flex:none;order:0;margin:0;font-size:13px;color:#455b54;white-space:nowrap}
.tool-header .official-qq strong{letter-spacing:0;font-weight:700}
.tool-header .top-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px;margin:0;min-width:0}
.tool-header .top-actions>a,.tool-header .top-actions>button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:40px;padding:8px 10px;margin:0;border:0;border-radius:7px;background:transparent;color:#275247;font:14px/1.5 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:none;transform:none;cursor:pointer}
.tool-header .top-actions>a:hover,.tool-header .top-actions>button:hover{background:#e4f4ed;color:#05664f;box-shadow:none;transform:none}
.tool-header .top-actions>.referral{color:#7046cb}
.tool-header .quota{display:inline-flex;gap:5px;align-items:center;flex:none;padding:7px 9px;margin:0;border:0;border-radius:7px;background:#f0f5f3;color:#334f49;font-size:13px;white-space:nowrap}
.tool-header .quota strong{color:#08795f;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.tool-header .top-actions>.avatar-button{gap:7px;padding:7px 10px;background:#e4f4ed;color:#08795f;max-width:160px}
.tool-header .avatar-button span{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#08795f;color:#fff;font-size:13px;font-weight:700}
.tool-header .avatar-button b{display:block;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:600}
.tool-header :focus-visible{outline:3px solid #08795f;outline-offset:2px}
@media(max-width:1490px){.tool-header .official-qq{display:none}}
@media(max-width:1100px){body>header.tool-header{padding:0 16px;gap:8px}.tool-header .top-actions{gap:2px}.tool-header .top-actions>a,.tool-header .top-actions>button{padding:8px}.tool-header .brand strong{font-size:17px}}
@media(max-width:850px){body>header.tool-header{height:auto;min-height:64px;flex-wrap:wrap;padding:10px 12px;gap:8px}.tool-header .top-actions{flex-wrap:wrap;justify-content:flex-start;width:100%;gap:4px}.tool-header .top-actions>a,.tool-header .top-actions>button{min-height:44px}.tool-header .quota{display:inline-flex}.tool-header .brand strong{font-size:18px}}

