:root{color:#15233b;font-synthesis:none;background:#f7f9fc;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{max-width:100%}textarea{resize:vertical}h1,h2,h3,p{margin-top:0}.container{width:min(1180px,100% - 40px);margin:0 auto}.site-header{z-index:30;background:#fff;border-bottom:1px solid #e9edf3;position:sticky;top:0}.header-inner{align-items:center;gap:28px;min-height:72px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:11px;font-size:1.3rem;font-weight:800;display:inline-flex}.brand-mark{color:#fff;letter-spacing:-.1em;background:#1967e8;border-radius:12px;place-items:center;width:36px;height:36px;font-size:1rem;display:grid}.brand small{letter-spacing:.08em;color:#8392aa;text-transform:uppercase;margin-top:-2px;font-size:.64rem;font-weight:700;display:block}.main-nav{color:#52647d;align-items:center;gap:25px;margin-left:auto;font-size:.91rem;display:flex}.main-nav a:hover,.language-switch a:hover{color:#1165df}.language-switch{color:#687890;border-left:1px solid #e3eaf2;align-items:center;gap:6px;padding-left:20px;font-size:.84rem;display:flex}.language-switch a.active{color:#1165df;font-weight:700}.language-switch span{color:#c3ccd9}.hero{background:radial-gradient(circle at 85% 18%,#e5efff 0,#0000 35%),linear-gradient(135deg,#fff,#f1f6ff);padding:68px 0 52px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#2872dc;margin-bottom:16px;font-size:.8rem;font-weight:800}.hero h1{letter-spacing:-.055em;max-width:820px;margin-bottom:17px;font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.13}.hero p{color:#5a6c86;max-width:700px;font-size:1.08rem;line-height:1.7}.search-wrap{width:min(620px,100%);margin-top:32px;position:relative}.search-wrap input{background:#fff;border:1px solid #d7e2f1;border-radius:14px;outline:none;width:100%;height:60px;padding:0 20px 0 50px;box-shadow:0 14px 32px #1a5eae12}.search-wrap input:focus{border-color:#2373e8;box-shadow:0 0 0 4px #2373e820}.search-icon{color:#8a9bb0;font-size:1.15rem;position:absolute;top:19px;left:18px}.hero-stats{color:#647690;flex-wrap:wrap;gap:22px;margin-top:26px;font-size:.85rem;display:flex}.hero-stats strong{color:#1b355b}.section{padding:52px 0}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:1.8rem}.section-heading p{color:#7d8da4;margin:8px 0 0}.category-block{border-bottom:1px solid #e5ebf3;padding:30px 0 20px}.category-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.category-icon{color:#2569d7;background:#e9f1ff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:1.17rem;font-weight:700;display:grid}.category-header h2{letter-spacing:-.025em;margin:0;font-size:1.35rem}.category-header small{color:#90a0b7;font-size:.84rem}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.tool-card{background:#fff;border:1px solid #e5eaf1;border-radius:15px;flex-direction:column;gap:10px;min-height:145px;padding:21px 44px 20px 22px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 3px 10px #20365405}.tool-card:hover{border-color:#bfd4f4;transform:translateY(-2px);box-shadow:0 12px 24px #1c509315}.tool-card h3{letter-spacing:-.02em;margin:0;font-size:1rem}.tool-card p{color:#74849b;margin:0;font-size:.83rem;line-height:1.5}.tool-card .tool-id{color:#3a7cdb;margin-top:auto;font-size:.71rem;font-weight:700}.fav-button{color:#acb8c8;background:0 0;border:0;padding:5px;font-size:1.25rem;line-height:1;position:absolute;top:16px;right:16px}.fav-button[aria-pressed=true]{color:#e6a528}.empty-state{color:#7889a0;padding:30px 0;display:none}.site-footer{color:#7c8aa0;background:#fff;border-top:1px solid #e4eaf2;padding:32px 0;font-size:.85rem}.footer-inner{justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-inner a{color:#416aa3}.breadcrumbs{color:#8492a7;margin:28px 0 20px;font-size:.85rem}.breadcrumbs a:hover{color:#1267e5}.tool-hero{max-width:840px;margin-bottom:25px}.tool-hero h1{letter-spacing:-.045em;margin-bottom:12px;font-size:clamp(2rem,4vw,3.2rem)}.tool-hero p{color:#63758f;font-size:1rem;line-height:1.7}.tool-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:28px;display:grid}.tool-panel{background:#fff;border:1px solid #e2e9f2;border-radius:18px;margin-bottom:18px;padding:26px;box-shadow:0 10px 35px #274b780c}.tool-panel h2{margin-bottom:17px;font-size:1.14rem}.tool-panel h3{font-size:1rem}.field{color:#304158;flex-direction:column;gap:7px;margin-bottom:17px;font-size:.88rem;font-weight:600;display:flex}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea,.tool-panel textarea,.tool-panel select,.tool-panel input:not([type=checkbox]):not([type=radio]){color:#14243a;background:#fff;border:1px solid #dce4ee;border-radius:9px;outline:none;width:100%;min-height:43px;padding:10px 12px}.field input:focus,.field textarea:focus,.field select:focus,.tool-panel input:focus,.tool-panel textarea:focus,.tool-panel select:focus{border-color:#3982ea;box-shadow:0 0 0 3px #3982ea1c}.field textarea,.tool-panel textarea{min-height:150px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}.field input[type=file],.tool-panel input[type=file]{background:#f8fbff;padding:10px}.field input[type=color],.tool-panel input[type=color]{max-width:90px;padding:4px}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin:15px 0;display:flex}.btn{color:#fff;background:#176be7;border:1px solid #1467e7;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:10px 17px;font-size:.91rem;font-weight:700;display:inline-flex}.btn:hover{color:#fff;background:#0e59cb}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{color:#176be7;background:#fff}.btn.secondary:hover{background:#f0f6ff}.result{overflow-wrap:anywhere;background:#f9fbff;border:1px solid #dfe8f3;border-radius:11px;margin-top:17px;padding:16px}.result pre{white-space:pre-wrap;word-break:break-word;margin:0}.status{color:#55708e;margin:8px 0;font-size:.87rem;line-height:1.5}.status.error{color:#b02d38}.status.success{color:#15724c}.tool-sidebar{background:#fff;border:1px solid #e5eaf1;border-radius:15px;padding:20px}.tool-sidebar h2{margin-bottom:15px;font-size:1rem}.related-link{color:#536986;border-bottom:1px solid #eef2f7;padding:9px 0;font-size:.88rem;display:block}.related-link:last-child{border-bottom:0}.related-link:hover{color:#1267e5}.privacy-note{color:#42705f;background:#f4fbf8;border:1px solid #d7e9e3;border-radius:11px;align-items:flex-start;gap:11px;margin-top:20px;padding:13px 16px;font-size:.83rem;line-height:1.6;display:flex}.locale-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:680px;margin-top:32px;display:grid}.locale-choice a{background:#fff;border:1px solid #e0e7f0;border-radius:14px;padding:25px;font-size:1.1rem;font-weight:700}.locale-choice a:hover{border-color:#3180e9;box-shadow:0 8px 28px #2676de1b}.muted{color:#74849b}.hidden{display:none!important}@media (width<=900px){.tool-layout{grid-template-columns:1fr}.tool-sidebar{display:none}.main-nav{gap:14px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.container{width:min(100% - 28px,1180px)}.header-inner{gap:12px;min-height:64px}.brand{font-size:1.1rem}.brand-mark{width:32px;height:32px}.brand small{font-size:.57rem}.main-nav{display:none}.language-switch{margin-left:auto;padding-left:10px}.hero{padding:46px 0 38px}.hero h1{font-size:2.25rem}.hero p{font-size:.95rem}.search-wrap input{height:54px}.search-icon{top:16px}.tool-grid{grid-template-columns:1fr}.section{padding:35px 0}.tool-panel{padding:18px}.footer-inner{display:block}.footer-inner p{margin-bottom:10px}.locale-choice{grid-template-columns:1fr}}.browse-filters{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.browse-filters button{color:#526987;background:#fff;border:1px solid #cfdbeb;border-radius:999px;padding:7px 14px;font-size:.83rem;font-weight:650}.browse-filters button[aria-pressed=true]{color:#145ec4;background:#eaf2ff;border-color:#176be7}.tool-guide{background:#fff;border:1px solid #e2e9f2;border-radius:18px;margin-top:20px;padding:26px;box-shadow:0 10px 35px #274b780c}.tool-guide h2{margin-bottom:17px;font-size:1.14rem}.tool-guide ol{color:#3d516b;margin:0 0 16px;padding-left:1.4rem;line-height:1.7}.tool-guide li+li{margin-top:8px}.tool-guide .guide-note{color:#536987;background:#f4f8ff;border-left:3px solid #3580e8;border-radius:4px;margin:0;padding:12px 14px;line-height:1.65}@media (width<=640px){.tool-guide{padding:18px}}.file-order-list{margin:10px 0 0;padding-left:1.3rem}.file-order-list li{overflow-wrap:anywhere;padding:5px 0}.file-order-list li+li{border-top:1px solid #e7edf5}.file-order-list li::marker{color:#7390b7}.file-order-list li span{max-width:calc(100% - 90px);display:inline-block}.file-order-list li div{float:right;gap:4px;display:flex}.file-order-list button{color:#2766bd;background:#fff;border:1px solid #cddbee;border-radius:6px;min-width:30px;padding:2px 8px}.file-order-list button:disabled{opacity:.4;cursor:not-allowed}.hero h1{max-width:1100px}.footer-inner{flex-wrap:wrap}.footer-inner p{margin:0}.footer-links{flex-wrap:wrap;gap:18px;display:flex}.footer-links a:hover,.footer-links a:focus-visible,.info-link:hover,.info-link:focus-visible{color:#1165df;text-decoration:underline}.info-page{max-width:860px;padding-bottom:80px}.info-header{margin:38px 0 34px}.info-header h1{letter-spacing:-.04em;margin-bottom:14px;font-size:clamp(2.2rem,4vw,3.3rem)}.info-header p{color:#5b6d86;max-width:720px;font-size:1.05rem;line-height:1.75}.info-content{background:#fff;border:1px solid #e2e9f2;border-radius:18px;padding:34px;box-shadow:0 10px 35px #274b780c}.info-content section+section{border-top:1px solid #e8edf4;margin-top:27px;padding-top:27px}.info-content h2{letter-spacing:-.02em;margin-bottom:10px;font-size:1.24rem}.info-content p{color:#4c607c;margin-bottom:0;line-height:1.85}.info-content p+p{margin-top:12px}.info-link{color:#176be7;font-weight:700}@media (width<=640px){.footer-links{gap:16px;margin:12px 0}.info-page{padding-bottom:52px}.info-header{margin:26px 0}.info-header p{font-size:1rem}.info-content{padding:22px}.info-content section+section{margin-top:22px;padding-top:22px}}body{flex-direction:column;min-height:100dvh;display:flex}body>main{flex:1;width:100%;min-width:0}.site-header,.site-footer{flex:none}.site-footer{padding:22px 0}.footer-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;line-height:1.6;display:grid}.footer-inner p{min-width:0;margin:0}.footer-inner>p:last-child{text-align:right}.footer-links{justify-content:center;margin:0}.site-footer{font-size:.77rem}@media (width<=850px){.footer-inner{grid-template-columns:minmax(0,1fr) auto}.footer-inner>p:last-child{text-align:left;grid-column:1/-1}}@media (width<=480px){.footer-inner{grid-template-columns:1fr;gap:9px}.footer-links{justify-content:flex-start}.footer-inner>p:last-child{grid-column:auto}}.brand small{color:#62748d;letter-spacing:.07em;font-size:.72rem}html[lang=zh-CN] .brand small{letter-spacing:.12em}.tool-layout-wide{grid-template-columns:minmax(0,1fr)}.tool-layout-wide .tool-sidebar{flex-wrap:wrap;align-items:center;gap:8px 18px;padding:16px 20px;display:flex}.tool-layout-wide .tool-sidebar h2{margin:0 8px 0 0}.tool-layout-wide .related-link{border:0;padding:4px 0}.tool-layout-wide .tool-main{min-width:0}.tool-page{padding-bottom:32px}.tool-page .breadcrumbs{margin:16px 0 12px;font-size:.76rem;line-height:1.5}.tool-hero{justify-content:space-between;align-items:center;gap:20px;max-width:none;margin-bottom:16px;display:flex}.tool-hero h1{letter-spacing:-.025em;margin:0 0 5px;font-size:clamp(1.35rem,2.6vw,1.75rem);line-height:1.25}.tool-hero p{color:#718096;margin:0;font-size:.83rem;line-height:1.5}.local-badge{white-space:nowrap;color:#557b69;background:#f5faf7;border:1px solid #d9e7df;border-radius:5px;flex:none;padding:4px 7px;font-size:.7rem}.tool-layout{display:block}.tool-main{min-width:0}.tool-panel{box-shadow:none;border-radius:12px;margin-bottom:12px;padding:18px}.tool-panel .field{gap:5px;margin-bottom:12px;font-size:.81rem}.tool-panel .field input:not([type=checkbox]):not([type=radio]),.tool-panel .field select,.tool-panel .field textarea{border-radius:6px;min-height:37px;padding:8px 10px}.tool-panel input[type=range]{min-height:28px;padding:0}.tool-panel .actions{gap:7px;margin:12px 0}.tool-panel .btn{border-radius:6px;min-height:36px;padding:8px 12px;font-size:.81rem}.tool-panel .result{border-radius:8px;margin-top:12px;padding:12px}.tool-panel .status{font-size:.78rem;line-height:1.5}.tool-help{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;font-size:.8rem}.tool-help>summary{cursor:pointer;color:#54657a;align-items:center;gap:8px;padding:12px 14px;font-weight:600;list-style:none;display:flex}.tool-help>summary::-webkit-details-marker{display:none}.tool-help>summary:before{content:"+";color:#8a99ad;font-size:1rem}.tool-help[open]>summary:before{content:"−"}.tool-help>summary>span{color:#8a99ad;margin-left:auto;font-size:.73rem;font-weight:400}.tool-help[open]>summary{border-bottom:1px solid #eef2f7}.tool-help>summary:focus-visible{outline-offset:2px;outline:2px solid #3982ea}.tool-help .tool-guide{box-shadow:none;color:#5f718a;background:0 0;border:0;border-radius:0;margin:0;padding:14px 16px;line-height:1.65}.tool-help .tool-guide+.tool-guide{border-top:1px solid #eef2f7}.tool-help .tool-guide ol{margin-bottom:10px;line-height:1.65}.tool-help .tool-guide li+li{margin-top:3px}.tool-help .tool-guide h2{margin-bottom:8px;font-size:.85rem}.tool-help .tool-guide p{margin-bottom:10px}.tool-help .tool-guide .guide-note{color:#718096;background:0 0;border:0;border-radius:0;margin:0;padding:0}.tool-related{color:#6a7e97;flex-wrap:wrap;align-items:center;gap:7px 12px;padding:15px 1px;font-size:.75rem;display:flex}.tool-related>span{color:#8996a8;margin-right:4px;font-weight:600}.tool-related a:hover{color:#176be7;text-decoration:underline}@media (width<=640px){.tool-page .breadcrumbs{margin-top:12px}.tool-hero{align-items:flex-start;gap:10px}.tool-hero p{font-size:.76rem}.tool-panel{padding:12px}.local-badge{padding:3px 5px;font-size:.64rem}.tool-help>summary{padding:11px 12px}.tool-help .tool-guide{padding:12px}.tool-related{line-height:1.6}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
