/* roulang page: index */
:root{
  --green:#174638;
  --green-2:#245e4c;
  --ink:#15241f;
  --muted:#65736d;
  --line:#dce4df;
  --paper:#f7f5ef;
  --warm:#efe9dc;
  --white:#fff;
  --orange:#e76f43;
  --lime:#c8e85d;
  --dark:#0f211b;
  --radius:16px;
  --radius-sm:10px;
  --shadow:0 12px 34px rgba(25,55,43,.09);
  --container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:118px}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.75;font-size:16px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
::selection{background:var(--lime);color:var(--ink)}
.container{width:min(calc(100% - 48px),var(--container));margin:auto}
.topbar{background:var(--dark);color:#dce9e0;font-size:13px}
.topbar .container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.top-left,.top-right{display:flex;align-items:center;gap:18px;white-space:nowrap}
.live-dot{display:inline-flex;align-items:center;gap:7px}.live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(200,232,93,.12)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,239,.96);border-bottom:1px solid rgba(220,228,223,.92);backdrop-filter:blur(12px)}
.nav-wrap{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;letter-spacing:-.04em;white-space:nowrap;color:var(--green)}
.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--lime)}
.logo-mark svg{width:19px;height:19px}
.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}
.nav-links>a{position:relative;padding:26px 0;color:#3d5048}
.nav-links>a:after{content:"";position:absolute;left:0;bottom:18px;width:0;height:2px;background:var(--green);transition:.25s}
.nav-links>a:hover{color:var(--green)}.nav-links>a:hover:after{width:100%}
.nav-drop{position:relative}.drop-btn{border:0;background:none;color:#3d5048;font-weight:700;padding:26px 0;font-size:14px}
.drop-menu{position:absolute;left:-22px;top:66px;width:270px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}
.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{opacity:1;visibility:visible;transform:none}
.drop-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:14px;color:#365046}.drop-menu a:hover{background:#eef4ef;color:var(--green)}
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border-radius:999px;border:1px solid transparent;font-weight:800;font-size:14px;transition:.22s}
.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#0f382c;transform:translateY(-2px)}.btn-primary:hover .arrow{transform:translateX(3px)}
.btn-light{background:#fff;color:var(--green);border-color:#fff}.btn-light:hover{background:var(--lime);border-color:var(--lime)}
.btn-outline{color:var(--green);border-color:#a5b9ae;background:transparent}.btn-outline:hover{background:#e9f1eb;border-color:var(--green)}
.arrow{transition:.2s}
.menu-toggle{display:none;width:46px;height:46px;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--green)}
.mobile-drawer{display:none}
.hero{position:relative;min-height:620px;background:#173c30;color:#fff;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}
.hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,31,24,.92) 0%,rgba(12,36,28,.75) 42%,rgba(12,36,28,.22) 76%,rgba(12,36,28,.36) 100%)}
.hero-slide:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 75%);opacity:.25}
.hero-slide img{width:100%;height:100%;object-fit:cover}
.hero-content{position:relative;z-index:2;min-height:620px;display:flex;align-items:center;padding:80px 0 108px}
.hero-copy{width:min(735px,100%)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(200,232,93,.14);border:1px solid rgba(200,232,93,.36);border-radius:999px;color:var(--lime);font-size:13px;font-weight:800;letter-spacing:.04em}
.hero h1{font-size:clamp(40px,5.2vw,68px);line-height:1.12;letter-spacing:-.06em;margin:22px 0 20px;max-width:700px}
.hero p{max-width:675px;font-size:17px;color:#e1ebe5;margin:0 0 28px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-points{display:flex;gap:26px;margin-top:38px;padding-top:20px;border-top:1px solid rgba(255,255,255,.28);font-size:13px;color:#d6e2da}.hero-points b{display:block;font-size:22px;color:#fff;line-height:1.25;font-variant-numeric:tabular-nums}
.hero-controls{position:absolute;z-index:4;bottom:34px;left:50%;transform:translateX(-50%);width:min(calc(100% - 48px),var(--container));display:flex;align-items:center;gap:10px}.hero-controls button{border:0;background:rgba(255,255,255,.35);width:42px;height:4px;padding:0;border-radius:5px;transition:.25s}.hero-controls button.active{width:86px;background:var(--lime)}
.section{padding:106px 0}.section-head{max-width:720px;margin-bottom:44px}.kicker{color:var(--green);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.section h2{font-size:clamp(30px,3.4vw,43px);letter-spacing:-.05em;line-height:1.2;margin:10px 0 14px}.section-head p{margin:0;color:var(--muted)}
.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.intro-copy p{color:#506058;margin-bottom:24px}.proof{border-left:3px solid var(--orange);padding:14px 0 14px 18px;background:linear-gradient(90deg,#fff8f2,transparent);font-size:14px}.proof b{display:block;color:var(--green);font-size:15px}
.collage{min-height:450px;position:relative}.collage img{position:absolute;object-fit:cover;border-radius:16px;box-shadow:var(--shadow);border:6px solid var(--paper)}.collage .c1{width:62%;height:72%;right:0;top:0}.collage .c2{width:48%;height:52%;left:0;bottom:0}.collage .c3{width:32%;height:34%;right:6%;bottom:5%}.float-note{position:absolute;z-index:2;left:36%;top:58%;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);font-size:13px;font-weight:700;color:var(--green)}
.features{background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{min-height:210px;border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff;transition:.25s;position:relative;overflow:hidden}.feature:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b9cec0}.feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eaf2e8;color:var(--green);font-size:21px}.feature h3{font-size:19px;margin:20px 0 8px;line-height:1.35}.feature p{font-size:14px;color:var(--muted);margin:0}.micro-bar{height:5px;background:#e6ece8;border-radius:4px;margin-top:24px;overflow:hidden}.micro-bar i{display:block;height:100%;width:67%;background:var(--green);border-radius:4px}.feature .mini-tag{position:absolute;right:18px;top:20px;font-size:12px;color:var(--orange);font-weight:800}
.scenes{background:var(--warm);overflow:hidden}.scene-track{display:flex;gap:16px;overflow:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory}.scene{flex:0 0 29%;min-width:285px;min-height:330px;padding:26px;border-top:2px solid var(--green);background:rgba(255,255,255,.48);scroll-snap-align:start;position:relative}.scene:nth-child(2){flex-basis:36%}.scene:nth-child(3){flex-basis:27%}.scene-num{font-size:55px;line-height:1;color:rgba(23,70,56,.18);font-weight:800}.scene h3{font-size:21px;margin:28px 0 8px}.scene p{font-size:14px;color:#536159;margin:0}.scene img{position:absolute;right:20px;bottom:20px;width:86px;height:86px;object-fit:cover;border-radius:50%;filter:saturate(.8)}
.demo-grid{display:grid;grid-template-columns:270px 1fr;gap:34px;align-items:stretch}.demo-tabs{display:flex;flex-direction:column;gap:8px}.demo-tab{border:1px solid var(--line);padding:16px;background:transparent;text-align:left;border-radius:10px;color:#506057;font-weight:700;transition:.2s}.demo-tab.active,.demo-tab:hover{background:var(--green);border-color:var(--green);color:#fff}.screen{border-radius:18px;background:#193a2f;padding:20px;min-height:410px;box-shadow:var(--shadow)}.screen-inner{height:100%;min-height:370px;border-radius:10px;overflow:hidden;background:#fff;display:grid;grid-template-columns:42% 58%}.screen-inner img{height:100%;width:100%;object-fit:cover}.screen-feed{padding:27px}.feed-line{height:13px;border-radius:8px;background:#e5ece7;margin-bottom:15px}.feed-line.w70{width:70%}.feed-line.w45{width:45%}.feed-card{margin-top:24px;padding:16px;background:#f5f7f4;border-radius:10px;border-left:3px solid var(--orange);font-size:13px;color:#526058}.feed-card b{display:block;color:var(--green);font-size:15px;margin-bottom:6px}
.content-products{background:#fff}.product-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:18px}.product-card{min-height:360px;position:relative;border-radius:var(--radius);overflow:hidden;background:#1c372d;color:#fff;display:flex;align-items:flex-end;padding:24px;isolation:isolate}.product-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,24,18,.84),rgba(8,24,18,.08));z-index:-1}.product-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:.4s}.product-card:hover img{transform:scale(1.04)}.product-card h3{font-size:23px;line-height:1.3;margin:10px 0}.product-card p{font-size:14px;margin:0;color:#e1eae3}.tag{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.3)}.category-subnav{margin-top:25px;padding:21px;border:1px solid var(--line);border-radius:14px;background:#fbfcfa}.category-subnav b{font-size:15px}.cat-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.cat-links a{font-size:13px;padding:8px 12px;border-radius:999px;background:#e8f0ea;color:var(--green);font-weight:700;transition:.2s}.cat-links a:hover{background:var(--green);color:#fff}
.dark-case{background:var(--dark);color:#f1f5f1;position:relative;overflow:hidden}.dark-case:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(200,232,93,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(200,232,93,.08) 1px,transparent 1px);background-size:72px 72px;opacity:.45}.case-grid{position:relative;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:30px;align-items:center}.case-grid p{color:#bbcbc1;font-size:14px}.scoreline{text-align:center;border-left:1px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.15);padding:38px 18px}.scoreline strong{font-size:clamp(52px,7vw,92px);font-variant-numeric:tabular-nums;letter-spacing:-.08em;color:var(--lime);line-height:1}.scoreline h2{font-size:28px;margin:16px 0 0}.time-list{list-style:none;margin:0;padding:0}.time-list li{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px;color:#cbd8d0}.time-list span{display:block;color:var(--lime);font-weight:800;font-size:12px}
.stories{display:grid;gap:54px}.story{display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.story.reverse{grid-template-columns:.95fr 1.05fr}.story.reverse .story-img{order:2}.story-img{height:360px;overflow:hidden}.story-img img{width:100%;height:100%;object-fit:cover}.story-copy{background:#fff;padding:42px;margin-left:-45px;position:relative;box-shadow:var(--shadow)}.reverse .story-copy{margin-left:0;margin-right:-45px;z-index:2}.story-copy h3{font-size:25px;line-height:1.35;margin:10px 0}.story-copy p{font-size:14px;color:var(--muted)}.story-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--green);font-size:13px;font-weight:800}
.stats{padding:55px 0;background:#e4ede5}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:10px 34px;border-right:1px solid #aec3b4}.stat:last-child{border-right:0}.stat strong{display:block;font-size:44px;color:var(--green);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.stat span{font-size:14px;color:#4f6157}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.plan{background:#fff;border:1px solid var(--line);padding:30px;border-radius:var(--radius);transition:.25s}.plan:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.plan.recommend{background:var(--green);color:#fff;border-color:var(--green);transform:translateY(-12px)}.plan .tag{background:var(--lime);color:var(--ink);border:0}.plan h3{font-size:24px;margin:17px 0 7px}.plan p{font-size:14px;color:var(--muted);min-height:45px}.recommend p{color:#d8e6de}.plan ul{padding:0;list-style:none;border-top:1px solid var(--line);margin:20px 0}.recommend ul{border-color:rgba(255,255,255,.22)}.plan li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.recommend li{border-color:rgba(255,255,255,.14)}
.testimonials{background:#fff}.masonry{columns:3;column-gap:16px}.quote-card{break-inside:avoid;margin:0 0 16px;border:1px solid var(--line);border-radius:14px;padding:23px;background:#fcfdfb}.quote-mark{color:var(--orange);font-size:34px;line-height:1}.quote-card p{font-size:14px;color:#415149;margin:4px 0 18px}.quote-card footer{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;color:var(--green)}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.interest{font-weight:500;color:var(--muted);font-size:12px}
.feedback-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.big-quote{font-size:clamp(24px,3vw,37px);line-height:1.45;letter-spacing:-.04em;font-weight:800;margin:0}.quote-source{margin-top:20px;color:var(--green);font-size:14px;font-weight:800}.bars{display:grid;gap:20px}.bar-label{display:flex;justify-content:space-between;font-size:14px;font-weight:700;margin-bottom:7px}.bar{height:10px;background:#e1e8e2;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green);border-radius:20px}.data-note{font-size:12px;color:var(--muted);margin-top:15px}
.news-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:36px}.lead-news{min-height:390px;position:relative;overflow:hidden;border-radius:var(--radius);display:flex;align-items:flex-end;color:#fff;padding:28px}.lead-news:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,30,23,.87),rgba(10,30,23,.04))}.lead-news img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lead-news div{position:relative;z-index:1}.news-date{font-size:12px;color:var(--lime);font-weight:800}.lead-news h3{font-size:26px;line-height:1.35;margin:8px 0}.lead-news p{margin:0;font-size:14px;color:#e0ebe3}.news-list{display:flex;flex-direction:column}.news-item{padding:18px 0;border-bottom:1px solid var(--line)}.news-item:first-child{padding-top:0}.news-item span{color:var(--orange);font-size:12px;font-weight:800}.news-item h3{font-size:18px;line-height:1.4;margin:5px 0}.news-item p{font-size:13px;color:var(--muted);margin:0}.text-arrow{font-size:13px;font-weight:800;color:var(--green);margin-top:6px;display:inline-block}
.faq-section{background:var(--warm)}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px}.faq-art{position:relative;min-height:310px}.faq-art:before{content:"";position:absolute;left:0;bottom:0;width:280px;height:150px;border:1px solid #9eb6a5;border-radius:150px 150px 0 0;background:repeating-linear-gradient(90deg,transparent 0 45px,rgba(23,70,56,.1) 46px 47px)}.faq-art p{color:var(--muted)}.faq-item{border-bottom:1px solid #c9d5cd}.faq-question{width:100%;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;border:0;background:transparent;font-size:17px;font-weight:800;color:var(--ink)}.faq-question b{font-size:24px;color:var(--green);font-weight:400;transition:.25s}.faq-item.open .faq-question b{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-answer>div{overflow:hidden}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer p{font-size:14px;color:#58665f;margin:0;padding:0 0 18px}
.cta{padding:96px 0;background:var(--green);color:#fff}.cta-grid{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.cta h2{font-size:clamp(31px,3.8vw,48px);line-height:1.2;letter-spacing:-.05em;margin:0 0 15px}.cta p{color:#d8e6dd;max-width:580px}.contact-form{background:#fff;padding:23px;border-radius:16px;color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{margin-bottom:10px}.field input,.field select,.field textarea{width:100%;border:1px solid #cedbd2;background:#fbfcfa;color:var(--ink);padding:12px 13px;border-radius:9px;outline:0;min-height:46px}.field textarea{resize:vertical;min-height:72px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,70,56,.12)}.privacy{font-size:12px;color:var(--muted);margin:9px 0}.form-status{font-size:13px;color:var(--green);font-weight:700;min-height:20px;margin-top:8px}
.site-footer{background:#0b1814;color:#bfcec5;padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.15fr;gap:38px}.site-footer .logo{color:#fff}.site-footer p{font-size:13px;color:#9bb0a4}.site-footer h4{font-size:14px;color:#fff;margin:4px 0 15px}.footer-links{display:grid;gap:8px}.footer-links a{font-size:13px;color:#b7c8bd}.footer-links a:hover{color:var(--lime)}.footer-bottom{margin-top:46px;padding-top:18px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:#80958a}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:1024px){.nav-links{gap:13px}.intro-grid,.feedback-grid,.cta-grid{gap:38px}.feature-grid{grid-template-columns:repeat(2,1fr)}.scene{flex-basis:42%}.product-grid{grid-template-columns:1fr 1fr}.product-card:first-child{grid-column:span 2}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container{width:min(calc(100% - 32px),var(--container))}.topbar .top-right{display:none}.topbar .container{justify-content:center}.nav-links,.nav-wrap>.btn{display:none}.nav-wrap{height:66px}.menu-toggle{display:grid;place-items:center}.mobile-drawer{position:fixed;top:100px;left:0;right:0;bottom:0;background:#f7f5ef;padding:24px;overflow:auto;transform:translateX(100%);transition:.3s;z-index:45}.mobile-drawer.open{display:block;transform:none}.mobile-drawer a{display:block;padding:15px 4px;border-bottom:1px solid var(--line);font-weight:800;color:var(--green)}.mobile-drawer small{display:block;margin:22px 0 8px;color:var(--muted);font-weight:800}.hero,.hero-content{min-height:585px}.hero-content{padding:65px 0 100px}.hero h1{font-size:42px}.hero p{font-size:15px}.intro-grid,.demo-grid,.news-layout,.faq-grid,.cta-grid{grid-template-columns:1fr}.collage{min-height:360px}.demo-tabs{flex-direction:row;overflow:auto}.demo-tab{white-space:nowrap}.screen-inner{grid-template-columns:1fr}.screen-inner img{height:160px}.screen-feed{padding:18px}.case-grid{grid-template-columns:1fr;gap:20px}.scoreline{border:0;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.story,.story.reverse{grid-template-columns:1fr}.story.reverse .story-img{order:0}.story-copy,.reverse .story-copy{margin:-28px 18px 0;padding:26px}.stat-grid{grid-template-columns:1fr 1fr}.stat{padding:20px;border-bottom:1px solid #aec3b4}.stat:nth-child(2){border-right:0}.stat:nth-child(3),.stat:nth-child(4){border-bottom:0}.pricing-grid{grid-template-columns:1fr}.plan.recommend{transform:none}.masonry{columns:2}.section{padding:72px 0}}
@media(max-width:520px){body{font-size:15px}.hero h1{font-size:36px}.hero-points{gap:14px}.hero-points b{font-size:18px}.feature-grid,.product-grid{grid-template-columns:1fr}.product-card:first-child{grid-column:auto}.feature{min-height:180px}.scene{flex-basis:88%;min-width:0}.section-head{margin-bottom:28px}.section h2{font-size:30px}.masonry{columns:1}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:25px}.hero-controls{bottom:22px}.hero-controls button{width:30px}.hero-controls button.active{width:62px}.cta{padding:68px 0}.stat strong{font-size:34px}.stat{padding:15px}.logo{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* roulang page: category1 */
:root{
 --green:#174638;--green-2:#245e4c;--ink:#15241f;--muted:#65736d;--line:#dce4df;
 --paper:#f7f5ef;--warm:#efe9dc;--white:#fff;--orange:#e76f43;--lime:#c8e85d;
 --dark:#0f211b;--radius:16px;--radius-sm:10px;--shadow:0 12px 34px rgba(25,55,43,.09);
 --container:1240px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:118px}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.75;font-size:16px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(200,232,93,.9);outline-offset:3px}
.container{width:min(calc(100% - 48px),var(--container));margin:auto}
.topbar{background:var(--dark);color:#dce9e0;font-size:13px}
.topbar .container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-links{display:flex;gap:17px;white-space:nowrap;color:#c7d7ce}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,239,.97);border-bottom:1px solid rgba(220,228,223,.92);backdrop-filter:blur(12px)}
.nav-wrap{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;letter-spacing:-.04em;white-space:nowrap;color:var(--green)}
.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--lime)}
.logo-mark svg{width:19px;height:19px}
.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}
.nav-links>a{position:relative;padding:26px 0;color:#3d5048}
.nav-links>a:after{content:"";position:absolute;left:0;bottom:18px;width:0;height:2px;background:var(--green);transition:.25s}
.nav-links>a:hover{color:var(--green)}
.nav-links>a:hover:after{width:100%}
.nav-drop{position:relative}
.drop-btn{border:0;background:none;color:#3d5048;font-weight:700;padding:26px 0;font-size:14px}
.drop-menu{position:absolute;left:-22px;top:66px;width:270px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}
.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{opacity:1;visibility:visible;transform:none}
.drop-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:14px;color:#365046}
.drop-menu a:hover,.drop-menu a.active{background:#eef4ef;color:var(--green)}
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border-radius:999px;border:1px solid transparent;font-weight:800;font-size:14px;transition:.22s}
.btn-primary{background:var(--green);color:#fff}
.btn-primary:hover{background:#0f382c;transform:translateY(-2px)}
.btn-outline{color:var(--green);border-color:#a5b9ae;background:transparent}
.btn-outline:hover{background:#e9f1eb;border-color:var(--green)}
.menu-toggle{display:none;width:46px;height:46px;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--green)}
.mobile-drawer{display:none}
.page-hero{padding:58px 0 50px;background:linear-gradient(180deg,#f1f3eb 0%,var(--paper) 100%);border-bottom:1px solid var(--line)}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:25px}
.breadcrumb span:last-child{color:var(--green);font-weight:800}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.65fr);gap:80px;align-items:end}
.category-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--green);letter-spacing:.06em}
.category-kicker:before{content:"";width:28px;height:2px;background:var(--orange)}
h1{font-size:clamp(38px,5vw,62px);line-height:1.14;letter-spacing:-.06em;margin:15px 0 18px}
.hero-desc{max-width:730px;color:var(--muted);font-size:17px;margin:0}
.hero-meta{padding:17px 0 3px;border-top:1px solid var(--line);font-size:14px;color:#476056}
.hero-meta strong{color:var(--green)}
.section{padding:94px 0}
.section-head{max-width:740px;margin-bottom:38px}
.section-head h2{font-size:clamp(29px,3.4vw,42px);line-height:1.2;letter-spacing:-.05em;margin:0 0 13px}
.section-head p{margin:0;color:var(--muted)}
.guide-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.guide-copy p{color:var(--muted);margin:0 0 18px}
.fact-list{margin:25px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.fact-list li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:13px;color:#426055;font-size:14px}
.fact-list b{color:var(--green);min-width:96px}
.guide-photo{min-height:365px;overflow:hidden;border-radius:var(--radius);position:relative;background:var(--dark)}
.guide-photo:after{content:"赛事观点交流";position:absolute;left:22px;bottom:18px;color:#fff;font-size:14px;font-weight:800;padding:7px 12px;background:rgba(15,33,27,.78);border-radius:999px}
.guide-photo img{width:100%;height:365px;object-fit:cover;transition:transform .6s}
.guide-photo:hover img{transform:scale(1.035)}
.filter-section{padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.filter-label{font-size:14px;font-weight:800;color:var(--green);margin-right:5px}
.chip{min-height:38px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:0 14px;color:#496158;font-size:14px;transition:.2s}
.chip:hover,.chip.active{background:var(--green);border-color:var(--green);color:#fff}
.filter-spacer{flex:1}
.search-wrap{min-width:245px;position:relative}
.search-wrap input{height:42px;width:100%;border:1px solid var(--line);border-radius:999px;background:#fafbf8;padding:0 16px;color:var(--ink)}
.search-wrap input:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px rgba(23,70,56,.1)}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:48px;align-items:start}
.list-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:21px}
.list-intro h2{font-size:29px;line-height:1.25;letter-spacing:-.04em;margin:0}
.list-intro span{font-size:13px;color:var(--muted);white-space:nowrap}
.article-list{border-top:1px solid var(--line)}
.article-card{display:grid;grid-template-columns:228px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.article-image{display:block;border-radius:13px;overflow:hidden;background:#dce5df;min-height:150px}
.article-image img{width:100%;height:150px;object-fit:cover;transition:transform .45s}
.article-card:hover .article-image img{transform:scale(1.04)}
.article-card h3{font-size:21px;line-height:1.42;letter-spacing:-.025em;margin:8px 0}
.article-card h3 button{padding:0;background:none;border:0;text-align:left;color:inherit;font-weight:800;font-size:inherit;line-height:inherit}
.article-card h3 button:hover{color:var(--green)}
.article-card p{font-size:14px;color:var(--muted);margin:0 0 14px}
.article-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#78857f}
.article-tag{color:var(--green);font-weight:800;background:#e8f0ea;padding:2px 8px;border-radius:99px}
.text-link{border:0;padding:0;background:none;color:var(--green);font-weight:800;font-size:14px}
.text-link:hover{color:var(--orange)}
.sidebar{position:sticky;top:130px}
.side-box{padding:23px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:16px}
.side-box.dark{background:var(--dark);border-color:var(--dark);color:#e4eee8}
.side-box h3{font-size:18px;line-height:1.35;margin:0 0 17px}
.hot-list{list-style:none;margin:0;padding:0}
.hot-list li{display:flex;gap:12px;padding:12px 0;border-top:1px solid rgba(220,228,223,.85)}
.hot-list li:first-child{border-top:0;padding-top:0}
.rank{font-size:14px;font-weight:900;color:var(--orange);font-variant-numeric:tabular-nums}
.hot-list b{display:block;font-size:14px;line-height:1.45}
.hot-list small{color:var(--muted);font-size:12px}
.dark p{color:#c5d5cc;font-size:14px;margin:0 0 15px}
.discussion-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
.discuss-main,.discuss-rank{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:30px}
.discuss-main{background:var(--green);color:#fff;position:relative;overflow:hidden}
.discuss-main:after{content:"01";position:absolute;right:20px;bottom:-28px;font-size:120px;font-weight:900;color:rgba(255,255,255,.08);line-height:1}
.discuss-main h3{font-size:27px;line-height:1.3;max-width:520px;margin:12px 0}
.discuss-main p{color:#d7e5dc;max-width:570px;margin:0 0 20px;font-size:14px}
.discuss-data{display:flex;gap:25px;font-size:13px;color:#d2e1d8}
.discuss-data b{display:block;color:var(--lime);font-size:22px;font-variant-numeric:tabular-nums}
.rank-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.rank-row:last-child{border-bottom:0}
.rank-row strong{font-size:19px;color:var(--green);min-width:25px}
.rank-row span{font-size:14px;font-weight:700;line-height:1.35}
.rank-row small{display:block;color:var(--muted);font-size:12px;font-weight:400}
.tips-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tips-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}
.tips-title{position:sticky;top:135px}
.tips-title h2{font-size:clamp(30px,3.4vw,42px);line-height:1.2;letter-spacing:-.05em;margin:10px 0}
.tips-title p{color:var(--muted);margin:0}
.tip-items{border-top:1px solid var(--line)}
.tip-item{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid var(--line)}
.tip-num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8f0ea;color:var(--green);font-weight:900;font-size:14px}
.tip-item h3{font-size:18px;margin:0 0 4px}
.tip-item p{margin:0;color:var(--muted);font-size:14px}
.category-nav{padding:52px 0;background:var(--warm)}
.category-nav-wrap{display:flex;align-items:flex-start;gap:40px}
.category-nav h2{font-size:24px;line-height:1.35;margin:0;min-width:185px}
.category-matrix{display:flex;flex-wrap:wrap;gap:10px}
.category-matrix a,.category-current{min-height:42px;padding:0 15px;border:1px solid #bdcbbf;border-radius:999px;display:inline-flex;align-items:center;font-size:14px;font-weight:700;color:#365046;background:rgba(255,255,255,.45);transition:.2s}
.category-matrix a:hover{border-color:var(--green);background:var(--green);color:#fff}
.category-current{background:var(--green);border-color:var(--green);color:#fff;cursor:default}
.faq-cta{padding:94px 0}
.faq-cta-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}
.compact-faq,.subscribe-box{border-radius:var(--radius);padding:34px;border:1px solid var(--line);background:#fff}
.compact-faq h2,.subscribe-box h2{font-size:28px;line-height:1.3;letter-spacing:-.04em;margin:0 0 20px}
.faq-item{border-top:1px solid var(--line)}
.faq-question{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:none;border:0;padding:13px 0;text-align:left;font-weight:800;color:var(--ink)}
.faq-question span:last-child{font-size:23px;color:var(--green);transition:.2s}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
.faq-answer>div{overflow:hidden;color:var(--muted);font-size:14px}
.faq-item.open .faq-answer{grid-template-rows:1fr}
.faq-item.open .faq-answer>div{padding-bottom:16px}
.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
.subscribe-box{background:var(--dark);border-color:var(--dark);color:#fff}
.subscribe-box p{color:#cbdbd1;font-size:14px;margin:0 0 20px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.subscribe-box input,.subscribe-box select{width:100%;height:47px;border-radius:10px;border:1px solid rgba(220,235,225,.27);background:#17342a;color:#fff;padding:0 13px;margin-bottom:12px}
.subscribe-box input::placeholder{color:#9db3a8}
.subscribe-box input:focus,.subscribe-box select:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px rgba(200,232,93,.14)}
.subscribe-box select option{color:#15241f;background:#fff}
.form-note{font-size:12px;color:#a9c0b4;margin:12px 0 0}
.form-status{min-height:20px;font-size:13px;color:var(--lime);margin:8px 0 0}
.site-footer{background:var(--dark);color:#c8d6ce;padding:64px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.45fr .8fr .9fr 1.1fr;gap:45px}
.site-footer .logo{color:#fff;margin-bottom:15px}
.site-footer p{font-size:14px;color:#afc0b6;max-width:310px;margin:0}
.site-footer h4{font-size:14px;color:#fff;margin:3px 0 14px}
.footer-links{display:grid;gap:8px;font-size:13px;color:#b7c8be}
.footer-links a:hover{color:var(--lime)}
.footer-bottom{margin-top:48px;padding-top:20px;border-top:1px solid rgba(220,235,225,.16);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:#94aaa0}
@media(max-width:1080px){
 .nav-links{gap:14px}.nav-links>a,.drop-btn{font-size:13px}.page-hero-grid{gap:42px}.content-layout{gap:28px}.guide-grid,.tips-layout{gap:45px}
}
@media(max-width:820px){
 .topbar-links{display:none}.nav-wrap{height:68px}.nav-links,.nav-wrap>.btn{display:none}.menu-toggle{display:grid;place-items:center}.mobile-drawer{display:none;background:#f7f5ef;border-top:1px solid var(--line);padding:14px 24px 22px}.mobile-drawer.open{display:block}.mobile-drawer a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-weight:700;color:#365046}.mobile-category{margin-top:15px;padding-top:8px}.mobile-category b{font-size:13px;color:var(--green)}.mobile-category a{font-size:14px}.page-hero{padding:42px 0}.page-hero-grid,.guide-grid,.content-layout,.tips-layout,.faq-cta-grid{grid-template-columns:1fr}.hero-meta{max-width:440px}.section{padding:68px 0}.guide-photo{order:-1}.sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.side-box{margin:0}.discussion-grid{grid-template-columns:1fr}.tips-title{position:static}.category-nav-wrap{display:block}.category-nav h2{margin-bottom:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}
}
@media(max-width:560px){
 .container{width:min(calc(100% - 32px),var(--container))}.topbar .container{min-height:32px}.topbar-note{font-size:12px}.logo{font-size:18px}.page-hero{padding:32px 0 35px}.breadcrumb{margin-bottom:19px}h1{font-size:38px}.hero-desc{font-size:15px}.section{padding:55px 0}.section-head{margin-bottom:28px}.guide-photo,.guide-photo img{min-height:270px;height:270px}.filter-section{padding:20px 0}.filter-spacer{display:none}.search-wrap{width:100%;min-width:0}.article-card{grid-template-columns:105px 1fr;gap:14px;padding:17px 0}.article-image{min-height:100px}.article-image img{height:100px}.article-card h3{font-size:16px;margin:4px 0}.article-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;margin-bottom:8px}.article-meta{gap:6px}.sidebar{grid-template-columns:1fr}.side-box{padding:20px}.discuss-main,.discuss-rank{padding:23px}.discuss-main h3{font-size:22px}.discuss-data{gap:16px}.tips-layout{gap:30px}.tip-item{grid-template-columns:41px 1fr;gap:12px}.category-nav{padding:42px 0}.category-matrix{gap:8px}.category-matrix a,.category-current{font-size:13px;padding:0 12px;min-height:40px}.compact-faq,.subscribe-box{padding:24px}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:26px}.footer-bottom{margin-top:30px;display:grid;gap:5px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category2 */
:root{
 --green:#174638;
 --green-2:#245e4c;
 --ink:#15241f;
 --muted:#65736d;
 --line:#dce4df;
 --paper:#f7f5ef;
 --warm:#efe9dc;
 --white:#fff;
 --orange:#e76f43;
 --lime:#c8e85d;
 --dark:#0f211b;
 --radius:16px;
 --radius-sm:10px;
 --shadow:0 12px 34px rgba(25,55,43,.09);
 --container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:118px}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.75;font-size:16px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button,input,textarea,select{outline:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(200,232,93,.9);outline-offset:3px}
.container{width:min(calc(100% - 48px),var(--container));margin:auto}
.topbar{background:var(--dark);color:#dce9e0;font-size:13px}
.topbar .container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-note,.topbar-contact{display:flex;align-items:center;gap:18px;white-space:nowrap}
.topbar-note span:first-child:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--lime)}
.topbar-contact a{color:#dce9e0;transition:.2s}
.topbar-contact a:hover{color:var(--lime)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,239,.97);border-bottom:1px solid rgba(220,228,223,.92);backdrop-filter:blur(12px)}
.nav-wrap{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;letter-spacing:-.04em;white-space:nowrap;color:var(--green)}
.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--lime);flex:0 0 auto}
.logo-mark svg{width:19px;height:19px}
.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}
.nav-links>a{position:relative;padding:26px 0;color:#3d5048}
.nav-links>a:after{content:"";position:absolute;left:0;bottom:18px;width:0;height:2px;background:var(--green);transition:.25s}
.nav-links>a:hover{color:var(--green)}
.nav-links>a:hover:after{width:100%}
.nav-drop{position:relative}
.drop-btn{border:0;background:none;color:#3d5048;font-weight:700;padding:26px 0;font-size:14px}
.drop-menu{position:absolute;left:-22px;top:66px;width:270px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}
.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{opacity:1;visibility:visible;transform:none}
.drop-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:14px;color:#365046}
.drop-menu a:hover,.drop-menu a.active{background:#eef4ef;color:var(--green)}
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border-radius:999px;border:1px solid transparent;font-weight:800;font-size:14px;transition:.22s}
.btn-primary{background:var(--green);color:#fff}
.btn-primary:hover{background:#0f382c;transform:translateY(-2px)}
.btn-primary:active{transform:translateY(0)}
.btn-outline{color:var(--green);border-color:#a5b9ae;background:transparent}
.btn-outline:hover{background:#e9f1eb;border-color:var(--green)}
.btn-small{min-height:40px;padding:0 15px;font-size:13px}
.menu-toggle{display:none;width:46px;height:46px;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--green)}
.mobile-drawer{display:none}
.section{padding:94px 0}
.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.08em}
.section-kicker:before{content:"";width:24px;height:2px;background:var(--orange)}
.section-title{font-size:clamp(29px,3.2vw,42px);line-height:1.2;letter-spacing:-.05em;margin:12px 0 15px}
.section-copy{margin:0;color:var(--muted);max-width:690px}
.breadcrumb-section{padding:46px 0 50px;background:#eef2ed;border-bottom:1px solid var(--line)}
.breadcrumb{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);margin-bottom:20px}
.breadcrumb span{color:#99aaa2}
.breadcrumb strong{color:var(--green)}
.page-title-wrap{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:35px}
.page-title-wrap h1{font-size:clamp(38px,5vw,62px);line-height:1.12;letter-spacing:-.065em;margin:0;color:var(--ink)}
.page-title-wrap p{margin:0;color:var(--muted);font-size:16px}
.category-mark{justify-self:end;width:192px;height:112px;border:1px solid #c9d8cd;border-radius:var(--radius);background:linear-gradient(135deg,#dfeade,#f7f5ef);position:relative;overflow:hidden}
.category-mark:before,.category-mark:after{content:"";position:absolute;border:1px solid rgba(23,70,56,.23);border-radius:50%}
.category-mark:before{width:150px;height:150px;right:-45px;top:-53px}
.category-mark:after{width:88px;height:88px;left:-20px;bottom:-43px}
.category-mark i{position:absolute;right:28px;bottom:22px;color:var(--green);font-weight:900;font-size:27px;font-style:normal;letter-spacing:-.08em}
.intro-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:68px;align-items:center}
.intro-content .section-title{max-width:500px}
.intro-content p{color:var(--muted);margin:0 0 18px}
.truth-list{border-top:1px solid var(--line);margin-top:25px}
.truth-item{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}
.truth-item strong{color:var(--green)}
.truth-item span{text-align:right;color:var(--muted)}
.intro-image{height:390px;overflow:hidden;border-radius:var(--radius);position:relative;background:var(--green)}
.intro-image:after{content:"球队支持者 · 观点交流";position:absolute;left:22px;bottom:20px;background:rgba(15,33,27,.88);color:#fff;padding:8px 13px;border-radius:999px;font-size:13px;font-weight:700}
.intro-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.intro-image:hover img{transform:scale(1.035)}
.filter-section{padding:0 0 30px}
.filter-bar{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;display:flex;align-items:center;gap:16px;box-shadow:0 8px 22px rgba(25,55,43,.04)}
.filter-label{font-size:14px;font-weight:800;color:var(--green);white-space:nowrap}
.chip-wrap{display:flex;align-items:center;gap:8px;flex:1;overflow:auto;scrollbar-width:none}
.chip-wrap::-webkit-scrollbar{display:none}
.chip{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:36px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#50635a;font-size:13px;font-weight:700;transition:.2s}
.chip:hover,.chip.active{border-color:var(--green);background:var(--green);color:#fff}
.sort-select{min-height:39px;border:1px solid var(--line);border-radius:9px;padding:0 31px 0 12px;background:#fff;color:#41544b;font-size:13px}
.search-box{position:relative;width:190px}
.search-box input{width:100%;height:40px;border:1px solid var(--line);border-radius:9px;padding:0 12px;color:var(--ink);background:#fafbf9;font-size:13px}
.search-box input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,70,56,.1)}
.content-section{padding-top:48px}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:48px;align-items:start}
.list-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:19px;border-bottom:1px solid var(--line)}
.list-heading h2{font-size:25px;line-height:1.3;margin:0;letter-spacing:-.04em}
.list-heading span{font-size:13px;color:var(--muted)}
.article-list{display:grid;gap:0}
.article-card{display:grid;grid-template-columns:204px minmax(0,1fr);gap:23px;padding:25px 0;border-bottom:1px solid var(--line);transition:.22s}
.article-card:hover{transform:translateX(4px)}
.article-card:hover .article-cover img{transform:scale(1.04)}
.article-cover{height:142px;border-radius:12px;overflow:hidden;background:#dce6de}
.article-cover img{width:100%;height:100%;object-fit:cover;transition:.45s}
.article-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-bottom:8px}
.article-meta .tag{color:var(--green);font-weight:800;background:#eaf2e8;padding:2px 8px;border-radius:999px}
.article-card h3{font-size:19px;line-height:1.4;letter-spacing:-.025em;margin:0 0 8px}
.article-card p{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.more-static{font-size:13px;font-weight:800;color:var(--green);display:inline-flex;align-items:center;gap:6px}
.more-static:after{content:"→";transition:.2s}
.article-card:hover .more-static:after{transform:translateX(4px)}
.sidebar{display:grid;gap:18px}
.side-card{padding:23px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.side-card.dark{background:var(--dark);border-color:var(--dark);color:#fff}
.side-card h3{font-size:17px;margin:0 0 15px;letter-spacing:-.02em}
.hot-topic{display:flex;gap:12px;padding:13px 0;border-top:1px solid var(--line)}
.hot-topic:first-of-type{border-top:0;padding-top:0}
.topic-index{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;background:#eaf2e8;color:var(--green);border-radius:7px;font-size:12px;font-weight:900}
.hot-topic b{display:block;font-size:14px;line-height:1.5}
.hot-topic small{display:block;margin-top:2px;color:var(--muted);font-size:12px}
.dark .side-note{margin:0;color:#c5d5ca;font-size:14px}
.dark .side-note strong{color:var(--lime)}
.keyword-cloud{display:flex;flex-wrap:wrap;gap:8px}
.keyword-cloud span{font-size:12px;padding:5px 9px;border-radius:999px;background:#eef3ee;color:#426052}
.discussion-section{background:#fff}
.discussion-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:31px}
.discussion-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:18px}
.discussion-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:29px;min-height:245px;position:relative;overflow:hidden;transition:.25s}
.discussion-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.discussion-card.primary{background:var(--green);color:#fff;border-color:var(--green)}
.discussion-card.primary:after{content:"02";position:absolute;right:20px;bottom:-30px;color:rgba(255,255,255,.1);font-size:125px;font-weight:900;line-height:1}
.discussion-no{font-size:13px;font-weight:900;color:var(--orange);letter-spacing:.08em}
.primary .discussion-no{color:var(--lime)}
.discussion-card h3{position:relative;z-index:1;font-size:24px;line-height:1.35;margin:14px 0 12px;letter-spacing:-.04em}
.discussion-card p{position:relative;z-index:1;font-size:14px;color:var(--muted);margin:0;max-width:520px}
.primary p{color:#d6e5db}
.discussion-data{position:absolute;left:29px;bottom:25px;display:flex;gap:17px;font-size:12px;color:#6d7d75}
.primary .discussion-data{color:#d4e4da}
.notice-section{padding:88px 0;background:#f0ede4}
.notice-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;align-items:center}
.notice-grid .section-copy{max-width:410px}
.notice-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #cbd4cd}
.notice-item{padding:21px 20px 12px 0;border-bottom:1px solid #cbd4cd;min-height:155px}
.notice-item:not(:nth-child(3n+1)){padding-left:20px;border-left:1px solid #cbd4cd}
.notice-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#dce9de;color:var(--green);font-size:15px;font-weight:900}
.notice-item h3{font-size:16px;margin:13px 0 4px}
.notice-item p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}
.matrix-section{padding:62px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.matrix-row{display:flex;align-items:center;gap:24px}
.matrix-title{flex:0 0 156px;font-size:16px;font-weight:900;color:var(--green)}
.category-matrix{display:flex;flex-wrap:wrap;gap:9px}
.category-link{min-height:38px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;font-weight:700;color:#466057;transition:.2s}
.category-link:hover{background:#eaf2e8;border-color:#9eb9a7;color:var(--green)}
.category-link.current{background:var(--green);border-color:var(--green);color:#fff;cursor:default}
.faq-cta-section{padding:94px 0}
.faq-cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px}
.mini-faq{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-question{width:100%;min-height:64px;border:0;background:transparent;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--ink);font-weight:800;font-size:16px;padding:15px 0}
.faq-question .plus{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line);border-radius:50%;color:var(--green);font-size:20px;font-weight:400;transition:.25s;flex:0 0 auto}
.faq-question[aria-expanded="true"] .plus{background:var(--green);border-color:var(--green);color:#fff;transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-answer p{margin:0;padding:0 38px 20px 0;color:var(--muted);font-size:14px}
.faq-item.open .faq-answer{max-height:180px}
.contact-panel{background:var(--dark);color:#fff;border-radius:var(--radius);padding:35px;position:relative;overflow:hidden}
.contact-panel:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(200,232,93,.17);border-radius:50%;right:-92px;top:-105px}
.contact-panel>*{position:relative;z-index:1}
.contact-panel .section-kicker{color:var(--lime)}
.contact-panel .section-title{font-size:31px;margin-top:12px}
.contact-panel p{color:#c7d7cc;font-size:14px;margin:0 0 22px}
.compact-form{display:grid;gap:11px}
.compact-form input,.compact-form select{width:100%;height:46px;border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.06);border-radius:9px;padding:0 13px;color:#fff}
.compact-form input::placeholder{color:#adbfaf}
.compact-form select{color:#d9e6dd}
.compact-form select option{color:var(--ink)}
.compact-form input:focus,.compact-form select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(200,232,93,.13)}
.form-note{font-size:12px;color:#afc2b4;margin:1px 0 0}
.form-status{display:none;padding:10px 12px;border-radius:8px;background:#e6f1d2;color:#264d26;font-size:13px;font-weight:700}
.form-status.show{display:block}
.site-footer{background:var(--dark);color:#d2dfd7;padding:67px 0 0}
.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .9fr 1.1fr;gap:45px}
.site-footer .logo{color:#fff;margin-bottom:15px}
.site-footer p{margin:0;max-width:300px;font-size:14px;line-height:1.75;color:#aebfb4}
.site-footer h4{font-size:14px;color:#fff;margin:0 0 15px}
.footer-links{display:grid;gap:9px;font-size:13px;color:#b7c7bd}
.footer-links a{transition:.2s}
.footer-links a:hover{color:var(--lime)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:49px;padding:19px 0;display:flex;justify-content:space-between;gap:22px;font-size:12px;color:#9cb0a4}
@media (max-width:1100px){
 .nav-links{gap:14px;font-size:13px}
 .nav-wrap{gap:15px}
 .nav-links>a,.drop-btn{padding-left:0;padding-right:0}
 .intro-layout,.notice-grid{gap:42px}
 .content-grid{gap:30px;grid-template-columns:minmax(0,1fr) 285px}
}
@media (max-width:860px){
 .topbar-contact{display:none}
 .topbar .container{justify-content:center}
 .nav-links,.nav-cta{display:none}
 .menu-toggle{display:grid;place-items:center}
 .mobile-drawer{position:fixed;z-index:49;top:112px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 15px 28px rgba(16,39,29,.12);padding:19px 24px 25px;transform:translateY(-130%);transition:.28s;display:block}
 .mobile-drawer.open{transform:translateY(0)}
 .mobile-drawer a,.mobile-drawer summary{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:800;color:#304c40}
 .mobile-drawer details{border-bottom:1px solid var(--line)}
 .mobile-drawer summary{cursor:pointer}
 .mobile-drawer details a{margin-left:12px;color:var(--muted);font-size:14px}
 .page-title-wrap{grid-template-columns:1fr}
 .category-mark{display:none}
 .intro-layout,.notice-grid,.faq-cta-grid{grid-template-columns:1fr}
 .intro-image{height:330px;order:-1}
 .content-grid{grid-template-columns:1fr}
 .sidebar{grid-template-columns:1fr 1fr}
 .discussion-grid{grid-template-columns:1fr}
 .matrix-row{align-items:flex-start;flex-direction:column;gap:14px}
 .matrix-title{flex:auto}
 .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
 .footer-grid>div:first-child{grid-column:1/-1}
}
@media (max-width:620px){
 .container{width:min(calc(100% - 32px),var(--container))}
 .nav-wrap{height:68px}
 .logo{font-size:18px}
 .site-header{top:0}
 .mobile-drawer{top:102px;padding-left:16px;padding-right:16px}
 .section{padding:65px 0}
 .breadcrumb-section{padding:34px 0 38px}
 .page-title-wrap h1{font-size:38px}
 .section-title{font-size:30px}
 .filter-bar{padding:13px;flex-wrap:wrap;gap:10px}
 .filter-label{width:100%}
 .chip-wrap{width:100%;flex-basis:100%}
 .sort-select{flex:1}
 .search-box{width:100%;flex-basis:100%}
 .article-card{grid-template-columns:112px minmax(0,1fr);gap:14px;padding:18px 0}
 .article-cover{height:110px}
 .article-card h3{font-size:16px;margin-bottom:5px}
 .article-card p{font-size:13px;-webkit-line-clamp:2}
 .article-meta{gap:6px;font-size:11px}
 .sidebar{grid-template-columns:1fr}
 .discussion-head{display:block;margin-bottom:23px}
 .discussion-head .section-copy{margin-top:10px}
 .discussion-card{padding:23px;min-height:220px}
 .discussion-card h3{font-size:21px}
 .notice-list{grid-template-columns:1fr}
 .notice-item,.notice-item:not(:nth-child(3n+1)){padding:18px 0;border-left:0}
 .matrix-section{padding:48px 0}
 .category-matrix{gap:7px}
 .category-link{min-height:37px;padding:0 11px;font-size:12px}
 .contact-panel{padding:28px 22px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px}
 .footer-grid>div:first-child{grid-column:1/-1}
 .footer-bottom{display:block;line-height:1.8}
 .footer-bottom span{display:block}
}
@media (max-width:400px){
 .article-card{grid-template-columns:1fr}
 .article-cover{height:166px}
 .footer-grid{grid-template-columns:1fr}
 .section-title{font-size:28px}
}
@media (prefers-reduced-motion:reduce){
 *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* roulang page: category3 */
:root{
 --green:#174638;--green-2:#245e4c;--ink:#15241f;--muted:#65736d;--line:#dce4df;
 --paper:#f7f5ef;--warm:#efe9dc;--white:#fff;--orange:#e76f43;--lime:#c8e85d;
 --dark:#0f211b;--radius:16px;--radius-sm:10px;--shadow:0 12px 34px rgba(25,55,43,.09);
 --container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:118px}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.75;font-size:16px;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
button,input,select,textarea{font:inherit} button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.container{width:min(calc(100% - 48px),var(--container));margin:auto}
.topbar{background:var(--dark);color:#dce9e0;font-size:13px}
.topbar .container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-note{display:flex;gap:15px;align-items:center}.topbar-note i{width:6px;height:6px;background:var(--lime);border-radius:50%;display:inline-block}
.topbar-contact{display:flex;gap:18px;white-space:nowrap}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,239,.96);border-bottom:1px solid rgba(220,228,223,.92);backdrop-filter:blur(12px)}
.nav-wrap{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;letter-spacing:-.04em;white-space:nowrap;color:var(--green)}
.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--lime)}
.logo-mark svg{width:19px;height:19px}
.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}
.nav-links>a{position:relative;padding:26px 0;color:#3d5048}
.nav-links>a:after{content:"";position:absolute;left:0;bottom:18px;width:0;height:2px;background:var(--green);transition:.25s}
.nav-links>a:hover{color:var(--green)}.nav-links>a:hover:after{width:100%}
.nav-drop{position:relative}.drop-btn{border:0;background:none;color:#3d5048;font-weight:700;padding:26px 0;font-size:14px}
.drop-menu{position:absolute;left:-22px;top:66px;width:270px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}
.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{opacity:1;visibility:visible;transform:none}
.drop-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:14px;color:#365046}.drop-menu a:hover,.drop-menu a.active{background:#eaf2e8;color:var(--green)}
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border-radius:999px;border:1px solid transparent;font-weight:800;font-size:14px;transition:.22s}
.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#0f382c;transform:translateY(-2px)}
.btn-outline{color:var(--green);border-color:#a5b9ae;background:transparent}.btn-outline:hover{background:#e9f1eb;border-color:var(--green)}
.menu-toggle{display:none;width:46px;height:46px;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--green)}
.mobile-drawer{display:none}
.page-hero{padding:56px 0 60px;background:linear-gradient(115deg,#edf1eb 0%,#f7f5ef 60%,#e7eee8 100%);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.page-hero:after{content:"03";position:absolute;right:6%;bottom:-68px;font-size:240px;line-height:1;font-weight:800;color:rgba(23,70,56,.055);font-variant-numeric:tabular-nums}
.breadcrumb{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:14px;margin-bottom:23px}.breadcrumb span{color:#9ba9a2}
.category-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.05em}.category-kicker:before{content:"";width:30px;height:2px;background:var(--orange)}
.page-hero h1{font-size:clamp(36px,4.5vw,58px);line-height:1.16;letter-spacing:-.055em;margin:15px 0 14px;max-width:850px}
.page-hero p{font-size:17px;color:var(--muted);margin:0;max-width:710px}
.section{padding:92px 0}.section-head{max-width:720px;margin-bottom:36px}.section-head h2{font-size:clamp(29px,3.2vw,42px);letter-spacing:-.05em;line-height:1.22;margin:0 0 12px}.section-head p{margin:0;color:var(--muted)}
.guide-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.guide-image{position:relative}.guide-image img{width:100%;height:405px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
.image-note{position:absolute;left:-22px;bottom:24px;background:#fff;padding:15px 20px;border-radius:12px;box-shadow:var(--shadow);font-weight:800;font-size:14px;color:var(--green)}
.guide-copy p{color:var(--muted);margin:0 0 18px}.fact-list{border-top:1px solid var(--line);margin-top:24px}.fact-list div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.fact-list strong{color:var(--green)}
.filter-section{padding:27px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.filter-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.filter-label{font-weight:800;margin-right:4px}.chip{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#4b5d56;font-size:14px;font-weight:700;transition:.2s}.chip:hover,.chip.active{background:var(--green);border-color:var(--green);color:#fff}
.filter-search{margin-left:auto;display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;min-height:42px;padding:0 14px;min-width:220px}.filter-search input{border:0;outline:0;width:100%;background:transparent;color:var(--ink);padding-left:8px;font-size:14px}
.content-area{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:38px}.content-list{display:grid;gap:16px}.article-card{display:grid;grid-template-columns:205px 1fr;gap:23px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:.25s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b8cabf}.article-card img{width:100%;height:148px;object-fit:cover;border-radius:11px}
.article-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.tag{display:inline-flex;padding:3px 9px;border-radius:999px;background:#e9f1eb;color:var(--green);font-weight:800}.article-card h3{font-size:20px;line-height:1.4;margin:9px 0 6px;letter-spacing:-.025em}.article-card p{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 8px}.more-link{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:14px;font-weight:800}.more-link:hover{color:var(--orange)}.more-link b{font-size:18px;transition:.2s}.more-link:hover b{transform:translateX(3px)}
.side-panel{padding:24px;border-radius:var(--radius);background:var(--dark);color:#fff;align-self:start}.side-panel h3{font-size:20px;margin:0 0 14px}.hot-topic{padding:15px 0;border-top:1px solid rgba(255,255,255,.16)}.hot-topic:first-of-type{border-top:0}.hot-topic span{color:var(--lime);font-size:12px;font-weight:800}.hot-topic p{font-size:14px;line-height:1.55;margin:5px 0;color:#e1ebe5}.hot-topic small{color:#a8b9b0;font-size:12px}
.discuss-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.discussion-main,.rank-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.discussion-main{padding:30px;background:linear-gradient(135deg,#fff 20%,#edf3ec)}.discussion-main .number{font-size:52px;font-weight:800;line-height:1;color:var(--orange);letter-spacing:-.07em}.discussion-main h3{font-size:25px;line-height:1.35;margin:13px 0 10px}.discussion-main p{color:var(--muted);margin:0}.discussion-stats{display:flex;gap:24px;margin-top:25px;font-size:13px;color:var(--muted)}.discussion-stats b{display:block;color:var(--green);font-size:20px}
.rank-list{padding:10px 22px}.rank-row{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);align-items:flex-start}.rank-row:last-child{border-bottom:0}.rank-num{font-size:19px;font-weight:800;color:var(--orange);line-height:1.4}.rank-row strong{font-size:14px;line-height:1.5;display:block}.rank-row small{color:var(--muted);font-size:12px}
.tips-section{background:var(--warm)}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #d9d0bd;border-radius:var(--radius);overflow:hidden;background:#f8f4ea}.tip{padding:28px;border-right:1px solid #d9d0bd}.tip:last-child{border-right:0}.tip-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--lime);font-weight:800}.tip h3{font-size:19px;margin:18px 0 8px}.tip p{font-size:14px;color:#5d685f;margin:0}
.channel-section{padding:68px 0;background:#fff;border-top:1px solid var(--line)}.channel-box{display:flex;gap:18px;align-items:center;justify-content:space-between}.channel-box h2{font-size:27px;line-height:1.3;margin:0;letter-spacing:-.04em}.channel-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.channel-link{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;color:#456056;font-size:13px;font-weight:700;transition:.2s}.channel-link:hover{border-color:var(--green);color:var(--green);background:#eef4ef}.channel-link.current{background:var(--green);border-color:var(--green);color:#fff;cursor:default}
.faq-cta{display:grid;grid-template-columns:1fr .92fr;gap:40px;align-items:start}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-button{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border:0;background:transparent;color:var(--ink);text-align:left;font-size:16px;font-weight:800}.faq-button span:last-child{font-size:24px;font-weight:400;color:var(--green);transition:.2s}.faq-item.open .faq-button span:last-child{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-item.open .faq-answer{max-height:180px}.faq-answer p{margin:0 0 16px;color:var(--muted);font-size:14px}
.cta-card{padding:32px;border-radius:var(--radius);background:var(--green);color:#fff}.cta-card h2{font-size:28px;line-height:1.28;margin:0 0 10px;letter-spacing:-.04em}.cta-card p{color:#dbe8df;font-size:14px;margin:0 0 20px}.compact-form{display:grid;gap:11px}.compact-form input,.compact-form select{width:100%;height:46px;padding:0 13px;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:#fff;color:var(--ink);outline:0;font-size:14px}.compact-form button{width:100%}.form-note{font-size:12px;color:#c9d9d0;margin:3px 0 0}.form-status{display:none;padding:8px 10px;border-radius:8px;background:#dff1df;color:#173d2c;font-size:13px;font-weight:700}
.site-footer{background:var(--dark);color:#d5e0da;padding:65px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .85fr .95fr 1.15fr;gap:42px}.site-footer .logo{color:#fff}.site-footer .logo-mark{background:var(--lime);color:var(--green)}.site-footer p{font-size:14px;color:#aebfb5;max-width:300px;margin:18px 0 0}.site-footer h4{color:#fff;font-size:15px;margin:3px 0 16px}.footer-links{display:grid;gap:9px;font-size:13px;color:#b7c7be}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:48px;padding-top:19px;display:flex;justify-content:space-between;gap:20px;color:#94a99e;font-size:12px}
@media(max-width:1100px){.nav-links{gap:14px}.content-area{grid-template-columns:minmax(0,1fr) 280px}.guide-grid{gap:42px}.footer-grid{gap:28px}}
@media(max-width:860px){.topbar-contact{display:none}.nav-links,.nav-wrap>.btn{display:none}.menu-toggle{display:grid;place-items:center;margin-left:auto}.mobile-drawer{position:absolute;display:block;left:0;right:0;top:100%;background:#f7f5ef;border-bottom:1px solid var(--line);box-shadow:0 18px 28px rgba(17,40,30,.1);max-height:0;overflow:hidden;transition:max-height .3s}.mobile-drawer.open{max-height:650px}.mobile-drawer-inner{padding:16px 24px 24px;display:grid;gap:4px}.mobile-drawer a{padding:12px 4px;border-bottom:1px solid var(--line);font-size:15px;font-weight:800;color:#385147}.mobile-group{padding-top:13px}.mobile-group b{font-size:13px;color:var(--muted)}.mobile-cats{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}.mobile-cats a{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:13px}.guide-grid,.faq-cta{grid-template-columns:1fr}.guide-image{order:2}.content-area{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.side-panel h3{grid-column:1/-1;margin:0}.hot-topic{border-top:0;padding:0}.tips-grid{grid-template-columns:1fr 1fr}.tip:nth-child(2){border-right:0}.tip:last-child{grid-column:1/-1;border-top:1px solid #d9d0bd}.footer-grid{grid-template-columns:1fr 1fr}.page-hero{padding:45px 0}}
@media(max-width:620px){.container{width:min(calc(100% - 32px),var(--container))}.topbar .container{justify-content:center}.topbar-note span:last-child{display:none}.nav-wrap{height:68px}.section{padding:64px 0}.page-hero h1{font-size:36px}.page-hero p{font-size:15px}.guide-image img{height:285px}.image-note{left:12px;bottom:12px;font-size:13px}.filter-bar{gap:8px}.filter-label{width:100%}.filter-search{order:3;width:100%;margin:5px 0 0;min-width:0}.article-card{grid-template-columns:1fr;gap:14px;padding:13px}.article-card img{height:190px}.article-card h3{font-size:18px}.side-panel{display:block}.hot-topic{padding:14px 0;border-top:1px solid rgba(255,255,255,.16)}.discuss-grid{grid-template-columns:1fr}.tips-grid{grid-template-columns:1fr}.tip,.tip:nth-child(2){border-right:0;border-bottom:1px solid #d9d0bd}.tip:last-child{border-top:0;border-bottom:0}.channel-box{display:block}.channel-box h2{font-size:23px;margin-bottom:18px}.channel-links{justify-content:flex-start}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:7px}.page-hero:after{font-size:160px;right:-8px;bottom:-35px}.btn{min-height:44px}.logo{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* roulang page: category4 */
:root{
 --green:#174638;--green-2:#245e4c;--ink:#15241f;--muted:#65736d;--line:#dce4df;
 --paper:#f7f5ef;--warm:#efe9dc;--white:#fff;--orange:#e76f43;--lime:#c8e85d;
 --dark:#0f211b;--radius:16px;--radius-sm:10px;--shadow:0 12px 34px rgba(25,55,43,.09);
 --container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:118px}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.75;font-size:16px;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,select,textarea{font:inherit} button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(200,232,93,.9);outline-offset:3px}
.container{width:min(calc(100% - 48px),var(--container));margin:auto}
.topbar{background:var(--dark);color:#dce9e0;font-size:13px}
.topbar .container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar p,.topbar span{margin:0}.topbar-right{display:flex;align-items:center;gap:16px;color:#c9d8d0}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,239,.96);border-bottom:1px solid rgba(220,228,223,.92);backdrop-filter:blur(12px)}
.nav-wrap{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;letter-spacing:-.04em;white-space:nowrap;color:var(--green)}
.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--lime)}
.logo-mark svg{width:19px;height:19px}
.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}
.nav-links>a{position:relative;padding:26px 0;color:#3d5048}
.nav-links>a:after{content:"";position:absolute;left:0;bottom:18px;width:0;height:2px;background:var(--green);transition:.25s}
.nav-links>a:hover,.nav-links>a:focus-visible{color:var(--green)}.nav-links>a:hover:after{width:100%}
.nav-drop{position:relative}.drop-btn{border:0;background:none;color:#3d5048;font-weight:700;padding:26px 0;font-size:14px}
.drop-menu{position:absolute;left:-22px;top:66px;width:270px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}
.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{opacity:1;visibility:visible;transform:none}
.drop-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:14px;color:#365046}.drop-menu a:hover{background:#eef4ef;color:var(--green)}
.drop-menu a.active{background:var(--green);color:#fff}
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border-radius:999px;border:1px solid transparent;font-weight:800;font-size:14px;transition:.22s}
.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#0f382c;transform:translateY(-2px)}
.btn-outline{color:var(--green);border-color:#a5b9ae;background:transparent}.btn-outline:hover{background:#e9f1eb;border-color:var(--green)}
.menu-toggle{display:none;width:46px;height:46px;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--green)}
.mobile-drawer{display:none}
.category-hero{padding:58px 0 63px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#f7f5ef 0%,#eef1e8 100%)}
.breadcrumb{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);margin-bottom:22px}.breadcrumb b{color:var(--green)}
.category-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.08em}
.category-kicker:before{content:"";width:24px;height:2px;background:var(--orange)}
.category-hero h1{font-size:clamp(36px,5vw,61px);line-height:1.13;letter-spacing:-.065em;margin:14px 0 16px;max-width:760px}
.category-hero p{max-width:735px;color:var(--muted);margin:0;font-size:17px}
.section{padding:94px 0}.section-head{max-width:720px;margin-bottom:38px}.section-head h2{font-size:clamp(29px,3.4vw,42px);line-height:1.2;letter-spacing:-.05em;margin:8px 0 12px}.section-head p{margin:0;color:var(--muted)}
.guide-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}.guide-copy h2{font-size:clamp(29px,3vw,39px);line-height:1.24;letter-spacing:-.05em;margin:0 0 18px}.guide-copy p{color:var(--muted);margin:0 0 19px}
.fact-list{margin:25px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.fact-list li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.fact-list span{color:var(--muted)}.fact-list b{color:var(--green);text-align:right}
.guide-image{position:relative;min-height:390px}.guide-image img{width:100%;height:390px;object-fit:cover;border-radius:var(--radius)}.image-note{position:absolute;left:-18px;bottom:22px;background:var(--white);border-left:4px solid var(--orange);box-shadow:var(--shadow);padding:15px 19px;border-radius:0 10px 10px 0;font-size:13px;font-weight:800}
.filters{padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-title{font-size:14px;font-weight:800;color:var(--green);margin-right:4px}.chip{min-height:38px;padding:0 15px;border:1px solid var(--line);background:#fff;color:#496056;border-radius:999px;font-size:13px;font-weight:700;transition:.2s}.chip:hover,.chip.active{background:var(--green);color:#fff;border-color:var(--green)}
.filter-search{margin-left:auto;position:relative}.filter-search input{width:224px;min-height:40px;border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:0 16px;color:var(--ink);outline:0}.filter-search input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,70,56,.1)}
.content-area{background:#fff}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:52px}.list-stack{display:grid;gap:18px}.article-card{display:grid;grid-template-columns:210px 1fr;gap:23px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:.25s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b8cbbd}.article-card img{width:100%;height:154px;object-fit:cover;border-radius:11px}.article-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-bottom:8px}.article-tag{padding:3px 8px;background:#edf3ed;color:var(--green);border-radius:999px;font-weight:800}.article-card h3{font-size:20px;line-height:1.35;margin:0 0 7px;letter-spacing:-.025em}.article-card p{font-size:14px;color:var(--muted);margin:0 0 10px}.read-trigger{border:0;padding:0;background:none;color:var(--green);font-weight:800;font-size:14px}.read-trigger:hover{color:var(--orange)}
.side-panel{padding-left:24px;border-left:1px solid var(--line)}.side-panel h3{font-size:18px;margin:0 0 15px}.hot-list{list-style:none;padding:0;margin:0}.hot-list li{display:grid;grid-template-columns:29px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.rank{font-weight:900;color:var(--orange);font-size:19px}.hot-list b{font-size:14px;line-height:1.5}.hot-list small{color:var(--muted);font-size:12px}.side-note{margin-top:24px;padding:17px;background:var(--warm);border-radius:var(--radius-sm);font-size:13px;color:#4c5c54}
.discussion-section{background:var(--paper)}.discussion-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.discussion-feature{position:relative;min-height:295px;overflow:hidden;border-radius:var(--radius);color:#fff;padding:32px;display:flex;flex-direction:column;justify-content:flex-end}.discussion-feature:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,31,23,.86),rgba(10,31,23,.12))}.discussion-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.discussion-feature>*{position:relative;z-index:1}.discussion-feature h3{font-size:27px;line-height:1.25;margin:8px 0}.discussion-feature p{margin:0;color:#deebe4;font-size:14px}.heat{font-size:13px;color:var(--lime);font-weight:800}
.discussion-rank{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:21px}.discussion-rank h3{margin:0 0 7px;font-size:20px}.discussion-rank p{margin:0 0 12px;font-size:13px;color:var(--muted)}.topic-item{display:flex;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.topic-item strong{color:var(--green);font-size:17px}.topic-item b{display:block;font-size:14px;line-height:1.45}.topic-item small{color:var(--muted);font-size:12px}
.tips-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.tips-intro h2{font-size:clamp(29px,3vw,39px);line-height:1.25;letter-spacing:-.05em;margin:0 0 14px}.tips-intro p{color:var(--muted);margin:0}.tip-list{counter-reset:tips;display:grid;gap:0}.tip{counter-increment:tips;display:grid;grid-template-columns:52px 1fr;gap:17px;padding:20px 0;border-top:1px solid var(--line)}.tip:before{content:"0" counter(tips);font-size:15px;font-weight:900;color:var(--orange);padding-top:2px}.tip h3{font-size:18px;margin:0 0 4px}.tip p{margin:0;color:var(--muted);font-size:14px}
.channel-section{padding:64px 0;background:#e9eee8;border-top:1px solid #d8e1da;border-bottom:1px solid #d8e1da}.channel-row{display:flex;align-items:center;gap:25px}.channel-row h2{font-size:23px;line-height:1.3;margin:0;min-width:184px}.channel-row p{margin:0;color:var(--muted);font-size:14px;max-width:255px}.channel-matrix{display:flex;flex-wrap:wrap;gap:9px}.channel-matrix a,.channel-current{display:inline-flex;min-height:39px;align-items:center;padding:0 13px;border-radius:999px;border:1px solid #b9c9bd;background:#fff;color:#315143;font-size:13px;font-weight:800;transition:.2s}.channel-matrix a:hover{background:var(--green);border-color:var(--green);color:#fff}.channel-current{background:var(--green);border-color:var(--green);color:#fff;cursor:default}
.bottom-section{padding:92px 0;background:var(--dark);color:#fff}.bottom-grid{display:grid;grid-template-columns:1fr .9fr;gap:68px}.mini-faq h2{font-size:34px;line-height:1.25;letter-spacing:-.05em;margin:0 0 21px}.faq-item{border-top:1px solid rgba(255,255,255,.18)}.faq-q{width:100%;display:flex;justify-content:space-between;gap:16px;text-align:left;padding:16px 0;color:#fff;background:transparent;border:0;font-weight:800}.faq-q span:last-child{color:var(--lime);font-size:19px}.faq-a{display:none;color:#cad9d0;font-size:14px;padding:0 0 17px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
.join-box{background:#f5f1e7;color:var(--ink);border-radius:var(--radius);padding:32px}.join-box h3{font-size:25px;line-height:1.3;margin:0 0 8px;letter-spacing:-.04em}.join-box p{font-size:14px;color:var(--muted);margin:0 0 19px}.form-grid{display:grid;gap:12px}.form-grid input,.form-grid select{width:100%;min-height:46px;border:1px solid #cdd8d0;background:#fff;border-radius:9px;padding:0 13px;color:var(--ink);outline:0}.form-grid input:focus,.form-grid select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,70,56,.12)}.form-note{font-size:12px;color:var(--muted);margin:2px 0 0}.form-status{display:none;margin:10px 0 0;padding:9px 11px;border-radius:8px;background:#e5f0e5;color:var(--green);font-size:13px;font-weight:700}
.site-footer{background:#0b1914;color:#c6d3cb;padding:62px 0 20px}.footer-grid{display:grid;grid-template-columns:1.45fr .8fr .9fr 1.15fr;gap:38px}.site-footer .logo{color:#fff}.site-footer .logo-mark{background:var(--lime);color:var(--dark)}.site-footer p{font-size:14px;max-width:320px;color:#aebfb4}.site-footer h4{margin:0 0 14px;color:#fff;font-size:15px}.footer-links{display:grid;gap:8px;font-size:13px}.footer-links a:hover{color:var(--lime)}.footer-bottom{margin-top:42px;padding-top:18px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#8fa298}
@media(max-width:1100px){.nav-links{gap:14px}.nav-wrap{gap:16px}.nav-links>a,.drop-btn{font-size:13px}.content-layout{gap:30px}.guide-grid{gap:45px}}
@media(max-width:860px){.topbar-right{display:none}.nav-links,.nav-wrap>.btn{display:none}.menu-toggle{display:grid;place-items:center;margin-left:auto}.mobile-drawer{position:absolute;top:79px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 24px 24px;box-shadow:0 20px 28px rgba(15,33,27,.12)}.mobile-drawer.open{display:block}.mobile-drawer a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-weight:800;color:#385348}.mobile-drawer .mobile-group{padding-top:12px}.mobile-drawer .mobile-group b{display:block;color:var(--green);font-size:13px;margin-bottom:4px}.mobile-cta{display:flex;margin-top:17px}.guide-grid,.content-layout,.tips-grid,.bottom-grid{grid-template-columns:1fr}.guide-image{order:-1}.side-panel{padding:0;border:0}.discussion-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.channel-row{align-items:flex-start;flex-wrap:wrap}.filter-search{margin-left:0}.section{padding:72px 0}}
@media(max-width:560px){.container{width:min(calc(100% - 32px),var(--container))}.topbar .container{min-height:32px;font-size:11px}.category-hero{padding:41px 0 45px}.category-hero h1{font-size:35px}.category-hero p{font-size:15px}.section{padding:58px 0}.guide-image,.guide-image img{min-height:270px;height:270px}.image-note{left:0;bottom:13px;font-size:12px}.filters{padding:20px 0}.filter-row{gap:8px}.filter-title{width:100%}.chip{min-height:36px;padding:0 12px}.filter-search{width:100%}.filter-search input{width:100%}.article-card{grid-template-columns:1fr;gap:14px;padding:13px}.article-card img{height:195px}.article-card h3{font-size:18px}.discussion-feature{min-height:260px;padding:23px}.discussion-feature h3{font-size:23px}.channel-row h2{font-size:23px}.channel-section{padding:49px 0}.bottom-section{padding:62px 0}.bottom-grid{gap:38px}.mini-faq h2{font-size:29px}.join-box{padding:23px}.footer-grid{grid-template-columns:1fr;gap:27px}.footer-bottom{display:grid;gap:7px}.logo{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category6 */
:root{
 --green:#174638;--green-2:#245e4c;--ink:#15241f;--muted:#65736d;--line:#dce4df;
 --paper:#f7f5ef;--warm:#efe9dc;--white:#fff;--orange:#e76f43;--lime:#c8e85d;
 --dark:#0f211b;--radius:16px;--radius-sm:10px;--shadow:0 12px 34px rgba(25,55,43,.09);--container:1240px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:118px}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.75;font-size:16px;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,select,textarea{font:inherit} button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(200,232,93,.88);outline-offset:3px}
.container{width:min(calc(100% - 48px),var(--container));margin:auto}
.topbar{background:var(--dark);color:#dce9e0;font-size:13px}
.topbar .container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-left,.topbar-right{display:flex;gap:18px;align-items:center}.topbar-right span{white-space:nowrap}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,239,.96);border-bottom:1px solid rgba(220,228,223,.92);backdrop-filter:blur(12px)}
.nav-wrap{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;letter-spacing:-.04em;white-space:nowrap;color:var(--green)}
.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--lime);flex:none}
.logo-mark svg{width:19px;height:19px}
.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}
.nav-links>a{position:relative;padding:26px 0;color:#3d5048}
.nav-links>a:after{content:"";position:absolute;left:0;bottom:18px;width:0;height:2px;background:var(--green);transition:.25s}
.nav-links>a:hover{color:var(--green)}.nav-links>a:hover:after{width:100%}
.nav-drop{position:relative}.drop-btn{border:0;background:none;color:#3d5048;font-weight:700;padding:26px 0;font-size:14px}
.drop-menu{position:absolute;left:-22px;top:66px;width:270px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}
.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{opacity:1;visibility:visible;transform:none}
.drop-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:14px;color:#365046}.drop-menu a:hover{background:#eef4ef;color:var(--green)}
.drop-menu a.active{background:var(--green);color:#fff}
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border-radius:999px;border:1px solid transparent;font-weight:800;font-size:14px;transition:.22s}
.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#0f382c;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}
.btn-outline{color:var(--green);border-color:#a5b9ae;background:transparent}.btn-outline:hover{background:#e9f1eb;border-color:var(--green)}
.arrow{transition:.2s}.btn:hover .arrow{transform:translateX(3px)}
.menu-toggle{display:none;width:46px;height:46px;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--green);font-size:22px}
.mobile-drawer{display:none}
.section{padding:98px 0}.section-head{max-width:720px;margin-bottom:38px}.section h2{font-size:clamp(30px,3.4vw,42px);letter-spacing:-.05em;line-height:1.2;margin:10px 0 14px}.section-head p{margin:0;color:var(--muted)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#e7f0e9;border:1px solid #c8dace;border-radius:999px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.04em}
.category-hero{padding:52px 0 62px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#f7f5ef 55%,#e9eee7)}
.breadcrumb{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);margin-bottom:25px}.breadcrumb b{color:var(--green)}.breadcrumb i{font-style:normal;color:#9aa7a0}
.category-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.12;letter-spacing:-.065em;margin:0 0 18px;max-width:850px}.category-hero p{max-width:720px;margin:0;color:#50635a;font-size:17px}
.notice-band{display:flex;gap:20px;align-items:center;margin-top:31px;padding:15px 18px;border-left:3px solid var(--orange);background:#fffdf8;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:14px;color:#4c5a53}.notice-band strong{color:var(--green);white-space:nowrap}
.guide-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:65px;align-items:center}.guide-copy h2{margin-top:10px}.guide-copy p{color:var(--muted);margin:0 0 18px}.guide-list{padding:0;margin:24px 0 0;list-style:none}.guide-list li{padding:10px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:flex-start;font-size:15px}.guide-list li:before{content:"";width:9px;height:9px;margin-top:9px;flex:none;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #eaf1e4}
.guide-media{min-height:385px;position:relative}.guide-media img{width:82%;height:356px;object-fit:cover;border-radius:var(--radius);margin-left:auto;box-shadow:var(--shadow)}.image-note{position:absolute;bottom:18px;left:0;max-width:245px;background:var(--dark);color:#fff;padding:18px;border-radius:12px}.image-note b{display:block;color:var(--lime);font-size:13px;margin-bottom:3px}.image-note span{font-size:13px;line-height:1.55;display:block}
.filter-section{padding:0 0 32px}.filter-bar{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.chips{display:flex;gap:9px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;color:#526159;transition:.2s}.chip:hover,.chip.active{background:var(--green);border-color:var(--green);color:#fff}.filter-right{display:flex;gap:10px;align-items:center}.select-lite,.search-lite{height:40px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 11px;color:#526159;font-size:13px}.search-lite{width:180px}.search-lite:focus,.select-lite:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px rgba(36,94,76,.14)}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:44px;align-items:start}.article-list{display:grid;gap:17px}.article-card{display:grid;grid-template-columns:210px 1fr;gap:22px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:.25s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bbcec1}.article-card img{width:210px;height:152px;object-fit:cover;border-radius:11px}.meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#718078}.tag{display:inline-flex;padding:3px 8px;border-radius:999px;background:#e7f0e9;color:var(--green);font-weight:800}.article-card h3{font-size:20px;line-height:1.42;margin:9px 0 6px;letter-spacing:-.025em}.article-card p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 8px}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:14px;font-weight:800;border:0;background:none;padding:3px 0}.text-link:hover{color:var(--orange)}.side-panel{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:23px;position:sticky;top:112px}.side-panel h3{font-size:19px;margin:0 0 14px}.hot-list{padding:0;margin:0;list-style:none}.hot-list li{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.hot-list li:last-child{border:0}.hot-num{font-size:20px;line-height:1;color:#a0afa6;font-weight:800}.hot-list b{display:block;font-size:14px;line-height:1.45}.hot-list span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.editor-pick{margin-top:22px;padding-top:19px;border-top:1px solid var(--line)}.editor-pick p{font-size:14px;color:var(--muted);margin:5px 0 0}
.discussion-section{background:#fff}.discussion-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.topic-feature,.rank-board{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:27px}.topic-feature{position:relative;overflow:hidden;min-height:245px}.topic-feature:after{content:"06";position:absolute;right:18px;bottom:-28px;font-size:145px;line-height:1;color:#e4ebe3;font-weight:800;letter-spacing:-.1em}.topic-feature>*{position:relative;z-index:1}.topic-feature h3,.rank-board h3{font-size:23px;line-height:1.35;margin:11px 0}.topic-feature p{max-width:510px;color:var(--muted);font-size:14px}.topic-data{display:flex;gap:28px;margin-top:23px;font-size:13px;color:var(--muted)}.topic-data b{display:block;color:var(--green);font-size:20px;line-height:1.2}.rank-board{background:var(--dark);color:#fff}.rank-board h3{color:#fff}.rank-board ol{margin:15px 0 0;padding:0;list-style:none;counter-reset:rank}.rank-board li{counter-increment:rank;display:flex;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:14px}.rank-board li:before{content:"0" counter(rank);font-weight:800;color:var(--lime)}.rank-board li:last-child{border:0}
.tip-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}.tip-title{border-left:4px solid var(--orange);padding-left:20px}.tip-title h2{margin:8px 0 11px}.tip-title p{margin:0;color:var(--muted)}.tips{display:grid;gap:0;border-top:1px solid var(--line)}.tip{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.tip-index{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#e8f0e9;color:var(--green);font-weight:800}.tip h3{margin:0 0 3px;font-size:17px}.tip p{margin:0;color:var(--muted);font-size:14px}
.matrix-section{padding:62px 0;background:#ecefe9;border-top:1px solid #dce3da;border-bottom:1px solid #dce3da}.matrix-wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.matrix-wrap h2{font-size:25px;line-height:1.3;margin:0;letter-spacing:-.04em}.category-matrix{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.category-matrix a,.category-current{min-height:38px;display:inline-flex;align-items:center;padding:0 13px;border-radius:999px;border:1px solid #bdccc1;background:#fff;color:#426055;font-size:13px;font-weight:700;transition:.2s}.category-matrix a:hover{background:var(--green);border-color:var(--green);color:#fff}.category-current{background:var(--green);border-color:var(--green);color:#fff;cursor:default}
.faq-cta{background:var(--dark);color:#fff}.faq-cta-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:start}.faq-compact h2{font-size:clamp(30px,3.4vw,41px);line-height:1.2;letter-spacing:-.05em;margin:10px 0 23px}.faq-item{border-top:1px solid rgba(255,255,255,.2)}.faq-item:last-child{border-bottom:1px solid rgba(255,255,255,.2)}.faq-q{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;border:0;background:none;color:#fff;font-weight:800;padding:13px 0}.faq-q span:last-child{font-size:23px;color:var(--lime);font-weight:400}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.faq-a>div{overflow:hidden;color:#d1ddd5;font-size:14px}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-a>div{padding-bottom:17px}
.contact-card{background:#f5f2e9;color:var(--ink);padding:31px;border-radius:var(--radius)}.contact-card h3{font-size:25px;line-height:1.35;margin:0 0 8px}.contact-card p{font-size:14px;color:var(--muted);margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:800;color:#405248}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd9d1;border-radius:9px;padding:10px 11px;background:#fff;color:var(--ink);outline:0}.field textarea{min-height:78px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(36,94,76,.13)}.privacy{font-size:12px;color:#68756e;margin:13px 0}.form-status{display:none;margin-top:12px;padding:9px 11px;border-radius:8px;background:#e6f1e7;color:var(--green);font-size:13px;font-weight:700}
.site-footer{background:#0b1c17;color:#cfddd4;padding:64px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr 1.1fr;gap:42px}.site-footer .logo{color:#fff}.site-footer .logo-mark{background:#245e4c}.site-footer p{font-size:14px;color:#aebfb5;margin:16px 0 0;max-width:300px}.site-footer h4{font-size:14px;color:#fff;margin:3px 0 16px}.footer-links{display:grid;gap:9px;font-size:13px;color:#b5c5bc}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#90a69a}
@media(max-width:1100px){.nav-links{gap:14px}.content-layout{grid-template-columns:minmax(0,1fr) 270px}.guide-grid,.faq-cta-grid{gap:38px}.footer-grid{gap:28px}.matrix-wrap{align-items:flex-start;flex-direction:column}.category-matrix{justify-content:flex-start}}
@media(max-width:860px){.topbar-right{display:none}.nav-links,.nav-wrap>.btn{display:none}.menu-toggle{display:grid;place-items:center}.mobile-drawer{position:absolute;top:78px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:15px 24px 22px;box-shadow:0 18px 30px rgba(15,33,27,.1)}.mobile-drawer.open{display:block}.mobile-drawer>a,.mobile-drawer summary{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-weight:800;color:#395047}.mobile-drawer details{border-bottom:1px solid var(--line)}.mobile-drawer summary{cursor:pointer}.mobile-drawer .mobile-cats{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:6px 0 13px}.mobile-cats a{font-size:13px;padding:7px 9px;background:#fff;border:1px solid var(--line);border-radius:8px}.guide-grid,.faq-cta-grid,.tip-grid{grid-template-columns:1fr}.guide-media{order:-1}.content-layout{grid-template-columns:1fr}.side-panel{position:static}.discussion-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:74px 0}}
@media(max-width:580px){.container{width:min(calc(100% - 32px),var(--container))}.topbar .container{font-size:12px}.category-hero{padding:38px 0 46px}.category-hero h1{font-size:38px}.category-hero p{font-size:15px}.notice-band{align-items:flex-start;flex-direction:column;gap:4px}.guide-media{min-height:280px}.guide-media img{height:265px;width:88%}.image-note{bottom:0;padding:13px;font-size:12px}.filter-bar{align-items:flex-start;flex-direction:column}.filter-right{width:100%}.search-lite{width:100%;min-width:0}.select-lite{flex:none;width:112px}.article-card{grid-template-columns:1fr;padding:12px;gap:14px}.article-card img{width:100%;height:190px}.article-card h3{font-size:18px}.topic-feature,.rank-board{padding:21px}.topic-data{gap:17px}.category-matrix{gap:7px}.category-matrix a,.category-current{font-size:12px;padding:0 10px}.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:29px}.footer-bottom{flex-direction:column;gap:4px}.section{padding:60px 0}.faq-cta{padding:60px 0}.contact-card{padding:23px}.chips{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:3px}.chip{white-space:nowrap}.nav-wrap{height:70px}.mobile-drawer{top:70px}.logo{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* roulang page: category5 */
:root{
 --green:#174638;--green-2:#245e4c;--ink:#15241f;--muted:#65736d;--line:#dce4df;
 --paper:#f7f5ef;--warm:#efe9dc;--white:#fff;--orange:#e76f43;--lime:#c8e85d;
 --dark:#0f211b;--radius:16px;--radius-sm:10px;--shadow:0 12px 34px rgba(25,55,43,.09);
 --container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:118px}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.75;font-size:16px;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,select,textarea{font:inherit} button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(200,232,93,.85);outline-offset:3px}
.container{width:min(calc(100% - 48px),var(--container));margin:auto}
.topbar{background:var(--dark);color:#dce9e0;font-size:13px}
.topbar .container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-note{display:flex;align-items:center;gap:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(200,232,93,.12)}
.topbar-right{display:flex;align-items:center;gap:16px;white-space:nowrap}
.topbar-right a{color:#dce9e0}.topbar-right a:hover{color:var(--lime)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,239,.96);border-bottom:1px solid rgba(220,228,223,.92);backdrop-filter:blur(12px)}
.nav-wrap{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;letter-spacing:-.04em;white-space:nowrap;color:var(--green)}
.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--lime);flex:0 0 auto}
.logo-mark svg{width:19px;height:19px}
.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}
.nav-links>a{position:relative;padding:26px 0;color:#3d5048}
.nav-links>a:after{content:"";position:absolute;left:0;bottom:18px;width:0;height:2px;background:var(--green);transition:.25s}
.nav-links>a:hover{color:var(--green)}.nav-links>a:hover:after{width:100%}
.nav-drop{position:relative}.drop-btn{border:0;background:none;color:#3d5048;font-weight:700;padding:26px 0;font-size:14px}
.drop-menu{position:absolute;left:-22px;top:66px;width:270px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}
.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{opacity:1;visibility:visible;transform:none}
.drop-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:14px;color:#365046}.drop-menu a:hover,.drop-menu a.active{background:#eef4ef;color:var(--green)}
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border-radius:999px;border:1px solid transparent;font-weight:800;font-size:14px;transition:.22s}
.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#0f382c;transform:translateY(-2px)}
.btn-outline{color:var(--green);border-color:#a5b9ae;background:transparent}.btn-outline:hover{background:#e9f1eb;border-color:var(--green)}
.arrow{transition:.2s}.btn:hover .arrow{transform:translateX(3px)}
.menu-toggle{display:none;width:46px;height:46px;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--green)}
.mobile-drawer{display:none}
.section{padding:92px 0}.section-kicker{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--green);text-transform:uppercase}
.section-kicker:before{content:"";width:26px;height:2px;background:var(--orange)}
.section-title{font-size:clamp(30px,3.5vw,43px);letter-spacing:-.055em;line-height:1.2;margin:10px 0 14px}
.section-lead{max-width:670px;margin:0;color:var(--muted)}
.category-hero{padding:44px 0 64px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f7f5ef 0%,#f1efe8 100%)}
.breadcrumb{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin-bottom:25px}.breadcrumb span:last-child{color:var(--green);font-weight:800}
.breadcrumb i{font-style:normal;color:#9aa8a0}
.category-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:end}
.category-hero h1{font-size:clamp(38px,5.2vw,64px);line-height:1.1;letter-spacing:-.065em;margin:14px 0 18px;max-width:780px}
.category-hero p{max-width:720px;margin:0;color:#506159;font-size:17px}
.hero-meta{padding:18px 0 0;display:flex;gap:23px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.hero-meta b{color:var(--green);font-weight:800}.hero-score{align-self:stretch;background:var(--dark);color:#fff;border-radius:var(--radius);padding:24px 28px;position:relative;overflow:hidden}
.hero-score:after{content:"";position:absolute;right:-28px;bottom:-48px;width:150px;height:150px;border:1px solid rgba(200,232,93,.3);border-radius:50%;box-shadow:0 0 0 26px rgba(200,232,93,.07),0 0 0 54px rgba(200,232,93,.04)}
.hero-score small{display:block;position:relative;z-index:1;color:var(--lime);font-weight:800;letter-spacing:.08em}.hero-score strong{position:relative;z-index:1;display:block;font-size:38px;letter-spacing:-.05em;line-height:1.2;margin:8px 0}.hero-score span{position:relative;z-index:1;color:#c9d7cf;font-size:14px}
.guide-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:68px;align-items:center}
.guide-copy{padding:8px 0}.guide-copy .btn{margin-top:24px}
.check-list{padding:0;margin:25px 0 0;list-style:none}.check-list li{position:relative;padding:10px 0 10px 29px;border-bottom:1px solid var(--line);font-size:15px}.check-list li:before{content:"✓";position:absolute;left:0;top:10px;color:var(--green);font-weight:900}
.guide-image{min-height:390px;position:relative}.guide-image img{width:86%;height:390px;object-fit:cover;border-radius:var(--radius);margin-left:auto}.image-note{position:absolute;left:0;bottom:22px;width:48%;padding:19px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.image-note strong{display:block;font-size:22px;color:var(--green);line-height:1.2}.image-note span{font-size:13px;color:var(--muted)}
.filter-area{padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:18px}
.chips{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:999px;background:#fff;min-height:38px;padding:0 15px;color:#51635a;font-size:13px;font-weight:700;transition:.2s}.chip:hover,.chip.active{background:var(--green);color:#fff;border-color:var(--green)}
.filter-actions{display:flex;align-items:center;gap:9px}.sort-select,.search-box{height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#4c5e55;padding:0 12px;font-size:13px}.search-box{width:194px}.search-box::placeholder{color:#9aa7a0}
.content-area{background:#fff}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:50px;align-items:start}
.article-list{display:grid;gap:17px}.article-card{display:grid;grid-template-columns:210px 1fr;gap:23px;padding:15px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);transition:.25s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b7cbbd}.article-thumb{height:154px;border-radius:11px;overflow:hidden}.article-thumb img{width:100%;height:100%;object-fit:cover;transition:.45s}.article-card:hover img{transform:scale(1.035)}
.article-body{padding:2px 4px 1px 0}.article-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#7a8981}.tag{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;background:#eaf2e8;border-radius:999px;color:var(--green);font-weight:800}.article-card h3{font-size:20px;line-height:1.35;letter-spacing:-.025em;margin:10px 0 7px}.article-card p{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 11px}.read-more{display:inline-flex;align-items:center;gap:7px;border:0;padding:0;background:none;color:var(--green);font-size:14px;font-weight:800}.read-more:hover{color:var(--orange)}
.side-panel{border-left:1px solid var(--line);padding-left:27px}.side-panel h3{font-size:19px;margin:0 0 16px}.hot-topic{padding:15px 0;border-bottom:1px solid var(--line)}.hot-topic:first-of-type{padding-top:0}.hot-topic .rank{font-size:13px;font-weight:900;color:var(--orange);margin-right:9px}.hot-topic strong{font-size:14px;line-height:1.45}.hot-topic p{font-size:12px;color:var(--muted);margin:4px 0 0}.keyword-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.keyword-cloud span{padding:5px 10px;border-radius:999px;background:var(--paper);font-size:12px;color:#526159}
.discussion-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:18px;margin-top:40px}.discussion-card{min-height:220px;border:1px solid var(--line);border-radius:var(--radius);padding:27px;position:relative;overflow:hidden;background:#f2f5ee}.discussion-card.dark{background:var(--dark);color:#fff}.discussion-card:after{content:"";position:absolute;width:180px;height:180px;right:-65px;bottom:-76px;border:1px solid rgba(23,70,56,.15);border-radius:50%;box-shadow:0 0 0 24px rgba(23,70,56,.07)}.discussion-card.dark:after{border-color:rgba(200,232,93,.22);box-shadow:0 0 0 24px rgba(200,232,93,.05)}
.discussion-num{position:relative;z-index:1;font-size:13px;font-weight:900;color:var(--orange)}.discussion-card.dark .discussion-num{color:var(--lime)}.discussion-card h3{position:relative;z-index:1;font-size:24px;line-height:1.35;letter-spacing:-.03em;margin:12px 0 9px;max-width:430px}.discussion-card p{position:relative;z-index:1;margin:0;color:var(--muted);font-size:14px;max-width:440px}.discussion-card.dark p{color:#cbd8d0}.topic-data{position:relative;z-index:1;display:flex;gap:21px;margin-top:23px;font-size:12px;font-weight:800;color:#496057}.discussion-card.dark .topic-data{color:#cfe0d6}
.tips-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0}.tips-layout{display:grid;grid-template-columns:280px 1fr}.tips-title{padding:42px 30px 42px 0;border-right:1px solid var(--line)}.tips-title h2{font-size:27px;line-height:1.3;letter-spacing:-.04em;margin:9px 0 0}.tips-list{display:grid;grid-template-columns:repeat(3,1fr)}.tip{padding:37px 25px;border-right:1px solid var(--line)}.tip:last-child{border:0}.tip-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:var(--lime);font-size:15px;font-weight:900}.tip h3{font-size:16px;margin:15px 0 5px}.tip p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.category-matrix{background:var(--warm);padding:63px 0}.matrix-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:23px}.matrix-head h2{font-size:30px;line-height:1.25;letter-spacing:-.04em;margin:7px 0 0}.matrix-head p{margin:0;color:var(--muted);font-size:14px;max-width:480px}.matrix-links{display:flex;flex-wrap:wrap;gap:10px}.matrix-links a,.matrix-links span{min-height:43px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;border:1px solid #cbd5ce;background:#fff;color:#365046;font-size:14px;font-weight:800;transition:.2s}.matrix-links a:hover{background:var(--green);color:#fff;border-color:var(--green);transform:translateY(-2px)}.matrix-links span{background:var(--green);border-color:var(--green);color:#fff}
.end-section{padding:88px 0}.end-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:55px}.mini-faq{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:18px;border:0;background:none;text-align:left;color:var(--ink);font-size:15px;font-weight:800;padding:14px 0}.faq-question b{font-size:21px;font-weight:400;color:var(--green);transition:.2s}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s}.faq-answer>div{overflow:hidden}.faq-answer p{margin:0;padding:0 0 17px;color:var(--muted);font-size:14px}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-question b{transform:rotate(45deg)}
.join-card{background:var(--dark);color:#fff;border-radius:var(--radius);padding:33px}.join-card h2{font-size:28px;line-height:1.28;letter-spacing:-.045em;margin:0 0 8px}.join-card>p{margin:0 0 21px;color:#c9d7cf;font-size:14px}.join-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.join-form input,.join-form select,.join-form textarea{width:100%;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:#17342b;color:#fff;min-height:44px;padding:0 12px;font-size:14px}.join-form textarea{grid-column:1/-1;height:82px;padding-top:10px;resize:vertical}.join-form input::placeholder,.join-form textarea::placeholder{color:#a5b9af}.join-form select{color:#cbd9d1}.join-form option{color:#15241f}.join-submit{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px}.privacy{font-size:12px;color:#afc1b7;line-height:1.55}.form-status{display:none;grid-column:1/-1;padding:10px 12px;background:#204f3d;border-radius:8px;color:#d9f0b6;font-size:13px}
.site-footer{background:var(--dark);color:#c8d5cd;padding:68px 0 20px}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1.15fr;gap:42px}.site-footer .logo{color:#fff;margin-bottom:15px}.site-footer p{margin:0;max-width:310px;font-size:14px;color:#aebfb5}.site-footer h4{margin:4px 0 16px;font-size:14px;color:#fff}.footer-links{display:grid;gap:8px;font-size:13px}.footer-links a,.footer-links span{color:#b7c8be}.footer-links a:hover{color:var(--lime)}.footer-bottom{margin-top:52px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:20px;color:#8fa49a;font-size:12px}
@media(max-width:1100px){.nav-links{gap:14px;font-size:13px}.content-layout{gap:30px}.guide-grid{gap:40px}.footer-grid{gap:25px}.category-hero-grid{gap:30px}}
@media(max-width:860px){.topbar-right{display:none}.nav-links,.nav-wrap>.btn{display:none}.menu-toggle{display:grid;place-items:center}.mobile-drawer{display:block;position:fixed;inset:112px 0 auto 0;padding:18px 24px 26px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow);transform:translateY(-140%);transition:.28s;z-index:40}.mobile-drawer.open{transform:none}.mobile-drawer a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-weight:800;color:#334c41}.mobile-cats{padding-top:14px}.mobile-cats strong{font-size:13px;color:var(--green)}.mobile-cats div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.mobile-cats a{border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:13px}.category-hero-grid,.guide-grid,.end-grid{grid-template-columns:1fr}.hero-score{max-width:520px}.guide-image{margin-top:8px}.content-layout{grid-template-columns:1fr}.side-panel{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.tips-layout{grid-template-columns:1fr}.tips-title{border-right:0;border-bottom:1px solid var(--line);padding:34px 0}.footer-grid{grid-template-columns:1fr 1fr}.filter-area{align-items:flex-start;flex-direction:column}.filter-actions{width:100%}.search-box{flex:1}.section{padding:72px 0}}
@media(max-width:620px){.container{width:min(calc(100% - 32px),var(--container))}.nav-wrap{height:68px}.topbar .container{min-height:36px}.topbar-note{font-size:12px}.mobile-drawer{inset:104px 0 auto 0;padding:15px 16px 22px}.category-hero{padding:31px 0 47px}.category-hero h1{font-size:38px}.category-hero p{font-size:15px}.hero-meta{gap:12px}.hero-score{padding:20px}.section{padding:58px 0}.guide-image img{height:310px;width:92%}.guide-image{min-height:310px}.image-note{bottom:13px;padding:14px;width:56%}.article-card{grid-template-columns:1fr;padding:12px;gap:14px}.article-thumb{height:190px}.article-body{padding:0 3px}.article-card h3{font-size:18px}.discussion-grid{grid-template-columns:1fr}.discussion-card{min-height:190px;padding:23px}.tips-list{grid-template-columns:1fr}.tip{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}.tip:last-child{border-bottom:0}.matrix-head{display:block}.matrix-head p{margin-top:10px}.matrix-links{gap:8px}.matrix-links a,.matrix-links span{font-size:13px;padding:0 13px}.join-form{grid-template-columns:1fr}.join-submit{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;gap:6px;margin-top:35px}.filter-actions{flex-wrap:wrap}.sort-select,.search-box{width:100%;height:44px}.chips{gap:7px}.chip{min-height:38px;padding:0 13px}.section-title{font-size:31px}.breadcrumb{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category7 */
:root{
 --green:#174638;--green-2:#245e4c;--ink:#15241f;--muted:#65736d;--line:#dce4df;
 --paper:#f7f5ef;--warm:#efe9dc;--white:#fff;--orange:#e76f43;--lime:#c8e85d;
 --dark:#0f211b;--radius:16px;--radius-sm:10px;--shadow:0 12px 34px rgba(25,55,43,.09);
 --container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.75;font-size:16px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button,input,select,textarea{outline:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(200,232,93,.95);outline-offset:3px}
.container{width:min(calc(100% - 48px),var(--container));margin:auto}
.topbar{background:var(--dark);color:#dce9e0;font-size:13px}
.topbar .container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px}
.topbar-right a{color:#dce9e0;transition:.2s}
.topbar-right a:hover{color:var(--lime)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,239,.97);border-bottom:1px solid rgba(220,228,223,.92);backdrop-filter:blur(12px)}
.nav-wrap{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;letter-spacing:-.04em;white-space:nowrap;color:var(--green)}
.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--lime)}
.logo-mark svg{width:19px;height:19px}
.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}
.nav-links>a{position:relative;padding:26px 0;color:#3d5048}
.nav-links>a:after{content:"";position:absolute;left:0;bottom:18px;width:0;height:2px;background:var(--green);transition:.25s}
.nav-links>a:hover{color:var(--green)}
.nav-links>a:hover:after{width:100%}
.nav-drop{position:relative}
.drop-btn{border:0;background:none;color:#3d5048;font-weight:700;padding:26px 0;font-size:14px}
.drop-menu{position:absolute;left:-22px;top:66px;width:270px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}
.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{opacity:1;visibility:visible;transform:none}
.drop-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:14px;color:#365046}
.drop-menu a:hover{background:#eef4ef;color:var(--green)}
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border-radius:999px;border:1px solid transparent;font-weight:800;font-size:14px;transition:.22s}
.btn-primary{background:var(--green);color:#fff}
.btn-primary:hover{background:#0f382c;transform:translateY(-2px)}
.btn-outline{color:var(--green);border-color:#a5b9ae;background:transparent}
.btn-outline:hover{background:#e9f1eb;border-color:var(--green)}
.menu-toggle{display:none;width:46px;height:46px;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--green)}
.mobile-drawer{display:none}
.page-hero{padding:58px 0 48px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f3f1ea 0%,#fff 100%)}
.breadcrumb{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;margin-bottom:23px}
.breadcrumb span{color:#9aa8a1}
.category-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.08em}
.category-kicker:before{content:"";width:26px;height:2px;background:var(--orange)}
.page-hero h1{max-width:850px;font-size:clamp(36px,5vw,62px);letter-spacing:-.06em;line-height:1.15;margin:12px 0 15px}
.page-hero p{max-width:700px;margin:0;color:var(--muted);font-size:17px}
.section{padding:94px 0}
.section-head{max-width:710px;margin-bottom:40px}
.section-head .eyebrow{color:var(--green);font-size:13px;font-weight:800;letter-spacing:.06em}
.section h2{font-size:clamp(29px,3.4vw,42px);letter-spacing:-.05em;line-height:1.2;margin:9px 0 14px}
.section-head p{margin:0;color:var(--muted)}
.intro-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:68px;align-items:center}
.intro-copy p{color:var(--muted);margin:0 0 18px}
.fact-list{display:grid;gap:12px;margin-top:28px}
.fact{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}
.fact strong{width:88px;flex:0 0 88px;color:var(--green);font-size:14px}
.fact span{color:var(--muted);font-size:14px}
.intro-visual{position:relative;min-height:390px}
.intro-visual img{height:390px;width:100%;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
.visual-note{position:absolute;left:-26px;bottom:26px;padding:15px 18px;background:var(--dark);color:#fff;border-radius:12px;box-shadow:var(--shadow)}
.visual-note b{display:block;font-size:22px;line-height:1.2;color:var(--lime)}
.visual-note span{font-size:12px;color:#d7e4dc}
.filters{padding:28px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.chips{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.chip{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#53645d;font-size:13px;font-weight:700;transition:.2s}
.chip:hover,.chip.active{background:var(--green);border-color:var(--green);color:#fff}
.filter-tools{display:flex;gap:10px;align-items:center}
.sort-select,.search-input{height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#4d5c56;padding:0 12px;font-size:13px}
.search-input{width:190px}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px}
.article-list{display:grid;gap:17px}
.article-card{display:grid;grid-template-columns:220px 1fr;gap:22px;padding:16px;border:1px solid var(--line);background:#fff;border-radius:var(--radius);transition:.25s}
.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b5c8bd}
.article-card img{width:220px;height:158px;object-fit:cover;border-radius:11px}
.article-meta{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:12px}
.article-tag{padding:3px 9px;border-radius:999px;background:#edf3ed;color:var(--green);font-weight:800}
.article-card h3{font-size:20px;line-height:1.35;margin:10px 0 8px;letter-spacing:-.02em}
.article-card p{margin:0;color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-more{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:var(--green);font-size:13px;font-weight:800;border:0;background:none;padding:0}
.article-more:hover{color:var(--orange)}
.sidebar{display:grid;align-content:start;gap:18px}
.side-box{padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.side-box h3{font-size:18px;margin:0 0 15px}
.topic-list{list-style:none;margin:0;padding:0}
.topic-list li{display:flex;gap:11px;padding:12px 0;border-top:1px solid var(--line)}
.topic-list li:first-child{border-top:0;padding-top:0}
.topic-no{font-size:13px;font-weight:900;color:var(--orange)}
.topic-list b{display:block;font-size:14px;line-height:1.45}
.topic-list span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.keyword-cloud{display:flex;flex-wrap:wrap;gap:8px}
.keyword-cloud span{padding:6px 9px;border-radius:999px;background:#f0f3ee;color:#50635a;font-size:12px}
.discussion-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.discussion-main{padding:30px;background:var(--green);color:#fff;border-radius:var(--radius);position:relative;overflow:hidden}
.discussion-main:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(200,232,93,.35);border-radius:50%;right:-76px;top:-70px}
.discussion-main .tag{color:var(--lime);font-weight:800;font-size:13px}
.discussion-main h3{position:relative;z-index:1;font-size:25px;line-height:1.35;margin:12px 0}
.discussion-main p{position:relative;z-index:1;margin:0;color:#dbe8df;font-size:14px}
.discussion-data{position:relative;z-index:1;display:flex;gap:26px;margin-top:22px;font-size:13px}
.discussion-data b{display:block;color:var(--lime);font-size:21px;line-height:1.2}
.rank-board{padding:8px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.rank-item{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}
.rank-item:last-child{border:0}
.rank-item strong{color:var(--orange);font-size:20px}
.rank-item p{margin:0;font-weight:800;font-size:14px;line-height:1.4}
.rank-item span{font-size:12px;color:var(--muted)}
.tips-wrap{background:var(--warm)}
.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.tip{padding:0 24px;border-left:1px solid #c9d2c9}
.tip:first-child{border-left:0;padding-left:0}
.tip-number{font-variant-numeric:tabular-nums;font-size:13px;font-weight:900;color:var(--orange)}
.tip h3{font-size:19px;margin:10px 0 8px}
.tip p{margin:0;color:var(--muted);font-size:14px}
.category-matrix{padding:38px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.matrix-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.matrix-top h2{font-size:25px;margin:0;letter-spacing:-.04em}
.matrix-top p{margin:0;color:var(--muted);font-size:14px}
.matrix-links{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}
.matrix-links a,.matrix-current{min-height:54px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fafbf9;color:#476058;font-size:13px;font-weight:800;transition:.2s}
.matrix-links a:hover{border-color:var(--green);background:#eaf2e8;color:var(--green);transform:translateY(-2px)}
.matrix-current{background:var(--green);border-color:var(--green);color:#fff}
.faq-cta{display:grid;grid-template-columns:1fr .88fr;gap:42px;align-items:start}
.mini-faq{display:grid;gap:10px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.faq-q{width:100%;min-height:56px;padding:15px 18px;border:0;background:#fff;color:var(--ink);text-align:left;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.faq-q span{font-size:20px;color:var(--green);transition:.2s}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-a p{padding:0 18px 16px;margin:0;color:var(--muted);font-size:14px}
.faq-item.open .faq-a{max-height:180px}
.faq-item.open .faq-q span{transform:rotate(45deg)}
.join-box{background:var(--dark);color:#fff;padding:34px;border-radius:var(--radius);position:relative;overflow:hidden}
.join-box:before{content:"";position:absolute;inset:auto -72px -88px auto;width:210px;height:210px;border-radius:50%;border:1px solid rgba(200,232,93,.32)}
.join-box h2{font-size:29px;line-height:1.25;margin:0 0 10px;letter-spacing:-.04em}
.join-box p{position:relative;margin:0 0 21px;color:#d5e1da;font-size:14px}
.join-form{position:relative;display:grid;gap:11px}
.join-form input,.join-form textarea{width:100%;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:12px 13px}
.join-form input::placeholder,.join-form textarea::placeholder{color:#c5d1c9}
.join-form textarea{resize:vertical;min-height:82px}
.form-note{margin:0;color:#b8c9bf;font-size:12px;line-height:1.6}
.form-status{min-height:20px;margin:0;color:var(--lime);font-size:13px;font-weight:700}
.site-footer{background:var(--dark);color:#d8e4dc;padding:70px 0 22px;margin-top:0}
.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .9fr 1.05fr;gap:42px}
.site-footer .logo{color:#fff;margin-bottom:18px}
.site-footer p{color:#adbeb4;font-size:14px;margin:0}
.site-footer h4{color:#fff;font-size:15px;margin:0 0 16px}
.footer-links{display:grid;gap:9px;font-size:14px;color:#b5c5bc}
.footer-links a{transition:.2s}
.footer-links a:hover{color:var(--lime)}
.footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:52px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:12px;color:#91a59a}
@media(max-width:1100px){
 .nav-links{gap:14px;font-size:13px}.nav-wrap{gap:15px}.content-layout{grid-template-columns:minmax(0,1fr) 260px}.matrix-links{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:820px){
 .topbar-right{display:none}.nav-links,.nav-wrap>.btn{display:none}.menu-toggle{display:grid;place-items:center}
 .nav-wrap{height:68px}.mobile-drawer{display:block;max-height:0;overflow:hidden;background:var(--paper);transition:max-height .32s ease;border-top:1px solid transparent}
 .mobile-drawer.open{max-height:700px;border-top-color:var(--line)}
 .mobile-drawer-inner{padding:16px 0 22px}.mobile-drawer a,.mobile-drawer button{display:block;width:100%;padding:12px 0;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--ink);font-weight:800}
 .mobile-class{padding-top:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mobile-class a{border:1px solid var(--line);border-radius:8px;padding:9px;font-size:13px}
 .page-hero{padding:44px 0 40px}.intro-grid,.faq-cta{grid-template-columns:1fr;gap:38px}.intro-visual{min-height:310px;order:-1}.intro-visual img{height:310px}
 .content-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,1fr)}.discussion-grid{grid-template-columns:1fr}.tips-grid{gap:16px}.footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
 body{font-size:15px}.container{width:min(calc(100% - 32px),var(--container))}.topbar .container{min-height:32px;font-size:12px}.topbar-left span:last-child{display:none}
 .page-hero h1{font-size:36px}.page-hero p{font-size:15px}.section{padding:62px 0}.section h2{font-size:29px}.section-head{margin-bottom:28px}
 .article-card{grid-template-columns:1fr;padding:12px;gap:14px}.article-card img{width:100%;height:190px}.article-card h3{font-size:18px}
 .filter-row{align-items:stretch;flex-direction:column}.filter-tools{width:100%}.sort-select,.search-input{flex:1;min-width:0}.chips{flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.chip{white-space:nowrap}
 .sidebar{grid-template-columns:1fr}.discussion-main{padding:24px}.tips-grid{grid-template-columns:1fr}.tip{padding:18px 0;border-left:0;border-top:1px solid #c9d2c9}.tip:first-child{border-top:0;padding-top:0}
 .category-matrix{padding:24px 16px}.matrix-top{align-items:start;flex-direction:column;gap:6px}.matrix-links{grid-template-columns:repeat(2,1fr)}
 .join-box{padding:26px 20px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;margin-top:35px;gap:5px}
 .visual-note{left:14px;bottom:14px}.breadcrumb{font-size:12px}.btn{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}