:root{--ink:#123a36;--deep:#0b2725;--green:#15745e;--mint:#c7efd7;--pond:#e6f7ed;--frog:#a6d64b;--line:#d9ebe0;--muted:#66827a}*{box-sizing:border-box}body{margin:0;background:#fbfffc;color:var(--ink);font:15px/1.7 "Microsoft YaHei",Arial,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1260px,calc(100% - 50px));margin:auto}.rainbar{background:var(--deep);color:#cde6d8;font-size:12px}.rainbar .wrap{display:flex;justify-content:space-between;padding:9px 0}.nav{height:106px;display:flex;align-items:center;gap:29px}.logo{display:flex;gap:10px;align-items:center;min-width:175px;font-size:23px;font-weight:900;line-height:1}.logo>b{width:48px;height:48px;display:grid;place-items:center;border-radius:50% 50% 48% 48%;background:var(--frog);color:var(--deep);transform:rotate(-8deg)}.logo small{display:block;font-size:9px;letter-spacing:1.2px;color:var(--green);margin-top:7px}.nav nav{display:flex;height:100%;flex:1}.nav nav a{display:flex;align-items:center;gap:5px;padding:0 9px;font-weight:800;position:relative;white-space:nowrap}.nav nav i{font-style:normal;width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:var(--pond);color:var(--green);font-size:11px}.nav nav a.active:after{content:"";position:absolute;bottom:0;left:10px;right:10px;height:3px;background:var(--frog)}.search{border:1px solid var(--line);padding:9px 14px;border-radius:22px;font-size:13px}.canopy{background:linear-gradient(122deg,#dff5e4,#c4ecdd);overflow:hidden;position:relative}.canopy:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:#9fd5a5;right:-180px;top:-400px}.canopyin{min-height:520px;display:grid;grid-template-columns:1fr .55fr .45fr;gap:40px;align-items:center;position:relative;z-index:1}.hero>p,.title p,.guidecopy>p,.rank>p,.weather>p,.firefly p,.map p,.app p,.end p{font-size:12px;font-weight:900;letter-spacing:1.2px;color:var(--green);margin:0 0 12px}.hero h1{font-size:59px;line-height:1.15;letter-spacing:-3px;margin:0 0 20px}.hero h1 strong{color:var(--green)}.hero>span{display:block;font-size:16px;max-width:510px}.hero>div{display:flex;gap:10px;margin-top:27px}.hero a,.hero button,.app button,.intro button{border:0;border-radius:10px;padding:13px 18px;background:var(--deep);color:#fff;font:inherit;font-weight:900;cursor:pointer}.hero button,.intro button+button{background:#fff;color:var(--ink);border:1px solid #b4dbc4}.leaf{height:365px;border-radius:50% 50% 50% 10%;background:var(--green);color:#fff;padding:36px;transform:rotate(7deg);display:flex;flex-direction:column;justify-content:space-between;box-shadow:18px 16px 0 #8cc89a}.leaf b{font-size:37px;line-height:1.05;transform:rotate(-7deg)}.leaf span{font-size:11px;letter-spacing:1.3px}.leaf em{font-size:10px;font-style:normal;color:var(--frog);font-weight:900}.drops{display:grid;gap:11px}.drops article{background:#fff;border-radius:14px;padding:17px;box-shadow:0 8px 18px #1a59401a}.drops b{display:block;font-size:26px;color:var(--green);line-height:1}.drops span{font-size:12px;color:var(--muted)}.creek{margin-top:-20px;position:relative;background:#fff;border:1px solid var(--line);padding:14px 20px;display:flex;gap:16px;align-items:center}.creek b{color:var(--green)}.creek a{margin-left:auto;font-size:13px;font-weight:900;color:var(--green)}.pond,.rainline,.guide,.echo,.map{padding:82px 0}.title{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.title h2,.guidecopy h2,.rank h2,.weather h2,.firefly h2,.map h2,.app h2{font-size:36px;line-height:1.2;margin:0;letter-spacing:-1px}.title>a{color:var(--green);font-weight:900}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.pic{height:310px;display:block;overflow:hidden;border-radius:45% 45% 13px 13px;position:relative;background:#eee}.pic:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#123a36bd)}.pic img{width:100%;height:100%;object-fit:cover;display:block}.pic em{position:absolute;z-index:1;bottom:11px;left:11px;background:#fff;color:var(--ink);font-size:11px;font-style:normal;font-weight:900;padding:3px 7px;border-radius:5px}.card p{font-size:12px;color:var(--green);font-weight:900;margin:10px 0 0}.card h3{font-size:19px;margin:2px 0}.card small{font-size:12px;color:var(--muted);display:block;line-height:1.5}.water{background:var(--deep);color:#fff;padding:80px 0}.white p{color:var(--frog)}.zones{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.zones a{position:relative;min-height:185px;padding:24px;border:1px solid #3d756b;display:flex;flex-direction:column;justify-content:end;overflow:hidden}.zones a:hover{background:#145244}.zones i{position:absolute;top:23px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--frog);color:var(--deep);font-style:normal;font-weight:900}.zones strong{font-size:21px}.zones span{color:#c3dfd2;font-size:12px}.zones b{position:absolute;right:14px;bottom:-18px;font-size:70px;color:#24594f}.line{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.line article{min-height:165px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.line article:nth-child(even){background:var(--pond)}.line b{font-size:11px;color:var(--green)}.line strong{font-size:17px;margin:15px 0 4px}.line span{font-size:12px;color:var(--muted);margin-top:auto}.guide{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.guidecopy>span{display:block;color:var(--muted);font-size:16px;margin:17px 0}.guidecopy a{font-weight:900;color:var(--green)}.guidecards{display:grid;gap:12px}.guidecards article{background:#fff;border:1px solid var(--line);padding:22px;display:grid;grid-template-columns:130px 1fr;column-gap:16px}.guidecards b{color:var(--green);font-size:12px}.guidecards h3{margin:0;font-size:19px}.guidecards p{grid-column:2;margin:2px 0;color:var(--muted);font-size:13px}.moss{background:#eef9e9;padding:78px 0}.fresh{grid-template-columns:repeat(6,1fr)}.fresh .pic{height:210px;border-radius:35% 35% 10px 10px}.fresh h3{font-size:16px}.fresh small{display:none}.echo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rank,.weather{padding:38px;background:#fff;border:1px solid var(--line)}.rank>a{display:flex;align-items:center;gap:15px;padding:11px 0;border-bottom:1px solid var(--line);font-weight:900}.rank>a:last-child{border:0}.rank b{font-size:19px;color:var(--frog)}.rank span{flex:1}.rank small{display:block;font-weight:400;color:var(--muted);font-size:11px}.rank em{font-size:11px;color:var(--green);font-style:normal}.weather{background:var(--mint);border:0}.weather>a{display:flex;justify-content:space-between;background:#fff;margin-top:9px;padding:12px}.weather a b{color:var(--green);font-size:12px}.firefly{background:#123a36;color:#fff;padding:78px 0}.firefly p{color:var(--frog)}.firein{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.firein>div>span{font-size:16px;color:#cde4d8}.firein>div:last-child{display:grid;gap:12px}.firein blockquote{margin:0;background:#1f544d;padding:21px;font-size:16px}.firein cite{display:block;color:#b8d8cb;font-style:normal;font-size:11px;margin-top:12px}.map{padding-bottom:70px}.map>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.map article{background:#fff;border-top:5px solid var(--green);padding:28px}.map article:nth-child(2){border-color:var(--frog)}.map article:nth-child(3){border-color:#61a9a0}.map b{font-size:12px;color:var(--green)}.map h3{font-size:23px;margin:10px 0}.map article p{font-size:13px;color:var(--muted);letter-spacing:0}.map article a{color:var(--green);font-weight:900}.app{background:var(--green);color:#fff;margin-bottom:80px;padding:48px 56px;display:grid;grid-template-columns:1fr 220px;align-items:center;border-radius:20px}.app>div>p{color:var(--frog)}.app h2{font-size:40px}.app span{display:block;margin:15px 0 22px;color:#d9f2e2}.app button{background:#fff;color:var(--ink);margin-right:7px}.app button+button{background:transparent;color:#fff;border:1px solid #9bd1b4}.app aside{justify-self:end;width:160px;height:160px;border-radius:50% 50% 16px 16px;background:#fff;color:var(--green);display:grid;place-items:center;text-align:center}.app aside b{font-size:56px;line-height:1}.app aside small{font-size:11px;margin-top:-38px}.end{text-align:center;padding-bottom:88px}.end h2{font-size:35px;margin:0 0 16px}.end a{color:var(--green);font-weight:900}footer{background:var(--deep);color:#c6dfd2;padding-top:52px}.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:42px}.foot .logo{color:#fff}.foot .logo small{color:var(--frog)}.foot h4{color:#fff;margin:0 0 12px}.foot p{font-size:13px;line-height:1.9}.foot section>a:not(.logo){display:block;font-size:13px;margin:8px 0}.copy{text-align:center;margin-top:35px;padding:17px;border-top:1px solid #30564e;font-size:12px;color:#92b6aa}.chhero{background:#e1f5e6;padding:70px 0}.chhero p{font-size:12px;color:var(--green);font-weight:900}.chhero h1{font-size:49px;margin:5px 0}.chhero span{color:var(--muted)}.channel{padding:70px 0}.chlay{display:grid;grid-template-columns:1fr 290px;gap:24px}.chcards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.chlay aside{background:var(--deep);color:#fff;align-self:start;position:sticky;top:20px;padding:23px}.chlay aside p{margin:0;color:var(--frog);font-size:12px;font-weight:900}.chlay aside h3{margin:6px 0}.chlay aside a{display:block;border-top:1px solid #315950;padding:10px 0;font-size:13px}.chlay aside b{color:var(--frog);margin-right:9px}.chlay aside span{display:block;color:#b5d0c4;margin-left:25px;font-size:11px}.chnote{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-bottom:76px}.chnote article{background:#fff;border:1px solid var(--line);padding:23px}.chnote b{font-size:12px;color:var(--green)}.chnote h3{font-size:19px;margin:7px 0}.chnote p{font-size:13px;color:var(--muted)}.arthero{background:#e5f5e8;padding:35px 0 58px}.crumb{font-size:13px;color:var(--muted)}.crumb a{color:var(--green)}.intro{display:grid;grid-template-columns:255px 1fr;gap:34px;margin-top:24px}.intro>img{width:255px;height:345px;object-fit:cover;box-shadow:14px 14px 0 #b8e2be}.intro p{font-size:13px;color:var(--green);font-weight:900}.intro h1{font-size:45px;margin:6px 0}.intro>b{background:var(--frog);padding:5px 9px;font-size:12px}.intro>div>span{display:block;max-width:630px;color:var(--muted);margin:15px 0}.intro button{margin-right:8px}.article{display:grid;grid-template-columns:1fr 290px;gap:52px;padding:68px 0}.article>article{font-size:16px;line-height:2}.article>article>p:first-child{font-size:12px;color:var(--green);letter-spacing:1px;font-weight:900}.article h2{font-size:27px;margin:34px 0 9px}.chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.chapters a{padding:9px 11px;border:1px solid var(--line);font-size:13px}.chapters span{float:right;color:var(--green);font-size:11px}.article aside{display:grid;gap:14px;align-content:start}.article aside section{background:#fff;padding:20px;border:1px solid var(--line)}.article aside p{font-size:12px;color:var(--green);font-weight:900;margin:0}.article aside strong,.article aside span{display:block}.article aside span{font-size:12px;color:var(--muted);margin-top:9px}.article aside section>a{display:block;border-bottom:1px solid var(--line);padding:8px 0;font-size:13px}.article aside section>a span{float:right;color:var(--green);margin:0}.next{background:var(--deep);color:#fff;margin-bottom:78px;padding:22px 27px;display:flex;justify-content:space-between}.next span{color:#c5ddd2}.next a{font-size:18px;font-weight:900}.next b{font-size:12px;color:var(--frog);margin-left:12px}@media(max-width:1050px){.nav{height:auto;padding:20px 0;flex-wrap:wrap}.nav nav{order:3;width:100%;height:45px;overflow:auto}.canopyin{grid-template-columns:1fr 1fr}.drops{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(3,1fr)}.chcards{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.wrap{width:calc(100% - 30px)}.rainbar .wrap span:last-child{display:none}.nav nav a{padding:0 8px}.nav nav i{display:none}.search{margin-left:auto}.canopyin,.guide,.echo,.firein,.app,.chlay,.article{grid-template-columns:1fr}.hero h1{font-size:41px}.leaf{max-width:300px}.drops{grid-template-columns:1fr}.grid,.zones,.line,.map>div:last-child,.chnote{grid-template-columns:repeat(2,1fr)}.fresh{grid-template-columns:repeat(2,1fr)}.line article{padding:13px;min-height:125px}.foot{grid-template-columns:1fr 1fr}.guide{gap:35px}.app aside{justify-self:start;margin-top:22px}.intro{grid-template-columns:1fr}.intro>img{width:175px;height:240px}.chapters{grid-template-columns:1fr 1fr}}