:root{--ink:#14201d;--muted:#66736f;--line:#dde5e1;--soft:#f4f7f5;--paper:#fbfcfa;--white:#fff;--accent:#187b69;--accent-soft:#e5f3ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1180px;height:74px;margin:auto;padding:0 28px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:760;display:flex}.brand-mark{background:var(--ink);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:15px;display:grid}nav{color:#4b5854;gap:32px;font-size:14px;display:flex}nav a:hover{color:var(--accent)}.hero{text-align:center;max-width:900px;margin:0 auto;padding:82px 28px 88px}.hero-pill{color:#3d6259;background:#f4faf8;border:1px solid #d9e9e4;border-radius:99px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.hero-pill i{background:#20a486;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #d8f0ea}.hero h1{letter-spacing:-.06em;margin:24px 0 18px;font-size:clamp(46px,6.3vw,76px);font-weight:760;line-height:1.08}.hero h1 em{color:var(--accent);font-style:normal}.hero>p{color:var(--muted);margin:0;font-size:18px}.search-box{background:#fff;border:1px solid #d5ded9;border-radius:17px;align-items:center;gap:13px;max-width:700px;height:64px;margin:36px auto 15px;padding:0 15px 0 21px;display:flex;box-shadow:0 14px 40px #1e3b3317}.search-box:focus-within{border-color:#64a99a;box-shadow:0 0 0 4px #187b691a,0 14px 40px #1e3b3317}.search-box>span{color:#65716d;font-size:27px;transform:rotate(-20deg)}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}kbd{border:1px solid var(--line);background:var(--soft);color:#75807d;border-radius:7px;padding:5px 8px;font-size:12px}.quick-links{color:#87918e;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.quick-links button{cursor:pointer;color:#65716d;background:0 0;border:0;padding:2px}.quick-links button:hover{color:var(--accent)}.content{max-width:1180px;margin:auto;padding:0 28px 82px}.section-head{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:750;display:block}.section-head h2,.workspace h2{letter-spacing:-.035em;margin:0;font-size:28px}.section-note,.count{color:#89938f;font-size:13px}.popular-grid,.tools-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.tool-card{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;gap:15px;min-height:126px;padding:20px;transition:all .18s;display:flex;position:relative}.tool-card:hover:not(.coming){border-color:#b4d0c8;transform:translateY(-3px);box-shadow:0 12px 28px #1f3d3514}.tool-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:11px;flex:none;place-items:center;font-size:14px;font-weight:760;display:grid}.tool-icon.large{border-radius:14px;width:48px;height:48px;font-size:17px}.tool-copy{flex-direction:column;gap:6px;display:flex}.tool-copy strong{font-size:15px}.tool-copy small{color:#7a8581;line-height:1.45}.arrow{color:#9ca5a2;position:absolute;top:20px;right:19px}.soon{color:#929d99;border:1px solid var(--line);border-radius:99px;padding:4px 6px;font-size:10px;position:absolute;top:19px;right:16px}.coming{cursor:default;background:#f8faf8}.coming .tool-icon,.coming .tool-copy{opacity:.62}.all-tools{padding-top:76px}.category-row{scrollbar-width:none;gap:8px;padding-bottom:22px;display:flex;overflow-x:auto}.category-row button,.segmented button{white-space:nowrap;border:1px solid var(--line);color:#5e6b67;cursor:pointer;background:#fff;border-radius:99px;padding:9px 14px;font-size:13px}.category-row button.active,.segmented button.active{background:var(--ink);border-color:var(--ink);color:#fff}.tools-grid{grid-template-columns:repeat(3,1fr)}.tools-grid .tool-card{flex-direction:row;align-items:center;min-height:105px}.tools-grid .tool-copy{padding-right:25px}.empty{text-align:center;color:#788480;padding:70px 20px}.empty>span{font-size:35px}.empty h3{color:var(--ink);margin:12px 0 6px}.empty p{margin:0}.workspace{background:#fff;border:1px solid #cddbd6;border-radius:22px;margin-top:44px;padding:30px;scroll-margin-top:24px;box-shadow:0 18px 46px #1f3d3514}.workspace-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:25px;display:flex}.tool-title-wrap{align-items:center;gap:14px;display:flex}.close-btn{border:1px solid var(--line);cursor:pointer;color:#65716d;background:#fff;border-radius:50%;width:38px;height:38px;font-size:24px}.converter-grid{grid-template-columns:1.1fr 1fr auto 1fr;align-items:end;gap:14px;padding-top:28px;display:grid}.converter-grid label,.simple-tool label,.date-inputs label{color:#66736f;flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}input,select,textarea{width:100%;color:var(--ink);background:#fbfcfb;border:1px solid #d7dfdb;border-radius:11px;outline:0}input,select{height:47px;padding:0 13px}textarea{resize:vertical;padding:14px;line-height:1.6}input:focus,select:focus,textarea:focus{border-color:#65a99a;box-shadow:0 0 0 3px #187b6917}.swap-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:43px;height:43px;margin-bottom:2px}.result-box{color:#587069;background:#f0f7f4;border-radius:14px;grid-column:1/-1;align-items:baseline;gap:10px;margin-top:10px;padding:22px;display:flex}.result-box strong{color:var(--accent);letter-spacing:-.04em;margin-left:auto;font-size:32px}.result-box small{font-size:13px}.simple-tool{padding-top:28px}.simple-tool>p:first-child{color:#66736f;margin-top:0}.inline-inputs,.date-inputs{align-items:end;gap:12px;display:flex}.inline-inputs input{max-width:240px}.date-inputs label{flex:1}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.stats div{background:var(--soft);border-radius:12px;flex-direction:column;gap:4px;padding:18px;display:flex}.stats strong{font-size:24px}.stats span{color:#7d8884;font-size:12px}.segmented{gap:6px;margin-bottom:14px;display:flex}.text-panes{grid-template-columns:1fr 1fr;gap:12px;display:grid}.range{accent-color:var(--accent);border:0;padding:0;box-shadow:none!important}.code-result{background:#f0f7f4;border-radius:12px;align-items:center;gap:12px;margin-top:16px;padding:16px;display:flex}.code-result code{word-break:break-all;color:#145f52;flex:1;font-size:15px}.code-result button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:9px 13px}.helper{color:#7b8682;margin-bottom:0;font-size:12px}.privacy{background:#eef6f2;border:1px solid #dceae5;border-radius:20px;align-items:center;gap:20px;max-width:1124px;margin:0 auto 72px;padding:32px;display:flex}.privacy-icon{width:48px;height:48px;color:var(--accent);background:#fff;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.privacy h2{margin:0 0 6px;font-size:18px}.privacy p{color:#64726d;margin:0;font-size:13px;line-height:1.6}.privacy>span{white-space:nowrap;color:#347062;background:#dceee8;border-radius:99px;margin-left:auto;padding:6px 10px;font-size:11px}footer{border-top:1px solid var(--line);color:#7c8783;align-items:center;gap:30px;max-width:1180px;margin:auto;padding:30px 28px;font-size:12px;display:flex}footer p{margin-right:auto}@media (width<=900px){.popular-grid,.tools-grid{grid-template-columns:repeat(2,1fr)}.converter-grid{grid-template-columns:1fr 1fr}.swap-btn{display:none}}@media (width<=620px){.site-header{height:64px;padding:0 18px}.site-header nav{display:none}.hero{padding:58px 20px 66px}.hero h1{font-size:44px}.hero>p{font-size:15px}.search-box{height:58px}kbd{display:none}.content{padding:0 16px 58px}.popular-grid,.tools-grid{grid-template-columns:1fr}.section-note{display:none}.all-tools{padding-top:58px}.workspace{padding:20px}.converter-grid{grid-template-columns:1fr}.text-panes,.date-inputs{grid-template-columns:1fr;display:grid}.inline-inputs{align-items:center}.result-box strong{font-size:26px}.privacy{align-items:flex-start;margin:0 16px 50px;padding:24px}.privacy>span{display:none}footer{flex-wrap:wrap;margin:0 16px;padding:26px 0}footer p{order:3;width:100%}.quick-links span{width:100%}.tool-card{flex-direction:row;align-items:center;min-height:100px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}