/* roulang page: index */
:root{
      --green:#16a66a;
      --green-dark:#0c7d4c;
      --green-soft:#eaf8f1;
      --amber:#ee9a25;
      --amber-soft:#fff5e5;
      --ink:#1d2623;
      --ink-2:#37433e;
      --muted:#71807a;
      --line:#dce7e1;
      --line-strong:#bfd7c9;
      --paper:#ffffff;
      --wash:#f5f8f7;
      --charcoal:#17201d;
      --radius-sm:12px;
      --radius:18px;
      --radius-lg:26px;
      --shadow:0 10px 30px rgba(22,51,39,.08);
      --shadow-hover:0 16px 36px rgba(22,51,39,.15);
      --container:1180px;
      --transition:all .24s ease;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background:var(--wash);
      font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
      font-size:16px;
      line-height:1.7;
      overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none}
    img{display:block;width:100%;max-width:100%;object-fit:cover}
    button,input{font:inherit}
    button{cursor:pointer}
    :focus-visible{outline:3px solid rgba(22,166,106,.35);outline-offset:3px}
    .container{width:min(calc(100% - 48px),var(--container));margin:0 auto}
    .site-header{
      position:sticky;top:0;z-index:50;
      height:76px;
      background:rgba(255,255,255,.94);
      border-bottom:1px solid rgba(220,231,225,.92);
      backdrop-filter:blur(14px);
    }
    .nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}
    .brand{display:inline-flex;align-items:center;gap:11px;min-width:0;font-weight:800;color:var(--ink);white-space:nowrap}
    .brand-mark{
      position:relative;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:var(--green);
      box-shadow:inset 0 -6px 0 rgba(0,0,0,.12);
    }
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;border-radius:50%;background:#fff}
    .brand-mark:before{width:7px;height:7px;left:8px;top:9px}
    .brand-mark:after{width:7px;height:7px;right:8px;top:9px}
    .brand-name{font-size:18px;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis}
    .main-nav{display:flex;align-items:center;gap:6px}
    .main-nav a{
      position:relative;padding:10px 14px;border-radius:10px;color:var(--ink-2);font-size:14px;font-weight:650;
      transition:var(--transition);
    }
    .main-nav a:hover,.main-nav a.active{color:var(--green-dark);background:var(--green-soft)}
    .main-nav a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;background:var(--green);border-radius:2px}
    .nav-action{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;background:var(--charcoal);color:#fff;border-radius:10px;font-size:14px;font-weight:700;transition:var(--transition);white-space:nowrap}
    .nav-action:hover{background:var(--green-dark);transform:translateY(-2px)}
    .menu-toggle{display:none;border:0;background:var(--green-soft);color:var(--green-dark);width:42px;height:42px;border-radius:11px;font-size:20px}
    .hero{
      position:relative;isolation:isolate;min-height:575px;padding:84px 0 42px;overflow:hidden;color:#fff;
      background-image:linear-gradient(100deg,rgba(13,27,22,.91) 0%,rgba(15,37,29,.80) 46%,rgba(14,42,31,.58) 100%),url('/assets/images/backpic/back-1.webp');
      background-position:center;background-size:cover;
    }
    .hero:after{
      content:"";position:absolute;z-index:-1;right:-140px;top:-150px;width:510px;height:510px;border-radius:50%;
      border:1px solid rgba(126,241,185,.2);box-shadow:0 0 0 65px rgba(126,241,185,.04),0 0 0 130px rgba(126,241,185,.03);
    }
    .hero-inner{display:flex;flex-direction:column;justify-content:space-between;min-height:448px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;color:#b9efd3;font-size:14px;font-weight:750}
    .eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#56df9d;box-shadow:0 0 0 5px rgba(86,223,157,.14)}
    h1,h2,h3,p{margin-top:0}
    h1{max-width:850px;margin-bottom:20px;font-size:clamp(36px,5vw,64px);line-height:1.13;letter-spacing:-2px}
    .hero-copy{max-width:760px;color:rgba(255,255,255,.84);font-size:18px;line-height:1.85}
    .hero-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 18px;border:1px solid transparent;border-radius:12px;font-size:15px;font-weight:750;transition:var(--transition)}
    .btn-primary{background:var(--green);color:#fff;box-shadow:0 8px 18px rgba(22,166,106,.25)}
    .btn-primary:hover{background:#0b8852;transform:translateY(-2px);box-shadow:0 13px 24px rgba(22,166,106,.32)}
    .btn-outline{border-color:rgba(255,255,255,.36);color:#fff;background:rgba(255,255,255,.07)}
    .btn-outline:hover{background:#fff;color:var(--charcoal);transform:translateY(-2px)}
    .hero-note{font-size:13px;color:rgba(255,255,255,.62)}
    .pulse-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;margin-top:42px}
    .pulse-card{min-height:122px;padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);background:rgba(6,18,13,.33);backdrop-filter:blur(8px)}
    .pulse-card strong{display:block;margin:5px 0 4px;font-size:22px;letter-spacing:-.5px}
    .pulse-card span{display:block;color:rgba(255,255,255,.7);font-size:13px;line-height:1.55}
    .pulse-label{color:#9edfb9!important;font-size:12px!important;font-weight:750;letter-spacing:.4px}
    .pulse-warn{border-color:rgba(238,154,37,.4)}
    .pulse-warn .pulse-label{color:#ffc66d!important}
    main{padding-bottom:78px}
    .section{padding:76px 0}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
    .section-kicker{display:block;margin-bottom:8px;color:var(--green-dark);font-size:13px;font-weight:800}
    h2{margin-bottom:0;font-size:clamp(26px,3vw,38px);line-height:1.25;letter-spacing:-1px}
    .section-intro{max-width:470px;margin:0;color:var(--muted);font-size:15px}
    .focus-strip{margin-top:-1px;padding:27px 0;background:var(--paper);border-bottom:1px solid var(--line)}
    .focus-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
    .focus-item{position:relative;padding:4px 30px;border-right:1px solid var(--line)}
    .focus-item:first-child{padding-left:0}
    .focus-item:last-child{padding-right:0;border-right:0}
    .focus-item b{display:block;margin-bottom:4px;font-size:16px}
    .focus-item span{display:block;color:var(--muted);font-size:13px;line-height:1.5}
    .num{color:var(--green);font-size:23px;font-weight:850}
    .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .timeline-item{position:relative;padding:20px 20px 20px 25px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 16px rgba(28,55,44,.035)}
    .timeline-item:before{content:"";position:absolute;left:0;top:25px;width:4px;height:34px;border-radius:0 4px 4px 0;background:var(--green)}
    .timeline-item:nth-child(2):before{background:#4bbf8b}
    .timeline-item:nth-child(3):before{background:var(--amber)}
    .timeline-item:nth-child(4):before{background:#a4b3ac}
    .timeline-item small{display:block;color:var(--green-dark);font-weight:800}
    .timeline-item h3{margin:5px 0 6px;font-size:17px}
    .timeline-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
    .content-zone{background:linear-gradient(180deg,#f1f7f4 0%,var(--wash) 100%);border-top:1px solid #e3eee8;border-bottom:1px solid #e3eee8}
    .feature-grid{display:grid;grid-template-columns:1.16fr 1fr 1fr;grid-template-rows:repeat(2,1fr);gap:18px}
    .article-card{position:relative;overflow:hidden;min-height:220px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition)}
    .article-card:hover{transform:translateY(-4px);border-color:#8fcdae;box-shadow:var(--shadow-hover)}
    .article-card.large{grid-row:span 2;min-height:458px;color:#fff;background:var(--charcoal)}
    .article-card.large img{position:absolute;inset:0;height:100%;opacity:.56}
    .article-card.large:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,28,19,.05),rgba(8,25,17,.90))}
    .card-inner{position:relative;z-index:1;padding:22px;height:100%;display:flex;flex-direction:column;align-items:flex-start}
    .large .card-inner{justify-content:flex-end}
    .card-tag,.tag{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:12px;font-weight:800;line-height:1.4}
    .large .card-tag{background:rgba(255,255,255,.16);color:#d4f6e3;border:1px solid rgba(255,255,255,.19)}
    .article-card h3{margin:12px 0 8px;font-size:20px;line-height:1.35}
    .article-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:14px;line-height:1.7;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    .large h3{font-size:27px}
    .large p{color:rgba(255,255,255,.76)}
    .card-link{margin-top:auto;padding-top:15px;color:var(--green-dark);font-size:14px;font-weight:800}
    .large .card-link{color:#9ce5bb}
    .rule-layout{display:grid;grid-template-columns:.93fr 1.07fr;gap:36px;align-items:start}
    .rule-photo{position:relative;min-height:420px;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow)}
    .rule-photo img{height:420px}
    .rule-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,30,19,.68),rgba(8,30,19,.03) 65%)}
    .photo-caption{position:absolute;z-index:1;left:24px;right:24px;bottom:22px;color:#fff;font-size:15px;font-weight:700}
    .rules{display:grid;gap:13px}
    .rule-item{display:flex;gap:15px;padding:17px 18px;background:#fff;border:1px solid var(--line);border-radius:15px;transition:var(--transition)}
    .rule-item:hover{border-color:#91cfaf;transform:translateX(3px);box-shadow:0 8px 20px rgba(23,66,43,.07)}
    .rule-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--green-soft);color:var(--green-dark);font-weight:900}
    .rule-item:nth-child(3) .rule-icon{background:var(--amber-soft);color:#bd7412}
    .rule-item h3{margin:0 0 2px;font-size:16px}
    .rule-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
    .notice{margin-top:20px;padding:14px 17px;border-left:4px solid var(--amber);border-radius:0 12px 12px 0;background:var(--amber-soft);color:#80531a;font-size:13px;line-height:1.7}
    .data-panel{padding:32px;background:var(--charcoal);border-radius:var(--radius-lg);color:#fff}
    .data-panel .section-kicker{color:#85dca8}
    .data-panel h2{max-width:620px}
    .data-panel p{max-width:680px;margin:12px 0 0;color:rgba(255,255,255,.7)}
    .data-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:27px}
    .data-cell{padding:19px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.055)}
    .data-cell b{display:block;margin-bottom:5px;font-size:16px;color:#bff1d5}
    .data-cell span{display:block;color:rgba(255,255,255,.67);font-size:13px;line-height:1.65}
    .faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px}
    .faq-side p{color:var(--muted)}
    .faq-side .btn{margin-top:12px;color:var(--green-dark);border-color:var(--line-strong);background:#fff}
    .faq-side .btn:hover{color:#fff;background:var(--green);border-color:var(--green);transform:translateY(-2px)}
    .faq-list{display:grid;gap:10px}
    details{background:#fff;border:1px solid var(--line);border-radius:14px;transition:var(--transition)}
    details[open]{border-color:#9dceb3;box-shadow:0 8px 22px rgba(23,66,43,.07)}
    summary{position:relative;padding:18px 48px 18px 20px;list-style:none;font-size:16px;font-weight:760;cursor:pointer}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"+";position:absolute;right:19px;top:14px;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--green-soft);color:var(--green-dark);font-size:20px;font-weight:500}
    details[open] summary:after{content:"−"}
    .faq-answer{padding:0 20px 19px;color:var(--muted);font-size:14px;line-height:1.8}
    .cta{padding-top:20px}
    .cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:39px 44px;border-radius:var(--radius-lg);background:linear-gradient(120deg,#e4f7ed,#f7fcf9);border:1px solid #c8e6d5}
    .cta-box h2{max-width:680px;font-size:30px}
    .cta-box p{margin:9px 0 0;color:var(--muted);font-size:15px}
    .cta-actions{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}
    .btn-muted{border-color:var(--line-strong);background:#fff;color:var(--ink-2)}
    .btn-muted:hover{border-color:var(--green);color:var(--green-dark);transform:translateY(-2px)}
    .site-footer{padding:54px 0 0;background:#15201b;color:#dce8e1}
    .footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1.1fr;gap:56px;padding-bottom:40px}
    .footer-brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff}
    .footer-brand .brand-mark{width:30px;height:30px;flex-basis:30px;border-radius:9px}
    .footer-brand .brand-mark:before{left:7px;top:8px;width:6px;height:6px}
    .footer-brand .brand-mark:after{right:7px;top:8px;width:6px;height:6px}
    .footer-desc{max-width:390px;margin:15px 0 0;color:#aebeb5;font-size:13px;line-height:1.8}
    .footer-col h3{margin:2px 0 14px;color:#fff;font-size:15px}
    .footer-links{display:grid;gap:8px}
    .footer-links a{color:#aec0b6;font-size:14px;transition:var(--transition)}
    .footer-links a:hover{color:#7ee0a5;transform:translateX(3px)}
    .footer-note{margin:0;color:#aec0b6;font-size:13px;line-height:1.8}
    .footer-bottom{padding:18px 0;border-top:1px solid rgba(255,255,255,.1);color:#8ca097;font-size:12px}
    .footer-bottom .container{display:flex;justify-content:space-between;gap:20px}
    @media (max-width:1024px){
      .brand-name{font-size:16px}.main-nav a{padding:9px 9px}
      .feature-grid{grid-template-columns:1.08fr 1fr}
      .article-card.large{grid-row:span 2}.feature-grid .article-card:last-child{display:none}
      .rule-layout,.faq-layout{gap:28px}
    }
    @media (max-width:768px){
      .site-header{height:67px}.main-nav,.nav-action{display:none}.menu-toggle{display:grid;place-items:center}
      .mobile-nav{display:none;position:absolute;left:16px;right:16px;top:59px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
      .mobile-nav.open{display:grid}.mobile-nav a{padding:12px;border-radius:9px;font-weight:700;font-size:14px}.mobile-nav a.active{color:var(--green-dark);background:var(--green-soft)}
      .hero{min-height:560px;padding-top:66px}.hero-inner{min-height:450px}h1{letter-spacing:-1.4px}
      .pulse-grid{grid-template-columns:1fr 1fr}.pulse-card:first-child{grid-column:span 2}
      .focus-list{grid-template-columns:1fr 1fr;gap:18px}.focus-item{padding:0 16px;border-right:0}.focus-item:first-child{padding-left:0}
      .focus-item:nth-child(odd){border-right:1px solid var(--line)}
      .timeline{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.article-card.large{grid-column:span 2;min-height:380px}
      .rule-layout,.faq-layout{grid-template-columns:1fr}.rule-photo,.rule-photo img{min-height:300px;height:300px}
      .data-list{grid-template-columns:1fr}.section{padding:56px 0}.section-head{align-items:start;flex-direction:column;gap:12px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:span 2}
      .cta-box{padding:32px;align-items:flex-start;flex-direction:column}
    }
    @media (max-width:520px){
      .container{width:min(calc(100% - 32px),var(--container))}.brand-name{font-size:14px}.hero{padding-top:52px}.hero-copy{font-size:16px}.hero-tools{align-items:stretch;flex-direction:column}.hero-tools .btn{width:100%}
      .pulse-grid,.timeline,.feature-grid{grid-template-columns:1fr}.pulse-card:first-child,.article-card.large{grid-column:auto}.article-card.large{grid-row:auto;min-height:325px}.article-card{min-height:195px}
      .focus-list{gap:16px}.focus-item{padding:0 11px}.focus-item b{font-size:14px}.focus-item span{font-size:12px}.num{font-size:19px}
      .section{padding:46px 0}.data-panel{padding:24px 20px}.faq-layout{gap:24px}.cta-box{padding:26px 22px}.cta-box h2{font-size:25px}.cta-actions{width:100%;flex-direction:column}.cta-actions .btn{width:100%}
      .footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom .container{flex-direction:column;gap:4px}
    }

/* roulang page: category1 */
:root{
      --green:#1f8f67;
      --green-dark:#126147;
      --green-soft:#e8f5ef;
      --amber:#d8892d;
      --ink:#202b2a;
      --muted:#687573;
      --paper:#f7faf9;
      --white:#fff;
      --line:#dce7e3;
      --dark:#142522;
      --radius:16px;
      --shadow:0 12px 32px rgba(22,53,44,.08);
      --shadow-hover:0 18px 38px rgba(22,53,44,.14);
      --max:1180px;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;font-size:15px}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button{font:inherit;border:0;cursor:pointer}
    :focus-visible{outline:3px solid rgba(216,137,45,.55);outline-offset:3px}
    .container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
    .header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--dark);font-size:18px;white-space:nowrap}
    .brand-mark{width:26px;height:26px;border-radius:8px 8px 8px 3px;background:var(--green);position:relative;display:inline-block}
    .brand-mark:after{content:"";position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;left:9px;top:9px;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
    .main-nav{display:flex;align-items:center;gap:6px}
    .main-nav a{padding:10px 13px;border-radius:10px;color:#53615f;font-size:14px;transition:.2s ease}
    .main-nav a:hover,.main-nav a.active{color:var(--green-dark);background:var(--green-soft)}
    .menu-toggle{display:none;background:var(--green-soft);color:var(--green-dark);width:44px;height:44px;border-radius:10px;font-size:21px}
    .page-banner{position:relative;min-height:330px;padding:68px 0 60px;overflow:hidden;background:var(--dark) url("/assets/images/backpic/back-2.webp") center/cover no-repeat}
    .page-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,31,27,.9),rgba(11,31,27,.55) 58%,rgba(11,31,27,.72))}
    .banner-content{position:relative;z-index:1;color:#fff;max-width:760px}
    .breadcrumb{display:flex;align-items:center;gap:9px;color:#b9d5ca;font-size:13px;margin-bottom:25px}
    .breadcrumb a:hover{color:#fff}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a9dfc9;font-size:13px;margin-bottom:14px}
    .eyebrow:before{content:"";width:25px;height:2px;background:var(--amber)}
    h1{font-size:clamp(30px,4.2vw,54px);line-height:1.18;letter-spacing:-1px;margin-bottom:16px}
    .banner-content p{max-width:680px;color:#d9e8e3;font-size:16px}
    .page-main{padding:56px 0 74px}
    .filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
    .filter-row h2{font-size:25px;line-height:1.3}
    .chips{display:flex;flex-wrap:wrap;gap:8px}
    .chip{border:1px solid var(--line);background:#fff;padding:8px 13px;border-radius:30px;color:var(--muted);font-size:13px;transition:.2s}
    .chip:hover,.chip.active{border-color:var(--green);color:var(--green-dark);background:var(--green-soft)}
    .content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
    .content-list{display:grid;gap:18px}
    .list-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:0 5px 20px rgba(22,53,44,.04);transition:.25s ease}
    .list-card:hover{transform:translateY(-3px);border-color:#9dd2bb;box-shadow:var(--shadow-hover)}
    .card-image{height:170px;border-radius:12px;overflow:hidden;position:relative;background:#dcebe5}
    .card-image img{width:100%;height:100%;object-fit:cover;transition:.35s}
    .list-card:hover .card-image img{transform:scale(1.04)}
    .card-body{display:flex;flex-direction:column;align-items:flex-start;padding:4px 5px 3px 0}
    .tag{display:inline-flex;align-items:center;background:var(--green-soft);color:var(--green-dark);border-radius:6px;padding:4px 8px;font-size:12px;margin-bottom:10px}
    .tag.amber{background:#fff3df;color:#9b5d16}
    .card-body h3{font-size:21px;line-height:1.35;margin-bottom:8px}
    .card-body p{color:var(--muted);font-size:14px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .meta{display:flex;gap:15px;flex-wrap:wrap;color:#87928f;font-size:12px;margin-top:auto;padding-top:14px}
    .text-link{display:inline-flex;align-items:center;gap:7px;color:var(--green-dark);font-weight:700;font-size:13px;margin-top:12px}
    .text-link:after{content:"→";transition:.2s}
    .text-link:hover:after{transform:translateX(4px)}
    .sidebar{display:grid;gap:18px}
    .side-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 5px 20px rgba(22,53,44,.04)}
    .side-box h3{font-size:17px;margin-bottom:15px}
    .hotwords{display:flex;flex-wrap:wrap;gap:8px}
    .hotwords a{padding:7px 10px;background:#f2f7f5;border-radius:8px;font-size:12px;color:#51635e;transition:.2s}
    .hotwords a:hover{background:var(--green-soft);color:var(--green-dark)}
    .side-links{display:grid;gap:11px}
    .side-links a{display:flex;justify-content:space-between;gap:8px;color:#52625e;font-size:14px;border-bottom:1px solid #edf2f0;padding-bottom:10px}
    .side-links a:last-child{border:0;padding-bottom:0}
    .side-links a:after{content:"↗";color:var(--green)}
    .notice{background:#fff8ed;border:1px solid #f1dbb6;color:#76552d}
    .notice h3{color:#8b5d20}
    .notice p{font-size:13px;line-height:1.7}
    .pagination{display:flex;justify-content:center;gap:8px;margin-top:30px}
    .page-number{min-width:42px;height:42px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);display:grid;place-items:center;transition:.2s}
    .page-number:hover,.page-number.current{background:var(--green);border-color:var(--green);color:#fff}
    .info-strip{margin-top:62px;padding:28px 30px;border-radius:var(--radius);background:#eaf5f0;border:1px solid #cfe6db;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px}
    .info-item{display:flex;gap:13px}
    .info-icon{flex:0 0 38px;height:38px;border-radius:11px;background:#fff;color:var(--green);display:grid;place-items:center;font-weight:800}
    .info-item h3{font-size:15px;margin-bottom:3px}
    .info-item p{font-size:13px;color:#60716c;line-height:1.6}
    .faq-section{padding:72px 0}
    .section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
    .section-heading h2{font-size:30px;line-height:1.3}
    .section-heading p{color:var(--muted);max-width:490px;font-size:14px}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
    .faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:#fff;color:var(--ink);padding:17px 19px;font-weight:700}
    .faq-question span{color:var(--green);font-size:20px;transition:.2s}
    .faq-answer{display:none;padding:0 19px 17px;color:var(--muted);font-size:14px;line-height:1.75}
    .faq-item.open .faq-answer{display:block}
    .faq-item.open .faq-question span{transform:rotate(45deg)}
    .cta{background:var(--dark);color:#fff;padding:42px 0}
    .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
    .cta h2{font-size:26px;margin-bottom:7px}
    .cta p{color:#bfd0ca;font-size:14px}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:11px;background:var(--amber);color:#fff;font-weight:700;transition:.2s}
    .btn:hover{background:#bd6e1d;transform:translateY(-2px);box-shadow:0 8px 18px rgba(216,137,45,.24)}
    .site-footer{background:#10201d;color:#d6e3df}
    .footer-grid{display:grid;grid-template-columns:1.35fr .8fr 1fr;gap:55px;padding:48px 0 40px}
    .footer-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:#fff;margin-bottom:14px}
    .footer-desc,.footer-note{color:#9eb2ac;font-size:13px;line-height:1.8}
    .footer-col h3{font-size:15px;color:#fff;margin-bottom:15px}
    .footer-links{display:grid;gap:9px}
    .footer-links a{color:#a9bbb6;font-size:13px;transition:.2s}
    .footer-links a:hover{color:#77d0ab}
    .footer-bottom{border-top:1px solid rgba(220,239,232,.12)}
    .footer-bottom .container{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#839b94;font-size:12px}
    @media(max-width:992px){
      .main-nav a{padding:9px 8px;font-size:13px}
      .content-layout{grid-template-columns:1fr}
      .sidebar{grid-template-columns:1fr 1fr}
      .info-strip{grid-template-columns:1fr 1fr}
      .info-item:first-child{grid-column:1/-1}
    }
    @media(max-width:768px){
      .container{width:min(var(--max),calc(100% - 28px))}
      .header-inner{height:68px}
      .menu-toggle{display:block}
      .main-nav{display:none;position:absolute;top:68px;left:14px;right:14px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);align-items:stretch;flex-direction:column}
      .main-nav.show{display:flex}
      .main-nav a{padding:12px 14px}
      .page-banner{min-height:350px;padding:48px 0}
      .filter-row{align-items:flex-start;flex-direction:column}
      .list-card{grid-template-columns:180px minmax(0,1fr);gap:16px}
      .card-image{height:160px}
      .faq-grid{grid-template-columns:1fr}
      .cta-inner{align-items:flex-start;flex-direction:column}
      .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
      .footer-grid>div:first-child{grid-column:1/-1}
    }
    @media(max-width:520px){
      h1{font-size:32px}
      .page-main{padding:38px 0 52px}
      .list-card{grid-template-columns:1fr;padding:12px}
      .card-image{height:190px}
      .card-body{padding:2px 4px 5px}
      .card-body h3{font-size:19px}
      .sidebar{grid-template-columns:1fr}
      .info-strip{grid-template-columns:1fr;padding:22px}
      .info-item:first-child{grid-column:auto}
      .section-heading{display:block}
      .section-heading h2{font-size:26px;margin-bottom:8px}
      .footer-grid{grid-template-columns:1fr}
      .footer-grid>div:first-child{grid-column:auto}
      .footer-bottom .container{align-items:flex-start;flex-direction:column;justify-content:center;padding:12px 0}
    }