*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden} :root{--page:#F6F5F1;--surface:#FFFFFF;--surface-soft:#EDEFEA;--ink:#202A28;--muted:#596560;--primary:#23665D;--primary-dark:#184B44;--accent:#B27A46;--line:#D9DEDA;--footer:#1B302D;--max:1180px;--article:780px}a{color:var(--primary);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 64px));margin:0 auto}.site-header{background:var(--surface);border-bottom:1px solid var(--line);position:relative;z-index:20}.header-row{height:68px;display:flex;align-items:center;gap:22px;min-width:0}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;min-width:0;flex:0 1 auto}.brand-logo{height:32px;max-width:150px;width:auto;object-fit:contain}.brand-name{font-weight:700;white-space:nowrap}.main-nav{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;flex:1}.nav-link,.tool-link{display:inline-flex;min-height:44px;align-items:center;padding:0 10px;color:var(--ink);text-decoration:none;border-radius:8px;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--primary);background:var(--surface-soft);text-decoration:underline}.header-tools{display:flex;align-items:center;gap:4px;white-space:nowrap}.menu-btn{min-height:44px;padding:0 12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;cursor:pointer}.menu-btn:hover,.menu-btn[aria-expanded="true"]{border-color:var(--primary);background:var(--surface-soft)}[hidden]{display:none!important}.mega{position:absolute;top:68px;left:50%;transform:translateX(-50%);width:min(920px,calc(100% - 48px));background:var(--surface);border:1px solid var(--line);box-shadow:0 16px 36px rgba(20,35,32,.12);padding:20px;border-radius:0 0 14px 14px}.mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mega h3{font-size:15px;margin:0 0 10px}.mega a{display:block;padding:8px 0;text-decoration:none;color:var(--ink);border-top:1px solid var(--line)}.mega a span{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:2px}.mobile-toggle,.mobile-panel{display:none}.page-hero{padding:38px 0 28px}.crumbs{font-size:14px;color:var(--muted);margin-bottom:8px}.crumbs a{color:var(--muted)}h1,h2,h3{line-height:1.3;color:var(--ink)}h1{font-size:32px;margin:0 0 14px}h2{font-size:24px;margin:0 0 14px}h3{font-size:18px;margin:0 0 10px}.lead{max-width:780px;color:var(--muted);margin:0}.section{padding:56px 0}.section.soft{background:var(--surface-soft)}.section.white{background:var(--surface)}.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.compact{padding:18px 0;border-top:1px solid var(--line)}.kicker{display:inline-block;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.04em;margin-bottom:8px}.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:9px;text-decoration:none;border:1px solid var(--primary);background:var(--primary);color:#fff;font-weight:700}.btn.secondary{background:transparent;color:var(--primary)}.article{width:min(var(--article),calc(100% - 64px));margin:0 auto}.article p{margin:0 0 18px}.article section{margin:0 0 34px}.article ul,.article ol{padding-left:1.4em}.article li{margin-bottom:9px}.media-box{display:flex;align-items:center;justify-content:center;min-width:0}.media-wide img{width:auto;max-width:100%;max-height:250px;object-fit:contain}.media-normal img{width:auto;max-width:100%;max-height:230px;object-fit:contain}.media-app img{width:auto;max-width:240px;max-height:340px;object-fit:contain}.small-icon{width:56px;height:56px;object-fit:contain}.home-hero{padding:48px 0}.home-hero .grid-2{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.route-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.route-item{padding:16px 18px;border-left:3px solid var(--accent);background:var(--surface)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:step}.step{padding:0 0 0 46px;position:relative}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:700}.note{background:#E7F0EC;border-left:4px solid var(--primary);padding:22px;border-radius:10px}.list-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.list-links a{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:12px 14px;text-decoration:none}.mobile-promo{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:center}.icon-copy{display:flex;align-items:flex-start;gap:16px}.site-footer{background:var(--footer);color:#F4F5F1;padding:44px 0 28px}.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.site-footer h3{color:#fff}.site-footer a{color:#D7F1E9}.site-footer p{color:#D6DEDA}.footer-bottom{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:14px}.mobile-bottom{display:none}.faq-item{border-top:1px solid var(--line);padding:20px 0}.faq-item h2{font-size:19px}.tag{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:13px;color:var(--muted);margin:0 6px 6px 0}.archive-row{padding:22px 0;border-top:1px solid var(--line)}
@media(max-width:1020px){.brand-name{display:none}.main-nav{gap:0}.nav-link{padding:0 7px;font-size:14px}.tool-link{font-size:14px}.header-row{gap:10px}}
@media(max-width:800px){.grid-2,.home-hero .grid-2,.mobile-promo{grid-template-columns:1fr}.grid-3,.route-row,.steps{grid-template-columns:1fr}.media-box{order:2}.list-links{grid-template-columns:1fr}.article{width:min(var(--article),calc(100% - 48px))}}
@media(max-width:767px){.wrap{width:calc(100% - 32px)}.site-header{position:relative}.header-row{height:60px}.brand-logo{height:27px}.brand-name{display:block;font-size:15px;white-space:normal;line-height:1.25}.main-nav,.header-tools{display:none}.mobile-toggle{display:inline-flex;margin-left:auto}.mobile-panel{display:block;background:var(--surface);border-top:1px solid var(--line);padding:10px 16px 14px}.mobile-panel a{display:flex;align-items:center;min-height:44px;padding:7px 8px;border-radius:8px;color:var(--ink);text-decoration:none}.mobile-panel a.active{background:var(--surface-soft);color:var(--primary);text-decoration:underline}.mega{display:none!important}.page-hero{padding:28px 0 22px}h1{font-size:27px}h2{font-size:21px}.section{padding:36px 0}.card{padding:16px}.home-hero{padding:32px 0}.media-wide img{max-height:190px}.media-normal img{max-height:190px}.media-app img{max-width:175px;max-height:260px}.small-icon{width:48px;height:48px}.article{width:calc(100% - 32px)}.site-footer{padding-bottom:88px}.footer-grid{grid-template-columns:1fr}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:15;background:rgba(255,255,255,.98);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{min-height:56px;display:grid;place-items:center;text-align:center;font-size:13px;text-decoration:none;color:var(--ink)}.mobile-bottom a.active{color:var(--primary);font-weight:700;background:var(--surface-soft)}}
@media(max-width:360px){.brand-name{font-size:14px}.mobile-panel{padding-left:10px;padding-right:10px}.btns{gap:8px}.btn{width:100%}}