:root{color:#17243a;font-synthesis:none;--blue:#1765ce;--border:#dbe3ec;--muted:#5a6779;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.7}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:3px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #81b9ff}h1,h2,h3{letter-spacing:-.02em;line-height:1.35}h1{margin:0 0 12px;font-size:clamp(28px,4vw,38px)}h2{margin:0 0 20px;font-size:25px}h3{font-size:19px}p{margin:0 0 18px}.container,.header-inner{width:min(1120px,100% - 40px);margin:auto}.site-header{border-bottom:1px solid var(--border);background:#fff}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.brand{color:#17243a;flex-shrink:0;align-items:center;gap:11px;text-decoration:none;display:flex}.brand strong{font-size:21px}.brand small{color:var(--muted);font-size:14px;line-height:1.5;display:block}.brand-mark{width:39px;height:39px;color:var(--blue);background:#eaf3ff;border-radius:9px;place-items:center;display:grid}.site-header nav{flex-wrap:wrap;gap:21px;display:flex}.site-header nav a{color:#3c4a5e;padding:12px 0;font-size:15px;text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--blue)}main.container{padding-top:32px;padding-bottom:60px}.page-intro{max-width:900px;margin-bottom:23px}.page-intro p{color:var(--muted);margin-bottom:0}.privacy-note{color:var(--muted);font-size:14px}.tools-section,.related-tools,.faq-section{margin-top:48px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-card{border:1px solid var(--border);color:inherit;border-radius:10px;flex-direction:column;min-width:0;padding:22px;text-decoration:none;display:flex}.tool-card:hover{background:#f8fbff;border-color:#81aee9}.tool-card h3{margin:0 0 10px}.tool-card p{color:var(--muted);margin-bottom:16px;font-size:15px}.tool-card>span{color:var(--blue);margin-top:auto;font-size:14px}.seo-content{max-width:920px;margin:52px auto 0}.seo-content section{margin-bottom:38px}.seo-content p{color:#3e4d61;text-align:justify;overflow-wrap:anywhere}.table-wrap{border:1px solid var(--border);border-radius:8px;margin-bottom:24px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px;font-size:14px}caption{text-align:left;color:var(--muted);background:#f3f6fa;padding:14px}th,td{text-align:left;vertical-align:top;border-top:1px solid var(--border);padding:14px}thead{background:#f5f8fc}.faq-section{max-width:920px;margin-left:auto;margin-right:auto}.faq-section details{border-bottom:1px solid var(--border);padding:0 2px}.faq-section summary{cursor:pointer;min-height:54px;padding:18px 0;font-weight:600}.faq-section details p{color:var(--muted);padding:0 20px 6px 0}.site-footer{border-top:1px solid var(--border);background:#f6f8fb;padding:32px 0}.footer-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.footer-top p{color:var(--muted);margin:0;font-size:14px}.footer-links{flex-wrap:wrap;gap:10px 22px;margin-bottom:24px;display:flex}.footer-links a{color:#4c5b6e;padding:4px 0;font-size:14px;text-decoration:none}.muted{color:var(--muted);margin:0;font-size:14px}.simple-page{max-width:860px;margin:auto}.simple-page section{margin-top:30px}.simple-page ul{padding-left:24px}.primary-link{background:var(--blue);color:#fff;border-radius:7px;min-height:48px;padding:12px 22px;text-decoration:none;display:inline-block}.skip-link{z-index:10;background:#fff;padding:10px;position:absolute;top:-80px;left:20px}.skip-link:focus{top:10px}@media (width<=900px){.header-inner{flex-direction:column;align-items:flex-start;gap:10px;padding:18px 0 12px}.site-header nav{gap:8px 22px}.site-header nav a{padding:8px 0}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=560px){.container,.header-inner{width:calc(100% - 28px)}main.container{padding-top:24px}.brand strong{font-size:20px}.site-header nav{gap:2px 20px}.site-header nav a{min-height:44px;font-size:14px}.tool-grid{grid-template-columns:1fr}.tool-card{padding:20px}.tools-section,.related-tools,.faq-section{margin-top:36px}.seo-content{margin-top:40px}h2{font-size:22px}.footer-links{gap:8px 16px}.page-intro p{font-size:15px}}
