/* roulang page: index */
:root{--green:#1f6b4f;--green2:#2f8a63;--deep:#15211d;--deep2:#1d2a25;--cream:#f7f7f1;--mint:#edf3ed;--cyan:#b8d7cc;--orange:#ef8b3b;--red:#bd4b46;--text:#20312a;--muted:#68766f;--line:#d8e2da;--white:#fff;--shadow:0 14px 34px rgba(33,53,43,.09);--radius:18px;--container:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:118px}body{margin:0;background:var(--cream);color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;width:100%;max-width:100%;object-fit:cover}.container{width:min(calc(100% - 48px),var(--container));margin:auto}.trustbar{height:34px;background:var(--deep);color:#d7e5dc;font-size:12px}.trustin{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.trust-left,.trust-right{display:flex;align-items:center;gap:18px}.trust-dot{width:7px;height:7px;background:#83c69f;border-radius:50%;box-shadow:0 0 0 4px rgba(131,198,159,.14)}.trust-right a:hover{color:#fff}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,241,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(216,226,218,.85)}.mainnav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;white-space:nowrap;color:var(--deep)}.logo-mark{width:34px;height:34px;border:2px solid var(--green);border-radius:11px;position:relative;overflow:hidden}.logo-mark:before,.logo-mark:after{content:"";position:absolute;border:2px solid var(--green);border-radius:50%;width:24px;height:24px}.logo-mark:before{left:7px;top:-10px}.logo-mark:after{right:7px;bottom:-12px}.navlinks{display:flex;align-items:center;gap:4px}.navlinks a{padding:11px 12px;border-radius:9px;font-size:14px;font-weight:650;color:#405149;transition:.2s}.navlinks a:hover,.navlinks a:focus-visible{background:var(--mint);color:var(--green);outline:none}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:11px;border:1px solid transparent;font-weight:750;line-height:1.2;transition:.2s ease}.btn:focus-visible,.menu-btn:focus-visible,.faq-q:focus-visible,.demo-tabs button:focus-visible{outline:3px solid rgba(47,138,99,.35);outline-offset:3px}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#17563f;transform:translateY(-2px);box-shadow:0 10px 20px rgba(31,107,79,.22)}.btn-primary:active{transform:translateY(0)}.btn-outline{border-color:var(--green);color:var(--green);background:transparent}.btn-outline:hover{background:var(--mint);transform:translateY(-2px)}.btn-light{background:#e4f0e8;color:var(--green);border-color:#d2e4d8}.btn-light:hover{background:#fff;transform:translateY(-2px)}.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green);font-size:21px}.mobile-panel{display:none}.section{padding:104px 0;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#e4efe6;border:1px solid #cce0d1;border-radius:999px;padding:5px 11px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.04em}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--orange)}.section-head{max-width:760px;margin-bottom:42px}.section-head h2{font-size:36px;line-height:1.28;letter-spacing:-.03em;margin:14px 0 13px;color:var(--deep)}.section-head p{margin:0;color:var(--muted)}.hero{min-height:655px;position:relative;overflow:hidden;color:#fff;background:var(--deep)}.hero-slide{min-height:655px;background-image:linear-gradient(90deg,rgba(16,31,25,.93) 0%,rgba(19,38,29,.78) 46%,rgba(20,38,30,.19) 100%),url('/assets/images/backpic/back-1.webp');background-position:center;background-size:cover;display:none}.hero-slide.active{display:block;animation:fade .5s ease}.hero-slide:nth-child(2){background-image:linear-gradient(90deg,rgba(16,31,25,.94),rgba(20,38,30,.58),rgba(20,38,30,.16)),url('/assets/images/backpic/back-2.webp')}.hero-slide:nth-child(3){background-image:linear-gradient(90deg,rgba(16,31,25,.94),rgba(20,38,30,.62),rgba(20,38,30,.18)),url('/assets/images/backpic/back-3.webp')}@keyframes fade{from{opacity:.15;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}.hero-inner{padding:90px 0 92px;min-height:655px;display:flex;align-items:center}.hero-copy{width:min(710px,100%)}.hero .eyebrow{color:#dff2e4;background:rgba(95,162,120,.18);border-color:rgba(196,231,204,.25)}.hero h1{font-size:52px;line-height:1.18;letter-spacing:-.045em;margin:18px 0}.hero p{max-width:680px;margin:0;color:#d9e5dd;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero .btn-outline{border-color:#bdd8c4;color:#fff}.hero .btn-outline:hover{background:rgba(255,255,255,.13)}.ability-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:34px}.ability-tags span{font-size:13px;color:#e2eee5;border:1px solid rgba(223,242,228,.26);background:rgba(255,255,255,.08);padding:6px 10px;border-radius:999px}.hero-controls{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:min(calc(100% - 48px),var(--container));display:flex;align-items:center;justify-content:space-between}.dots{display:flex;gap:8px}.dot{width:30px;height:4px;border:0;border-radius:4px;background:rgba(255,255,255,.32);padding:0}.dot.active{background:#d6f0dc}.control-group{display:flex;gap:7px}.control-group button{width:40px;height:40px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(20,38,30,.32);color:#fff;font-size:16px}.control-group button:hover{background:var(--green)}.intro-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}.photo-stack{position:relative;padding:0 34px 34px 0}.photo-stack img{height:430px;border-radius:18px;box-shadow:var(--shadow)}.photo-note{position:absolute;right:0;bottom:0;width:210px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:var(--shadow)}.photo-note strong{display:block;font-size:25px;color:var(--green);line-height:1.2}.photo-note span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.intro-copy h2{font-size:37px;line-height:1.28;margin:15px 0;color:var(--deep)}.intro-copy>p{color:var(--muted);margin:0 0 22px}.feature-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.feature-list li{display:grid;grid-template-columns:34px 1fr;gap:13px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.feature-list b{color:var(--green);font-family:monospace}.param-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.param-row span{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:5px 10px;background:#fff;color:#52635a}.pain{background:var(--mint)}.pain-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:start}.pain-side{position:sticky;top:130px}.pain-items{display:grid;gap:12px}.pain-item{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:20px;border-bottom:1px solid #cadbcf;background:rgba(255,255,255,.45)}.pain-num{font-family:ui-monospace,monospace;font-size:15px;color:var(--orange);font-weight:800}.pain-item h3{margin:0 0 4px;font-size:18px}.pain-item p{margin:0;color:var(--muted);font-size:14px}.ability-grid{display:grid;grid-template-columns:1.25fr .75fr 1fr;gap:18px}.ability-card{min-height:190px;background:#fff;border:1px solid var(--line);padding:24px;border-radius:var(--radius);position:relative;transition:.22s}.ability-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#afcfb9}.ability-card.large{grid-row:span 2;min-height:398px;background:linear-gradient(145deg,#e4f0e7,#fff)}.ability-card:nth-child(2){background:#1d2a25;color:#e9f2eb;border-color:#1d2a25}.ability-card:nth-child(2) p{color:#bdd0c2}.ability-card:nth-child(5){background:#fff7ef}.iconline{width:38px;height:38px;border:1.5px solid currentColor;border-radius:11px;color:var(--green);display:grid;place-items:center;font-size:18px;margin-bottom:22px}.ability-card:nth-child(2) .iconline{color:#9dd7af}.ability-card h3{font-size:20px;margin:0 0 9px;line-height:1.35}.ability-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.metric{position:absolute;right:20px;bottom:18px;font-family:ui-monospace,monospace;font-size:12px;color:var(--green);font-weight:800}.workflow{background:#fff}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative}.steps:before{content:"";position:absolute;left:10%;right:10%;top:47px;border-top:2px dashed #b8d7cc}.step{position:relative;padding:0 12px}.step-no{width:58px;height:58px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-family:ui-monospace,monospace;font-weight:800;position:relative;z-index:1;border:7px solid #fff}.step h3{font-size:18px;margin:18px 0 6px}.step p{font-size:13px;color:var(--muted);margin:0}.scene-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.scene-big{min-height:450px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(0deg,rgba(15,31,24,.82),rgba(15,31,24,.05)),url('/assets/images/backpic/back-4.webp') center/cover}.scene-big>div{position:absolute;left:30px;bottom:28px;right:30px;color:#fff}.scene-big h3{font-size:28px;margin:0 0 8px}.scene-big p{margin:0;color:#d6e6da}.scene-side{display:grid;gap:18px}.scene-small{min-height:138px;border-radius:17px;padding:21px 24px;border:1px solid var(--line);background:#fff;position:relative;overflow:hidden;transition:.2s}.scene-small:hover{border-color:#a9cdb5;transform:translateX(3px)}.scene-small:nth-child(2){background:#e5f0e8}.scene-small:nth-child(3){background:#fff8ee}.scene-small h3{margin:0 0 5px;font-size:18px}.scene-small p{margin:0;color:var(--muted);font-size:13px}.scene-small span{position:absolute;right:18px;top:18px;color:var(--orange);font-family:monospace;font-weight:800}.plans{background:#edf3ed}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:end}.plan{background:#fff;border:1px solid var(--line);border-radius:18px;padding:27px;min-height:370px;position:relative}.plan.recommend{border:2px solid var(--green);min-height:405px;box-shadow:var(--shadow)}.recommend-badge{position:absolute;top:-14px;left:25px;background:var(--orange);color:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800}.plan h3{font-size:23px;margin:0 0 7px}.plan>p{color:var(--muted);font-size:14px;margin:0 0 18px}.plan ul{list-style:none;padding:0;margin:0 0 22px;border-top:1px solid var(--line)}.plan li{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.plan li:before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}.demo-wrap{background:#fff;border:1px solid var(--line);padding:18px;border-radius:20px;box-shadow:var(--shadow)}.demo-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.demo-tabs button{border:1px solid var(--line);background:#fff;color:#51635a;border-radius:999px;padding:8px 13px;font-size:13px}.demo-tabs button.active,.demo-tabs button:hover{background:var(--green);border-color:var(--green);color:#fff}.demo-stage{display:grid;grid-template-columns:1.45fr .55fr;min-height:420px;overflow:hidden;border-radius:13px;background:#dbe8de}.demo-image{position:relative}.demo-image img{height:100%;min-height:420px}.float-tag{position:absolute;background:rgba(255,255,255,.94);border-left:3px solid var(--orange);border-radius:7px;padding:8px 10px;font-size:12px;box-shadow:0 5px 15px rgba(25,48,37,.15)}.tag1{left:8%;top:18%}.tag2{right:9%;top:34%}.tag3{left:28%;bottom:12%}.demo-data{padding:28px;background:#1d2a25;color:#edf5ef}.demo-data h3{margin:0 0 22px;font-size:20px}.data-line{margin:17px 0}.data-line span{display:flex;justify-content:space-between;font-size:12px;color:#c3d7c8;margin-bottom:6px}.bar{height:7px;background:rgba(255,255,255,.15);border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:#83c69f;border-radius:9px}.case-dark{background:var(--deep);color:#eaf3ec;overflow:hidden}.case-dark:before{content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(184,215,204,.12);border-radius:50%;right:-170px;top:-280px;box-shadow:0 0 0 80px rgba(184,215,204,.035),0 0 0 160px rgba(184,215,204,.025)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center;position:relative}.case-photo{position:relative}.case-photo img{height:390px;border-radius:18px;opacity:.78}.case-stat{position:absolute;left:22px;bottom:22px;right:22px;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(22,37,30,.91);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:15px}.case-stat b{display:block;font-family:monospace;color:#aee0bb;font-size:22px}.case-stat span{font-size:11px;color:#c3d7c8}.case-copy h2{font-size:36px;line-height:1.3;margin:15px 0}.case-copy p{color:#c2d3c7}.quote{border-left:3px solid var(--orange);padding:4px 0 4px 18px;margin:24px 0;color:#e2ede5;font-size:17px}.stories{overflow:hidden}.story-track{display:flex;gap:18px;overflow-x:auto;padding:4px 2px 20px;scroll-snap-type:x mandatory}.story-track::-webkit-scrollbar{height:7px}.story-track::-webkit-scrollbar-thumb{background:#b8d7cc;border-radius:8px}.story{min-width:330px;max-width:360px;scroll-snap-align:start;border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden}.story img{height:175px}.story-body{padding:20px}.story-body span{font-size:12px;color:var(--green);font-weight:800}.story h3{font-size:19px;margin:8px 0}.story p{font-size:14px;color:var(--muted);margin:0}.stats{padding:0}.statbar{background:var(--green);border-radius:18px;padding:31px 38px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;color:#fff}.statbar b{font-family:ui-monospace,monospace;font-size:35px;line-height:1.1;display:block}.statbar span{font-size:13px;color:#d9ecdf}.reviews{background:#fff}.review-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:18px;align-items:start}.review{padding:23px;border-radius:17px;border:1px solid var(--line);background:var(--cream)}.review:nth-child(2){margin-top:34px;background:#e6f0e8}.review:nth-child(3){background:#fff8ef}.stars{color:var(--orange);letter-spacing:2px;font-size:14px}.review p{font-size:14px;margin:12px 0;color:#45564d}.review footer{font-size:12px;color:var(--muted)}.news{background:var(--mint)}.news-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.news-main{background:#fff;border-radius:18px;border:1px solid var(--line);padding:12px}.news-main img{height:280px;border-radius:12px}.news-main>div{padding:18px 12px 10px}.news-meta{color:var(--green);font-size:12px;font-weight:800}.news h3{font-size:23px;margin:7px 0}.news p{font-size:14px;color:var(--muted);margin:0}.news-list{display:grid;gap:12px}.news-item{display:grid;grid-template-columns:98px 1fr;gap:15px;background:#fff;border:1px solid var(--line);padding:10px;border-radius:14px}.news-item img{height:92px;border-radius:9px}.news-item h3{font-size:16px;margin:4px 0}.news-item p{font-size:12px;line-height:1.55}.faq-wrap{display:grid;grid-template-columns:.76fr 1.24fr;gap:65px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;border:0;background:none;text-align:left;padding:19px 42px 19px 0;position:relative;font-weight:750;color:var(--text);font-size:16px}.faq-q:after{content:"+";position:absolute;right:5px;top:15px;font-size:25px;color:var(--green);font-weight:400;transition:.2s}.faq-item.open .faq-q:after{content:"−";transform:rotate(180deg)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.faq-a>div{overflow:hidden;color:var(--muted);font-size:14px}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-a>div{padding-bottom:20px}.cta{background:var(--deep2);color:#ecf3ee}.cta-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.cta h2{font-size:37px;line-height:1.28;margin:14px 0}.cta p{color:#bed1c4}.trust-points{list-style:none;padding:0;margin:24px 0 0}.trust-points li{font-size:14px;margin:9px 0;color:#d4e5d9}.trust-points li:before{content:"✓";color:#9ed3ac;margin-right:10px}.form-card{background:#fff;color:var(--text);padding:27px;border-radius:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:750}.field input,.field select,.field textarea{width:100%;border:1px solid #cad8ce;background:#fbfcfa;border-radius:9px;padding:11px 12px;outline:none;transition:.2s;color:var(--text)}.field textarea{min-height:76px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(47,138,99,.13)}.form-note{font-size:12px;color:var(--muted);margin:12px 0}.form-status{min-height:20px;font-size:13px;margin-top:10px;color:var(--green)}.footer{background:#101a16;color:#c6d4cb;padding:66px 0 22px}.foot-grid{display:grid;grid-template-columns:1.2fr .8fr .9fr 1fr;gap:35px;padding-bottom:45px;border-bottom:1px solid rgba(255,255,255,.12)}.footer .logo{color:#edf5ef}.footer p{font-size:13px;color:#aebfb4}.foot-title{font-size:14px;color:#fff;font-weight:800;margin:5px 0 13px}.foot-links{display:grid;gap:8px}.foot-links a,.foot-links span{font-size:13px;color:#b4c5ba}.foot-links a:hover{color:#a8e0b8}.copyright{padding-top:17px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px;color:#8fa298}.no-link{cursor:default}.no-link:hover{color:#b4c5ba!important}
@media(max-width:1050px){.navlinks{gap:0}.navlinks a{padding:10px 8px;font-size:13px}.mainnav>.btn{padding:10px 13px}.intro-grid,.case-grid,.cta-grid,.faq-wrap{gap:40px}.ability-grid{grid-template-columns:repeat(2,1fr)}.ability-card.large{grid-row:auto;min-height:230px}.steps{grid-template-columns:repeat(5,1fr)}.step{padding:0 5px}.plan{padding:22px}}
@media(max-width:820px){.trust-right a:not(:last-child){display:none}.mainnav{height:68px}.navlinks,.mainnav>.btn{display:none}.menu-btn{display:grid;place-items:center}.mobile-panel{position:absolute;top:68px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--line);padding:12px 24px 20px;box-shadow:var(--shadow)}.mobile-panel.show{display:grid;gap:5px}.mobile-panel a{min-height:44px;display:flex;align-items:center;padding:0 12px;border-radius:8px;font-weight:700}.mobile-panel a:hover{background:var(--mint);color:var(--green)}.mobile-panel .btn{margin-top:8px}.hero,.hero-slide,.hero-inner{min-height:590px}.hero h1{font-size:42px}.section{padding:75px 0}.intro-grid,.pain-grid,.scene-grid,.news-grid,.case-grid,.cta-grid,.faq-wrap{grid-template-columns:1fr}.pain-side{position:static}.photo-stack{max-width:620px}.steps{grid-template-columns:repeat(5,1fr);overflow-x:auto;padding-bottom:12px}.steps:before{width:700px;right:auto}.step{min-width:135px}.scene-big{min-height:330px}.plan-grid{grid-template-columns:1fr;max-width:560px;margin:auto}.plan.recommend{min-height:370px}.demo-stage{grid-template-columns:1fr}.demo-image img{min-height:310px;height:310px}.demo-data{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px}.demo-data h3{grid-column:1/-1;margin:0}.data-line{margin:0}.statbar{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.container{width:min(calc(100% - 32px),var(--container))}.trust-left span:last-child{display:none}.trust-right{gap:8px}.trust-right a{font-size:0}.trust-right a:after{content:"咨询电话";font-size:12px}.hero-inner{padding:65px 0 80px}.hero h1{font-size:32px}.hero p{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-controls{bottom:20px}.section{padding:60px 0}.section-head{margin-bottom:28px}.section-head h2,.intro-copy h2,.case-copy h2,.cta h2{font-size:27px}.intro-grid{gap:34px}.photo-stack{padding:0 20px 20px 0}.photo-stack img{height:300px}.photo-note{width:170px;padding:13px}.ability-grid{grid-template-columns:1fr}.ability-card,.ability-card.large{min-height:190px}.scene-small{min-height:128px}.demo-data{grid-template-columns:1fr}.demo-image img{height:250px;min-height:250px}.case-photo img{height:300px}.case-stat{padding:11px}.case-stat b{font-size:17px}.statbar{padding:25px 21px;gap:20px}.statbar b{font-size:29px}.review-grid{grid-template-columns:1fr}.review:nth-child(2){margin-top:0}.news-main img{height:210px}.news-item{grid-template-columns:78px 1fr}.news-item img{height:78px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.foot-grid{grid-template-columns:1fr;gap:23px}.copyright{line-height:1.6}.float-tag{font-size:10px}.tag2{right:3%}.faq-wrap{gap:24px}}

/* roulang page: category1 */
:root{--green:#1f6b4f;--green2:#2f8a63;--deep:#15211d;--deep2:#1d2a25;--cream:#f7f7f1;--mint:#edf3ed;--cyan:#b8d7cc;--orange:#ef8b3b;--red:#bd4b46;--text:#20312a;--muted:#68766f;--line:#d8e2da;--white:#fff;--shadow:0 14px 34px rgba(33,53,43,.09);--radius:18px;--container:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:124px}body{margin:0;background:var(--cream);color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}img{display:block;width:100%;max-width:100%;object-fit:cover}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 48px),var(--container));margin:auto}
.trustbar{height:34px;background:var(--deep);color:#dce9df;font-size:12px}.trust-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.trust-left{display:flex;align-items:center;gap:8px}.trust-dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}.trust-right{display:flex;gap:18px}.trust-right a:hover{color:#fff}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,241,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(216,226,218,.9)}.mainnav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;white-space:nowrap;color:var(--deep)}.logo-mark{width:34px;height:34px;border:2px solid var(--green);border-radius:11px;position:relative;overflow:hidden}.logo-mark:before,.logo-mark:after{content:"";position:absolute;border:2px solid var(--green);border-radius:50%;width:24px;height:24px}.logo-mark:before{left:7px;top:-10px}.logo-mark:after{right:7px;bottom:-12px}.navlinks{display:flex;align-items:center;gap:3px}.navlinks a{padding:11px 11px;border-radius:9px;font-size:14px;font-weight:650;color:#405149;transition:.2s}.navlinks a:hover,.navlinks a:focus-visible,.navlinks a.active{background:var(--mint);color:var(--green);outline:none}.navlinks a.active{box-shadow:inset 0 -2px 0 var(--green)}
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;border:1px solid transparent;border-radius:11px;font-weight:750;line-height:1.2;transition:.2s}.btn:focus-visible,.menu-btn:focus-visible,.faq-q:focus-visible{outline:3px solid rgba(47,138,99,.35);outline-offset:3px}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#17563f;transform:translateY(-2px);box-shadow:0 10px 20px rgba(31,107,79,.22)}.btn-primary:active{transform:translateY(0)}.btn-outline{border-color:var(--green);color:var(--green);background:transparent}.btn-outline:hover{background:var(--mint);transform:translateY(-2px)}.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green);font-size:21px}.mobile-panel{display:none}
.section{padding:96px 0;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border:1px solid #cce0d1;border-radius:999px;background:#e4efe6;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.04em}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--orange)}.section-head{max-width:760px;margin-bottom:38px}.section-head h2{margin:14px 0 12px;font-size:36px;line-height:1.28;letter-spacing:-.03em;color:var(--deep)}.section-head p{margin:0;color:var(--muted)}
.page-hero{padding:58px 0 66px;background:linear-gradient(90deg,rgba(21,33,29,.94),rgba(29,42,37,.72)),url('/assets/images/backpic/back-4.webp') center/cover;color:#fff}.breadcrumb{display:flex;gap:9px;align-items:center;color:#c8d8cd;font-size:13px}.breadcrumb span{opacity:.68}.hero-grid{display:grid;grid-template-columns:1fr .78fr;gap:56px;align-items:center;margin-top:28px}.page-hero h1{margin:15px 0 18px;font-size:48px;line-height:1.2;letter-spacing:-.04em}.page-hero p{max-width:680px;margin:0;color:#d9e6dc;font-size:17px}.hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.hero-tags span{padding:5px 10px;border:1px solid rgba(220,239,225,.24);background:rgba(255,255,255,.08);border-radius:999px;font-size:13px}.hero-metric{padding:25px;background:rgba(237,243,237,.11);border:1px solid rgba(220,239,225,.21);border-radius:var(--radius)}.hero-metric b{display:block;color:#dff1e4;font-size:14px}.metric-line{display:flex;justify-content:space-between;align-items:end;padding:14px 0;border-bottom:1px solid rgba(220,239,225,.18)}.metric-line strong{font:700 26px ui-monospace,monospace;color:#fff}.metric-line small{color:#c8d9ce}
.category-nav{padding:27px 0;background:#fff;border-bottom:1px solid var(--line)}.category-scroll{display:flex;gap:9px;overflow:auto;padding-bottom:3px}.category-scroll a{white-space:nowrap;padding:9px 14px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:700;color:#506158;transition:.2s}.category-scroll a:hover,.category-scroll a.active{background:var(--green);border-color:var(--green);color:#fff}.category-scroll a:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.content-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.article-card{display:grid;grid-template-columns:190px 1fr;min-height:220px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:.22s}.article-card:hover{border-color:#abcbbb;box-shadow:var(--shadow);transform:translateY(-3px)}.article-card img{height:100%}.article-copy{padding:21px}.meta{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px}.meta b{color:var(--green);font-weight:800}.article-copy h3{margin:10px 0 7px;font-size:20px;line-height:1.45}.article-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.readtime{display:block;margin-top:12px;color:var(--green);font-size:12px;font-weight:800}.more-row{text-align:center;margin-top:30px}
.method-section{background:var(--mint)}.method-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}.method-intro{position:sticky;top:130px}.method-intro h2{font-size:36px;line-height:1.3;margin:14px 0}.method-intro p{color:var(--muted)}.checklist{display:grid;gap:12px}.check{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:19px;background:#fff;border:1px solid var(--line);border-radius:15px}.check-num{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#e4f0e7;color:var(--green);font-weight:800}.check h3{margin:0 0 4px;font-size:18px}.check p{margin:0;color:var(--muted);font-size:14px}
.dashboard{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center}.report-frame{padding:12px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.report-frame img{height:395px;border-radius:12px}.panel{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.panel h3{margin:0 0 16px;font-size:21px}.bar-row{margin:15px 0}.bar-label{display:flex;justify-content:space-between;font-size:13px;color:#506158}.bar{height:8px;margin-top:7px;overflow:hidden;border-radius:999px;background:#e5ece6}.bar i{display:block;height:100%;border-radius:999px;background:var(--green)}.bar.orange i{background:var(--orange)}.note{margin-top:18px;padding:13px 15px;border-left:3px solid var(--orange);background:#fff8ef;color:#74502f;font-size:13px}
.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-item{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--cream)}.faq-q{width:100%;min-height:60px;padding:15px 18px;border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;color:var(--text);font-weight:750}.faq-q span:last-child{color:var(--green);font-size:22px;line-height:1}.faq-a{max-height:0;overflow:hidden;padding:0 18px;color:var(--muted);font-size:14px;transition:max-height .24s ease,padding .24s ease}.faq-item.open .faq-a{max-height:180px;padding:0 18px 17px}.faq-item.open .faq-q{color:var(--green);background:#f2f7f2}
.action-box{overflow:hidden;position:relative;padding:48px;background:var(--deep);border-radius:20px;color:#fff}.action-box:after{content:"";position:absolute;width:420px;height:420px;right:-150px;top:-260px;border:1px solid rgba(184,215,204,.22);border-radius:50%;box-shadow:0 0 0 42px rgba(184,215,204,.05),0 0 0 84px rgba(184,215,204,.035)}.action-inner{position:relative;z-index:1;display:flex;justify-content:space-between;gap:32px;align-items:center}.action-box h2{margin:0 0 12px;font-size:34px;line-height:1.3}.action-box p{max-width:680px;margin:0;color:#cad9cf}.action-info{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:#dceae0}.action-info span{padding:5px 9px;border:1px solid rgba(220,234,224,.2);border-radius:999px}.action-box .btn{flex:0 0 auto;background:#e4f0e8;color:var(--green)}.action-box .btn:hover{background:#fff}
.footer{padding:70px 0 24px;background:#101a16;color:#c9d6cd}.foot-grid{display:grid;grid-template-columns:1.25fr .8fr 1fr 1.1fr;gap:38px}.footer .logo{color:#fff}.footer p{margin:16px 0 0;color:#9eb0a4;font-size:14px}.foot-title{margin-bottom:15px;color:#fff;font-size:14px;font-weight:800}.foot-links{display:grid;gap:9px;color:#aebfb4;font-size:13px}.foot-links a:hover{color:#fff}.copyright{display:flex;justify-content:space-between;gap:20px;margin-top:54px;padding-top:19px;border-top:1px solid rgba(207,225,213,.15);color:#83958a;font-size:12px}
@media(max-width:1080px){.navlinks{display:none}.menu-btn{display:inline-flex;align-items:center;justify-content:center}.mobile-panel.open{display:block;border-top:1px solid var(--line);background:var(--cream)}.mobile-panel .navlinks{display:grid;padding:14px 24px}.mobile-panel .navlinks a{padding:13px 12px}.mobile-panel .btn{margin:0 24px 18px}.hero-grid,.dashboard{grid-template-columns:1fr}.hero-metric{max-width:580px}.method-grid{grid-template-columns:1fr}.method-intro{position:static}.foot-grid{grid-template-columns:1fr 1fr}.mainnav>.btn{display:none}}
@media(max-width:768px){.container{width:min(calc(100% - 32px),var(--container))}.trust-right{display:none}.section{padding:65px 0}.section-head h2,.method-intro h2{font-size:28px}.page-hero{padding:42px 0 49px}.page-hero h1{font-size:35px}.hero-grid{gap:25px}.content-layout,.faq-grid{grid-template-columns:1fr}.article-card{grid-template-columns:125px 1fr;min-height:178px}.article-copy{padding:15px}.article-copy h3{font-size:17px}.article-copy p{font-size:13px}.report-frame img{height:280px}.action-inner{display:block}.action-box{padding:32px 25px}.action-box h2{font-size:27px}.action-box .btn{margin-top:24px}.copyright{display:grid;margin-top:35px}.foot-grid{gap:29px}}
@media(max-width:520px){body{font-size:15px}.mainnav{height:68px}.logo{font-size:18px}.logo-mark{width:31px;height:31px}.page-hero p{font-size:15px}.hero-metric{padding:19px}.article-card{grid-template-columns:1fr}.article-card img{height:165px}.article-copy{padding:18px}.section-head{margin-bottom:28px}.check{padding:16px}.footer{padding-top:52px}.foot-grid{grid-template-columns:1fr}.category-scroll{margin-right:-16px}.action-info{display:grid}.trust-left{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* roulang page: category2 */
:root{--green:#1f6b4f;--green2:#2f8a63;--deep:#15211d;--deep2:#1d2a25;--cream:#f7f7f1;--mint:#edf3ed;--cyan:#b8d7cc;--orange:#ef8b3b;--red:#bd4b46;--text:#20312a;--muted:#68766f;--line:#d8e2da;--white:#fff;--shadow:0 14px 34px rgba(33,53,43,.09);--radius:18px;--container:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:118px}body{margin:0;background:var(--cream);color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}img{display:block;width:100%;max-width:100%;object-fit:cover}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 48px),var(--container));margin:auto}
.topbar{height:34px;background:var(--deep);color:#dbe9df;font-size:12px}.topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.trust-left,.trust-right{display:flex;align-items:center;gap:15px}.trust-left span:first-child:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#7abf94}.trust-right a{color:#dbe9df;transition:.2s}.trust-right a:hover{color:#fff}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,241,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(216,226,218,.9)}.mainnav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;white-space:nowrap;color:var(--deep)}.logo-mark{width:34px;height:34px;border:2px solid var(--green);border-radius:11px;position:relative;overflow:hidden;flex:0 0 auto}.logo-mark:before,.logo-mark:after{content:"";position:absolute;border:2px solid var(--green);border-radius:50%;width:24px;height:24px}.logo-mark:before{left:7px;top:-10px}.logo-mark:after{right:7px;bottom:-12px}
.navlinks{display:flex;align-items:center;gap:4px}.navlinks a{padding:11px 12px;border-radius:9px;font-size:14px;font-weight:650;color:#405149;transition:.2s}.navlinks a:hover,.navlinks a:focus-visible,.navlinks a.active{background:var(--mint);color:var(--green);outline:none}.navlinks a.active{box-shadow:inset 0 -2px 0 var(--green)}
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:11px;border:1px solid transparent;font-weight:750;line-height:1.2;transition:.2s ease}.btn:focus-visible,.menu-btn:focus-visible,.faq-q:focus-visible,.filter-btn:focus-visible{outline:3px solid rgba(47,138,99,.35);outline-offset:3px}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#17563f;transform:translateY(-2px);box-shadow:0 10px 20px rgba(31,107,79,.22)}.btn-primary:active{transform:translateY(0)}.btn-outline{border-color:var(--green);color:var(--green);background:transparent}.btn-outline:hover{background:var(--mint);transform:translateY(-2px)}.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green);font-size:21px}.mobile-panel{display:none}
.section{padding:104px 0;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#e4efe6;border:1px solid #cce0d1;border-radius:999px;padding:5px 11px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.04em}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--orange)}.section-head{max-width:760px;margin-bottom:38px}.section-head h2{font-size:36px;line-height:1.28;letter-spacing:-.03em;margin:14px 0 13px;color:var(--deep)}.section-head p{margin:0;color:var(--muted)}
.page-hero{padding:58px 0 68px;overflow:hidden;background:linear-gradient(110deg,#e5f0e7 0%,#f7f7f1 58%,#d5e6da 100%);border-bottom:1px solid var(--line)}.crumb{display:flex;align-items:center;gap:9px;margin-bottom:22px;font-size:13px;color:var(--muted)}.crumb a:hover{color:var(--green)}.crumb b{color:#95a59b}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:64px}.hero-copy h1{margin:15px 0 18px;max-width:650px;color:var(--deep);font-size:48px;line-height:1.18;letter-spacing:-.045em}.hero-copy p{max-width:650px;margin:0;color:#52635a;font-size:17px}.hero-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.hero-points span{padding:5px 10px;border:1px solid #c8dbcd;border-radius:999px;background:rgba(255,255,255,.7);font-size:13px;color:var(--green);font-weight:700}.hero-visual{position:relative;min-height:310px}.hero-visual img{height:310px;border-radius:20px;box-shadow:var(--shadow)}.schedule-float{position:absolute;right:-12px;bottom:-22px;width:230px;padding:16px;background:#fff;border:1px solid #d7e4d9;border-radius:14px;box-shadow:0 14px 30px rgba(29,53,40,.14)}.schedule-float small{display:block;color:var(--muted);font-size:12px}.schedule-float strong{display:block;margin:3px 0 10px;font-size:18px}.mini-bars{display:flex;height:28px;align-items:flex-end;gap:5px}.mini-bars i{display:block;flex:1;border-radius:4px 4px 1px 1px;background:var(--green2)}.mini-bars i:nth-child(1){height:40%}.mini-bars i:nth-child(2){height:72%}.mini-bars i:nth-child(3){height:54%;background:var(--orange)}.mini-bars i:nth-child(4){height:88%}.mini-bars i:nth-child(5){height:48%;background:var(--cyan)}.mini-bars i:nth-child(6){height:65%}
.channel{padding:32px 0;background:#fff;border-bottom:1px solid var(--line)}.channel-inner{display:flex;align-items:center;gap:28px}.channel-title{min-width:140px;font-weight:800;color:var(--deep)}.channel-list{display:flex;flex-wrap:wrap;gap:10px}.channel-list a{min-height:38px;display:inline-flex;align-items:center;padding:6px 13px;border-radius:999px;border:1px solid var(--line);background:var(--cream);font-size:14px;color:#58685f;transition:.2s}.channel-list a:hover,.channel-list a:focus-visible{border-color:#a9cbb3;color:var(--green);background:var(--mint);outline:none}.channel-list a.current{background:var(--green);border-color:var(--green);color:#fff}
.list-section{padding-top:94px}.content-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:46px}.filters{position:sticky;top:132px;align-self:start;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#f0f5f0}.filters h3{margin:0 0 12px;font-size:16px}.filter-set{display:flex;flex-direction:column;gap:7px}.filter-btn{padding:9px 11px;border:0;border-radius:9px;background:transparent;text-align:left;color:#58685f;font-size:14px;transition:.2s}.filter-btn:hover,.filter-btn.active{background:#fff;color:var(--green);font-weight:750}.list-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.article-list{display:grid;gap:18px;margin-top:20px}.article-card{display:grid;grid-template-columns:230px 1fr;gap:24px;min-height:180px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:.22s}.article-card:hover{border-color:#afd0b9;box-shadow:var(--shadow);transform:translateY(-3px)}.article-card img{height:150px;border-radius:12px}.article-copy{padding:5px 7px 4px 0}.article-label{display:flex;align-items:center;gap:9px;color:var(--green);font-size:12px;font-weight:800}.article-label time{color:var(--muted);font-weight:500}.article-copy h3{margin:8px 0 6px;font-size:21px;line-height:1.4;color:var(--deep)}.article-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.article-foot{display:flex;align-items:center;gap:13px;margin-top:12px;color:#77867d;font-size:12px}.article-foot b{color:var(--orange)}.more-row{padding-top:25px;text-align:center}
.method{background:var(--mint)}.plan-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start}.plan-note{padding:28px;background:var(--deep);color:#e7f0e9;border-radius:18px;position:relative;overflow:hidden}.plan-note:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(184,215,204,.22);border-radius:50%;right:-120px;bottom:-140px}.plan-note h3{position:relative;margin:0 0 12px;font-size:25px;line-height:1.4}.plan-note p{position:relative;margin:0;color:#c8d8cc;font-size:14px}.checklist{position:relative;display:grid;gap:11px;margin-top:20px}.checklist div{display:flex;gap:10px;align-items:flex-start;padding-top:11px;border-top:1px solid rgba(214,234,219,.18);font-size:14px}.checklist b{color:#9ed2af}.timeline{position:relative;padding:5px 0}.timeline:before{content:"";position:absolute;top:35px;left:12px;right:12px;height:2px;background:#bdd7c4}.phase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}.phase{padding:20px 16px;background:#fff;border:1px solid var(--line);border-radius:15px;min-height:188px;transition:.2s}.phase:hover{transform:translateY(-3px);border-color:#a8cbb3}.phase-num{display:grid;place-items:center;width:30px;height:30px;margin-bottom:20px;border-radius:50%;background:var(--green);color:#fff;font-size:12px;font-weight:800}.phase:nth-child(2) .phase-num{background:var(--green2)}.phase:nth-child(3) .phase-num{background:var(--orange)}.phase:nth-child(4) .phase-num{background:#54746a}.phase h3{margin:0 0 6px;font-size:17px}.phase p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.phase span{display:inline-block;margin-top:10px;color:var(--green);font-size:12px;font-weight:750}
.dashboard-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.report-frame{padding:13px;background:#fff;border:1px solid #ccdcd0;border-radius:20px;box-shadow:var(--shadow)}.report-frame img{height:370px;border-radius:11px}.metric-area{padding:22px;background:var(--deep2);border-radius:17px;color:#edf5ef}.metric-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid rgba(223,241,227,.16)}.metric-top small{color:#b6c9ba}.metric-top strong{font-size:26px}.curve{height:112px;position:relative;margin:22px 0 12px;border-bottom:1px solid rgba(223,241,227,.25);background:repeating-linear-gradient(to bottom,transparent 0,transparent 26px,rgba(223,241,227,.1) 27px)}.curve svg{width:100%;height:100%;overflow:visible}.legend{display:flex;flex-wrap:wrap;gap:14px;color:#c7d7cb;font-size:12px}.legend span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:var(--green2)}.legend span:last-child:before{background:var(--orange)}.data-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.data-card{padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff}.data-card span{display:block;color:var(--muted);font-size:12px}.data-card strong{display:block;margin-top:3px;font-size:22px;color:var(--deep)}.data-card em{font-style:normal;color:var(--orange);font-size:12px}
.faq-section{padding-top:92px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.faq-item{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;transition:.2s}.faq-item:hover{border-color:#adcfb7}.faq-q{width:100%;min-height:70px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:0;background:#fff;color:var(--deep);text-align:left;font-weight:800}.faq-q span:last-child{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid var(--line);color:var(--green);font-size:19px;line-height:1;flex:0 0 auto;transition:.2s}.faq-q[aria-expanded="true"] span:last-child{background:var(--green);border-color:var(--green);color:#fff;transform:rotate(45deg)}.faq-a{display:none;padding:0 18px 18px;color:var(--muted);font-size:14px;line-height:1.75}.faq-item.open .faq-a{display:block;animation:open .22s ease}
.action{padding:90px 0;background:var(--deep);color:#fff;position:relative;overflow:hidden}.action:before{content:"";position:absolute;width:600px;height:600px;right:-230px;top:-350px;border:1px solid rgba(184,215,204,.12);border-radius:50%;box-shadow:0 0 0 80px rgba(184,215,204,.035),0 0 0 160px rgba(184,215,204,.025)}.action-inner{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:45px}.action h2{margin:12px 0;font-size:35px;line-height:1.28}.action p{max-width:690px;margin:0;color:#cbdacf}.action-info{display:flex;flex-wrap:wrap;gap:13px;margin-top:18px;font-size:13px;color:#a9c7b1}.action-info span:before{content:"✓";margin-right:6px;color:#89c99f}.action .eyebrow{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);color:#d8eddd}.action .btn-outline{color:#d9efe0;border-color:#a7cab1}.action .btn-outline:hover{color:var(--green);background:#e4f0e8}
.footer{padding:68px 0 25px;background:#101915;color:#c3d0c6}.foot-grid{display:grid;grid-template-columns:1.25fr .8fr .95fr 1.15fr;gap:38px}.footer .logo{color:#edf5ef}.footer p{margin:15px 0 0;color:#9bad9f;font-size:14px;line-height:1.75}.foot-title{margin-bottom:14px;color:#fff;font-size:14px;font-weight:800}.foot-links{display:grid;gap:8px;font-size:13px;color:#aebfb2}.foot-links a{transition:.2s}.foot-links a:hover{color:#fff}.copyright{display:flex;justify-content:space-between;gap:18px;margin-top:48px;padding-top:19px;border-top:1px solid rgba(213,229,217,.14);font-size:12px;color:#829487}
@keyframes open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.navlinks a{padding:10px 8px;font-size:13px}.mainnav .btn{padding:10px 13px}.hero-grid{gap:35px}.content-layout{grid-template-columns:180px minmax(0,1fr)}.phase-grid{grid-template-columns:repeat(2,1fr)}.timeline:before{display:none}.foot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container{width:min(calc(100% - 32px),var(--container))}.trust-right span{display:none}.topbar .container{justify-content:space-between}.mainnav{height:68px}.navlinks,.mainnav>.btn{display:none}.menu-btn{display:inline-grid;place-items:center}.mobile-panel{position:absolute;top:68px;left:0;right:0;padding:12px 16px 18px;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 12px 25px rgba(25,43,34,.1)}.mobile-panel.open{display:grid;gap:5px}.mobile-panel a{display:flex;align-items:center;min-height:45px;padding:8px 12px;border-radius:9px;font-size:15px;font-weight:700}.mobile-panel a:hover,.mobile-panel a.active{background:var(--mint);color:var(--green)}.mobile-panel .btn{margin-top:7px}.section{padding:68px 0}.section-head h2{font-size:28px}.page-hero{padding:40px 0 50px}.hero-grid,.dashboard-grid,.plan-grid,.action-inner{grid-template-columns:1fr}.hero-copy h1{font-size:36px}.hero-copy p{font-size:16px}.hero-visual{min-height:250px}.hero-visual img{height:250px}.schedule-float{right:8px;bottom:-16px;width:205px}.channel-inner{display:block}.channel-title{margin-bottom:13px}.channel-list{flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.channel-list a{white-space:nowrap}.content-layout{grid-template-columns:1fr;gap:25px}.filters{position:static;display:flex;gap:13px;align-items:center;padding:14px;overflow:hidden}.filters h3{margin:0;white-space:nowrap}.filter-set{flex-direction:row;overflow:auto}.filter-btn{white-space:nowrap}.article-card{grid-template-columns:155px 1fr;gap:16px}.article-card img{height:132px}.article-copy h3{font-size:18px}.article-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.report-frame img{height:290px}.faq-grid{grid-template-columns:1fr}.action h2{font-size:28px}.foot-grid{gap:28px}.copyright{display:grid}}
@media(max-width:520px){body{font-size:15px}.topbar{height:32px}.trust-left span:last-child{display:none}.hero-copy h1{font-size:31px}.crumb{margin-bottom:16px}.hero-points span{font-size:12px}.hero-visual img{height:220px}.schedule-float{width:185px;padding:12px}.section-head{margin-bottom:27px}.article-card{grid-template-columns:1fr;padding:11px}.article-card img{height:175px}.article-copy{padding:3px 4px}.article-copy p{display:block}.phase-grid{grid-template-columns:1fr}.data-cards{grid-template-columns:1fr 1fr}.action{padding:65px 0}.action .btn{width:100%;margin-bottom:10px}.foot-grid{grid-template-columns:1fr}.copyright{margin-top:30px}.footer{padding-top:52px}}

/* roulang page: category3 */
:root{--green:#1f6b4f;--green2:#2f8a63;--deep:#15211d;--deep2:#1d2a25;--cream:#f7f7f1;--mint:#edf3ed;--cyan:#b8d7cc;--orange:#ef8b3b;--red:#bd4b46;--text:#20312a;--muted:#68766f;--line:#d8e2da;--white:#fff;--shadow:0 14px 34px rgba(33,53,43,.09);--radius:18px;--container:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:118px}body{margin:0;background:var(--cream);color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;width:100%;max-width:100%;object-fit:cover}.container{width:min(calc(100% - 48px),var(--container));margin:auto}
.trustbar{height:34px;background:var(--deep);color:#dbe9df;font-size:12px}.trustbar .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.trust-left{display:flex;gap:8px;align-items:center}.trust-dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}.trust-right{display:flex;align-items:center;gap:16px}.trust-right a{color:#dbe9df}.trust-right a:hover{color:#fff}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,241,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(216,226,218,.85)}.mainnav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;white-space:nowrap;color:var(--deep)}.logo-mark{width:34px;height:34px;border:2px solid var(--green);border-radius:11px;position:relative;overflow:hidden;flex:none}.logo-mark:before,.logo-mark:after{content:"";position:absolute;border:2px solid var(--green);border-radius:50%;width:24px;height:24px}.logo-mark:before{left:7px;top:-10px}.logo-mark:after{right:7px;bottom:-12px}.navlinks{display:flex;align-items:center;gap:4px}.navlinks a{padding:11px 12px;border-radius:9px;font-size:14px;font-weight:650;color:#405149;transition:.2s}.navlinks a:hover,.navlinks a:focus-visible,.navlinks a.active{background:var(--mint);color:var(--green);outline:none}.navlinks a.active{box-shadow:inset 0 -2px 0 var(--green)}
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:11px;border:1px solid transparent;font-weight:750;line-height:1.2;transition:.2s ease}.btn:focus-visible,.menu-btn:focus-visible,.faq-q:focus-visible{outline:3px solid rgba(47,138,99,.35);outline-offset:3px}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#17563f;transform:translateY(-2px);box-shadow:0 10px 20px rgba(31,107,79,.22)}.btn-primary:active{transform:translateY(0)}.btn-outline{border-color:var(--green);color:var(--green);background:transparent}.btn-outline:hover{background:var(--mint);transform:translateY(-2px)}.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green);font-size:21px}.mobile-panel{display:none}
.section{padding:96px 0;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#e4efe6;border:1px solid #cce0d1;border-radius:999px;padding:5px 11px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.04em}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--orange)}.section-head{max-width:760px;margin-bottom:38px}.section-head h2{font-size:36px;line-height:1.28;letter-spacing:-.03em;margin:14px 0 13px;color:var(--deep)}.section-head p{margin:0;color:var(--muted)}
.page-hero{padding:58px 0 70px;background:linear-gradient(105deg,#e7f0e7 0%,#f7f7f1 54%,#dcebe0 100%);overflow:hidden}.breadcrumb{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;margin-bottom:25px}.breadcrumb span{color:#9aaba0}.page-hero-grid{display:grid;grid-template-columns:1fr .88fr;gap:60px;align-items:center}.page-hero h1{font-size:48px;line-height:1.18;letter-spacing:-.045em;color:var(--deep);margin:16px 0}.page-hero p{max-width:670px;color:#52635a;margin:0}.hero-data{margin-top:27px;display:flex;gap:10px;flex-wrap:wrap}.hero-data span{padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;color:#496056}.hero-visual{position:relative}.hero-visual img{height:315px;border-radius:20px;box-shadow:var(--shadow)}.score-card{position:absolute;right:-14px;bottom:-20px;width:190px;background:var(--deep);color:#f3f7f2;border-radius:15px;padding:16px 18px;box-shadow:0 16px 30px rgba(21,33,29,.2)}.score-card small{color:#bed4c5}.score-card strong{display:block;font-size:28px;line-height:1.2;margin:4px 0}.meter{height:6px;background:#496157;border-radius:99px;overflow:hidden}.meter b{display:block;height:100%;width:72%;background:var(--orange);border-radius:99px}
.category-nav{padding:28px 0;background:#fff;border-bottom:1px solid var(--line)}.category-strip{display:flex;align-items:center;gap:10px;overflow:auto;padding-bottom:4px}.category-strip a{white-space:nowrap;min-height:42px;display:inline-flex;align-items:center;padding:7px 15px;border:1px solid var(--line);border-radius:999px;background:var(--cream);font-size:14px;color:#52635a;transition:.2s}.category-strip a:hover{border-color:#9cc5aa;background:var(--mint);color:var(--green)}.category-strip a.active{background:var(--green);border-color:var(--green);color:#fff}
.resources{background:#f9faf5}.filter-row{display:flex;gap:9px;overflow:auto;margin:-8px 0 26px;padding:8px 0}.filter-row button{min-height:38px;white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 13px;color:#52635a;font-size:13px;transition:.2s}.filter-row button:hover,.filter-row button.active{border-color:var(--green);background:var(--mint);color:var(--green)}.resource-list{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.resource-card{display:grid;grid-template-columns:210px 1fr;gap:22px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:.22s}.resource-card:first-child{grid-row:span 2;display:block;padding:0;overflow:hidden}.resource-card:first-child img{height:260px}.resource-card:first-child .resource-body{padding:23px}.resource-card img{height:155px;border-radius:12px}.resource-card:first-child img{border-radius:0}.resource-card:hover{transform:translateY(-3px);border-color:#a9cbb3;box-shadow:var(--shadow)}.resource-body{align-self:center}.article-meta{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:9px}.article-meta b{font-weight:700;color:var(--green);background:#e5f0e7;padding:3px 8px;border-radius:999px}.resource-card h3{font-size:20px;line-height:1.4;margin:0 0 8px;color:var(--deep)}.resource-card p{font-size:14px;color:var(--muted);margin:0}.more-row{text-align:center;margin-top:28px}
.method-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:58px;align-items:start}.method-intro{padding:26px;background:var(--deep);color:#edf4ef;border-radius:var(--radius);position:sticky;top:130px}.method-intro h2{font-size:31px;line-height:1.3;margin:15px 0}.method-intro p{color:#c5d5c9;margin:0}.method-intro .eyebrow{color:#dff2e4;background:rgba(95,162,120,.18);border-color:rgba(196,231,204,.25)}.method-items{display:grid;gap:12px}.method-item{display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:center;padding:20px 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.55)}.method-num{font-family:ui-monospace,SFMono-Regular,monospace;font-size:17px;color:var(--orange);font-weight:800}.method-item h3{font-size:18px;margin:0 0 3px}.method-item p{font-size:14px;color:var(--muted);margin:0}.method-tag{font-size:12px;padding:4px 9px;color:var(--green);background:#e5f0e7;border-radius:999px}
.dashboard{background:var(--mint);overflow:hidden}.dash-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center}.report{background:#fff;border:1px solid #cfe0d3;border-radius:20px;padding:22px;box-shadow:var(--shadow)}.report-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px;font-size:13px}.report-top b{font-size:16px;color:var(--deep)}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:17px}.mini-stat{border:1px solid var(--line);border-radius:13px;padding:13px;background:#fbfcf9}.mini-stat span{font-size:12px;color:var(--muted)}.mini-stat strong{display:block;font-family:ui-monospace,SFMono-Regular,monospace;font-size:25px;line-height:1.35;color:var(--green)}.trend{height:90px;margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,#f7faf6,#edf5ee);position:relative;overflow:hidden}.trend svg{width:100%;height:100%}.legend{display:flex;flex-wrap:wrap;gap:15px;margin-top:13px;font-size:12px;color:var(--muted)}.legend i{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--green);margin-right:5px}.legend i.orange{background:var(--orange)}.data-copy h2{font-size:35px;line-height:1.3;margin:15px 0}.data-copy p{color:var(--muted);margin:0 0 22px}.check-list{list-style:none;margin:0;padding:0}.check-list li{padding:10px 0 10px 25px;border-bottom:1px solid #d4e1d6;position:relative;font-size:14px}.check-list li:before{content:"✓";position:absolute;left:2px;color:var(--green);font-weight:800}
.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.faq-item{border:1px solid var(--line);border-radius:14px;background:var(--cream);overflow:hidden;transition:.2s}.faq-item:hover{border-color:#a9cbb3}.faq-q{width:100%;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;background:transparent;border:0;color:var(--deep);font-weight:750;text-align:left}.faq-q b{font-size:21px;color:var(--green);line-height:1;transition:.2s}.faq-a{display:none;padding:0 17px 17px;color:var(--muted);font-size:14px}.faq-item.open{background:#f3f8f3;border-color:#9fc9ab}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q b{transform:rotate(45deg)}
.action{padding:75px 0;background:var(--deep);color:#eff6f0;position:relative;overflow:hidden}.action:before{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(184,215,204,.14);border-radius:50%;right:-180px;top:-350px}.action-grid{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;position:relative}.action h2{font-size:34px;line-height:1.3;margin:14px 0 10px}.action p{color:#bed1c2;max-width:690px;margin:0}.action-info{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px;font-size:13px;color:#d4e2d7}.action-info span:before{content:"●";color:var(--orange);font-size:10px;margin-right:7px}.action .btn{background:#e3f0e6;color:var(--green)}.action .btn:hover{background:#fff;transform:translateY(-2px)}
.footer{background:#101a16;color:#cfddd3;padding:64px 0 22px}.foot-grid{display:grid;grid-template-columns:1.35fr .85fr 1fr 1.15fr;gap:38px}.footer .logo{color:#eff5f0}.footer .logo-mark{border-color:#80b291}.footer .logo-mark:before,.footer .logo-mark:after{border-color:#80b291}.footer p{color:#9caf9f;font-size:14px;max-width:290px;margin:15px 0 0}.foot-title{font-size:14px;font-weight:800;color:#eff5f0;margin-bottom:14px}.foot-links{display:grid;gap:8px;font-size:13px;color:#aabbb0}.foot-links a:hover{color:#fff;text-decoration:underline}.copyright{border-top:1px solid rgba(207,221,211,.15);margin-top:44px;padding-top:18px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px;color:#8ea196}
@media(max-width:1024px){.navlinks a{padding:10px 7px;font-size:13px}.page-hero-grid,.dash-grid{gap:35px}.resource-card{grid-template-columns:160px 1fr}.foot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){html{scroll-padding-top:106px}.container{width:min(calc(100% - 32px),var(--container))}.trust-right span,.trust-right a:last-child{display:none}.site-header{top:0}.mainnav{height:70px}.navlinks,.mainnav>.btn{display:none}.menu-btn{display:inline-flex;align-items:center;justify-content:center}.mobile-panel{position:absolute;top:70px;left:0;right:0;background:#f7f7f1;border-bottom:1px solid var(--line);padding:14px 16px 18px;box-shadow:0 14px 25px rgba(21,33,29,.1)}.mobile-panel.open{display:grid;gap:5px}.mobile-panel a{min-height:44px;display:flex;align-items:center;padding:8px 12px;border-radius:9px;font-weight:700;color:#43544b}.mobile-panel a:hover,.mobile-panel a.active{background:var(--mint);color:var(--green);box-shadow:inset 3px 0 0 var(--green)}.mobile-panel .btn{margin-top:6px}.section{padding:68px 0}.section-head h2{font-size:28px}.page-hero{padding:42px 0 55px}.page-hero-grid,.method-layout,.dash-grid,.action-grid{grid-template-columns:1fr}.page-hero h1{font-size:35px}.hero-visual{margin-top:8px}.hero-visual img{height:235px}.score-card{right:8px;bottom:-14px}.resource-list{grid-template-columns:1fr}.resource-card,.resource-card:first-child{grid-row:auto}.resource-card{grid-template-columns:145px 1fr;gap:15px}.resource-card:first-child{display:grid;padding:14px;overflow:visible}.resource-card:first-child img{height:130px;border-radius:12px}.resource-card:first-child .resource-body{padding:0}.method-intro{position:static}.faq-grid{grid-template-columns:1fr}.action-grid{gap:23px}.action h2{font-size:28px}.foot-grid{grid-template-columns:1fr;gap:28px}.copyright{margin-top:32px}}
@media(max-width:520px){body{font-size:15px}.trustbar .container{justify-content:center}.trust-left{font-size:11px}.trust-right{display:none}.logo{font-size:18px}.page-hero h1{font-size:31px}.page-hero p{font-size:14px}.hero-data{gap:7px}.hero-visual img{height:210px}.section-head{margin-bottom:26px}.section-head h2{font-size:25px}.resource-card,.resource-card:first-child{grid-template-columns:1fr;padding:12px}.resource-card img,.resource-card:first-child img{height:175px}.resource-card h3{font-size:18px}.method-item{grid-template-columns:38px 1fr;gap:10px;padding:16px 10px}.method-tag{display:none}.report{padding:14px}.data-copy h2{font-size:27px}.action{padding:58px 0}.action .btn{width:100%}.copyright{display:grid}.category-strip{margin-right:-16px}.footer{padding-top:52px}}

/* roulang page: category4 */
:root{--green:#1f6b4f;--green2:#2f8a63;--deep:#15211d;--deep2:#1d2a25;--cream:#f7f7f1;--mint:#edf3ed;--cyan:#b8d7cc;--orange:#ef8b3b;--red:#bd4b46;--text:#20312a;--muted:#68766f;--line:#d8e2da;--white:#fff;--shadow:0 14px 34px rgba(33,53,43,.09);--radius:18px;--container:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--cream);color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;width:100%;max-width:100%;object-fit:cover}.container{width:min(calc(100% - 48px),var(--container));margin:auto}
.trustbar{height:34px;background:var(--deep);color:#d7e7dc;font-size:12px}.trust-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.trust-note{display:flex;align-items:center;gap:8px}.trust-note:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(239,139,59,.13)}.trust-right{display:flex;align-items:center;gap:17px}.trust-right a{color:#d7e7dc;transition:.2s}.trust-right a:hover{color:#fff}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,241,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(216,226,218,.9)}.mainnav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;white-space:nowrap;color:var(--deep)}.logo-mark{width:34px;height:34px;border:2px solid var(--green);border-radius:11px;position:relative;overflow:hidden;flex:none}.logo-mark:before,.logo-mark:after{content:"";position:absolute;border:2px solid var(--green);border-radius:50%;width:24px;height:24px}.logo-mark:before{left:7px;top:-10px}.logo-mark:after{right:7px;bottom:-12px}
.navlinks{display:flex;align-items:center;gap:4px}.navlinks a{padding:11px 12px;border-radius:9px;font-size:14px;font-weight:650;color:#405149;transition:.2s}.navlinks a:hover,.navlinks a:focus-visible,.navlinks a.active{background:var(--mint);color:var(--green);outline:none}.navlinks a.active{box-shadow:inset 0 -2px 0 var(--green)}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:11px;border:1px solid transparent;font-weight:750;line-height:1.25;transition:.2s ease}.btn:focus-visible,.menu-btn:focus-visible,.faq-q:focus-visible,.filter:focus-visible{outline:3px solid rgba(47,138,99,.38);outline-offset:3px}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#17563f;transform:translateY(-2px);box-shadow:0 10px 20px rgba(31,107,79,.22)}.btn-primary:active,.btn-outline:active{transform:translateY(0)}.btn-outline{border-color:var(--green);color:var(--green);background:transparent}.btn-outline:hover{background:var(--mint);transform:translateY(-2px)}.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green);font-size:21px}.mobile-panel{display:none}
.section{padding:100px 0;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#e4efe6;border:1px solid #cce0d1;border-radius:999px;padding:5px 11px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.04em}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--orange)}.section-head{max-width:760px;margin-bottom:38px}.section-head h2{font-size:36px;line-height:1.28;letter-spacing:-.03em;margin:14px 0 12px;color:var(--deep)}.section-head p{margin:0;color:var(--muted)}
.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin-bottom:18px}.breadcrumb span{color:#9aa79f}.category-hero{padding:66px 0 72px;background:linear-gradient(115deg,#e3eee5 0%,#f7f7f1 51%,#dcece3 100%);overflow:hidden;position:relative}.category-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(31,107,79,.14);border-radius:50%;right:-180px;top:-210px;box-shadow:0 0 0 42px rgba(31,107,79,.045),0 0 0 84px rgba(31,107,79,.03)}.category-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:68px;position:relative;z-index:1}.category-copy h1{font-size:48px;line-height:1.16;letter-spacing:-.045em;margin:16px 0;color:var(--deep)}.category-copy p{max-width:650px;margin:0;color:#52635a;font-size:17px}.hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.hero-meta span{font-size:13px;padding:6px 10px;border:1px solid #c6dccb;border-radius:999px;background:rgba(255,255,255,.66);color:var(--green)}.hero-visual{position:relative}.hero-visual img{height:316px;border-radius:20px;box-shadow:var(--shadow)}.match-card{position:absolute;right:-14px;bottom:-18px;background:var(--deep);color:#eff7f1;border-radius:14px;padding:14px 17px;min-width:205px;box-shadow:0 14px 28px rgba(21,33,29,.2)}.match-card b{display:block;font-size:12px;color:#b8d7cc;letter-spacing:.08em}.match-card strong{display:block;font-size:25px;line-height:1.2;margin:4px 0}.match-card small{color:#c4d3c9}
.channel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:28px 0}.channel-wrap{display:flex;align-items:center;gap:24px}.channel-label{min-width:120px;font-size:15px;font-weight:800;color:var(--deep)}.channel-links{display:flex;flex-wrap:wrap;gap:9px}.channel-links a{min-height:38px;display:inline-flex;align-items:center;padding:6px 13px;border:1px solid var(--line);border-radius:999px;background:var(--cream);font-size:13px;font-weight:700;color:#52635a;transition:.2s}.channel-links a:hover,.channel-links a:focus-visible{border-color:#9fc3aa;background:var(--mint);color:var(--green);outline:none}.channel-links a.current{background:var(--green);border-color:var(--green);color:#fff}
.list-layout{display:grid;grid-template-columns:255px 1fr;gap:48px}.filter-panel{border-top:2px solid var(--green);padding-top:17px}.filter-panel h3{font-size:18px;margin:0 0 14px}.filter-stack{display:flex;flex-direction:column;gap:8px}.filter{border:1px solid var(--line);background:transparent;color:#52635a;text-align:left;min-height:42px;padding:8px 12px;border-radius:10px;font-size:14px;transition:.2s}.filter:hover,.filter.active{background:var(--mint);color:var(--green);border-color:#add0b7}.filter.active:before{content:"●";font-size:9px;margin-right:7px;color:var(--orange)}.filter-note{font-size:13px;color:var(--muted);margin:20px 0 0}.article-list{display:grid;gap:16px}.article-card{display:grid;grid-template-columns:208px 1fr;gap:23px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:.22s}.article-card:hover{border-color:#a9cbb3;box-shadow:var(--shadow);transform:translateY(-3px)}.article-card img{height:154px;border-radius:12px}.article-info{display:flex;flex-direction:column;align-items:flex-start}.article-info .meta{font-size:12px;color:var(--green);font-weight:800;letter-spacing:.04em}.article-info h3{margin:7px 0 5px;font-size:21px;line-height:1.4;color:var(--deep)}.article-info p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.article-foot{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:10px;font-size:12px;color:#7a8880}.article-foot b{color:var(--orange);font-weight:800}.more-row{padding-top:24px;text-align:center}
.method{background:var(--mint)}.method-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:start}.check-list{background:var(--deep);border-radius:var(--radius);padding:31px;color:#eff7f1;position:relative;overflow:hidden}.check-list:after{content:"";width:260px;height:260px;border:1px solid rgba(184,215,204,.18);border-radius:50%;position:absolute;right:-100px;bottom:-120px}.check-list h3{position:relative;margin:0 0 18px;font-size:24px;line-height:1.4}.check-list ul{position:relative;list-style:none;padding:0;margin:0}.check-list li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.13);font-size:14px}.check-list li:before{content:"0" counter(item);counter-increment:item;color:#9dd0ad;font-family:monospace;font-weight:800;margin-right:11px}.check-list ul{counter-reset:item}.method-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.method-card{background:#fff;border:1px solid #d5e1d7;border-radius:14px;padding:21px;min-height:158px}.method-card span{display:block;font-family:monospace;font-size:13px;color:var(--orange);font-weight:800}.method-card h3{font-size:18px;line-height:1.4;margin:8px 0 6px}.method-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.dashboard-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:52px;align-items:center}.report-paper{background:#fff;border:1px solid var(--line);padding:14px;border-radius:18px;box-shadow:var(--shadow);transform:rotate(-1.2deg)}.report-paper img{height:390px;border-radius:11px}.dash-copy h2{font-size:36px;line-height:1.3;margin:14px 0 12px}.dash-copy>p{color:var(--muted);margin:0 0 23px}.data-pills{display:grid;grid-template-columns:1fr 1fr;gap:12px}.data-pill{padding:15px;border:1px solid var(--line);background:#fff;border-radius:13px}.data-pill small{display:block;color:var(--muted);font-size:12px}.data-pill b{display:block;color:var(--green);font-size:22px;line-height:1.3;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:var(--muted)}.legend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--green)}.legend span:nth-child(2):before{background:var(--orange)}.legend span:nth-child(3):before{background:var(--cyan)}
.faq-section{padding-top:94px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq-q{width:100%;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:0;background:transparent;padding:16px 18px;text-align:left;color:var(--deep);font-weight:800;line-height:1.5}.faq-q:hover{background:#f4f8f4}.faq-q .sign{width:25px;height:25px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--green);font-size:19px;font-weight:400;transition:.2s}.faq-item.open .sign{background:var(--green);color:#fff;border-color:var(--green);transform:rotate(45deg)}.faq-a{display:none;padding:0 18px 18px;color:var(--muted);font-size:14px;line-height:1.8}.faq-item.open .faq-a{display:block;animation:faqIn .22s ease}@keyframes faqIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.action-section{padding:0 0 104px}.action-box{background:var(--deep);color:#eaf4ed;border-radius:20px;padding:47px 52px;display:grid;grid-template-columns:1.08fr .92fr;gap:50px;position:relative;overflow:hidden}.action-box:after{content:"";position:absolute;right:-100px;top:-220px;width:470px;height:470px;border:1px solid rgba(184,215,204,.2);border-radius:50%;box-shadow:0 0 0 42px rgba(184,215,204,.04),0 0 0 84px rgba(184,215,204,.03)}.action-copy,.action-contact{position:relative;z-index:1}.action-copy h2{font-size:34px;line-height:1.3;margin:12px 0}.action-copy p{margin:0;color:#c6d8cc;max-width:620px}.action-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.action-points span{border:1px solid rgba(221,240,225,.2);border-radius:999px;padding:5px 10px;font-size:12px;color:#d9eadd}.action-contact{border-left:1px solid rgba(255,255,255,.16);padding-left:34px}.action-contact b{display:block;font-size:16px;margin-bottom:8px}.action-contact p{margin:0 0 17px;color:#c6d8cc;font-size:14px}.action-box .btn-outline{border-color:#b9d8c2;color:#fff}.action-box .btn-outline:hover{background:#e5f0e8;color:var(--green)}
.footer{background:#101a16;color:#cfddd3;padding:66px 0 22px}.foot-grid{display:grid;grid-template-columns:1.35fr .85fr 1fr 1.15fr;gap:38px}.footer .logo{color:#f0f7f1}.footer .logo-mark{border-color:#9bc7a7}.footer .logo-mark:before,.footer .logo-mark:after{border-color:#9bc7a7}.footer p{color:#9fb0a5;font-size:14px;margin:16px 0 0;max-width:300px}.foot-title{font-size:14px;color:#f0f7f1;font-weight:800;margin:5px 0 13px}.foot-links{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#aab9af}.foot-links a{transition:.2s}.foot-links a:hover,.foot-links a:focus-visible{color:#fff;outline:none}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:46px;padding-top:19px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#87998d;font-size:12px}
@media(max-width:1080px){.navlinks a{padding:10px 8px;font-size:13px}.mainnav{gap:13px}.category-grid,.dashboard-grid{gap:35px}.list-layout{gap:30px}.foot-grid{gap:25px}}
@media(max-width:860px){.navlinks,.mainnav>.btn{display:none}.menu-btn{display:inline-grid;place-items:center}.mobile-panel{position:absolute;top:100%;left:0;width:100%;background:var(--cream);border-bottom:1px solid var(--line);padding:12px 24px 19px;box-shadow:0 15px 25px rgba(33,53,43,.08)}.mobile-panel.show{display:grid;gap:6px}.mobile-panel a{min-height:44px;padding:10px 12px;border-radius:9px;font-size:15px;font-weight:700}.mobile-panel a:hover,.mobile-panel a.active{background:var(--mint);color:var(--green)}.mobile-panel .btn{margin-top:6px}.category-grid,.dashboard-grid,.method-grid{grid-template-columns:1fr}.category-copy h1{font-size:41px}.hero-visual{max-width:680px}.list-layout{grid-template-columns:1fr}.filter-stack{flex-direction:row;overflow:auto;padding-bottom:4px}.filter{white-space:nowrap}.filter-note{display:none}.action-box{grid-template-columns:1fr;padding:38px}.action-contact{padding:24px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.16)}.foot-grid{grid-template-columns:1fr 1fr}.section{padding:78px 0}}
@media(max-width:560px){.container{width:min(calc(100% - 32px),var(--container))}.trust-right span{display:none}.trust-right{gap:0}.trust-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mainnav{height:68px}.category-hero{padding:44px 0 54px}.breadcrumb{font-size:12px}.category-copy h1{font-size:33px}.category-copy p{font-size:15px}.hero-visual img{height:230px}.match-card{right:8px;bottom:-14px;min-width:175px;padding:11px 13px}.section{padding:62px 0}.section-head{margin-bottom:28px}.section-head h2,.dash-copy h2{font-size:27px}.channel-wrap{display:block}.channel-label{margin-bottom:12px}.channel-links{flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.channel-links a{white-space:nowrap}.article-card{grid-template-columns:1fr;padding:12px;gap:14px}.article-card img{height:190px}.article-info h3{font-size:19px}.method-cards,.data-pills,.faq-grid{grid-template-columns:1fr}.check-list{padding:25px}.report-paper img{height:260px}.action-section{padding-bottom:64px}.action-box{padding:29px 22px}.action-copy h2{font-size:27px}.foot-grid{grid-template-columns:1fr;gap:26px}.copyright{margin-top:32px;display:block}.copyright span{display:block;margin-bottom:8px}.footer{padding-top:48px}.mobile-panel{padding-left:16px;padding-right:16px}}

/* roulang page: category5 */
:root{--green:#1f6b4f;--green2:#2f8a63;--deep:#15211d;--deep2:#1d2a25;--cream:#f7f7f1;--mint:#edf3ed;--cyan:#b8d7cc;--orange:#ef8b3b;--red:#bd4b46;--text:#20312a;--muted:#68766f;--line:#d8e2da;--white:#fff;--shadow:0 14px 34px rgba(33,53,43,.09);--radius:18px;--container:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:118px}body{margin:0;background:var(--cream);color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;width:100%;max-width:100%;object-fit:cover}.container{width:min(calc(100% - 48px),var(--container));margin:auto}
.trustbar{height:34px;background:var(--deep);color:#dce9df;font-size:12px}.trust-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.trust-left,.trust-right{display:flex;align-items:center;gap:16px}.trust-left span:first-child:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#86c39f}.trust-right a{color:#dce9df;transition:.2s}.trust-right a:hover{color:#fff}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,241,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(216,226,218,.9)}.mainnav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;white-space:nowrap;color:var(--deep)}.logo-mark{width:34px;height:34px;border:2px solid var(--green);border-radius:11px;position:relative;overflow:hidden;flex:none}.logo-mark:before,.logo-mark:after{content:"";position:absolute;border:2px solid var(--green);border-radius:50%;width:24px;height:24px}.logo-mark:before{left:7px;top:-10px}.logo-mark:after{right:7px;bottom:-12px}.navlinks{display:flex;align-items:center;gap:4px}.navlinks a{padding:11px 12px;border-radius:9px;font-size:14px;font-weight:650;color:#405149;transition:.2s}.navlinks a:hover,.navlinks a:focus-visible,.navlinks a.active{background:var(--mint);color:var(--green);outline:none}.navlinks a.active{box-shadow:inset 0 -2px 0 var(--green)}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:11px;border:1px solid transparent;font-weight:750;line-height:1.2;transition:.2s ease}.btn:focus-visible,.menu-btn:focus-visible,.faq-q:focus-visible,.filter-btn:focus-visible{outline:3px solid rgba(47,138,99,.35);outline-offset:3px}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#17563f;transform:translateY(-2px);box-shadow:0 10px 20px rgba(31,107,79,.22)}.btn-primary:active{transform:translateY(0)}.btn-outline{border-color:var(--green);color:var(--green);background:transparent}.btn-outline:hover{background:var(--mint);transform:translateY(-2px)}.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green);font-size:21px}.mobile-panel{display:none}
.section{padding:100px 0;position:relative}.section-head{max-width:750px;margin-bottom:38px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#e4efe6;border:1px solid #cce0d1;border-radius:999px;padding:5px 11px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.04em}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{overflow-wrap:break-word}.section-head h2{font-size:36px;line-height:1.28;letter-spacing:-.03em;margin:14px 0 13px;color:var(--deep)}.section-head p{margin:0;color:var(--muted)}
.page-hero{padding:54px 0 72px;overflow:hidden;background:linear-gradient(108deg,#e9f2e9 0%,#f7f7f1 58%,#dcece1 100%);border-bottom:1px solid var(--line)}.crumbs{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);margin-bottom:25px}.crumbs span{color:#9ba8a0}.hero-grid{display:grid;grid-template-columns:5fr 7fr;gap:50px;align-items:center}.hero-copy h1{font-size:48px;line-height:1.18;letter-spacing:-.045em;margin:16px 0 17px;color:var(--deep)}.hero-copy p{max-width:620px;margin:0;color:#52635a}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.hero-meta span{font-size:13px;padding:7px 10px;border:1px solid #c8dbcd;border-radius:999px;background:rgba(255,255,255,.72);color:var(--green);font-weight:700}.hero-image{position:relative;min-height:335px}.hero-image:before{content:"";position:absolute;inset:20px -18px -18px 28px;border:1px solid #b8d7cc;border-radius:18px;background:rgba(184,215,204,.42);transform:rotate(-3deg)}.hero-image img{height:335px;position:relative;border-radius:18px;box-shadow:var(--shadow)}.status-card{position:absolute;right:-12px;bottom:20px;z-index:2;padding:14px 16px;border-radius:14px;background:var(--deep);color:#fff;box-shadow:0 12px 24px rgba(21,33,29,.2)}.status-card b{display:block;font-size:20px;line-height:1.2;color:#b8d7cc}.status-card small{font-size:12px;color:#d7e4d9}
.category-strip{padding:27px 0;background:#fff;border-bottom:1px solid var(--line)}.category-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.category-row strong{font-size:14px;color:var(--deep);margin-right:6px}.category-chip{display:inline-flex;align-items:center;min-height:38px;padding:6px 13px;border:1px solid var(--line);border-radius:999px;background:var(--cream);font-size:13px;font-weight:700;color:#53645b;transition:.2s}.category-chip:hover{border-color:#a8c8b2;background:var(--mint);color:var(--green)}.category-chip.active{background:var(--green);border-color:var(--green);color:#fff}
.resource-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:36px;align-items:start}.filter-panel{position:sticky;top:132px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.filter-panel h3{font-size:17px;margin:0 0 15px}.filter-list{display:grid;gap:8px}.filter-btn{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#576860;text-align:left;font-size:14px;transition:.2s}.filter-btn:hover,.filter-btn.active{background:var(--mint);color:var(--green);font-weight:750}.filter-btn b{font-size:11px;color:var(--orange)}.resource-list{display:grid;gap:18px}.resource-card{display:grid;grid-template-columns:270px 1fr;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:.22s}.resource-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#afd0ba}.resource-card img{height:212px}.resource-body{padding:25px 27px}.resource-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.resource-type{padding:3px 9px;border-radius:999px;background:#e5f0e7;color:var(--green);font-weight:800}.resource-body h3{font-size:22px;line-height:1.4;margin:12px 0 9px;color:var(--deep)}.resource-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.resource-info{display:flex;align-items:center;gap:18px;margin-top:15px;color:#68766f;font-size:12px}.resource-info span:before{content:"";display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:6px}.more-wrap{text-align:center;margin-top:29px}
.method-zone{background:var(--mint);border-top:1px solid #dce8de;border-bottom:1px solid #dce8de}.recovery-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:start}.cycle-cards{display:grid;gap:12px}.cycle-card{display:grid;grid-template-columns:62px 1fr auto;gap:16px;align-items:center;padding:19px 20px;border:1px solid #d2e1d5;border-radius:15px;background:rgba(255,255,255,.74);transition:.2s}.cycle-card:hover{background:#fff;transform:translateX(3px);box-shadow:0 8px 18px rgba(33,53,43,.06)}.cycle-no{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--deep);color:#dfeee2;font-size:13px;font-weight:800}.cycle-card h3{margin:0 0 3px;font-size:18px;line-height:1.35}.cycle-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.cycle-card .tag{font-size:12px;white-space:nowrap;border-radius:999px;padding:4px 9px;background:#f8dfca;color:#a95318}.warning-box{padding:29px;border-radius:18px;background:var(--deep);color:#edf6ef;position:relative;overflow:hidden}.warning-box:after{content:"";position:absolute;width:240px;height:240px;right:-90px;bottom:-120px;border:1px solid rgba(184,215,204,.25);border-radius:50%;box-shadow:0 0 0 28px rgba(184,215,204,.05),0 0 0 56px rgba(184,215,204,.04)}.warning-box h3{font-size:24px;line-height:1.35;margin:0 0 13px;position:relative}.warning-box p{margin:0;color:#cdded0;font-size:14px;position:relative}.checklist{position:relative;display:grid;gap:10px;margin-top:20px}.checklist div{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(255,255,255,.13);font-size:13px}.checklist b{color:#a5d6b5}
.dashboard-section{overflow:hidden}.dashboard-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:46px;align-items:center}.dashboard-copy p{max-width:570px;color:var(--muted);margin:0}.legend{display:grid;gap:11px;margin-top:25px}.legend div{display:flex;align-items:center;gap:10px;font-size:14px}.dot{width:11px;height:11px;border-radius:50%;background:var(--green)}.dot.orange{background:var(--orange)}.dot.cyan{background:var(--cyan);border:1px solid #7eafa0}.report-frame{padding:14px;background:#e5eee6;border:1px solid #c8dbcc;border-radius:21px;box-shadow:var(--shadow);transform:rotate(1.3deg)}.report-frame img{height:390px;border-radius:12px}.report-overlay{margin:-118px 20px 18px auto;width:min(245px,75%);position:relative;padding:16px;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 20px rgba(33,53,43,.11)}.bar-line{display:grid;grid-template-columns:75px 1fr 35px;gap:9px;align-items:center;margin:8px 0;font-size:11px;color:#53645b}.bar{height:7px;border-radius:999px;background:#dce9df;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:var(--green)}.bar.orange i{background:var(--orange)}
.faq-section{background:#fff;border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.faq-item{border-top:1px solid var(--line);padding:20px 4px}.faq-q{width:100%;padding:0;border:0;background:transparent;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;text-align:left;color:var(--deep);font-size:17px;font-weight:800;line-height:1.55}.faq-q .plus{flex:none;width:27px;height:27px;border:1px solid #b9d0bf;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:20px;font-weight:400;line-height:1;transition:.2s}.faq-q[aria-expanded="true"] .plus{background:var(--green);color:#fff;transform:rotate(45deg)}.faq-a{display:none;padding:11px 38px 0 0;color:var(--muted);font-size:14px}.faq-item.open .faq-a{display:block;animation:answer .22s ease}.faq-item:last-child,.faq-item:nth-last-child(2){border-bottom:1px solid var(--line)}
.action-section{padding:86px 0;background:var(--deep);color:#fff;position:relative;overflow:hidden}.action-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 30%,rgba(94,152,116,.2),transparent 25%),linear-gradient(118deg,transparent 72%,rgba(184,215,204,.06) 72%,transparent 73%)}.action-grid{position:relative;display:grid;grid-template-columns:1fr .88fr;gap:65px;align-items:center}.action-copy h2{font-size:36px;line-height:1.3;letter-spacing:-.03em;margin:14px 0}.action-copy p{max-width:590px;margin:0;color:#cbdccf}.action-points{display:grid;grid-template-columns:1fr 1fr;gap:11px 22px;margin:26px 0}.action-points span{font-size:13px;color:#e6f0e8}.action-points span:before{content:"✓";color:#9fd0ac;margin-right:8px}.contact-box{padding:27px;background:#f7f7f1;border-radius:18px;color:var(--text);box-shadow:0 20px 35px rgba(0,0,0,.15)}.contact-box h3{margin:0 0 14px;font-size:21px;color:var(--deep)}.contact-box p{margin:0 0 17px;color:var(--muted);font-size:14px}.contact-lines{display:grid;gap:8px;font-size:14px}.contact-lines a{color:var(--green);font-weight:800}.contact-lines a:hover{text-decoration:underline}
.footer{padding:70px 0 24px;background:#101a16;color:#cad7cd}.foot-grid{display:grid;grid-template-columns:1.45fr .9fr 1.05fr 1.2fr;gap:42px}.footer .logo{color:#eef6f0;margin-bottom:15px}.footer .logo-mark{border-color:#8fc4a0}.footer .logo-mark:before,.footer .logo-mark:after{border-color:#8fc4a0}.footer p{margin:0;color:#aebdb2;font-size:13px;line-height:1.8}.foot-title{margin-bottom:14px;color:#eef6f0;font-size:14px;font-weight:800}.foot-links{display:grid;gap:8px;font-size:13px;color:#aebdb2}.foot-links a{transition:.2s}.foot-links a:hover{color:#d8f1df}.copyright{display:flex;justify-content:space-between;gap:20px;margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:#8fa096}
@keyframes answer{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1080px){.navlinks a{padding:10px 8px;font-size:13px}.mainnav{gap:12px}.hero-grid,.dashboard-layout{gap:32px}.resource-layout{grid-template-columns:200px minmax(0,1fr)}.foot-grid{gap:25px}}
@media(max-width:820px){.navlinks,.mainnav>.btn{display:none}.menu-btn{display:inline-grid;place-items:center}.mobile-panel{position:absolute;top:100%;left:0;right:0;padding:12px 24px 20px;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 14px 25px rgba(33,53,43,.08)}.mobile-panel.open{display:grid;gap:5px}.mobile-panel a{min-height:44px;display:flex;align-items:center;padding:8px 12px;border-radius:9px;font-weight:700;color:#405149}.mobile-panel a:hover,.mobile-panel a.active{background:var(--mint);color:var(--green)}.mobile-panel .btn{margin-top:7px}.hero-grid,.dashboard-layout,.action-grid{grid-template-columns:1fr}.hero-copy h1{font-size:40px}.hero-image{max-width:680px}.resource-layout{grid-template-columns:1fr}.filter-panel{position:static;padding:0;border:0;background:transparent}.filter-list{display:flex;overflow:auto;padding-bottom:5px}.filter-btn{width:auto;white-space:nowrap;border:1px solid var(--line);background:#fff}.resource-card{grid-template-columns:220px 1fr}.recovery-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}.section{padding:76px 0}}
@media(max-width:560px){.container{width:min(calc(100% - 32px),var(--container))}.trust-left span:last-child,.trust-right span{display:none}.trust-right{margin-left:auto}.trustbar{height:32px}.mainnav{height:68px}.logo{font-size:18px}.page-hero{padding:35px 0 48px}.hero-copy h1{font-size:33px}.hero-copy p{font-size:15px}.hero-image{min-height:245px;margin-top:9px}.hero-image img{height:245px}.status-card{right:5px;bottom:8px;padding:11px 13px}.section{padding:60px 0}.section-head{margin-bottom:27px}.section-head h2,.action-copy h2{font-size:27px}.category-row{align-items:flex-start}.category-row strong{width:100%}.category-chip{font-size:12px;min-height:36px;padding:6px 10px}.resource-card{grid-template-columns:1fr}.resource-card img{height:205px}.resource-body{padding:20px}.resource-body h3{font-size:19px}.cycle-card{grid-template-columns:47px 1fr}.cycle-card .tag{grid-column:2;justify-self:start}.warning-box{padding:24px}.report-frame{padding:10px}.report-frame img{height:280px}.report-overlay{margin:-98px 12px 12px auto}.faq-grid{grid-template-columns:1fr}.faq-item:nth-last-child(2){border-bottom:0}.faq-item:last-child{border-bottom:1px solid var(--line)}.action-points{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr;gap:28px}.copyright{display:grid;margin-top:33px}.mobile-panel{padding-left:16px;padding-right:16px}}