/* Woodland journal: quiet surfaces, botanical shapes, readable foreground. */
body[data-template="forest"]{--f-ink:#24473d;--f-muted:#52665a;--f-green:#39795e;--f-leaf:#dcebd7;--f-paper:#fffdf5;--f-line:#cadbc5;--f-wood:#a07148;color:var(--f-ink);background:#f1f4e9;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:15px;line-height:1.75}
body[data-template="forest"]:before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(ellipse at 8% 0,#b1c69b44,transparent 38%),radial-gradient(ellipse at 90% 30%,#ffe7ae44,transparent 40%);pointer-events:none}
body[data-template="forest"] .forest-canopy{position:fixed;z-index:0;right:-70px;top:-100px;width:350px;height:420px;pointer-events:none;opacity:.16;transform-origin:top right;animation:f-sway 14s ease-in-out infinite}
body[data-template="forest"] .forest-canopy i{position:absolute;width:70px;height:140px;right:70px;top:90px;border-radius:100% 0 100% 0;background:#4d7950;rotate:25deg;box-shadow:-110px 50px #6b955f,15px 160px #719962}
body[data-template="forest"] .forest-canopy:before{content:"";position:absolute;right:105px;top:90px;width:3px;height:330px;background:#507750;rotate:30deg}
body[data-template="forest"] .site-shell{position:relative;max-width:1380px;margin:auto;padding:0 44px 36px}
body[data-template="forest"] .topbar{min-height:94px;height:auto;gap:18px;border-bottom:1px solid var(--f-line)}
body[data-template="forest"] .brand{color:var(--f-ink);font-size:25px;font-weight:750;letter-spacing:1px}
body[data-template="forest"] .brand-mark{border-radius:50% 50% 50% 10%;background:#dcebd7;color:var(--f-green);border:1px solid #b6ceb0}
body[data-template="forest"] :is(.search-wrap input,.icon-button,.header-directory-link,.change-home-city){border-radius:22px;background:#fffdf5;color:var(--f-ink);border:1px solid #c4d4bf;box-shadow:none}
body[data-template="forest"] :is(.search-results,.home-city-picker){background:#fffdf5;color:var(--f-ink);border:1px solid #c4d4bf;border-radius:20px;box-shadow:0 15px 40px #2544381a;z-index:80}
body[data-template="forest"] :is(.search-result,.home-city-option){background:#fffdf5;color:var(--f-ink)}
body[data-template="forest"] :is(.search-result:hover,.home-city-option:hover){background:#edf4e4}
body[data-template="forest"] :is(.home-city-picker input,.home-city-picker button){background:#f4f7ed;color:var(--f-ink);border:1px solid #c4d4bf;border-radius:12px}
body[data-template="forest"] :is(.intro-line,.weather-breadcrumbs,.section-note,.place-source){color:var(--f-muted);font-size:14px}
body[data-template="forest"] :is(.eyebrow,.section-eyebrow,.trip-eyebrow){color:#7a593a;font-size:12px;letter-spacing:1px}
body[data-template="forest"] .page-title{color:var(--f-ink);font-size:clamp(27px,3vw,41px);font-weight:650;margin:24px 0 20px}
body[data-template="forest"] #hero{height:auto;min-height:390px;border-radius:36px 100px 36px 36px;border:1px solid #b8cfaf;background:#e0edd7!important;overflow:visible;box-shadow:0 18px 40px #334d3010;margin-bottom:35px}
body[data-template="forest"] #hero :is(.hero-photo,.hero-shade){display:none}
body[data-template="forest"] #hero .hero-content{position:relative;z-index:4;padding:30px 34px 0;min-height:390px;color:var(--f-ink)}
body[data-template="forest"] #hero :is(.hero-top,.hero-main){width:61%}
body[data-template="forest"] #hero .hero-main{min-height:220px;align-items:center;padding:10px 0}
body[data-template="forest"] #hero .hero-copy{width:100%;max-width:100%}
body[data-template="forest"] #hero .place{color:var(--f-ink);font-size:23px;font-weight:700}
body[data-template="forest"] #hero :is(.local-time,.updated-at,.hero-fact){color:#405d4d;text-shadow:none;font-size:14px}
body[data-template="forest"] #hero .hero-kicker{color:#52665a;font-size:13px}
body[data-template="forest"] #hero .temperature{color:#2e6048;font:500 clamp(86px,9vw,132px)/1.1 Georgia,serif;letter-spacing:-5px}
body[data-template="forest"] #hero .degree{font-size:.42em;color:#628255}
body[data-template="forest"] #hero .condition-line{color:var(--f-ink);font-size:24px}
body[data-template="forest"] #hero .weather-advice{font-size:15px;line-height:1.8;color:#405d4d;max-width:95%}
body[data-template="forest"] #hero .hero-bottom{margin:15px -34px 0;padding:17px 28px;background:#fffdf5b3;border-top:1px solid #bed1b6;border-radius:0 0 36px 36px;display:flex;flex-wrap:wrap;gap:14px}
body[data-template="forest"] #hero .hero-facts{display:flex;flex-wrap:wrap;gap:12px 22px}
body[data-template="forest"] #hero .hero-fact strong{color:var(--f-ink)}
body[data-template="forest"] #hero :is(.hero-fact svg,.place svg){color:var(--f-green)}
body[data-template="forest"] #hero .hero-watermark{display:none}
body[data-template="forest"] #hero .weather-maker-stage{right:24px!important;left:auto!important;top:30px!important;bottom:105px!important;width:31%!important;height:auto!important;border-radius:48% 48% 18% 18%!important;clip-path:none!important;background:#d2e4c5!important;border:1px solid #a7c195;overflow:hidden;filter:none}
body[data-template="forest"] #hero .weather-maker-stage:after{content:"";position:absolute;z-index:3;inset:0;background:radial-gradient(ellipse at 90% 15%,#fff8dc88,transparent 50%);pointer-events:none;animation:f-light 12s ease-in-out infinite}
body[data-template="forest"] #hero .weather-maker-horizon{background:#8cab74!important;opacity:.45;border-radius:60% 30% 0 0!important}
body[data-template="forest"] #hero .weather-maker-sun{background:#efd596!important;box-shadow:0 0 0 16px #f3df9f38,0 0 50px #ffefb066}
body[data-template="forest"] #hero[data-weather-day="0"] .weather-maker-stage{background:#314c4b!important}
body[data-template="forest"] #hero[data-weather-day="0"] .weather-maker-stage:after{background:radial-gradient(ellipse at 80% 25%,#dce9df22,transparent 55%)}
body[data-template="forest"] #hero[data-weather-day="0"] .weather-maker-sun{background:#e4ecdc!important;box-shadow:inset -18px 5px #314c4b,0 0 35px #dce9df22}
body[data-template="forest"] #hero[data-weather-scene="rain"] .weather-maker-stage{background:#bbd0c2!important}
body[data-template="forest"] #hero .weather-maker-cloud{background:#f5f7ec!important;color:#f5f7ec!important;opacity:.85;filter:none}
body[data-template="forest"] .forest-sprig{position:absolute;right:12px;bottom:10px;z-index:5;width:90px;height:100px;border-left:3px solid #5f8754;rotate:15deg;transform-origin:bottom left;animation:f-sway 10s ease-in-out infinite}
body[data-template="forest"] .forest-sprig:before,body[data-template="forest"] .forest-sprig:after{content:"";position:absolute;left:0;bottom:35px;width:55px;height:27px;background:#789b65;border-radius:0 100% 0 100%;rotate:-20deg}
body[data-template="forest"] .forest-sprig:after{left:-43px;bottom:65px;rotate:45deg;width:43px;background:#a6bc80}
body[data-template="forest"] .forest-icon{display:inline-block;position:relative;width:40px;height:36px;vertical-align:middle}
body[data-template="forest"] .forest-icon b{position:absolute;left:9px;top:7px;width:22px;height:22px;border-radius:50%;background:#e3b76a;box-shadow:0 0 0 5px #efd9aa66;animation:f-icon 5s ease-in-out infinite}
body[data-template="forest"] .forest-icon i{position:absolute;left:26px;top:23px;width:12px;height:8px;background:#78945a;border-radius:100% 0 100% 0;rotate:-25deg}
body[data-template="forest"] .forest-moon b{background:#688c83;box-shadow:inset -7px -2px #fffdf5}
body[data-template="forest"] :is(.forest-cloudy,.forest-rain,.forest-snow,.forest-storm) b{left:3px;top:15px;width:32px;height:14px;border-radius:18px;background:#799b8c;box-shadow:9px -7px 0 -2px #799b8c}
body[data-template="forest"] :is(.forest-rain,.forest-snow) i{left:14px;top:29px;width:5px;height:7px;background:#39795e;border-radius:50% 0 50% 50%;animation:f-drop 2s ease-in infinite}
body[data-template="forest"] .forest-snow i{background:#6e8c9f;border-radius:50%}
body[data-template="forest"] .forest-storm i{background:#ba8140;left:16px;top:25px;clip-path:polygon(50% 0,100% 0,60% 40%,100% 40%,0 100%,40% 50%,0 50%);border-radius:0;height:13px}
body[data-template="forest"] :is(.forecast-section,.popular-section,.city-attractions,.attraction-section){padding-top:34px;margin-top:12px}
body[data-template="forest"] .section-head{align-items:center;gap:18px;margin-bottom:20px}
body[data-template="forest"] .section-head h2{color:var(--f-ink);font-size:26px;font-weight:650}
body[data-template="forest"] .forest-chart{background:#fffdf5;border:1px solid var(--f-line);border-radius:38px 12px 38px 12px;padding:20px 20px 10px;margin-bottom:15px;overflow:hidden}
body[data-template="forest"] .forest-chart svg{display:block;width:100%;height:180px;overflow:visible}
body[data-template="forest"] .forest-chart path{fill:none;stroke:#60895b;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:f-grow 1.1s ease-out}
body[data-template="forest"] .forest-chart circle{fill:#fffdf5;stroke:#60895b;stroke-width:2}
body[data-template="forest"] .forest-chart text{fill:#3a5b45;font:14px "Microsoft YaHei",sans-serif}
body[data-template="forest"] .forest-chart .chart-leaf{fill:#97b57c;stroke:none}
body[data-template="forest"] .hourly-list{display:flex;min-width:0;gap:10px;background:transparent}
body[data-template="forest"] .hourly-scroll{padding:0 0 10px}
body[data-template="forest"] .hour-item{flex:0 0 91px;min-height:142px;background:#fffdf5;border:1px solid #d1dec8;border-radius:32px 32px 16px 16px;padding:13px 7px;color:var(--f-ink)}
body[data-template="forest"] .hour-item.now{background:#e1ecd2;border-color:#8eaf78}
body[data-template="forest"] :is(.hour-time,.hour-rain){font-size:13px;color:#52665a}
body[data-template="forest"] .hour-temp{font-size:24px;color:var(--f-ink);font-family:Georgia,serif}
body[data-template="forest"] .week-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;background:transparent;border:0}
body[data-template="forest"] .day-row{display:flex;flex-direction:column;gap:12px;align-items:center;padding:20px 10px;min-height:236px;background:#fffdf5;border:1px solid #c4d7b7;border-radius:55px 15px 55px 15px;box-shadow:0 6px 18px #31583908;color:var(--f-ink)}
body[data-template="forest"] .day-row:nth-child(2n){border-radius:15px 55px 15px 55px;background:#e7efdd}
body[data-template="forest"] .day-name{font-size:16px;text-align:center;white-space:nowrap;color:var(--f-ink)}
body[data-template="forest"] .day-name small{display:block;margin:4px 0 0;color:#52665a;font-size:13px}
body[data-template="forest"] .day-condition{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--f-ink)}
body[data-template="forest"] .temp-range{display:none}
body[data-template="forest"] .day-temps{order:2;color:#986c3d;font:600 25px Georgia,serif;white-space:nowrap}
body[data-template="forest"] .day-temps em{color:#426a5f;font:500 19px Georgia,serif;margin-left:8px}
body[data-template="forest"] .day-rain{order:3;display:flex;color:#426a5f;font-size:13px}
body[data-template="forest"] .details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;background:transparent;border:0}
body[data-template="forest"] .detail-item{border:1px solid #c9d9c1!important;background:#fffdf5;border-radius:25px;min-height:200px;padding:23px;color:var(--f-ink)}
body[data-template="forest"] .detail-item:nth-child(3n){background:#ebe7d9;border-radius:25px 60px 25px 25px}
body[data-template="forest"] :is(.detail-item strong,.detail-item h3,.detail-label){color:var(--f-ink)}
body[data-template="forest"] :is(.detail-item p,.insight-item p,.official-news-meta,.insight-date){color:#52665a;font-size:14px}
body[data-template="forest"] .insight-list{border:0;display:grid;gap:12px}
body[data-template="forest"] .insight-item{background:#e4edda;border:1px solid #c9d9c1;border-radius:18px 45px 18px 18px;padding:20px}
body[data-template="forest"] .insight-item h3{color:var(--f-ink);font-size:16px}
body[data-template="forest"] .official-news-item{background:#fffdf5;border:1px solid #d3dbc7;border-radius:22px;padding:22px;color:var(--f-ink)}
body[data-template="forest"] .official-news-item p{color:#405d4d;font-size:14px;line-height:1.85}
body[data-template="forest"] .official-news-item h3{color:var(--f-ink)}
body[data-template="forest"] .weather-quicknav-item{background:#39795e!important;color:#fff!important;border:1px solid #286045;border-radius:18px 8px 18px 8px}
body[data-template="forest"] .weather-quicknav-item:nth-child(2n){background:#806443!important}
body[data-template="forest"] .weather-quicknav{background:#f8faf2ed;border-color:#c4d1b7}
body[data-template="forest"] :is(.city-attractions-grid,.attraction-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body[data-template="forest"] :is(.city-attractions-grid>a.city-attraction,.attraction-tile){min-height:0;background:#fffdf5;color:var(--f-ink);border:1px solid #d0d8c3;border-left:7px solid #ae9673;border-radius:8px 32px 32px 8px;box-shadow:0 8px 24px #3b50310a;padding:23px;display:flex;flex-direction:column}
body[data-template="forest"] .city-attractions-grid>a.city-attraction:last-child:nth-child(odd){grid-column:1/-1}
body[data-template="forest"] .city-attraction-top{display:none}
body[data-template="forest"] :is(.city-attractions-grid>a.city-attraction strong,.attraction-tile strong){color:var(--f-ink);font-size:22px;line-height:1.45}
body[data-template="forest"] :is(.city-attractions-grid>a.city-attraction .city-attraction-intro,.attraction-intro){color:#52665a;font-size:14px;line-height:1.8;-webkit-line-clamp:2}
body[data-template="forest"] :is(.city-attractions-grid>a.city-attraction .city-attraction-type,.city-attractions-grid>a.city-attraction .city-attraction-foot,.attraction-meta,.attraction-link){color:#536d4f;font-size:13px;margin-top:0}
body[data-template="forest"] .city-attractions-grid>a.city-attraction .city-attraction-foot{margin-top:16px;padding-top:12px;border-top:1px dashed #c4d1b7}
body[data-template="forest"] :is(.popular-grid,.city-division-grid){grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body[data-template="forest"] :is(.popular-grid>a,.city-division-grid a,.city-link-group a){background:#e7efdd;color:var(--f-ink);border:1px solid #cbd9c0;border-radius:26px 10px 26px 10px;padding:15px}
body[data-template="forest"] :is(.popular-grid small,.city-division-grid span){color:#52665a;font-size:13px}
body[data-template="forest"] :is(.footer,.trip-footer){background:transparent;color:#52665a;border-color:#c4d1b7;font-size:14px}
body[data-template="forest"] .trip-header{background:#f1f4e9;color:var(--f-ink);border-bottom:1px solid #c4d1b7}
body[data-template="forest"] .trip-brand{color:var(--f-ink);font-size:23px}
body[data-template="forest"] .trip-brand span{background:#dcebd7;color:var(--f-ink);border-radius:50% 50% 50% 10%}
body[data-template="forest"] .trip-hero{background:#e0edd7;color:var(--f-ink);min-height:370px;border-radius:0 0 90px 0}
body[data-template="forest"] .trip-hero-inner{min-height:370px}
body[data-template="forest"] .trip-hero-scene{background:radial-gradient(ellipse at 80% 20%,#fff2c580,transparent 60%),linear-gradient(140deg,#e6efda,#c2d6b6)}
body[data-template="forest"] .trip-hero.has-photo .trip-hero-scene{background-image:linear-gradient(90deg,#e0edd7 0%,#e0edd7ef 46%,#e0edd766),var(--spot-image);background-size:cover}
body[data-template="forest"] .trip-contours{background:repeating-radial-gradient(ellipse at 100% 100%,transparent 0 70px,#72986515 71px 72px);opacity:.5}
body[data-template="forest"] .trip-horizon{display:none}
body[data-template="forest"] .trip-sun{background:#ecd599;opacity:.45;box-shadow:0 0 60px #f2dda966}
body[data-template="forest"] .trip-hero>.forest-sprig{right:9%;bottom:60px;width:150px;height:180px;scale:1.3;opacity:.6;z-index:1}
body[data-template="forest"] .trip-hero-inner{position:relative;z-index:2}
body[data-template="forest"] .trip-hero h1{color:var(--f-ink);font-family:Georgia,"Microsoft YaHei",serif;font-weight:600;font-size:clamp(35px,5vw,64px)}
body[data-template="forest"] :is(.trip-hero-copy p,.trip-crumb,.trip-hero-bottom){color:#405d4d;font-size:15px}
body[data-template="forest"] :is(.trip-primary,.trip-secondary){border-radius:24px;background:#39795e;color:#fff;border:1px solid #39795e}
body[data-template="forest"] .trip-secondary{background:#fffdf5;color:var(--f-ink)}
body[data-template="forest"] .trip-content{background:#f1f4e9;gap:30px}
body[data-template="forest"] .trip-section-title h2{color:var(--f-ink);font-weight:650}
body[data-template="forest"] .trip-weather-main{background:#fffdf5;border:1px solid #c9d9c1;border-radius:36px 12px 36px 12px;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:25px}
body[data-template="forest"] :is(.trip-weather-now,.trip-weather-tip){background:transparent;border:0;color:var(--f-ink)}
body[data-template="forest"] .trip-temp{color:#39795e;font-family:Georgia,serif}
body[data-template="forest"] .trip-days{gap:10px;border:0;margin-top:16px}
body[data-template="forest"] .trip-days>div{background:#e7efdd;border:1px solid #c9d9c1;border-radius:30px 8px 30px 8px;color:var(--f-ink)}
body[data-template="forest"] :is(.trip-plan-item,.trip-story-aside,.trip-more-list a){background:#fffdf5;color:var(--f-ink);border:1px solid #c9d9c1;border-radius:20px;box-shadow:none}
body[data-template="forest"] .trip-story-aside{border-radius:50px 50px 14px 14px;background:#e1ecd6}
body[data-template="forest"] :is(.trip-story-layout,.trip-practical-note,.trip-checked,.trip-weather-source){color:#52665a;font-size:14px;line-height:1.85}
body[data-template="forest"] .atlas-item{background:#fffdf5;color:var(--f-ink);border:1px solid #c9d9c1;border-radius:22px;overflow:hidden}
body[data-template="forest"] :is(.atlas-summary,.atlas-item-foot,.atlas-intro>p){color:#52665a;font-size:14px}
body[data-template="forest"] .atlas-media:not(.has-photo){background:linear-gradient(150deg,#aac793,#527557)}
body[data-template="forest"] .atlas-filters button{border-radius:18px;border-color:#bdd1b5;color:var(--f-ink)}
body[data-template="forest"] .atlas-filters button[aria-pressed="true"]{background:#39795e;color:#fff}
body[data-template="forest"] :is(a,button):focus-visible{outline:3px solid #8c6c40;outline-offset:4px}
body[data-template="forest"] button:active{transform:translateY(1px)}
body[data-template="forest"] .forest-observed{transition:opacity .6s ease,transform .6s ease}
body[data-template="forest"] .forest-observed:not(.forest-visible){opacity:0;transform:translateY(12px)}
@keyframes f-sway{50%{transform:rotate(-4deg)}}
@keyframes f-light{50%{opacity:.6;translate:-12px 5px}}
@keyframes f-icon{50%{transform:translateY(-2px) rotate(5deg)}}
@keyframes f-drop{0%{translate:0 0;opacity:0}30%{opacity:1}100%{translate:0 5px;opacity:0}}
@keyframes f-grow{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(max-width:1000px){body[data-template="forest"] .week-list{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-template="forest"] .details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){body[data-template="forest"] .site-shell{padding:0 18px 25px}body[data-template="forest"] .topbar{flex-wrap:wrap;padding:20px 0;gap:12px}body[data-template="forest"] .header-actions{width:100%;min-width:0}body[data-template="forest"] .search-wrap{min-width:0;flex:1}body[data-template="forest"] #hero{border-radius:26px 55px 26px 26px;min-height:0}body[data-template="forest"] #hero .hero-content{padding:20px 18px 0;min-height:0}body[data-template="forest"] #hero :is(.hero-top,.hero-main){width:100%}body[data-template="forest"] #hero .hero-top{flex-wrap:wrap}body[data-template="forest"] #hero .place{font-size:19px}body[data-template="forest"] #hero .local-time{font-size:12px}body[data-template="forest"] #hero .hero-copy{max-width:63%}body[data-template="forest"] #hero .temperature{font-size:88px}body[data-template="forest"] #hero .weather-advice{width:calc(100vw - 76px);max-width:none;margin-top:20px}body[data-template="forest"] #hero .hero-bottom{margin:12px -18px 0;padding:15px 18px;border-radius:0 0 26px 26px}body[data-template="forest"] #hero .weather-maker-stage{right:12px!important;top:80px!important;bottom:auto!important;height:140px!important;width:31%!important}body[data-template="forest"] #hero .weather-maker-sun{width:42px;height:42px}body[data-template="forest"] .forest-sprig{scale:.65;transform-origin:bottom right}body[data-template="forest"] .week-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px}body[data-template="forest"] .day-row{flex:0 0 140px;min-height:236px}body[data-template="forest"] .details-grid{gap:12px}body[data-template="forest"] .detail-item{padding:17px;min-height:200px}body[data-template="forest"] :is(.city-attractions-grid,.attraction-grid,.popular-grid){grid-template-columns:1fr}body[data-template="forest"] .city-attractions-grid>a.city-attraction:last-child:nth-child(odd){grid-column:auto}body[data-template="forest"] .city-division-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-template="forest"] .section-head{align-items:flex-start;gap:12px}body[data-template="forest"] .section-head h2{font-size:23px}body[data-template="forest"] .section-note{max-width:35%;font-size:12px}body[data-template="forest"] .forest-chart{padding:15px 8px 5px}body[data-template="forest"] .trip-weather-main{grid-template-columns:1fr}body[data-template="forest"] .trip-hero,body[data-template="forest"] .trip-hero-inner{min-height:340px}}
@media(prefers-reduced-motion:reduce){body[data-template="forest"] *,body[data-template="forest"] *:before,body[data-template="forest"] *:after{animation:none!important;transition:none!important}body[data-template="forest"] .forest-observed:not(.forest-visible){opacity:1;transform:none}}
@media(max-width:767px){body[data-template="forest"]{padding-bottom:76px}body[data-template="forest"] .weather-quicknav-item{border-radius:12px 5px 12px 5px}}