:root{--page:#F6F5F1;--surface:#FFFFFF;--surface-soft:#EDEFEA;--ink:#202A28;--muted:#596560;--primary:#23665D;--primary-dark:#184B44;--accent:#B27A46;--line:#D9DEDA;--footer:#1B302D}*{box-sizing:border-box}html{overflow-x:hidden}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}a{color:var(--primary);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}.wrap{width:min(1180px,calc(100% - 64px));margin:0 auto;min-width:0}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:10px;z-index:999;background:#fff;padding:10px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}.header-row{height:68px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:210px;color:var(--ink);text-decoration:none;font-weight:800}.brand img{height:32px;max-width:150px;width:auto;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:20px;flex:1;min-width:0}.desktop-nav a,.app-link{color:var(--ink);text-decoration:none;padding:8px 2px;border-bottom:2px solid transparent;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.is-current,.app-link:hover{color:var(--primary);border-bottom-color:var(--primary)}.header-tools{display:flex;align-items:center;gap:14px}.menu-toggle{min-height:44px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:0 14px;font:inherit;cursor:pointer}.menu-toggle:hover,.menu-toggle[aria-expanded="true"]{border-color:var(--primary);background:var(--surface-soft);color:var(--primary)}.more-panel{position:absolute;left:50%;transform:translateX(-50%);top:68px;width:min(920px,calc(100% - 48px));background:#fff;border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 14px 28px rgba(20,40,35,.12);padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.more-panel section{min-width:0}.more-panel h2{font-size:15px;margin:0 0 10px;color:var(--muted)}.more-panel a{display:block;padding:10px;border-radius:8px;text-decoration:none;color:var(--ink)}.more-panel a:hover{background:var(--surface-soft)}.more-panel strong,.more-panel span{display:block}.more-panel span{font-size:13px;color:var(--muted);line-height:1.55;margin-top:2px}.mobile-only,.mobile-panel{display:none}.site-main{padding-bottom:24px}.page-intro{padding:38px 0 24px;max-width:780px}.crumbs{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--muted);margin-bottom:10px}.page-intro h1{font-size:32px;line-height:1.3;margin:0 0 14px}.page-intro p{margin:0;color:var(--muted);font-size:17px}.hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:34px;align-items:center;padding:48px 0 36px}.hero h1{font-size:clamp(28px,3.2vw,42px);line-height:1.25;margin:0 0 18px}.hero p{font-size:17px;color:var(--muted);margin:0 0 22px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:10px;background:var(--primary);color:#fff;text-decoration:none;font-weight:700}.button:hover{background:var(--primary-dark);color:#fff}.button.secondary{background:#fff;color:var(--primary);border:1px solid var(--line)}.hero-media img{max-height:250px;width:100%;object-fit:contain}.section{padding:56px 0}.section.soft{background:var(--surface-soft)}.section h2{font-size:24px;line-height:1.35;margin:0 0 18px}.section-lead{max-width:760px;color:var(--muted);margin:0 0 24px}.path-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.path-card{padding:20px 0;border-top:2px solid var(--accent)}.path-card h3{font-size:18px;margin:0 0 8px}.feature-split,.city-split,.archive-split,.mobile-split{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,2fr);gap:30px;align-items:start}.feature-copy p,.city-copy p,.archive-copy p{margin-top:0}.media-frame{margin:0 0 26px}.media-frame img{max-height:230px;width:100%;object-fit:contain}.article-shell{display:flex;justify-content:center}.article-body{width:min(780px,100%);padding:6px 0 56px}.article-body h2{font-size:24px;line-height:1.4;margin:34px 0 12px}.article-body h3{font-size:18px;margin:24px 0 8px}.article-body p{margin:0 0 18px}.article-body ul,.article-body ol{padding-left:1.35em}.article-body li{margin-bottom:10px}.note,.checklist,.concept{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;margin:24px 0}.note{border-left:4px solid var(--primary)}.steps{display:grid;gap:16px}.step{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px}.step b{font-size:14px;color:var(--primary)}.editor-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.editor-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.editor-grid article:first-child{grid-row:span 2}.verify{background:#E7F0EC;border-radius:12px;padding:24px}.link-list{display:flex;flex-wrap:wrap;gap:10px 18px}.mobile-split{align-items:center}.icon-box{display:flex;align-items:center;gap:16px}.icon-box img{width:56px;max-width:64px}.app-visual{display:flex;justify-content:center}.app-visual img{max-width:240px;max-height:340px;object-fit:contain}.site-footer{background:var(--footer);color:#F4F5F1;margin-top:32px;padding:42px 0 80px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.site-footer h2{font-size:17px;margin:0 0 12px;color:#fff}.site-footer a{display:block;color:#DCEDE7;margin:6px 0}.site-footer p{color:#DCE3DF;margin:0 0 12px;font-size:14px}.footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:14px}.bottom-nav{display:none}
@media(max-width:900px){.desktop-nav{gap:12px}.brand{min-width:180px}.feature-split,.city-split,.archive-split,.mobile-split{grid-template-columns:1fr}.editor-grid{grid-template-columns:1fr}.editor-grid article:first-child{grid-row:auto}}
@media(max-width:767px){.wrap{width:min(100% - 32px,1180px)}.site-header{position:relative}.header-row{height:60px;gap:12px}.brand{min-width:0;flex:1}.brand img{height:28px}.brand span{font-size:15px;line-height:1.2}.desktop-only,.desktop-nav,.more-panel{display:none!important}.mobile-only{display:inline-flex}.mobile-panel{display:block;padding:8px 0 16px;border-top:1px solid var(--line)}.mobile-panel>a,.mobile-group a{display:block;min-height:44px;padding:9px 6px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.mobile-panel a.is-current{color:var(--primary);font-weight:700;background:var(--surface-soft)}.mobile-group{padding-top:10px}.mobile-group strong{display:block;font-size:13px;color:var(--muted);padding:4px 6px}.page-intro{padding:28px 0 18px}.page-intro h1{font-size:27px}.page-intro p{font-size:16px}.hero{grid-template-columns:1fr;padding:32px 0 24px;gap:22px}.hero h1{font-size:29px}.hero-media{order:2}.hero-media img{max-height:190px}.section{padding:36px 0}.section h2,.article-body h2{font-size:21px}.path-row{grid-template-columns:1fr;gap:8px}.path-card{padding:14px 0}.media-frame img{max-height:190px}.article-body{padding-bottom:32px}.article-body h2{margin-top:28px}.step{grid-template-columns:42px 1fr;padding:16px}.icon-box img{width:46px}.app-visual img{max-width:175px;max-height:260px}.footer-grid{grid-template-columns:1fr;gap:24px}.site-footer{padding-bottom:92px}.bottom-nav{position:fixed;z-index:15;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);min-height:56px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line)}.bottom-nav a{display:flex;align-items:center;justify-content:center;color:var(--ink);text-decoration:none;font-size:13px;min-height:56px;padding:4px}.site-main{padding-bottom:66px}.site-footer{margin-top:0}}
@media(max-width:360px){.wrap{width:min(100% - 28px,1180px)}.brand span{font-size:14px}.menu-toggle{padding:0 11px}.hero h1{font-size:27px}.actions{display:grid}.button{justify-content:center}}