:root{--ink:#16313c;--sub:#52666a;--deep:#0b3c49;--mint:#bce9cf;--sea:#0f786e;--glow:#f2f7ed;--base:#fbfcf8;--paper:#fff;--line:#dce5dd;--accent:#c7ed54;--shadow:0 18px 42px rgba(12,53,61,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--base);color:var(--ink);font-family:system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.75}a{color:var(--sea);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid #b06c09;outline-offset:4px}img{max-width:100%;height:auto;object-fit:contain}p{margin:.6em 0 1.2em}h1,h2,h3{line-height:1.3;letter-spacing:-.025em}h1{font-size:clamp(2.5rem,5.3vw,5.1rem);margin:0 0 .28em}h2{font-size:clamp(1.65rem,3vw,2.7rem);margin:0 0 .65em}h3{font-size:1.18rem;margin:.1em 0 .6em}.eyebrow{font-size:.82rem;letter-spacing:.16em;font-weight:800;color:var(--sea)}.container{max-width:1190px;padding:0 28px;margin:auto}.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:5}.nav-wrap{max-width:1250px;margin:auto;padding:12px 28px;display:flex;align-items:center;gap:32px}.brand{font-size:1.42rem;font-weight:850;display:flex;align-items:center;gap:11px;color:var(--deep);white-space:nowrap}.brand img{border-radius:12px}.brand-dot{color:var(--sea)}.main-nav{display:flex;gap:24px;align-items:center;flex:1;justify-content:center;flex-wrap:wrap}.main-nav a{color:var(--ink);font-size:.94rem;white-space:nowrap}.main-nav a[aria-current]{color:var(--sea);font-weight:800}.download-btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:11px 25px;background:var(--accent);color:#173525!important;border-radius:14px;font-weight:800;box-shadow:0 5px 0 #97b83d;text-decoration:none!important;white-space:nowrap}.download-btn:hover{background:#d7fa7b;transform:translateY(-1px)}.skip-link{position:absolute;transform:translateY(-150%);background:#fff;z-index:20;padding:12px}.skip-link:focus{transform:none}.hero{background:linear-gradient(116deg,#eff7e9 0%,#e8f5f2 65%,#f9faf3);overflow:hidden}.hero-inner{max-width:1250px;margin:auto;padding:95px 28px 78px;display:grid;grid-template-columns:1.13fr .87fr;gap:56px;align-items:center}.hero-lead{font-size:1.2rem;max-width:640px;color:var(--sub)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:30px 0}.text-link{font-weight:750;border-bottom:1px solid currentColor}.hero-visual{position:relative;min-height:455px;display:flex;align-items:center}.hero-visual:before{content:"";position:absolute;inset:7% 2% 5% 6%;background:#cbe9dc;border-radius:48% 52% 36% 64% / 49% 37% 63% 51%;transform:rotate(-10deg)}.hero-visual img{position:relative;max-height:475px;width:100%;filter:drop-shadow(0 19px 25px rgba(25,70,72,.16))}.micro-copy{color:var(--sub);font-size:.87rem}.section{padding:85px 0}.section-heading{max-width:750px;margin-bottom:38px}.section-heading p{color:var(--sub)}.feature-run{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.image-plate{border:1px solid var(--line);background:linear-gradient(135deg,#d4ede1,#f2f5e7);border-radius:32px;min-height:335px;display:grid;place-items:center;padding:30px}.image-plate img{max-height:350px}.list-rule{list-style:none;padding:0}.list-rule li{padding:19px 0;border-bottom:1px solid var(--line)}.list-rule strong{display:block;font-size:1.1rem}.list-rule span{color:var(--sub)}.sideways{background:var(--deep);color:#effaf4;padding:85px 0}.sideways a{color:#dbf791}.sideways p{color:#d8ebeb}.sideways-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.sideways img{max-height:390px;width:100%}.routes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.route-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:29px;box-shadow:var(--shadow)}.route-card p{color:var(--sub)}.route-card .number{font-size:.85rem;letter-spacing:.12em;color:var(--sea);font-weight:800}.two-photo{display:grid;grid-template-columns:1fr 1fr;gap:22px}.two-photo .image-plate:nth-child(2){background:#f3edda}.narrow{max-width:780px}.quiet{background:#ecf4ed}.path-links{display:flex;flex-wrap:wrap;gap:11px}.path-links a{padding:10px 16px;border:1px solid #afcfc0;border-radius:99px;font-weight:700}.cta-band{display:flex;gap:30px;align-items:center;justify-content:space-between;background:#d7eddf;padding:35px 42px;border-radius:25px}.cta-band h2{margin:0}.page-top{padding:70px 0 45px;background:linear-gradient(120deg,#e4f2e7,#f7f8f0)}.page-top h1{font-size:clamp(2.2rem,4.2vw,4rem);max-width:900px}.page-top p{max-width:790px;font-size:1.12rem;color:var(--sub)}.reading{padding:55px 0 90px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:55px;align-items:start}.article-section{padding:22px 0 30px;border-bottom:1px solid var(--line)}.article-section h2{font-size:1.68rem}.article-section h3{font-size:1.08rem;margin-top:25px}.article-section p{color:var(--sub)}.aside{position:sticky;top:25px;padding:22px;border-radius:20px;background:var(--glow)}.aside h2{font-size:1.1rem}.aside a{display:block;margin:11px 0}.inline-download{margin:32px 0;background:#edf7e9;border-radius:22px;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.inline-download p{margin:0}.crumb{font-size:.86rem;margin-bottom:18px;color:var(--sub)}.crumb a{color:inherit}.chapter{margin:45px 0}.chapter p{color:var(--sub)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{background:white;border:1px solid var(--line);padding:27px;border-radius:20px}.step b{color:var(--sea);font-size:1.6rem}.faq-list{display:grid;gap:13px}.faq-list details{background:white;border:1px solid var(--line);padding:17px 23px;border-radius:15px}.faq-list summary{cursor:pointer;font-weight:770;min-height:30px}.faq-list p{color:var(--sub)}.tile-links{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.tile-links a{background:white;border:1px solid var(--line);border-radius:16px;padding:18px;min-height:80px;font-weight:700}.site-footer{background:#0f303c;color:#e5f6f0;padding:55px 28px 22px}.footer-grid{max-width:1190px;margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.footer-grid a{display:block;color:#e8f4ed;margin:7px 0}.footer-grid p{max-width:350px;font-size:.9rem;color:#c4d6d2}.footer-grid strong{display:block;color:#b4ebc8;margin-bottom:14px}.footer-brand{font-size:1.3rem;font-weight:800}.footer-brand span{font-size:.85rem;font-weight:400}.footer-bottom{max-width:1190px;margin:32px auto 0;border-top:1px solid #3a5760;padding-top:18px;display:flex;justify-content:space-between;color:#cad9d6;font-size:.82rem}.footer-bottom a{color:inherit}@media(max-width:990px){.nav-wrap{gap:15px}.main-nav{gap:13px}.hero-inner{gap:20px}.feature-run,.sideways-grid{gap:30px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.tile-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.nav-wrap{padding:13px 18px;flex-wrap:wrap;justify-content:space-between}.main-nav{order:3;width:100%;justify-content:space-between;gap:7px;overflow-x:auto;padding:4px 0}.main-nav a{font-size:.85rem;min-height:36px;display:flex;align-items:center}.nav-wrap>.download-btn{padding:9px 15px}.container{padding:0 19px}.hero-inner{grid-template-columns:1fr;padding:65px 19px 52px}.hero-visual{min-height:240px;max-width:480px;margin:auto}.hero-visual img{max-height:350px}.hero-lead{font-size:1.04rem}.section,.sideways{padding:60px 0}.feature-run,.sideways-grid,.two-photo,.article-layout{grid-template-columns:1fr}.feature-run .image-plate{order:-1}.routes,.step-grid{grid-template-columns:1fr}.image-plate{min-height:230px}.image-plate img{max-height:290px}.page-top{padding:45px 0 30px}.reading{padding:30px 0 60px}.aside{position:static}.cta-band,.inline-download{flex-direction:column;align-items:start;padding:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{gap:10px;flex-wrap:wrap}}@media(max-width:400px){.brand{font-size:1.13rem}.brand img{width:35px;height:35px}.main-nav{justify-content:flex-start;gap:17px}.tile-links{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
