:root{--blue:#0B3D91;--ink:#172033;--muted:#687386;--line:#e5e9f0;--bg:#f5f7fa;--card:#fff}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 36px));margin:auto}
    .topbar{background:#12213b;color:#dce6f7;font-size:13px}.topbar .container{min-height:36px;display:flex;align-items:center;justify-content:space-between}.topbar-links{display:flex;gap:22px}.topbar a:hover{color:#fff}
    .header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{height:76px;display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--blue);white-space:nowrap}.logo img{width:34px;height:34px;object-fit:contain}.main-nav{flex:1}.nav-list{list-style:none;padding:0;margin:0;display:flex;align-items:stretch;gap:4px}.nav-item{position:relative}.nav-link{display:block;padding:25px 14px;font-size:14px;white-space:nowrap}.nav-link:hover,.nav-link:focus{color:var(--blue)}.has-arrow:after{content:"⌄";font-size:12px;margin-left:6px}.dropdown-panel,.mega-menu{position:absolute;top:calc(100% + 1px);left:0;background:#fff;border:1px solid var(--line);box-shadow:0 18px 42px #12213b1c;border-radius:0 0 12px 12px;padding:18px;min-width:245px;opacity:0;visibility:hidden;transform:translateY(7px);transition:.2s;z-index:30}.mega-menu{width:520px;left:50%;transform:translate(-50%,7px)}.nav-item:hover .dropdown-panel,.nav-item:focus-within .dropdown-panel,.nav-item:hover .mega-menu,.nav-item:focus-within .mega-menu{opacity:1;visibility:visible;transform:translate(0,0)}.nav-item:hover .mega-menu,.nav-item:focus-within .mega-menu{transform:translate(-50%,0)}.dropdown-panel a{display:block;padding:8px 5px;border-bottom:1px solid #f0f2f5;font-size:14px}.mega-title{margin:0 0 12px;color:var(--blue);font-weight:700;font-size:14px}.mega-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mega-card{display:block;border:1px solid var(--line);border-radius:9px;padding:10px;font-size:12px;line-height:1.55;background:#fbfcfe}.mega-card:hover{border-color:#9db4d8;background:#f2f6fc}.mega-card strong{font-size:13px}.mega-card span{color:var(--muted)}.mega-card img{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:5px}.mega-footer{display:block;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:var(--blue);font-size:13px}.header-btns{display:flex;align-items:center;gap:10px;white-space:nowrap}.member-btn{color:var(--blue);font-size:13px}.account-btn{background:var(--blue);color:#fff;border-radius:7px;padding:8px 15px;font-size:13px}.hamburger{display:none;border:0;background:transparent;padding:8px;cursor:pointer}.hamburger span{display:block;width:23px;height:2px;background:var(--ink);margin:4px 0;transition:.2s}
    .drawer-overlay{display:none}.mobile-drawer{display:none}.footer{background:#111c30;color:#c8d2e3;padding:52px 0 20px;margin-top:70px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:34px}.footer h3,.footer h4{color:#fff;margin:0 0 13px}.footer p{font-size:13px;color:#aebbd0;margin:7px 0}.footer-grid>div>a{display:block;color:#b9c7dc;font-size:13px;margin:6px 0}.footer-grid>div>a:hover{color:#fff}.footer-bottom{border-top:1px solid #2b3950;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#91a0b7;font-size:12px}
    .tool-detail-page{padding:42px 0 0}.crumbs{font-size:13px;color:var(--muted);margin-bottom:22px}.crumbs a{color:var(--blue)}.tool-hero{background:linear-gradient(135deg,#fff,#f0f5fc);border:1px solid var(--line);border-radius:18px;padding:34px;display:flex;align-items:center;gap:24px}.tool-icon{width:76px;height:76px;border-radius:18px;background:#e5edf9;object-fit:contain;padding:14px;flex:none}.tool-hero h1{font-size:clamp(26px,4vw,42px);line-height:1.2;margin:0 0 8px;color:#102b57}.tool-hero p{margin:0;color:var(--muted);font-size:15px}.tool-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.tool-meta span{background:#eaf0f9;color:#39577f;padding:4px 10px;border-radius:20px;font-size:12px}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;margin-top:28px}.tool-content,.related-tools{background:#fff;border:1px solid var(--line);border-radius:15px;padding:28px;min-width:0}.tool-content h2{font-size:22px;margin:0 0 18px;color:#173a70;border-left:4px solid var(--blue);padding-left:12px}.tool-body{min-width:0;max-width:100%;overflow-x:auto;color:#3e4b60}.tool-body img,.tool-body video{max-width:100%;height:auto}.tool-body table{max-width:100%;display:block;overflow-x:auto;border-collapse:collapse}.tool-body p{margin:0 0 16px}.tool-side-title{font-size:18px;margin:0 0 15px;color:#173a70}.related-card{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.related-card:last-child{border-bottom:0}.related-card img{width:48px;height:48px;object-fit:contain;border-radius:10px;background:#eef3fa;padding:8px}.related-card strong{display:block;font-size:14px;color:#1d3760}.related-card span{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:3px}.tool-info{margin-top:26px;background:#f4f7fb;border-radius:12px;padding:16px;font-size:13px;color:var(--muted)}.tool-info b{color:#263d62}.tool-actions{display:flex;gap:12px;margin-top:25px}.primary-button{display:inline-block;background:var(--blue);color:#fff;border-radius:8px;padding:10px 20px;font-size:14px}.secondary-button{display:inline-block;border:1px solid #b8c8df;color:var(--blue);border-radius:8px;padding:9px 19px;font-size:14px}
    @media(max-width:980px){.main-nav{display:none}.header-inner{height:66px}.header-btns{margin-left:auto}.hamburger{display:block}.footer-grid{grid-template-columns:repeat(2,1fr)}.tool-layout{grid-template-columns:1fr}}
    @media(max-width:640px){.container{width:min(100% - 28px,1180px)}.topbar .container{display:block;padding:7px 0}.topbar-links{gap:14px;flex-wrap:wrap}.account-btn,.member-btn{display:none}.mobile-drawer{display:block;position:fixed;z-index:50;top:0;right:0;width:min(88vw,360px);height:100vh;background:#fff;transform:translateX(105%);transition:.25s;box-shadow:-12px 0 35px #101b2d25;overflow:auto}.mobile-drawer.open{transform:translateX(0)}.drawer-overlay{position:fixed;inset:0;background:#07132680;z-index:45;display:none}.drawer-overlay.open{display:block}.drawer-head{height:66px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--blue);font-weight:700}.drawer-head a{font-size:13px;color:var(--blue);margin-left:auto;margin-right:16px}.drawer-close{border:0;background:transparent;font-size:29px;color:#687386}.drawer-menu{padding:12px 18px}.drawer-link,.drawer-toggle{display:block;width:100%;padding:13px 0;border:0;border-bottom:1px solid #edf0f4;background:none;text-align:left;font:inherit;font-size:15px;color:var(--ink)}.drawer-toggle:after{content:"＋";float:right;color:var(--muted)}.drawer-toggle.active:after{content:"－"}.drawer-submenu{display:none;padding:3px 0 8px 15px}.drawer-submenu.open{display:block}.drawer-submenu a{display:block;padding:8px 0;color:var(--muted);font-size:13px}.footer{margin-top:42px;padding-top:38px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.tool-detail-page{padding-top:25px}.tool-hero{padding:24px;display:block}.tool-icon{width:62px;height:62px;margin-bottom:15px}.tool-layout{margin-top:18px}.tool-content,.related-tools{padding:20px}}