@charset "UTF-8";
:root{--ground:#edf1ef;--white:#fbfcfa;--ink:#17322d;--muted:#4d625b;--line:#c7d1cc;--accent:#176d5a;--yellow:#e3b94e;--orange:#aa452a;--body:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;--radius:12px}*{box-sizing:border-box}html{scroll-padding-top:104px;background:var(--ground);color:var(--ink);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font:16px/1.8 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1,h2,h3,p,figure,ul{margin:0}h1,h2,h3{font-weight:600;line-height:1.4;letter-spacing:-.04em}p{overflow-wrap:break-word}img,svg{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}#main:focus{outline:0}::selection{background:var(--yellow);color:var(--ink)}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 88px));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:12px;left:15px;translate:0 -200%;padding:12px 18px;background:var(--ink);color:var(--white)}.skip-link:focus-visible{translate:0 0}.site-header{position:sticky;top:0;z-index:50;background:#edf1eff5;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{width:min(1392px,calc(100% - 64px));height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:auto}.brand{display:flex;gap:12px;align-items:center;min-height:44px;font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.04em;flex:none}.brand small{display:block;font-size:10px;font-weight:400;color:var(--muted);letter-spacing:.08em;margin-top:6px}.brand-symbol{width:41px;height:41px;border-radius:50%;background:var(--accent);position:relative;display:block;overflow:hidden}.brand-symbol:before,.brand-symbol:after{content:"";position:absolute;height:3px;width:30px;left:5px;top:19px;background:var(--white);rotate:45deg}.brand-symbol:after{rotate:-45deg}.brand-symbol i{position:absolute;z-index:1;width:9px;height:9px;border:2px solid var(--white);background:var(--accent);border-radius:50%;left:5px;top:5px}.brand-symbol i:last-child{left:auto;top:auto;right:5px;bottom:5px}.main-nav{display:flex;gap:32px;font-size:13px}.main-nav a{min-height:44px;display:flex;align-items:center;position:relative}.main-nav a:after{content:"";position:absolute;bottom:1px;left:0;width:0;height:2px;background:var(--accent);transition:width .2s}.main-nav a:hover:after,.main-nav a[aria-current]:after{width:100%}.main-nav a[aria-current]{color:var(--accent);font-weight:600}.menu-button{display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:44px;height:44px;background:none;border:1px solid var(--line);border-radius:8px}.menu-button span{width:18px;height:2px;background:var(--ink);transition:transform .2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{padding-top:35px;padding-bottom:46px}.hero-title{display:flex;align-items:end;justify-content:space-between;gap:60px;padding:0 10px 34px}.intro-tag{display:block;font-size:12px;color:var(--muted);line-height:1.8}.hero h1{font-size:clamp(85px,10.8vw,160px);line-height:1.15;letter-spacing:-.075em;margin-top:15px;margin-left:-7px}.hero-intro{padding-bottom:6px;max-width:400px}.hero-intro h2{font-size:29px;line-height:1.6;letter-spacing:-.04em}.hero-intro p{font-size:14px;color:var(--muted);line-height:1.9;margin-top:17px}.text-link{display:inline-flex;align-items:center;gap:30px;min-height:44px;border-bottom:1px solid var(--accent);font-size:13px;line-height:1.6;padding:8px 0;margin-top:17px}.text-link>span:last-child{font-size:22px;line-height:1;color:var(--accent)}.route-map{position:relative;background:#dce6df;border-radius:var(--radius);border:1px solid #c2d1c6;min-height:490px;overflow:hidden}.map-drawing{width:100%;height:380px;object-fit:contain;position:absolute;left:0;top:0}.city-blocks{color:#cad7cc;opacity:.65}.city-streets{color:#aebfb3;opacity:.6}.route-ghost{color:#98afa0;opacity:.6}.active-paths{stroke:var(--accent)}.active-paths path:not([data-map-path=free]){opacity:0}.map-center{position:absolute;left:50%;top:247px;transform:translate(-50%,-50%);width:66px;height:66px;display:flex;align-items:center;justify-content:center;text-align:center;background:transparent;border-radius:50%;color:#f1f3e8;font-size:14px;font-weight:500;line-height:1.55;letter-spacing:.04em}.map-caption{position:absolute;left:25px;top:20px;font-size:10px;line-height:1.8;color:#405f4c}.route-nodes{position:relative;height:370px}.route-node{position:absolute;display:flex;align-items:center;gap:13px;min-height:80px;padding:14px 16px;border:1px solid #80998b;background:var(--white);border-radius:9px;box-shadow:0 6px 0 #17322d09;min-width:215px;text-align:left;line-height:1.65;transition:box-shadow .2s,background .2s,translate .2s}.route-node:hover{translate:0 -4px;box-shadow:0 10px 0 #17322d10}.route-node strong{display:block;font-size:16px;line-height:1.65;letter-spacing:-.02em}.route-node small{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin-top:3px}.node-dot{width:14px;height:14px;border:3px solid var(--accent);border-radius:50%;background:var(--white);flex:none}.node-arrow{font-size:24px;line-height:1;margin-left:auto;align-self:flex-start;color:var(--accent)}.route-node[aria-pressed=true]{background:var(--ink);color:var(--white);border-color:var(--ink)}.route-node[aria-pressed=true] small,.route-node[aria-pressed=true] .node-arrow{color:#e3eddf}.route-node[aria-pressed=true] .node-dot{border-color:var(--white);background:var(--yellow)}.node-free{left:4.5%;top:135px}.node-software{left:28%;top:48px}.node-app{right:3.5%;top:102px}.node-meet{right:13%;top:255px}.route-result{display:flex;align-items:center;justify-content:space-between;gap:50px;background:var(--white);border-top:1px solid #c2d1c6;padding:20px 25px;min-height:119px;position:relative}.route-result>div>span{font-size:12px;font-weight:600;color:var(--accent);line-height:1.8}.route-result p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:5px;max-width:700px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-height:50px;gap:35px;padding:12px 19px;font-size:13px;line-height:1.7;border-radius:7px;border:1px solid transparent;flex:none;transition:background .2s,box-shadow .2s}.button>span:last-child{font-size:23px;line-height:1}.button-dark{background:var(--ink);color:var(--white)}.button-dark:hover{background:var(--accent);box-shadow:0 4px 0 #17322d24}.button-light{background:var(--white);color:var(--ink)}.button-light:hover{background:#e3eddf;box-shadow:0 4px 0 #10231c33}.section-title{display:flex;align-items:start;justify-content:space-between;gap:55px;margin-bottom:37px}.section-title>span,.section-label{font-size:12px;font-weight:500;line-height:1.8;color:var(--accent);display:block}.section-title h2{font-size:35px;line-height:1.6;max-width:660px;letter-spacing:-.045em}.route-directory{padding:28px 0 66px}.directory-list{border-top:1px solid var(--line)}.directory-item{display:grid;grid-template-columns:55px 1fr 1.5fr 35px;gap:28px;align-items:center;min-height:108px;border-bottom:1px solid var(--line);padding:19px 10px;transition:background .2s,padding .2s}.directory-item:hover{background:#e1e9e3;padding-left:20px}.directory-n{font-size:12px;line-height:1.8;color:var(--accent)}.directory-item h3{font-size:23px;font-weight:500;line-height:1.6;letter-spacing:-.03em}.directory-item p{font-size:14px;color:var(--muted);line-height:1.8;max-width:500px}.directory-arrow{font-size:26px;color:var(--accent);line-height:1;justify-self:end}.free-section{background:var(--yellow);padding:65px 0}.free-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.free-layout .section-label{color:#4b4126}.free-layout h2{font-size:48px;line-height:1.55;margin-top:28px;letter-spacing:-.05em}.free-layout h2 span{display:inline-block;border-bottom:3px solid var(--ink)}.free-layout>div>p{font-size:16px;line-height:1.9;max-width:430px;margin-top:24px}.free-layout .button{margin-top:29px}.free-checks{padding-top:7px}.free-checks>div{display:grid;grid-template-columns:60px 1fr 30px;gap:18px;align-items:center;padding:26px 0;border-bottom:1px solid #62512855}.free-checks>div:first-child{border-top:1px solid #62512855}.free-checks>div>span{font-size:22px;font-weight:600;line-height:1.6}.free-checks p{font-size:15px;line-height:1.8}.free-checks i{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #62512888;border-radius:50%;font:16px/1 Arial,sans-serif}.free-checks small{font-size:11px;display:block;margin-top:18px;color:#4b4126;line-height:1.8}.home-reading{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;padding-top:76px;padding-bottom:56px}.reading-lead{position:sticky;top:120px;align-self:start}.reading-lead h2{font-size:39px;line-height:1.6;letter-spacing:-.045em;margin-top:28px}.reading-lead h2>span{color:var(--accent)}.reading-lead>p{font-size:15px;line-height:2;color:var(--muted);max-width:430px;margin-top:27px}.reading-lead>.text-link{margin-top:24px}.home-essays article{margin-bottom:32px;padding-bottom:30px;border-bottom:1px solid var(--line)}.home-essays h3{font-size:25px;line-height:1.65;font-weight:500;margin-bottom:20px}.home-essays p{font-size:16px;line-height:2;color:var(--muted);margin-top:16px}.meet-section{background:var(--ink);color:var(--white);display:grid;grid-template-columns:.8fr 1.25fr;gap:80px;padding:50px 55px 55px;border-radius:var(--radius)}.meet-sign{align-self:start;padding-top:10px;position:sticky;top:120px}.meet-sign svg{width:100%;max-width:340px;margin-bottom:40px}.meet-sign svg path{stroke:#acc2b2;stroke-width:3}.meet-sign svg path:nth-child(2){stroke:var(--yellow)}.meet-sign svg circle{fill:var(--ink);stroke:var(--yellow);stroke-width:3}.meet-sign>span{font-size:28px;line-height:1.8;letter-spacing:-.03em;color:#dce6d9}.meet-copy>.section-label{color:#d2dfcb}.meet-copy>h2{font-size:35px;line-height:1.6;margin-top:24px;margin-bottom:30px}.meet-copy article{padding-top:24px;border-top:1px solid #a7c0b044;margin-top:25px}.meet-copy article h3{font-size:23px;line-height:1.7;font-weight:500}.meet-copy article p{font-size:16px;line-height:2;color:#d1dfd5;margin-top:16px}.meet-copy>.button{margin-top:30px}.faq-section{display:grid;grid-template-columns:1fr 1.35fr;gap:90px;padding:72px 0}.faq-section>.section-title{display:block;margin:0}.faq-section .section-title h2{font-size:33px;line-height:1.65;margin-top:24px}.faq-list{border-top:1px solid var(--line)}.faq-list article{padding:24px 0;border-bottom:1px solid var(--line)}.faq-list h3{font-size:17px;line-height:1.8;font-weight:500;letter-spacing:-.02em;margin-bottom:14px}.faq-list p{font-size:15px;line-height:2;color:var(--muted)}.site-footer{background:#dce6df;padding:0 44px 22px;border-top:1px solid #bccdc0}.footer-route{height:45px;width:min(1280px,100%);display:flex;align-items:center;margin:auto;gap:0}.footer-route span{height:2px;width:100%;background:#9cb3a2}.footer-route span:last-child{opacity:.3}.footer-route i{display:block;width:18px;height:18px;border-radius:50%;background:var(--ink);border:4px solid #dce6df;outline:1px solid var(--ink);flex:none}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:80px;width:min(1280px,100%);margin:10px auto 0;padding-bottom:35px}.footer-wordmark{display:inline-flex;align-items:center;gap:30px;font-size:48px;font-weight:600;line-height:1.5;letter-spacing:-.065em;min-height:60px}.footer-wordmark>span{font-size:37px;line-height:1;color:var(--accent)}.footer-top>div:first-child>p{font-size:15px;line-height:2;color:var(--muted);margin-top:18px}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:0 25px;font-size:13px;padding-top:7px}.footer-top nav a{display:flex;align-items:center;min-height:44px}.footer-top nav a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:5px}.footer-scope>span{font-size:12px;font-weight:600;display:block;margin-top:14px}.footer-scope p{font-size:13px;line-height:1.95;color:var(--muted);margin-top:20px}.footer-scope>a{font-size:12px;display:inline-flex;align-items:center;min-height:44px;margin-top:8px;text-decoration:underline;text-underline-offset:5px}.footer-base{width:min(1280px,100%);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #b6c8bb;padding-top:13px;font-size:11px;color:var(--muted)}.footer-base a{display:flex;align-items:center;min-height:44px;flex:none}.inner-heading{padding-top:23px;padding-bottom:43px;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted);margin-bottom:23px}.breadcrumb a{display:flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.inner-heading>.intro-tag{font-size:12px;color:var(--accent)}.inner-heading h1{font-size:48px;line-height:1.55;max-width:1000px;margin-top:22px;letter-spacing:-.05em}.inner-heading>p{font-size:17px;line-height:2;color:var(--muted);max-width:900px;margin-top:27px}.inner-route{display:flex;align-items:center;gap:0;margin-top:34px;max-width:350px}.inner-route span{height:2px;width:60%;background:var(--accent)}.inner-route span:last-child{width:40%;opacity:.2}.inner-route i{width:12px;height:12px;border:3px solid var(--accent);border-radius:50%;background:var(--ground);flex:none}.comparison{padding-top:40px}.comparison>h2{font-size:26px;line-height:1.7;font-weight:500}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:27px}.compare-grid article{padding:25px 25px 28px;border-top:3px solid var(--accent);background:#e0e8e2}.compare-grid article:nth-child(2){background:#e4e9d7;border-color:#68753e}.compare-grid article:nth-child(3){background:#e8e1d4;border-color:#86693e}.compare-grid article>span{font-size:12px;color:var(--muted)}.compare-grid h3{font-size:22px;line-height:1.65;margin-top:17px;font-weight:500}.compare-grid p{font-size:15px;line-height:1.95;margin-top:16px;color:var(--muted)}.free-callout{display:flex;align-items:center;gap:28px;background:var(--yellow);padding:27px 35px;border-radius:8px;margin-top:35px}.free-callout>span{font-size:80px;line-height:1}.free-callout h2{font-size:28px;line-height:1.7}.free-callout p{font-size:15px;margin-top:8px;line-height:1.9}.article-layout{display:grid;grid-template-columns:.8fr 2fr;gap:90px;padding:55px 0 0}.article-index{position:sticky;top:120px;align-self:start}.article-index>span{font-size:12px;color:var(--accent)}.article-index nav{display:grid;margin-top:22px}.article-index a{display:flex;align-items:baseline;gap:13px;border-top:1px solid var(--line);padding:12px 0;min-height:44px;font-size:13px;line-height:1.9;color:var(--muted)}.article-index a:last-child{border-bottom:1px solid var(--line)}.article-index a i{width:8px;height:8px;border-radius:50%;border:2px solid #608472;flex:none}.article-index a:hover{color:var(--accent)}.article-index a:hover i{background:var(--accent)}.article-index time{display:block;font-size:11px;line-height:1.9;color:var(--muted);margin-top:25px}.article-body{max-width:800px}.article-body>section{padding-bottom:34px;margin-bottom:33px;border-bottom:1px solid var(--line);scroll-margin-top:115px}.article-body h2{font-size:29px;line-height:1.65;margin-bottom:23px;font-weight:500;letter-spacing:-.035em}.article-body p{font-size:17px;line-height:2;color:var(--muted);margin-top:17px}.next-route{padding:5px 0 65px}.next-route>span{font-size:12px;color:var(--accent)}.next-route>div{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:20px}.next-route a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;font-size:14px;border-bottom:1px solid var(--line)}.next-route a>span{font-size:24px;line-height:1;color:var(--accent)}.next-route a:hover{border-color:var(--accent)}.not-found{min-height:650px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:60px 0}.error-code{font-size:220px;line-height:1;letter-spacing:-.1em;color:#607969;font-weight:600}.not-found h1{font-size:50px;line-height:1.55;margin-top:20px}.not-found p{font-size:16px;line-height:1.9;color:var(--muted);max-width:400px;margin-top:22px}.not-found .button{margin-top:27px}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header-inner{width:calc(100% - 48px);gap:25px}.main-nav{gap:24px}.hero-title{gap:40px}.hero-intro h2{font-size:26px}.hero h1{font-size:125px}.route-node{min-width:195px;padding:13px 14px;gap:11px}.route-node strong{font-size:15px}.node-software{left:29%;top:39px}.node-free{left:3%;top:139px}.node-app{right:2%;top:110px}.node-meet{right:10%;top:265px}.route-result{gap:30px}.section-title h2{font-size:31px}.directory-item{grid-template-columns:40px 1fr 1.3fr 30px;gap:20px}.directory-item h3{font-size:22px}.free-layout{gap:65px}.free-layout h2{font-size:42px}.home-reading{gap:65px}.reading-lead h2{font-size:34px}.home-essays h3{font-size:24px}.meet-section{gap:55px;padding:43px}.meet-copy>h2{font-size:31px}.meet-sign>span{font-size:25px}.faq-section{gap:65px}.faq-section .section-title h2{font-size:30px}.footer-top{gap:45px}.inner-heading h1{font-size:43px}.article-layout{gap:60px}.article-body h2{font-size:27px}.not-found{gap:45px}.error-code{font-size:180px}}
@media(max-width:850px){.header-inner{height:76px}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;padding:18px 25px 24px;background:var(--ground);border-bottom:1px solid var(--line);box-shadow:0 12px 20px #17322d0a}.main-nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px}.main-nav a{font-size:14px;min-height:44px;padding:5px}.menu-button{display:flex}.hero{padding-top:29px}.hero-title{gap:35px;padding-bottom:26px;align-items:start}.hero h1{font-size:106px;margin-top:20px}.hero-intro{max-width:310px;padding-top:5px}.hero-intro h2{font-size:23px}.hero-intro p{font-size:13px;margin-top:14px}.hero-title .intro-tag{font-size:11px}.text-link{font-size:12px;gap:22px;margin-top:14px}.route-map{min-height:480px}.map-drawing{height:365px;width:100%;object-fit:cover}.map-center{top:230px;width:64px;height:64px;font-size:12px}.route-nodes{height:370px}.route-node{min-width:175px;min-height:75px;padding:12px;gap:9px}.route-node strong{font-size:13px}.route-node small{font-size:10px}.node-dot{width:12px;height:12px;border-width:2px}.node-arrow{font-size:21px}.node-free{left:3%;top:146px}.node-software{left:28%;top:45px}.node-app{right:2%;top:125px}.node-meet{right:7%;top:280px}.map-caption{left:20px;top:17px;font-size:9px}.route-result{padding:18px 20px;gap:25px;min-height:110px}.route-result p{font-size:13px;line-height:1.9}.route-result>div>span{font-size:11px}.route-result .button{font-size:12px;gap:22px;min-height:48px;padding-inline:15px}.route-directory{padding-top:15px;padding-bottom:50px}.section-title{gap:30px}.section-title h2{font-size:28px}.section-title>span{font-size:11px;min-width:125px}.directory-item{grid-template-columns:30px 1fr 1.1fr 25px;gap:18px;min-height:115px;padding-inline:5px}.directory-item h3{font-size:20px}.directory-item p{font-size:13px}.free-section{padding-block:50px}.free-layout{gap:40px}.free-layout h2{font-size:36px;margin-top:23px}.free-layout>div>p{font-size:15px}.free-checks>div{grid-template-columns:48px 1fr 26px;gap:12px;padding:23px 0}.free-checks>div>span{font-size:20px}.free-checks p{font-size:13px}.free-checks i{width:25px;height:25px;font-size:14px}.home-reading{gap:42px;padding-top:55px;padding-bottom:35px}.reading-lead h2{font-size:30px;margin-top:23px}.reading-lead>p{font-size:14px}.home-essays h3{font-size:23px}.home-essays p{font-size:15px}.meet-section{padding:32px;gap:35px;grid-template-columns:.7fr 1.2fr}.meet-sign svg{margin-bottom:26px}.meet-sign>span{font-size:22px}.meet-copy>h2{font-size:28px}.meet-copy article h3{font-size:21px}.meet-copy article p{font-size:15px}.faq-section{padding-block:55px;gap:40px;grid-template-columns:1fr 1.4fr}.faq-section .section-title h2{font-size:27px}.faq-list h3{font-size:16px}.faq-list p{font-size:14px}.site-footer{padding-inline:32px}.footer-top{grid-template-columns:1.05fr 1fr;gap:30px}.footer-scope{grid-column:2}.footer-top>div:first-child{grid-row:1 / span 2}.footer-wordmark{font-size:42px;gap:22px}.footer-top>div:first-child>p{font-size:14px}.footer-top nav{gap:0 18px;font-size:12px}.footer-scope p{font-size:12px;margin-top:14px}.footer-scope>span{margin-top:4px}.footer-base{font-size:10px}.inner-heading h1{font-size:36px}.inner-heading>p{font-size:16px}.compare-grid{gap:17px}.compare-grid article{padding:21px}.compare-grid h3{font-size:20px}.compare-grid p{font-size:14px}.article-layout{gap:36px;grid-template-columns:.8fr 1.9fr;padding-top:43px}.article-index a{font-size:12px;gap:10px}.article-index time{font-size:10px}.article-body h2{font-size:25px}.article-body p{font-size:16px}.next-route>div{grid-template-columns:1fr 1fr;gap:0 30px}.free-callout h2{font-size:24px}.not-found{min-height:580px;gap:30px}.error-code{font-size:150px}.not-found h1{font-size:39px}.not-found p{font-size:15px}}
@media(max-width:600px){html{scroll-padding-top:95px}.wrap{width:calc(100% - 40px)}.header-inner{width:calc(100% - 32px);height:72px;gap:15px}.brand{font-size:20px;gap:10px}.brand small{font-size:9px;margin-top:5px}.brand-symbol{width:36px;height:36px}.brand-symbol:before,.brand-symbol:after{width:26px;left:5px;top:17px;height:2px}.brand-symbol i{width:8px;height:8px;border-width:2px;left:5px;top:5px}.brand-symbol i:last-child{left:auto;top:auto;right:5px;bottom:5px}.main-nav{top:72px;padding:17px 20px 22px}.main-nav.is-open{gap:8px 25px}.main-nav a{font-size:14px}.hero{padding-top:27px;padding-bottom:35px}.hero-title{display:block;padding:0 0 26px}.hero-title .intro-tag{font-size:11px}.hero h1{font-size:100px;line-height:1.2;letter-spacing:-.09em;margin-top:15px;margin-left:-5px}.hero-intro{max-width:none;padding:0;margin-top:22px}.hero-intro h2{font-size:27px;line-height:1.6}.hero-intro p{font-size:15px;line-height:1.95;margin-top:16px}.hero-intro .text-link{font-size:12px;margin-top:15px;gap:27px}.route-map{min-height:0;border-radius:10px}.map-drawing{width:100%;height:290px;position:absolute;top:55px;opacity:.65;object-fit:cover}.map-center{display:none}.map-caption{position:static;display:block;font-size:10px;padding:16px 17px 0;color:#405f4c}.route-nodes{display:grid;grid-template-columns:1fr 1fr;gap:13px;height:auto;padding:18px 15px 22px;position:relative}.route-node{position:relative;inset:auto;min-width:0;width:100%;min-height:114px;display:block;padding:15px 13px;box-shadow:0 4px 0 #17322d09;border-radius:7px}.route-node strong{font-size:14px;line-height:1.7;letter-spacing:-.04em}.route-node small{font-size:10px;line-height:1.8;margin-top:5px}.node-dot{display:block;width:11px;height:11px;margin-bottom:13px}.node-arrow{position:absolute;right:12px;top:11px;font-size:20px}.route-node:hover{translate:0 -2px;box-shadow:0 6px 0 #17322d10}.route-result{display:block;padding:19px 17px 21px;min-height:221px}.route-result>div>span{font-size:12px}.route-result p{font-size:14px;line-height:1.9;min-height:79px;margin-top:7px}.route-result .button{font-size:12px;min-height:48px;padding:11px 16px;gap:28px;margin-top:15px}.route-directory{padding-top:6px;padding-bottom:39px}.section-title{display:block;margin-bottom:28px}.section-title>span,.section-label{font-size:11px;line-height:1.9}.section-title h2{font-size:27px;line-height:1.65;margin-top:19px;max-width:none}.directory-item{grid-template-columns:25px 1fr 23px;gap:8px 13px;min-height:0;padding:22px 0}.directory-n{font-size:10px;align-self:start;padding-top:5px}.directory-item h3{font-size:23px;line-height:1.6;grid-column:2}.directory-item p{grid-column:2;grid-row:2;font-size:15px;line-height:1.95;max-width:none;margin-top:3px}.directory-arrow{font-size:23px;grid-column:3;grid-row:1}.directory-item:hover{padding-left:5px}.free-section{padding-block:40px}.free-layout{display:block}.free-layout h2{font-size:37px;line-height:1.6;margin-top:22px}.free-layout>div>p{font-size:16px;line-height:1.95;margin-top:24px;max-width:none}.free-layout .button{font-size:12px;margin-top:25px;gap:30px;min-height:50px}.free-checks{padding-top:34px}.free-checks>div{grid-template-columns:52px 1fr 25px;gap:16px;padding:22px 0}.free-checks>div>span{font-size:21px}.free-checks p{font-size:15px;line-height:1.95}.free-checks small{font-size:11px;line-height:1.9;margin-top:18px}.home-reading{display:block;padding:40px 0 15px}.reading-lead{position:static}.reading-lead h2{font-size:33px;line-height:1.65;margin-top:23px}.reading-lead h2 br:nth-child(2){display:none}.reading-lead>p{font-size:16px;line-height:2;margin-top:23px;max-width:none}.reading-lead .text-link{font-size:12px;margin-top:18px;gap:26px}.home-essays{margin-top:31px}.home-essays article{padding:25px 0 27px;margin:0;border-top:1px solid var(--line);border-bottom:0}.home-essays h3{font-size:24px;line-height:1.65;margin-bottom:18px}.home-essays p{font-size:16px;line-height:2;margin-top:15px}.meet-section{display:flex;flex-direction:column;gap:30px;padding:28px 24px 33px;border-radius:10px}.meet-sign{position:relative;top:auto;width:100%;padding:0;display:flex;align-items:center;gap:15px;justify-content:space-between}.meet-sign svg{width:45%;max-width:150px;margin:0}.meet-sign>span{font-size:20px;line-height:1.85;letter-spacing:-.04em}.meet-copy>.section-label{font-size:11px}.meet-copy>h2{font-size:28px;line-height:1.65;margin-top:20px;margin-bottom:23px}.meet-copy article{padding-top:21px;margin-top:22px}.meet-copy article h3{font-size:23px;line-height:1.7}.meet-copy article p{font-size:16px;line-height:2;margin-top:15px}.meet-copy .button{font-size:12px;min-height:50px;gap:25px;margin-top:26px}.faq-section{display:block;padding:41px 0}.faq-section .section-title h2{font-size:28px;line-height:1.65;margin-top:19px}.faq-list{margin-top:27px}.faq-list article{padding:23px 0}.faq-list h3{font-size:17px;line-height:1.8;margin-bottom:14px}.faq-list p{font-size:16px;line-height:2}.site-footer{padding:0 20px 20px}.footer-route{height:38px}.footer-top{display:block;margin:7px auto 0;padding-bottom:27px}.footer-wordmark{font-size:48px;gap:35px;min-height:66px}.footer-wordmark>span{font-size:37px}.footer-top>div:first-child>p{font-size:16px;line-height:1.95;margin-top:16px}.footer-top nav{grid-template-columns:1fr 1fr;gap:0 25px;font-size:14px;margin-top:24px;padding:0}.footer-top nav a{min-height:44px}.footer-scope{padding-top:23px;margin-top:21px;border-top:1px solid #b6c8bb}.footer-scope>span{font-size:12px;margin:0}.footer-scope p{font-size:14px;line-height:1.95;margin-top:17px}.footer-scope>a{font-size:12px;margin-top:10px}.footer-base{display:block;padding-top:17px;font-size:10px;line-height:1.9}.footer-base a{font-size:11px;min-height:44px;display:inline-flex;margin-top:8px}.inner-heading{padding-top:16px;padding-bottom:31px}.breadcrumb{font-size:11px;gap:13px;margin-bottom:20px}.inner-heading>.intro-tag{font-size:11px}.inner-heading h1{font-size:33px;line-height:1.6;margin-top:20px;letter-spacing:-.05em}.inner-heading>p{font-size:16px;line-height:2;margin-top:23px;max-width:none}.inner-route{max-width:240px;margin-top:25px}.comparison{padding-top:32px}.comparison>h2{font-size:25px;line-height:1.7}.compare-grid{display:block;margin-top:23px}.compare-grid article{padding:25px;margin-top:16px}.compare-grid article>span{font-size:11px}.compare-grid h3{font-size:24px;line-height:1.6;margin-top:16px}.compare-grid p{font-size:16px;line-height:1.95;margin-top:15px}.free-callout{gap:18px;padding:22px;margin-top:29px;align-items:start}.free-callout>span{font-size:52px;line-height:1.25}.free-callout h2{font-size:24px;line-height:1.65}.free-callout p{font-size:15px;line-height:1.95;margin-top:14px}.article-layout{display:block;padding-top:31px}.article-index{position:static;background:#dfe8e2;padding:23px;border-radius:8px;margin-bottom:31px}.article-index>span{font-size:12px}.article-index nav{margin-top:17px}.article-index a{font-size:13px;line-height:1.85;min-height:44px;padding:12px 0;gap:12px;border-color:#bbccc0}.article-index time{font-size:11px;line-height:1.9;margin-top:20px}.article-body>section{padding-bottom:29px;margin-bottom:29px}.article-body h2{font-size:26px;line-height:1.65;margin-bottom:20px;letter-spacing:-.035em}.article-body p{font-size:17px;line-height:2;margin-top:17px}.next-route{padding:0 0 40px}.next-route>span{font-size:12px}.next-route>div{grid-template-columns:1fr 1fr;gap:0 22px;margin-top:18px}.next-route a{font-size:13px;min-height:66px;gap:15px}.next-route a>span{font-size:23px}.not-found{display:block;min-height:0;padding:42px 0 50px}.error-code{font-size:150px;line-height:1;display:block;margin-bottom:30px}.not-found h1{font-size:37px;line-height:1.65;margin-top:19px}.not-found p{font-size:16px;line-height:2;max-width:none}.not-found .button{margin-top:25px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.header-inner{width:calc(100% - 28px)}.brand{font-size:19px}.hero h1{font-size:87px}.hero-intro h2{font-size:25px}.route-nodes{gap:11px;padding-inline:12px}.route-node{padding:14px 10px;min-height:119px}.route-node strong{font-size:13px}.route-node small{font-size:9px}.node-arrow{right:9px}.map-caption{font-size:9px;padding-inline:15px}.route-result{padding-inline:15px}.route-result p{font-size:14px;min-height:105px}.route-result .button{margin-top:13px}.section-title h2{font-size:25px}.directory-item h3{font-size:21px}.free-layout h2{font-size:33px}.free-checks>div{gap:12px;grid-template-columns:48px 1fr 24px}.free-checks p{font-size:14px}.reading-lead h2{font-size:30px}.meet-section{padding-inline:21px}.meet-sign>span{font-size:18px}.meet-copy>h2{font-size:25px}.meet-copy article h3{font-size:21px}.faq-section .section-title h2{font-size:26px}.inner-heading h1{font-size:30px}.free-callout{gap:14px;padding-inline:18px}.free-callout>span{font-size:45px}.free-callout h2{font-size:22px}.article-body h2{font-size:24px}.next-route a{font-size:12px;gap:10px}.error-code{font-size:135px}}
.navigation-route{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;overflow:visible}.navigation-route>span{display:block;width:100%;height:2px;background:var(--accent);transform-origin:left;opacity:.28}.navigation-route>i{position:absolute;right:0;top:-2px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.compare-tool,.cost-tool{margin-top:28px;background:#e0e9e2;border:1px solid #b4c8ba;border-radius:10px;padding:27px;color:var(--ink)}.tool-heading{display:flex;gap:17px;align-items:start;margin-bottom:24px}.tool-station{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:50%;background:var(--ink);color:var(--white);font-size:23px;flex:none;line-height:1}.tool-heading h3{font-size:22px;font-weight:500;line-height:1.65;letter-spacing:-.025em}.article-body .tool-heading p{font-size:14px;line-height:1.9;margin-top:12px;color:#405c4b}.compare-tool table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.compare-tool caption{font-size:12px;line-height:1.8;color:#405c4b;text-align:left;padding:0 0 14px}.compare-tool th,.compare-tool td{padding:15px 10px;border-bottom:1px solid #b4c8ba;vertical-align:middle}.compare-tool thead th{font-size:12px;font-weight:500;border-top:1px solid #b4c8ba;padding-block:11px}.compare-tool tbody th{width:42%;padding-left:0;font-weight:400}.compare-tool th strong{font-weight:500;font-size:14px;display:block;line-height:1.7}.compare-tool th small{display:block;font-size:11px;line-height:1.85;color:#405c4b;margin-top:5px;max-width:210px}.compare-tool td{width:29%;padding-right:0}.compare-tool select{font:13px/1.8 var(--body);color:var(--ink);width:100%;min-height:44px;padding:7px 21px 7px 10px;background:var(--white);border:1px solid #809b89;border-radius:6px;cursor:pointer}.compare-tool select:hover{border-color:var(--ink);box-shadow:0 3px 0 #17322d12}.compare-tool select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.compare-summary{min-height:66px;margin-top:17px}.article-body .compare-summary p{font-size:13px;line-height:1.95;margin:0;color:var(--ink)}.tool-reset{display:inline-flex;align-items:center;gap:25px;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid #809b89;background:none;font-size:13px;line-height:1.8;color:var(--accent)}.tool-reset>span{display:inline-block;font-size:23px;line-height:1;transition:rotate .2s}.tool-reset:hover>span{rotate:90deg}.tool-footnote{display:block;font-size:11px;line-height:1.9;color:#405c4b;margin-top:17px}.cost-tool ol{list-style:none;margin:0;padding:0}.cost-tool li{position:relative}.cost-tool li:not(:last-child):before{content:"";position:absolute;left:10px;width:2px;background:#95b39e;top:34px;bottom:-10px}.cost-tool label{position:relative;display:flex;align-items:start;gap:17px;min-height:82px;padding:10px 0 16px;cursor:pointer}.cost-tool input{position:absolute;left:0;top:13px;width:22px;height:22px;margin:0;opacity:0;cursor:pointer}.cost-node{display:block;width:22px;height:22px;border:2px solid var(--accent);border-radius:50%;background:var(--white);flex:none;position:relative;margin-top:3px}.cost-tool input:checked+.cost-node{background:var(--accent);box-shadow:inset 0 0 0 4px #e0e9e2}.cost-tool input:focus-visible+.cost-node{outline:3px solid var(--orange);outline-offset:4px}.cost-tool label:hover .cost-node{translate:0 -2px;box-shadow:0 3px 0 #17322d20}.cost-tool label strong{display:block;font-size:16px;line-height:1.8;font-weight:500}.cost-tool label small{display:block;font-size:13px;line-height:1.9;color:#405c4b;margin-top:5px}.cost-progress{height:5px;background:#b4c8ba;margin-top:13px;overflow:hidden;border-radius:3px}.cost-progress span{display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.article-body .cost-status{font-size:13px;line-height:1.95;min-height:52px;margin-top:17px;color:var(--ink)}.permission-note{display:flex;align-items:start;gap:23px;background:#dfe8dc;padding:27px;border-left:4px solid var(--accent);margin-top:26px}.permission-note>span{font-size:45px;line-height:1;flex:none;color:var(--accent)}.permission-note h3{font-size:24px;line-height:1.6;font-weight:500}.article-body .permission-note p{font-size:15px;line-height:1.95;margin-top:17px}.meet-example{background:#e5e9d6;padding:28px;margin-top:27px;border-radius:10px}.meet-example>span{font-size:12px;color:#4f6038}.meet-example blockquote{font-size:23px;line-height:1.9;font-weight:500;letter-spacing:-.025em;margin:21px 0 0}.article-body .meet-example p{font-size:13px;line-height:1.9;color:#4f6038;margin-top:20px}
@media(max-width:850px){.compare-tool,.cost-tool{padding:23px}.compare-tool th,.compare-tool td{padding-inline:7px}.compare-tool select{font-size:12px;padding-left:7px}.compare-tool th small{font-size:10px}.tool-heading{gap:13px}.tool-heading h3{font-size:21px}.permission-note{padding:24px;gap:18px}.permission-note h3{font-size:22px}.meet-example{padding:24px}.meet-example blockquote{font-size:21px}}
@media(max-width:600px){.footer-base>span{display:block}.footer-base>a{display:flex;width:max-content;margin-top:8px}.compare-tool,.cost-tool{padding:23px 20px;margin-top:25px}.tool-heading{gap:13px;margin-bottom:23px}.tool-heading h3{font-size:23px;line-height:1.65}.tool-station{width:30px;height:30px;font-size:22px;margin-top:2px}.article-body .tool-heading p{font-size:15px;line-height:1.95;margin-top:14px}.compare-tool table,.compare-tool tbody,.compare-tool tr{display:block}.compare-tool thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.compare-tool tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:13px;border-top:1px solid #b4c8ba;padding:18px 0}.compare-tool tbody tr:last-child{border-bottom:1px solid #b4c8ba}.compare-tool tbody th{display:block;grid-column:1/-1;width:auto;padding:0;border:0}.compare-tool th strong{font-size:17px}.compare-tool th small{font-size:13px;line-height:1.9;max-width:none;margin-top:5px}.compare-tool td{display:block;width:auto;padding:0;border:0}.compare-tool td:before{content:attr(data-label);font-size:12px;color:#405c4b;display:block;margin-bottom:7px}.compare-tool select{font-size:14px;min-height:46px;padding:8px 22px 8px 10px}.compare-tool caption{font-size:12px;line-height:1.9;padding-bottom:16px}.compare-summary{min-height:90px;margin-top:19px}.article-body .compare-summary p{font-size:14px;line-height:2}.tool-reset{font-size:13px;min-height:46px;gap:30px}.tool-footnote{font-size:12px;line-height:1.95;margin-top:18px}.cost-tool label{gap:15px;min-height:98px;padding-bottom:18px}.cost-tool label strong{font-size:17px}.cost-tool label small{font-size:15px;line-height:1.95;margin-top:7px}.article-body .cost-status{font-size:15px;line-height:1.95;min-height:87px;margin-top:19px}.permission-note{display:block;padding:25px 22px}.permission-note>span{font-size:39px;display:block;margin-bottom:18px}.permission-note h3{font-size:24px}.article-body .permission-note p{font-size:16px;line-height:2;margin-top:17px}.meet-example{padding:25px 22px}.meet-example>span{font-size:12px}.meet-example blockquote{font-size:24px;line-height:1.9;margin-top:20px}.article-body .meet-example p{font-size:14px;line-height:1.95}.map-drawing circle{display:none}}
@media(max-width:380px){.compare-tool,.cost-tool{padding-inline:17px}.tool-heading{gap:11px}.tool-heading h3{font-size:21px}.compare-tool select{font-size:13px;padding-left:7px}.compare-tool tbody tr{gap:12px}.permission-note h3{font-size:22px}.meet-example blockquote{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.cost-tool input{position:static;width:24px;height:24px;opacity:1;accent-color:var(--accent);flex:none;margin:3px 0 0}.cost-node{display:none}.cost-tool input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.cost-tool label:hover input{translate:0 -2px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.article-body .comparison-caption{display:block;width:100%;font-size:12px;line-height:1.9;color:#405c4b;margin:0 0 17px}.tool-actions{display:flex;flex-wrap:wrap;gap:8px 25px}.tool-actions .tool-reset:first-child{font-weight:500}.article-index .reading-position{font-size:12px;line-height:1.85;padding:13px 15px;background:#dce6df;border-left:3px solid var(--accent);color:var(--ink);margin-top:19px;min-height:70px}.article-index nav{position:relative}.article-index nav:before{content:"";position:absolute;left:3px;top:24px;bottom:24px;width:2px;background:#b0c3b6;z-index:-1}.article-index nav a i{background:var(--ground)}.article-index nav a[aria-current=location]{color:var(--accent);font-weight:600}.article-index nav a[aria-current=location] i{background:var(--accent);outline:3px solid #d8e6db}.article-index nav a[aria-current=location] span{translate:3px 0}.article-index nav a span{display:block;transition:translate .2s}
@media(max-width:600px){.article-body .comparison-caption{font-size:14px;line-height:1.95;margin-bottom:19px}.tool-actions{display:block}.tool-actions .tool-reset{display:flex;width:max-content;max-width:100%;margin-top:9px}.article-index .reading-position{font-size:13px;line-height:1.9;min-height:0;padding:13px 14px;margin-top:17px}.article-index nav a i{background:#dfe8e2}}
h1,h2,h3{text-wrap:balance}.candidate-names{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 25px}.candidate-names label{font-size:12px;line-height:1.9;color:#405c4b;display:block;min-width:0}.candidate-names input{font:14px/1.8 var(--body);display:block;width:100%;min-width:0;min-height:46px;border:1px solid #809b89;border-radius:6px;background:var(--white);color:var(--ink);padding:9px 12px;margin-top:8px}.candidate-names input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.candidate-names input:hover{border-color:var(--ink)}.candidate-names input::placeholder{color:#4d625b;opacity:1}.example-case{margin-top:28px;padding:27px;border-left:4px solid var(--accent);background:#e2eadb}.example-case>span{display:block;font-size:12px;line-height:1.8;color:#405c35}.example-case h3{font-size:25px;line-height:1.7;margin-top:19px;font-weight:500;letter-spacing:-.03em}.example-case dl{margin:22px 0 0}.example-case dl>div{padding:17px 0;border-top:1px solid #aec0a9}.example-case dt{font-size:12px;color:#405c35;line-height:1.9}.example-case dd{margin:8px 0 0;font-size:15px;line-height:1.95;color:var(--ink)}
@media(max-width:600px){.candidate-names{display:block;margin-bottom:25px}.candidate-names label{font-size:13px;margin-top:18px}.candidate-names label:first-child{margin-top:0}.candidate-names input{font-size:16px;min-height:48px;margin-top:8px}.example-case{padding:24px 20px;margin-top:25px}.example-case h3{font-size:26px;line-height:1.65;margin-top:17px}.example-case dl{margin-top:22px}.example-case dt{font-size:12px}.example-case dd{font-size:16px;line-height:2;margin-top:9px}.compare-tool td:before{overflow-wrap:anywhere}}

.compare-tool .tool-heading h3>span{display:inline-block;white-space:nowrap}

/* 原生 HTML 的小幅反馈，系统减少动效设置优先。 */
.hover-mark{transition:translate .22s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.has-hover-mark:hover .hover-mark{translate:4px -3px}}
.cost-progress>span{transition:transform .25s ease}
@media(prefers-reduced-motion:reduce){.hover-mark,.cost-progress>span{transition:none!important}}