@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700&family=Outfit:wght@400;500;600&display=swap";.map-wrap canvas{display:block;position:absolute;inset:0}.feed-layout,.card-grid{margin-top:28px}.mobile-nav button.active{color:#d65433;background:#f6e8e1}#root{flex-direction:column;min-height:100vh;display:flex}#root>main{flex:1 0 auto;width:100%}#root>.page{margin:0 auto}.site-footer{text-align:center;color:#6a7670;border-top:1px solid #deded6;padding:24px 18px;font-size:13px;line-height:1.6}.site-footer-company{margin:0 0 4px}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer a:focus-visible{outline-offset:4px;outline:2px solid #d65433}:root{color:#243b32;font-synthesis:none;background:#f6f4ee;font-family:Outfit,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f9f8f4f0;border-bottom:1px solid #deded6;align-items:center;height:76px;padding:0 4.5vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;min-width:210px;display:flex}.brand-mark{color:#fff;background:#e86540;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.brand-mark svg{width:21px}.brand b{font-family:Noto Serif SC;font-size:19px}.brand span{letter-spacing:2px;color:#7b8982;margin-top:2px;font-size:8px;display:block}nav{flex:1;justify-content:center;gap:4px;display:flex}nav button{color:#66736d;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:9px 11px;display:flex}nav button.active{color:#d65433;background:#f6e8e1}.actions{align-items:center;gap:10px;display:flex}.hamb{color:#385044;background:0 0;border:0}.primary{color:#fff;background:#e75f3b;border:0;border-radius:4px;align-items:center;gap:7px;padding:11px 16px;display:flex}.primary svg{width:17px}.hamb,.mobile-nav{display:none}.hero{background:linear-gradient(100deg,#f6f4ee 0% 43%,#dfe8dd 43%,#cbdaca 100%);grid-template-columns:41% 59%;min-height:610px;display:grid;overflow:hidden}.hero-copy{z-index:2;padding:92px 3vw 55px 7vw}.eyebrow{letter-spacing:2.6px;color:#d95e3c;font-size:11px;font-weight:600}.hero h1,.page-head h1{color:#243c32;margin:17px 0;font-family:Noto Serif SC;font-size:54px;line-height:1.25}.hero p,.page-head p{color:#6a7670;max-width:430px;font-family:Noto Serif SC;font-size:16px;line-height:1.9}.hero-actions{gap:12px;margin-top:32px;display:flex}.ghost{color:#315345;background:0 0;border:1px solid #9baaa2;border-radius:4px;align-items:center;gap:8px;padding:10px 16px;display:flex}.ghost svg{width:18px}.stats{gap:36px;margin-top:58px;display:flex}.stats div{flex-direction:column;display:flex}.stats b{font-size:21px}.stats span{color:#7d8983;margin-top:5px;font-size:11px}.map-wrap{cursor:grab;min-width:0;position:relative}.map-wrap canvas{width:100%;height:100%}.map-tools{flex-direction:column;display:flex;position:absolute;top:28px;right:28px}.map-tools button{color:#3b584c;background:#fafbf8;border:1px solid #d6ddd5;width:36px;height:34px;font-size:20px}.loc-card{background:#fff;align-items:center;gap:12px;min-width:285px;padding:13px 15px;display:flex;position:absolute;bottom:44px;left:8%;box-shadow:0 12px 35px #334d3a2b}.loc-card b{font-size:13px;display:block}.loc-card small{color:#89938e;margin-top:3px;display:block}.pulse{background:#e6613d;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #e6613d26}.map-legend{gap:16px;font-size:11px;display:flex;position:absolute;bottom:25px;right:28px}.map-legend i{background:#345f4d;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.map-legend .mine{background:#e7633c}.now,.page{max-width:1180px;margin:auto;padding:66px 28px}.section-title{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.section-title span{color:#e0603d;letter-spacing:2px;font-size:11px}.section-title h2{margin:9px 0;font-family:Noto Serif SC;font-size:27px}.section-title button{color:#526a60;background:0 0;border:0}.story-row{grid-template-columns:1.2fr 1.2fr .8fr;gap:16px;display:grid}.story{border-radius:5px;height:300px;position:relative;overflow:hidden}.story img{object-fit:cover;width:100%;height:100%;transition:all .4s}.story:hover img,.explore-card:hover img{transform:scale(1.035)}.story-shade{color:#fff;background:linear-gradient(#0000 35%,#0e1b15d1);flex-direction:column;justify-content:end;padding:25px;display:flex;position:absolute;inset:0}.story-shade>span{font-size:11px}.story h3{margin:8px 0 17px;font-family:Noto Serif SC;font-size:19px}.story-shade div{align-items:center;gap:8px;font-size:12px;display:flex}.story-shade b{background:#e56440;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.story-shade em{opacity:.7;margin-left:auto;font-style:normal}.page{padding-top:58px}.page-head{border-bottom:1px solid #dddcd5;justify-content:space-between;align-items:end;padding-bottom:28px;display:flex}.page-head h1{margin:12px 0 4px;font-size:40px}.page-head p{margin:0}.feed-layout{grid-template-columns:minmax(0,2fr) 1fr;gap:44px;display:grid}.feed{gap:20px;display:grid}.post{background:#fff;border:1px solid #e2e1dc;padding:22px}.post-user{align-items:center;gap:11px;display:flex}.post-user>b{color:#fff;background:#e96543;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.post-user div{flex-direction:column;display:flex}.post-user span{color:#8d9692;margin-top:4px;font-size:11px}.post>p{font-family:Noto Serif SC;line-height:1.8}.post>img{object-fit:cover;width:100%;height:340px}.tagline{color:#d95e3c;gap:10px;padding:12px 0;font-size:12px;display:flex}aside{background:#f1efe8;height:max-content;padding:24px}aside h3{margin-top:0;font-family:Noto Serif SC}.rank{border-bottom:1px solid #deddd7;gap:14px;padding:15px 0;display:flex}.rank>b{color:#e35f3c;font-size:12px}.rank span{font-weight:600}.city-card{height:190px;margin-top:22px;position:relative}.city-card img{object-fit:cover;width:100%;height:100%}.city-card>div{color:#fff;background:linear-gradient(#0000,#1e3028d9);flex-direction:column;justify-content:end;padding:18px;display:flex;position:absolute;inset:0}.city-card b{margin-top:5px;font-family:Noto Serif SC}.card-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.explore-card{background:#fff;border:1px solid #dfdfd9}.cover{height:215px;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;transition:all .35s}.card-body{padding:17px}.card-body>span{color:#d95e3c;font-size:11px}.card-body h3{margin:7px 0;font-family:Noto Serif SC;font-size:19px}.card-body p{color:#78837e;font-size:12px}@media (width<=900px){header{height:62px;padding:0 18px}.brand{flex:1;min-width:0}.brand-mark{width:34px;height:34px}header nav{display:none}.hamb{display:block}.mobile-nav{z-index:30;background:#faf9f5;grid-template-columns:repeat(2,1fr);padding:12px;display:grid;position:fixed;top:62px;left:0;right:0;box-shadow:0 12px 25px #23352b28}.mobile-nav button{color:#3f5d50;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:12px 5px;display:flex}.mobile-nav svg{width:19px}.hero{background:#f6f4ee;flex-direction:column;min-height:0;display:flex}.hero-copy{padding:50px 24px 25px}.hero h1{font-size:38px}.hero p{font-size:14px}.stats{justify-content:space-between;gap:20px;margin-top:35px}.stats b{font-size:17px}.map-wrap{background:linear-gradient(145deg,#dfe8dd,#c4d5c4);height:420px}.loc-card{min-width:0;bottom:23px;left:20px;right:20px}.map-legend{display:none}.now,.page{padding:42px 18px}.story-row{scroll-snap-type:x mandatory;padding-bottom:8px;display:flex;overflow:auto}.story{scroll-snap-align:start;min-width:82vw}.story.compact{min-width:67vw}.page-head{align-items:start}.page-head h1{font-size:31px}.feed-layout{display:block}.feed-layout aside{display:none}.post{padding:15px}.post>img{height:260px}.card-grid{grid-template-columns:1fr 1fr;gap:12px}.cover{height:170px}}@media (width<=560px){.card-grid{grid-template-columns:1fr}.cover{height:235px}.section-title button{display:none}.hero-actions .primary,.hero-actions .ghost{flex:1;justify-content:center}.post>img{height:220px}.stats span{font-size:9px}}