/* roulang page: index */
:root{
      --ink:#17242a;--muted:#65767b;--paper:#f7f5ef;--white:#fffdfa;
      --forest:#134e4a;--pine:#0d3b38;--mint:#d9f0df;--lime:#b9df69;
      --coral:#ec7657;--sand:#ece3d2;--line:#dfe4db;--shadow:0 16px 38px rgba(23,36,42,.10);
      --radius:22px;--radius-sm:14px;--container:1200px;
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;letter-spacing:.02em}
    a{text-decoration:none;color:inherit} img{max-width:100%;display:block} button,input{font:inherit}.container{max-width:var(--container)}
    .section{padding:92px 0;position:relative}.section-soft{background:#eef3ed}.section-dark{background:var(--pine);color:#f7fbf4}.section-sand{background:var(--sand)}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--forest);font-size:.8rem;font-weight:800;letter-spacing:.12em}.eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}
    .section-title{font-size:clamp(1.75rem,3vw,2.6rem);font-weight:850;line-height:1.3;margin:13px 0 16px}.section-lead{color:var(--muted);max-width:720px;font-size:1rem}
    .site-header{position:sticky;top:0;z-index:100;padding:14px 0;background:rgba(247,245,239,.92);backdrop-filter:blur(14px)}
    .nav-shell{background:var(--white);border:1px solid rgba(19,78,74,.12);box-shadow:0 8px 28px rgba(20,47,43,.08);border-radius:18px;padding:9px 14px}
    .navbar-brand{font-size:1.3rem;font-weight:900;color:var(--forest)!important;letter-spacing:.08em}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--forest);color:var(--lime);margin-right:7px;font-size:.84rem}
    .navbar-toggler{border:0;box-shadow:none!important}.navbar-toggler:focus{outline:3px solid rgba(185,223,105,.5)}
    .nav-link{font-size:.87rem;font-weight:700;color:#405357!important;padding:.52rem .65rem!important;border-radius:10px;white-space:nowrap}.nav-link:hover,.nav-link.active{background:var(--mint);color:var(--forest)!important}.nav-cta{background:var(--forest);color:#fff!important;padding:.58rem .9rem!important;margin-left:6px}.nav-cta:hover{background:var(--coral)!important;color:#fff!important}
    .hero{min-height:640px;display:flex;align-items:end;padding:76px 0 54px;background:linear-gradient(90deg,rgba(8,41,38,.88),rgba(8,41,38,.54) 48%,rgba(8,41,38,.18)),url('/assets/images/backpic/back-1.webp') center/cover no-repeat;color:#fff;position:relative}
    .hero-content{max-width:790px}.hero .eyebrow{color:#d8f3cc}.hero .eyebrow:before{background:var(--lime)}.hero h1{font-size:clamp(2.55rem,6vw,5.4rem);line-height:1.08;font-weight:900;letter-spacing:.03em;margin:18px 0}.hero-text{font-size:1.08rem;max-width:715px;color:rgba(255,255,255,.9);margin-bottom:25px}
    .series-bar{margin-top:35px;background:rgba(255,255,255,.94);color:var(--ink);padding:12px;border-radius:18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;box-shadow:var(--shadow)}.series-label{font-weight:850;padding:6px 11px;color:var(--forest)}.series-link{font-size:.86rem;font-weight:700;background:#f0f4ef;padding:7px 12px;border-radius:10px;transition:.2s}.series-link:hover{background:var(--lime);transform:translateY(-2px)}
    .btn-brand,.btn-lightbrand{border:0;border-radius:12px;padding:12px 20px;font-weight:850;transition:.22s;display:inline-flex;align-items:center;gap:9px}.btn-brand{background:var(--lime);color:#18352f}.btn-brand:hover{background:#d2ef87;transform:translateY(-2px);box-shadow:0 9px 22px rgba(185,223,105,.24)}.btn-lightbrand{background:#fff;color:var(--forest)}.btn-lightbrand:hover{background:var(--mint);transform:translateY(-2px)}.btn-brand:focus,.btn-lightbrand:focus{outline:3px solid var(--coral);outline-offset:3px}
    .hero-meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px}.hero-meta strong{display:block;font-size:1.3rem;color:var(--lime)}.hero-meta span{font-size:.8rem;color:rgba(255,255,255,.72)}
    .calendar-wrap{margin-top:-32px;z-index:2}.calendar-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:25px}.day-chip{border-right:1px solid var(--line);padding:7px 16px;min-width:135px}.day-chip:last-child{border-right:0}.day-chip b{display:block;color:var(--forest);font-size:1.08rem}.day-chip small{color:var(--muted)}
    .feature-card,.topic-card,.guide-card,.news-item,.faq-item,.quote-card{background:var(--white);border:1px solid rgba(19,78,74,.09);border-radius:var(--radius);overflow:hidden;transition:.25s}.feature-card:hover,.topic-card:hover,.guide-card:hover,.news-item:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
    .feature-card{padding:26px;height:100%}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--mint);color:var(--forest);font-size:1.25rem}.feature-card h3{font-size:1.12rem;font-weight:850;margin:18px 0 8px}.feature-card p{color:var(--muted);font-size:.91rem;margin:0}
    .topic-card.big{min-height:415px;position:relative;color:#fff;background-size:cover;background-position:center}.topic-card.big:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,45,41,.88),rgba(9,45,41,.08))}.topic-card .topic-content{position:relative;padding:28px;height:100%;display:flex;flex-direction:column;justify-content:end}.topic-card h3{font-weight:900;font-size:1.45rem}.topic-card p{font-size:.9rem;margin-bottom:0}.mini-topic{padding:18px;display:flex;gap:15px;align-items:center;margin-bottom:14px}.mini-topic img{width:102px;height:82px;object-fit:cover;border-radius:13px}.badge-hot{display:inline-flex;background:var(--coral);color:#fff;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:800}
    .board{background:var(--forest);border-radius:30px;padding:38px;color:#fff;overflow:hidden}.metric{padding:20px;border-radius:17px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14)}.metric strong{display:block;font-size:2rem;color:var(--lime);line-height:1.2}.metric span{font-size:.82rem;color:rgba(255,255,255,.72)}.ranking li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.16);list-style:none;display:flex;gap:12px;align-items:center}.ranking li:last-child{border:0}.rank-no{color:var(--lime);font-weight:900;width:24px}.trend{margin-left:auto;color:#bde48d;font-size:.82rem}
    .story-image{height:100%;min-height:410px;object-fit:cover;border-radius:var(--radius)}.story-copy{padding:18px 8px}.story-copy p{color:var(--muted)}.check-list{padding:0;margin:20px 0;list-style:none}.check-list li{padding:8px 0;color:#36504d}.check-list i{color:var(--coral);margin-right:10px}
    .news-item{padding:23px;margin-bottom:15px}.news-date{color:var(--coral);font-size:.8rem;font-weight:850}.news-item h3{font-size:1.12rem;font-weight:850;margin:7px 0}.news-item p{margin:0;color:var(--muted);font-size:.9rem}.read-more{display:inline-flex;align-items:center;gap:6px;color:var(--forest);font-size:.85rem;font-weight:850;margin-top:11px}.read-more:hover{color:var(--coral)}
    .notice-box{padding:30px;border-radius:var(--radius);background:#fff7e9;border-left:5px solid var(--coral)}.notice-box h3{font-weight:850;font-size:1.25rem}.notice-box p{color:#6d5b42;margin-bottom:0}
    .timeline{position:relative;padding-left:29px}.timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:5px;width:2px;background:#bad7bd}.timeline-item{position:relative;padding:0 0 25px}.timeline-item:before{content:"";position:absolute;left:-26px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px #e6f1e5}.timeline-time{color:var(--forest);font-weight:850;font-size:.85rem}.timeline-item h4{font-size:1.05rem;font-weight:850;margin:5px 0}.timeline-item p{font-size:.9rem;color:var(--muted);margin:0}
    .quote-card{padding:27px;height:100%}.quote-card i{color:var(--coral);font-size:1.5rem}.quote-card p{font-size:.95rem;margin:15px 0;color:#405357}.quote-person{font-weight:850;color:var(--forest);font-size:.88rem}
    .faq-item{padding:0;margin-bottom:12px}.faq-question{width:100%;padding:20px 22px;background:transparent;border:0;text-align:left;font-weight:850;color:var(--ink);display:flex;justify-content:space-between;gap:18px}.faq-question i{color:var(--coral);transition:.2s}.faq-answer{display:none;padding:0 22px 20px;color:var(--muted);font-size:.92rem}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question i{transform:rotate(45deg)}
    .cta-panel{border-radius:30px;padding:48px;background:linear-gradient(135deg,var(--forest),#21665c);color:#fff;position:relative;overflow:hidden}.cta-panel:after{content:"♟";position:absolute;right:5%;top:-55px;font-size:260px;opacity:.08;line-height:1}.cta-panel h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:900;position:relative}.cta-panel p{max-width:660px;color:rgba(255,255,255,.8);position:relative}
    .float-cta{position:fixed;right:22px;bottom:20px;z-index:99;background:var(--coral);color:#fff;border-radius:999px;padding:12px 17px;box-shadow:0 12px 28px rgba(236,118,87,.34);font-size:.88rem;font-weight:850}.float-cta:hover{color:#fff;background:#d95f43;transform:translateY(-2px)}
    footer{background:#102b29;color:#d6e2dc;padding:58px 0 24px}.footer-brand{font-size:1.35rem;color:#fff;font-weight:900}.footer-copy{color:#9eb1ac;font-size:.84rem}.footer-links a{font-size:.87rem;color:#c8d6d0;margin-right:16px}.footer-links a:hover{color:var(--lime)}.footer-line{height:1px;background:rgba(255,255,255,.13);margin:25px 0}
    @media(max-width:1024px){.nav-link{font-size:.78rem;padding:.45rem!important}.hero{min-height:590px}.section{padding:72px 0}}
    @media(max-width:768px){.site-header{padding:8px 0}.nav-shell{border-radius:14px}.navbar-collapse{padding-top:10px}.nav-cta{margin-left:0;text-align:center}.hero{min-height:580px;padding:60px 0 38px}.hero h1{font-size:2.7rem}.series-bar{gap:5px}.series-label{width:100%}.calendar-wrap{margin-top:-18px}.day-chip{border-right:0;border-bottom:1px solid var(--line);width:50%}.day-chip:last-child{border-bottom:0}.board{padding:25px}.story-image{min-height:300px}.section{padding:62px 0}.float-cta{right:14px;bottom:14px}}
    @media(max-width:520px){body{font-size:.95rem}.hero h1{font-size:2.25rem}.hero-text{font-size:.96rem}.hero-meta{gap:16px}.day-chip{width:100%;padding:9px}.section-title{font-size:1.75rem}.calendar-card{padding:16px}.cta-panel{padding:31px 24px}.btn-brand,.btn-lightbrand{width:100%;justify-content:center;margin:4px 0}.mini-topic img{width:84px;height:70px}}

/* roulang page: category1 */
:root{
--ink:#17242a;--muted:#65767b;--paper:#f7f5ef;--white:#fffdfa;--forest:#134e4a;--pine:#0d3b38;--mint:#d9f0df;--lime:#b9df69;--coral:#ec7657;--sand:#ece3d2;--line:#dfe4db;--shadow:0 16px 38px rgba(23,36,42,.10);--radius:22px;--radius-sm:14px;--container:1200px
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;letter-spacing:.02em} a{text-decoration:none;color:inherit} img{max-width:100%;display:block} button,input{font:inherit}.container{max-width:var(--container)}.section{padding:88px 0;position:relative}.section-soft{background:#eef3ed}.section-dark{background:var(--pine);color:#f7fbf4}.section-sand{background:var(--sand)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--forest);font-size:.8rem;font-weight:800;letter-spacing:.12em}.eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}.section-title{font-size:clamp(1.8rem,3vw,2.65rem);font-weight:900;line-height:1.28;margin:13px 0 16px}.section-lead{color:var(--muted);max-width:760px;font-size:1rem}
.site-header{position:sticky;top:0;z-index:100;padding:14px 0;background:rgba(247,245,239,.92);backdrop-filter:blur(14px)}.nav-shell{background:var(--white);border:1px solid rgba(19,78,74,.12);box-shadow:0 8px 28px rgba(20,47,43,.08);border-radius:18px;padding:9px 14px}.navbar-brand{font-size:1.3rem;font-weight:900;color:var(--forest)!important;letter-spacing:.08em}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--forest);color:var(--lime);margin-right:7px;font-size:.84rem}.navbar-toggler{border:0;box-shadow:none!important}.navbar-toggler:focus{outline:3px solid rgba(185,223,105,.5)}.nav-link{font-size:.87rem;font-weight:700;color:#405357!important;padding:.52rem .65rem!important;border-radius:10px;white-space:nowrap}.nav-link:hover,.nav-link.active{background:var(--mint);color:var(--forest)!important}.nav-cta{background:var(--forest);color:#fff!important;padding:.58rem .9rem!important;margin-left:6px}.nav-cta:hover{background:var(--coral)!important;color:#fff!important}
.inner-hero{padding:76px 0 62px;background:linear-gradient(90deg,rgba(8,41,38,.92),rgba(8,41,38,.61)),url('/assets/images/backpic/back-2.webp') center/cover no-repeat;color:#fff}.breadcrumbs{font-size:.86rem;color:#d8f3cc;margin-bottom:22px}.breadcrumbs a:hover{text-decoration:underline}.inner-hero h1{max-width:790px;font-size:clamp(2.45rem,5vw,4.65rem);line-height:1.1;font-weight:900;margin:10px 0 20px}.inner-hero p{max-width:720px;color:rgba(255,255,255,.89);font-size:1.06rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn-brand,.btn-lightbrand{border:0;border-radius:12px;padding:12px 20px;font-weight:850;transition:.22s;display:inline-flex;align-items:center;gap:9px}.btn-brand{background:var(--lime);color:#18352f}.btn-brand:hover{background:#d2ef87;transform:translateY(-2px);box-shadow:0 9px 22px rgba(185,223,105,.24)}.btn-lightbrand{background:#fff;color:var(--forest)}.btn-lightbrand:hover{background:var(--mint);transform:translateY(-2px)}.btn-brand:focus,.btn-lightbrand:focus{outline:3px solid var(--coral);outline-offset:3px}
.hall-panel{margin-top:-32px;position:relative;z-index:3;background:var(--white);padding:23px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(19,78,74,.08)}.status-dot{width:10px;height:10px;border-radius:50%;background:#69a83d;box-shadow:0 0 0 5px #e7f1df;display:inline-block}.hall-stat{border-right:1px solid var(--line);padding:7px 22px}.hall-stat:last-child{border:0}.hall-stat strong{font-size:1.22rem;color:var(--forest);display:block}.hall-stat span{font-size:.82rem;color:var(--muted)}
.feature-card,.room-card,.faq-item,.quote-card{background:var(--white);border:1px solid rgba(19,78,74,.09);border-radius:var(--radius);transition:.25s}.feature-card:hover,.room-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.feature-card{padding:27px;height:100%}.feature-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:var(--mint);color:var(--forest);font-size:1.2rem}.feature-card h3{font-size:1.12rem;font-weight:850;margin:18px 0 8px}.feature-card p{font-size:.92rem;color:var(--muted);margin:0}
.room-card{overflow:hidden;height:100%}.room-card img{width:100%;height:205px;object-fit:cover}.room-body{padding:23px}.room-body h3{font-size:1.24rem;font-weight:900;margin:10px 0}.room-body p{font-size:.91rem;color:var(--muted);margin-bottom:17px}.tag{display:inline-flex;align-items:center;border-radius:99px;padding:4px 10px;background:var(--mint);color:var(--forest);font-size:.74rem;font-weight:800}.tag.coral{background:#fde3db;color:#a53e2a}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--forest);font-size:.9rem;font-weight:850}.text-link:hover{color:var(--coral)}
.story-image{height:100%;min-height:430px;border-radius:var(--radius);object-fit:cover}.number-step{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.number-step:last-child{border-bottom:0}.step-no{flex:0 0 39px;height:39px;display:grid;place-items:center;border-radius:50%;background:var(--forest);color:var(--lime);font-weight:900}.number-step h3{font-size:1.08rem;font-weight:900;margin:0 0 3px}.number-step p{margin:0;color:var(--muted);font-size:.92rem}
.rule-box{padding:30px;border-radius:var(--radius);background:var(--white);height:100%;border-top:5px solid var(--coral)}.rule-box h3{font-size:1.16rem;font-weight:900;margin:14px 0}.rule-box p{color:var(--muted);font-size:.92rem}.check-list{margin:17px 0 0;padding:0;list-style:none}.check-list li{padding:7px 0;color:#36504d;font-size:.92rem}.check-list i{color:var(--coral);margin-right:9px}
.quote-card{padding:29px;height:100%}.quote-card i{color:var(--coral);font-size:1.5rem}.quote-card p{font-size:.96rem;margin:15px 0;color:#405357}.quote-person{font-size:.84rem;color:var(--muted);font-weight:800}
.faq-item{overflow:hidden;margin-bottom:13px}.faq-question{width:100%;padding:20px 22px;background:transparent;border:0;text-align:left;font-weight:850;color:var(--ink);display:flex;justify-content:space-between;gap:18px}.faq-question i{color:var(--coral);transition:.2s}.faq-answer{display:none;padding:0 22px 21px;color:var(--muted);font-size:.92rem}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question i{transform:rotate(45deg)}
.cta-panel{border-radius:30px;padding:50px;background:linear-gradient(135deg,var(--forest),#21665c);color:#fff;position:relative;overflow:hidden}.cta-panel:after{content:"♟";position:absolute;right:5%;top:-58px;font-size:260px;opacity:.08;line-height:1}.cta-panel h2{font-weight:900;font-size:clamp(1.8rem,3.2vw,2.8rem);position:relative;z-index:1}.cta-panel p{max-width:660px;color:rgba(255,255,255,.82);position:relative;z-index:1}.cta-panel .btn-brand{position:relative;z-index:1}
footer{background:#102f2d;color:#d5e1da;padding:64px 0 26px}.footer-brand{font-size:1.38rem;font-weight:900;color:var(--lime);letter-spacing:.08em}.footer-copy{font-size:.85rem;color:#afc4bc;max-width:510px}.footer-links{display:flex;flex-wrap:wrap;gap:9px 17px;justify-content:flex-end}.footer-links a,footer .footer-copy a{font-size:.86rem;color:#d5e1da}.footer-links a:hover,footer .footer-copy a:hover{color:var(--lime)}.footer-line{height:1px;background:rgba(217,240,223,.18);margin:34px 0 20px}
@media(max-width:1199px){.navbar-collapse{padding-top:12px}.nav-link{padding:.65rem .8rem!important}.nav-cta{margin:7px 0 4px}.inner-hero{padding-top:58px}.footer-links{justify-content:flex-start}}@media(max-width:768px){.section{padding:64px 0}.inner-hero{padding:52px 0}.hall-panel{margin-top:-18px}.hall-stat{border-right:0;border-bottom:1px solid var(--line);padding:12px 8px}.hall-stat:last-child{border-bottom:0}.story-image{min-height:290px}.cta-panel{padding:35px 26px}.footer-links{gap:8px 14px}}@media(max-width:520px){.site-header{padding:8px 0}.nav-shell{border-radius:14px}.navbar-brand{font-size:1.14rem}.inner-hero h1{font-size:2.25rem}.section-title{font-size:1.75rem}.hero-actions .btn-brand,.hero-actions .btn-lightbrand{width:100%;justify-content:center}.room-card img{height:180px}.footer-copy{font-size:.79rem}}

/* roulang page: category3 */
:root{
 --ink:#17242a;--muted:#65767b;--paper:#f7f5ef;--white:#fffdfa;
 --forest:#134e4a;--pine:#0d3b38;--mint:#d9f0df;--lime:#b9df69;
 --coral:#ec7657;--sand:#ece3d2;--line:#dfe4db;--shadow:0 16px 38px rgba(23,36,42,.10);
 --radius:22px;--radius-sm:14px;--container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;letter-spacing:.02em}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input{font:inherit}
.container{max-width:var(--container)}
.section{padding:88px 0;position:relative}
.section-soft{background:#eef3ed}
.section-dark{background:var(--pine);color:#f7fbf4}
.section-sand{background:var(--sand)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--forest);font-size:.8rem;font-weight:800;letter-spacing:.12em}
.eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}
.section-title{font-size:clamp(1.85rem,3.2vw,2.75rem);font-weight:900;line-height:1.3;margin:13px 0 16px}
.section-lead{color:var(--muted);max-width:760px;font-size:1rem}
.site-header{position:sticky;top:0;z-index:100;padding:14px 0;background:rgba(247,245,239,.92);backdrop-filter:blur(14px)}
.nav-shell{background:var(--white);border:1px solid rgba(19,78,74,.12);box-shadow:0 8px 28px rgba(20,47,43,.08);border-radius:18px;padding:9px 14px}
.navbar-brand{font-size:1.3rem;font-weight:900;color:var(--forest)!important;letter-spacing:.08em}
.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--forest);color:var(--lime);margin-right:7px;font-size:.84rem}
.navbar-toggler{border:0;box-shadow:none!important;color:var(--forest)}
.navbar-toggler:focus{outline:3px solid rgba(185,223,105,.5)}
.nav-link{font-size:.87rem;font-weight:700;color:#405357!important;padding:.52rem .65rem!important;border-radius:10px;white-space:nowrap}
.nav-link:hover,.nav-link.active{background:var(--mint);color:var(--forest)!important}
.nav-cta{background:var(--forest);color:#fff!important;padding:.58rem .9rem!important;margin-left:6px}
.nav-cta:hover{background:var(--coral)!important;color:#fff!important}
.btn-brand,.btn-lightbrand,.btn-outlinebrand{border:0;border-radius:12px;padding:12px 20px;font-weight:850;transition:.22s;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.btn-brand{background:var(--lime);color:#18352f}
.btn-brand:hover{background:#d2ef87;transform:translateY(-2px);box-shadow:0 9px 22px rgba(185,223,105,.24)}
.btn-lightbrand{background:#fff;color:var(--forest)}
.btn-lightbrand:hover{background:var(--mint);transform:translateY(-2px)}
.btn-outlinebrand{background:transparent;color:var(--forest);border:1px solid rgba(19,78,74,.25)}
.btn-outlinebrand:hover{background:var(--forest);color:#fff;transform:translateY(-2px)}
.btn-brand:focus,.btn-lightbrand:focus,.btn-outlinebrand:focus{outline:3px solid var(--coral);outline-offset:3px}
.inner-hero{padding:70px 0 64px;background:linear-gradient(100deg,rgba(8,43,40,.94),rgba(8,43,40,.68)),url('/assets/images/backpic/back-2.webp') center/cover no-repeat;color:#fff;overflow:hidden}
.inner-hero h1{font-size:clamp(2.5rem,5vw,4.55rem);line-height:1.12;font-weight:900;margin:14px 0 20px}
.inner-hero .eyebrow{color:#d8f3cc}.inner-hero .eyebrow:before{background:var(--lime)}
.inner-hero p{max-width:670px;color:rgba(255,255,255,.88);font-size:1.04rem}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:700}
.coupon-wall{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}
.coupon{background:var(--white);color:var(--ink);border-radius:18px;position:relative;overflow:hidden;padding:18px;border:1px solid rgba(255,255,255,.45);box-shadow:0 15px 30px rgba(0,0,0,.18)}
.coupon:after{content:"";position:absolute;width:21px;height:21px;background:#174d49;border-radius:50%;right:-10px;top:50%;transform:translateY(-50%);box-shadow:0 42px 0 #174d49,0 -42px 0 #174d49}
.coupon-main{grid-row:span 2;padding:28px;background:var(--lime);min-height:268px;display:flex;flex-direction:column;justify-content:space-between}
.coupon small{font-weight:800;color:var(--forest);letter-spacing:.08em}
.coupon strong{display:block;font-size:1.45rem;line-height:1.25;color:var(--forest);margin:8px 0}
.coupon-main strong{font-size:2rem}.coupon p{font-size:.82rem;color:var(--muted);margin:0}
.coupon-code{display:inline-block;background:var(--forest);color:#fff;border-radius:8px;padding:6px 9px;font-weight:800;font-size:.8rem;letter-spacing:.08em}
.signal-strip{margin-top:-24px;position:relative;z-index:3}
.signal-panel{background:var(--white);box-shadow:var(--shadow);border-radius:var(--radius);padding:21px 26px}
.signal-panel .item{display:flex;align-items:center;gap:13px;border-right:1px solid var(--line);padding:5px 22px}
.signal-panel .item:last-child{border:0}.signal-panel i{font-size:1.3rem;color:var(--coral)}
.signal-panel b{display:block;color:var(--forest);font-size:.95rem}.signal-panel span{display:block;font-size:.79rem;color:var(--muted)}
.story-block{background:var(--white);border-radius:var(--radius);box-shadow:0 10px 28px rgba(23,36,42,.06);overflow:hidden}
.story-photo{height:100%;min-height:390px;object-fit:cover;width:100%}
.story-copy{padding:48px}
.story-copy p{color:var(--muted);margin-bottom:16px}
.check-list{padding:0;margin:20px 0;list-style:none}
.check-list li{padding:8px 0;color:#36504d}
.check-list i{color:var(--coral);margin-right:10px}
.feature-card,.route-card,.quote-card,.faq-item{background:var(--white);border:1px solid rgba(19,78,74,.09);border-radius:var(--radius);transition:.25s}
.feature-card:hover,.route-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.feature-card{padding:28px;height:100%}
.feature-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:var(--mint);color:var(--forest);font-size:1.3rem}
.feature-card h3{font-size:1.16rem;font-weight:850;margin:18px 0 8px}.feature-card p{color:var(--muted);font-size:.92rem;margin:0}
.route-card{padding:25px;height:100%;position:relative;overflow:hidden}
.route-number{font-size:3.2rem;font-weight:900;color:rgba(19,78,74,.10);line-height:1;position:absolute;right:18px;top:17px}
.route-card h3{font-size:1.1rem;font-weight:850;margin:28px 0 9px}.route-card p{color:var(--muted);font-size:.9rem;margin:0}
.pace-board{border-radius:var(--radius);overflow:hidden;background:var(--pine);color:#fff;padding:40px}
.pace-row{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.15)}.pace-row:last-child{border:0}
.pace-row h3{font-size:1.1rem;font-weight:850;margin:0 0 5px;color:var(--lime)}.pace-row p{margin:0;color:rgba(255,255,255,.72);font-size:.91rem}
.pace-score{font-size:1.55rem;font-weight:900;color:#fff;white-space:nowrap}
.quote-card{padding:28px;height:100%}.quote-card i{color:var(--coral);font-size:1.55rem}
.quote-card p{font-size:.96rem;margin:14px 0;color:#405357}.quote-person{font-size:.84rem;font-weight:850;color:var(--forest)}
.faq-item{padding:0;margin-bottom:12px;overflow:hidden}
.faq-question{width:100%;padding:20px 22px;background:transparent;border:0;text-align:left;font-weight:850;color:var(--ink);display:flex;justify-content:space-between;gap:18px}
.faq-question i{color:var(--coral);transition:.2s}.faq-answer{display:none;padding:0 22px 20px;color:var(--muted);font-size:.92rem}
.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question i{transform:rotate(45deg)}
.cta-panel{border-radius:30px;padding:52px;background:linear-gradient(135deg,var(--forest),#21665c);color:#fff;position:relative;overflow:hidden}
.cta-panel:after{content:"♟";position:absolute;right:5%;top:-65px;font-size:270px;opacity:.08;line-height:1}
.cta-panel h2{font-size:clamp(1.9rem,3.5vw,3rem);font-weight:900;line-height:1.3;position:relative;z-index:1}
.cta-panel p{max-width:690px;color:rgba(255,255,255,.79);position:relative;z-index:1}
.cta-panel .btn-brand{position:relative;z-index:1}
footer{background:#102f2d;color:#d7e5dd;padding:58px 0 28px}.footer-brand{font-size:1.35rem;font-weight:900;color:#fff}
.footer-copy{color:rgba(215,229,221,.68);font-size:.85rem}.footer-links{display:flex;gap:8px 16px;flex-wrap:wrap;justify-content:flex-end}
.footer-links a,footer a{color:#d7e5dd;font-size:.86rem;transition:.2s}.footer-links a:hover,footer a:hover{color:var(--lime)}
.footer-line{height:1px;background:rgba(255,255,255,.14);margin:34px 0 22px}
@media(max-width:1199px){.nav-link{padding:.58rem .7rem!important}.nav-cta{margin:8px 0 4px}.navbar-nav{padding-top:9px}.footer-links{justify-content:flex-start}}
@media(max-width:991px){.section{padding:68px 0}.inner-hero{padding:62px 0}.story-copy{padding:34px}.story-photo{min-height:280px}.signal-panel .item{border-right:0;border-bottom:1px solid var(--line);padding:12px 0}.signal-panel .item:last-child{border-bottom:0}.coupon-wall{max-width:520px;margin-top:35px}}
@media(max-width:767px){.site-header{padding:9px 0}.nav-shell{border-radius:14px}.inner-hero h1{font-size:2.45rem}.coupon-main{min-height:230px;padding:22px}.coupon-main strong{font-size:1.6rem}.section-title{font-size:1.9rem}.pace-board{padding:26px}.cta-panel{padding:36px 25px;border-radius:23px}.footer-links{gap:8px 13px}}
@media(max-width:520px){.container{padding-left:18px;padding-right:18px}.inner-hero{padding:48px 0}.coupon-wall{grid-template-columns:1fr}.coupon-main{grid-row:auto}.coupon{padding:17px}.section{padding:54px 0}.story-copy{padding:26px}.signal-panel{padding:17px}.pace-score{font-size:1.25rem}.faq-question{padding:17px}.footer-copy{font-size:.78rem}}

/* roulang page: category2 */
:root{
 --ink:#17242a;--muted:#65767b;--paper:#f7f5ef;--white:#fffdfa;
 --forest:#134e4a;--pine:#0d3b38;--mint:#d9f0df;--lime:#b9df69;
 --coral:#ec7657;--sand:#ece3d2;--line:#dfe4db;--shadow:0 16px 38px rgba(23,36,42,.10);
 --radius:22px;--radius-sm:14px;--container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;letter-spacing:.02em}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input{font:inherit}
.container{max-width:var(--container)}
.section{padding:92px 0;position:relative}
.section-soft{background:#eef3ed}
.section-dark{background:var(--pine);color:#f7fbf4}
.section-sand{background:var(--sand)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--forest);font-size:.8rem;font-weight:800;letter-spacing:.12em}
.eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}
.section-title{font-size:clamp(1.75rem,3vw,2.6rem);font-weight:850;line-height:1.3;margin:13px 0 16px}
.section-lead{color:var(--muted);max-width:760px;font-size:1rem}
.site-header{position:sticky;top:0;z-index:100;padding:14px 0;background:rgba(247,245,239,.92);backdrop-filter:blur(14px)}
.nav-shell{background:var(--white);border:1px solid rgba(19,78,74,.12);box-shadow:0 8px 28px rgba(20,47,43,.08);border-radius:18px;padding:9px 14px}
.navbar-brand{font-size:1.3rem;font-weight:900;color:var(--forest)!important;letter-spacing:.08em}
.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--forest);color:var(--lime);margin-right:7px;font-size:.84rem}
.navbar-toggler{border:0;box-shadow:none!important;color:var(--forest)}
.navbar-toggler:focus{outline:3px solid rgba(185,223,105,.5)}
.nav-link{font-size:.87rem;font-weight:700;color:#405357!important;padding:.52rem .65rem!important;border-radius:10px;white-space:nowrap}
.nav-link:hover,.nav-link.active{background:var(--mint);color:var(--forest)!important}
.nav-cta{background:var(--forest);color:#fff!important;padding:.58rem .9rem!important;margin-left:6px}
.nav-cta:hover{background:var(--coral)!important;color:#fff!important}
.btn-brand,.btn-lightbrand,.btn-outlinebrand{border:0;border-radius:12px;padding:12px 20px;font-weight:850;transition:.22s;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.btn-brand{background:var(--lime);color:#18352f}
.btn-brand:hover{background:#d2ef87;transform:translateY(-2px);box-shadow:0 9px 22px rgba(185,223,105,.24)}
.btn-lightbrand{background:#fff;color:var(--forest)}
.btn-lightbrand:hover{background:var(--mint);transform:translateY(-2px)}
.btn-outlinebrand{border:1px solid rgba(19,78,74,.24);background:transparent;color:var(--forest)}
.btn-outlinebrand:hover{background:var(--forest);border-color:var(--forest);color:#fff;transform:translateY(-2px)}
.btn-brand:focus,.btn-lightbrand:focus,.btn-outlinebrand:focus{outline:3px solid var(--coral);outline-offset:3px}
.inner-hero{padding:76px 0 54px;background:linear-gradient(90deg,rgba(8,41,38,.92),rgba(8,41,38,.60)),url('/assets/images/backpic/back-2.webp') center/cover no-repeat;color:#fff}
.breadcrumbs{font-size:.87rem;color:rgba(255,255,255,.74);margin-bottom:25px}
.breadcrumbs a:hover{color:var(--lime)}
.inner-hero h1{font-size:clamp(2.35rem,5vw,4.55rem);font-weight:900;line-height:1.12;max-width:850px;margin:15px 0 18px}
.inner-hero p{max-width:760px;color:rgba(255,255,255,.88);font-size:1.05rem;margin:0}
.hero-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}
.hero-pills span{padding:7px 12px;border:1px solid rgba(255,255,255,.25);border-radius:99px;background:rgba(255,255,255,.10);font-size:.84rem}
.intro-panel{margin-top:-28px;position:relative;z-index:2;background:var(--white);border:1px solid rgba(19,78,74,.10);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.intro-stat{border-right:1px solid var(--line);padding:7px 24px}
.intro-stat:last-child{border-right:0}
.intro-stat strong{display:block;color:var(--forest);font-size:1.7rem;line-height:1.25;font-weight:900}
.intro-stat span{font-size:.84rem;color:var(--muted)}
.feature-card,.game-card,.quote-card,.faq-item,.step-card{background:var(--white);border:1px solid rgba(19,78,74,.09);border-radius:var(--radius);transition:.25s}
.feature-card:hover,.game-card:hover,.quote-card:hover,.step-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.feature-card{padding:27px;height:100%}
.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--mint);color:var(--forest);font-size:1.25rem}
.feature-card h3{font-size:1.12rem;font-weight:850;margin:18px 0 8px}
.feature-card p{color:var(--muted);font-size:.91rem;margin:0}
.story-image{height:100%;min-height:400px;border-radius:var(--radius);overflow:hidden;position:relative}
.story-image img{width:100%;height:100%;object-fit:cover}
.story-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,59,56,.50),transparent 55%)}
.story-note{position:absolute;z-index:1;left:24px;right:24px;bottom:21px;color:#fff;font-weight:800}
.story-copy{padding-left:30px}
.story-copy p{color:var(--muted);margin-bottom:18px}
.check-list{padding:0;margin:20px 0;list-style:none}
.check-list li{padding:8px 0;color:#36504d}
.check-list i{color:var(--coral);margin-right:10px}
.game-card{overflow:hidden;height:100%}
.game-card img{width:100%;height:190px;object-fit:cover}
.game-card-body{padding:23px}
.game-card h3{font-size:1.2rem;font-weight:900;margin:0 0 8px}
.game-card p{font-size:.9rem;color:var(--muted);margin:0 0 16px}
.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:99px;background:var(--mint);color:var(--forest);font-size:.75rem;font-weight:800;margin:0 5px 7px 0}
.process-wrap{counter-reset:process}
.step-card{padding:27px;height:100%;position:relative}
.step-number{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:#fff;font-weight:900;margin-bottom:19px}
.step-card h3{font-size:1.1rem;font-weight:850}
.step-card p{font-size:.9rem;color:var(--muted);margin:0}
.scene-row{padding:24px 0;border-bottom:1px solid rgba(223,228,219,.72)}
.scene-row:last-child{border-bottom:0}
.scene-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:var(--mint);color:var(--forest);font-size:1.3rem}
.scene-row h3{font-size:1.1rem;font-weight:850;margin:0 0 4px}
.scene-row p{margin:0;color:var(--muted);font-size:.92rem}
.quote-card{padding:28px;height:100%}
.quote-card i{color:var(--coral);font-size:1.5rem}
.quote-card p{font-size:.96rem;margin:15px 0;color:#405357}
.quote-person{display:flex;align-items:center;gap:10px;font-size:.84rem;font-weight:800;color:var(--forest)}
.person-dot{width:35px;height:35px;border-radius:50%;background:var(--lime);display:grid;place-items:center}
.faq-item{padding:0;margin-bottom:12px;overflow:hidden}
.faq-question{width:100%;padding:20px 22px;background:transparent;border:0;text-align:left;font-weight:850;color:var(--ink);display:flex;justify-content:space-between;gap:18px}
.faq-question i{color:var(--coral);transition:.2s;margin-top:6px}
.faq-answer{display:none;padding:0 22px 20px;color:var(--muted);font-size:.92rem}
.faq-item.open .faq-answer{display:block}
.faq-item.open .faq-question i{transform:rotate(45deg)}
.cta-panel{border-radius:30px;padding:50px;background:linear-gradient(135deg,var(--forest),#21665c);color:#fff;position:relative;overflow:hidden}
.cta-panel:after{content:"♞";position:absolute;right:5%;top:-68px;font-size:270px;opacity:.08;line-height:1}
.cta-panel h2{font-weight:900;font-size:clamp(1.8rem,3.4vw,3rem);position:relative;z-index:1}
.cta-panel p{color:rgba(255,255,255,.78);max-width:700px;position:relative;z-index:1}
.join-form{position:relative;z-index:1;display:flex;gap:10px;max-width:620px}
.join-form input{flex:1;min-width:0;border:0;border-radius:12px;padding:13px 15px;color:var(--ink);outline:none}
.join-form input:focus{box-shadow:0 0 0 3px rgba(185,223,105,.65)}
.join-form button{white-space:nowrap}
.form-note{font-size:.78rem;color:rgba(255,255,255,.66);margin:11px 0 0;position:relative;z-index:1}
footer{background:#102e2c;color:#dce8df;padding:62px 0 28px}
.footer-brand{font-size:1.35rem;font-weight:900;color:#fff}
.footer-copy{font-size:.86rem;color:rgba(220,232,223,.69)}
.footer-links{display:flex;flex-wrap:wrap;gap:11px 18px;justify-content:flex-start}
.footer-links a{font-size:.88rem;color:#dce8df;transition:.2s}
.footer-links a:hover{color:var(--lime)}
.footer-line{height:1px;background:rgba(255,255,255,.13);margin:30px 0 22px}
footer a:focus{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:1199px){.nav-shell{padding:10px 14px}.navbar-nav{padding-top:12px}.nav-link{margin-bottom:3px}.nav-cta{margin:7px 0 4px;display:inline-flex!important;width:max-content}.story-copy{padding-left:0;margin-top:30px}}
@media(max-width:991px){.section{padding:68px 0}.intro-stat{padding:12px 17px}.intro-stat:nth-child(2){border-right:0}.story-image{min-height:310px}.footer-links{margin-top:12px}}
@media(max-width:767px){.site-header{padding:9px 0}.inner-hero{padding:61px 0 48px}.inner-hero h1{font-size:2.35rem}.intro-panel{margin-top:-19px;padding:18px}.intro-stat{border-right:0!important;border-bottom:1px solid var(--line);width:50%;padding:13px}.intro-stat:last-child,.intro-stat:nth-last-child(2){border-bottom:0}.join-form{flex-direction:column}.join-form button{width:100%}.cta-panel{padding:34px 25px}.section-title{font-size:1.85rem}}
@media(max-width:520px){body{font-size:.95rem}.navbar-brand{font-size:1.14rem}.brand-mark{width:28px;height:28px}.inner-hero h1{font-size:2.05rem}.section{padding:55px 0}.intro-stat strong{font-size:1.38rem}.game-card img{height:170px}.cta-panel:after{font-size:190px;right:-20px}.footer-links{gap:8px 14px}}

/* roulang page: category6 */
:root{
 --ink:#17242a;--muted:#65767b;--paper:#f7f5ef;--white:#fffdfa;
 --forest:#134e4a;--pine:#0d3b38;--mint:#d9f0df;--lime:#b9df69;
 --coral:#ec7657;--sand:#ece3d2;--line:#dfe4db;--shadow:0 16px 38px rgba(23,36,42,.10);
 --radius:22px;--radius-sm:14px;--container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;letter-spacing:.02em}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input{font:inherit}
.container{max-width:var(--container)}
.section{padding:88px 0;position:relative}
.section-soft{background:#eef3ed}
.section-dark{background:var(--pine);color:#f7fbf4}
.section-sand{background:var(--sand)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--forest);font-size:.8rem;font-weight:800;letter-spacing:.12em}
.eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}
.section-title{font-size:clamp(1.8rem,3vw,2.65rem);font-weight:850;line-height:1.3;margin:13px 0 16px}
.section-lead{color:var(--muted);max-width:760px;font-size:1rem}
.site-header{position:sticky;top:0;z-index:100;padding:14px 0;background:rgba(247,245,239,.92);backdrop-filter:blur(14px)}
.nav-shell{background:var(--white);border:1px solid rgba(19,78,74,.12);box-shadow:0 8px 28px rgba(20,47,43,.08);border-radius:18px;padding:9px 14px}
.navbar-brand{font-size:1.3rem;font-weight:900;color:var(--forest)!important;letter-spacing:.08em}
.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--forest);color:var(--lime);margin-right:7px;font-size:.84rem}
.navbar-toggler{border:0;box-shadow:none!important;color:var(--forest)}
.navbar-toggler:focus{outline:3px solid rgba(185,223,105,.5)}
.nav-link{font-size:.87rem;font-weight:700;color:#405357!important;padding:.52rem .65rem!important;border-radius:10px;white-space:nowrap}
.nav-link:hover,.nav-link.active{background:var(--mint);color:var(--forest)!important}
.nav-cta{background:var(--forest);color:#fff!important;padding:.58rem .9rem!important;margin-left:6px}
.nav-cta:hover{background:var(--coral)!important;color:#fff!important}
.inner-hero{position:relative;overflow:hidden;padding:94px 0 75px;background:linear-gradient(96deg,rgba(9,47,43,.94),rgba(17,78,71,.79),rgba(9,47,43,.48)),url('/assets/images/backpic/back-3.webp') center/cover no-repeat;color:#fff}
.inner-hero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(185,223,105,.45);border-radius:50%;right:8%;top:-145px;box-shadow:0 0 0 38px rgba(185,223,105,.07),0 0 0 78px rgba(185,223,105,.04)}
.inner-hero .container{position:relative;z-index:1}
.inner-hero .eyebrow{color:#d8f3cc}
.inner-hero .eyebrow:before{background:var(--lime)}
.inner-hero h1{font-size:clamp(2.55rem,5.6vw,5rem);font-weight:900;line-height:1.12;margin:17px 0}
.inner-hero p{font-size:1.08rem;max-width:720px;color:rgba(255,255,255,.88);margin:0}
.hero-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}
.hero-pills span{padding:7px 12px;border:1px solid rgba(255,255,255,.26);border-radius:999px;font-size:.82rem;background:rgba(255,255,255,.09)}
.btn-brand,.btn-lightbrand{border:0;border-radius:12px;padding:12px 20px;font-weight:850;transition:.22s;display:inline-flex;align-items:center;gap:9px;cursor:pointer}
.btn-brand{background:var(--lime);color:#18352f}
.btn-brand:hover{background:#d2ef87;transform:translateY(-2px);box-shadow:0 9px 22px rgba(185,223,105,.24)}
.btn-lightbrand{background:#fff;color:var(--forest)}
.btn-lightbrand:hover{background:var(--mint);transform:translateY(-2px)}
.btn-brand:focus,.btn-lightbrand:focus,.text-link:focus{outline:3px solid var(--coral);outline-offset:3px}
.rule-card,.feature-card,.quote-card,.faq-item,.contact-card{background:var(--white);border:1px solid rgba(19,78,74,.09);border-radius:var(--radius);transition:.25s}
.rule-card:hover,.feature-card:hover,.quote-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.rule-card{height:100%;padding:28px}
.rule-number{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--forest);color:var(--lime);font-weight:900;margin-bottom:19px}
.rule-card h3,.feature-card h3{font-size:1.13rem;font-weight:850;margin:0 0 9px}
.rule-card p,.feature-card p{font-size:.92rem;color:var(--muted);margin:0}
.story-panel{background:var(--white);border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}
.story-image{height:100%;min-height:405px;object-fit:cover}
.story-body{padding:45px}
.story-body p{color:var(--muted)}
.check-list{padding:0;margin:21px 0 0;list-style:none}
.check-list li{padding:9px 0;color:#36504d;border-bottom:1px dashed var(--line)}
.check-list li:last-child{border:0}
.check-list i{color:var(--coral);margin-right:10px}
.feature-card{padding:25px;height:100%}
.feature-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:var(--mint);color:var(--forest);font-size:1.22rem;margin-bottom:17px}
.split-note{border-left:3px solid var(--coral);padding:4px 0 4px 22px;color:#42605b;font-weight:650}
.path-wrap{position:relative;margin-top:42px}
.path-wrap:before{content:"";position:absolute;left:28px;right:28px;top:31px;height:1px;background:var(--line)}
.path-step{position:relative;z-index:1;padding:0 13px}
.path-icon{width:63px;height:63px;border-radius:20px;background:var(--white);border:1px solid var(--line);display:grid;place-items:center;color:var(--forest);font-size:1.25rem;box-shadow:0 8px 20px rgba(19,78,74,.06);margin-bottom:16px}
.path-step h3{font-size:1rem;font-weight:850;margin-bottom:6px}
.path-step p{font-size:.87rem;color:var(--muted)}
.quote-card{padding:28px;height:100%}
.quote-card .quote-icon{color:var(--coral);font-size:1.55rem}
.quote-card p{font-size:.95rem;color:#405357;margin:16px 0}
.person{display:flex;align-items:center;gap:11px;font-size:.86rem;font-weight:800;color:var(--forest)}
.person b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--mint)}
.faq-item{overflow:hidden;margin-bottom:12px}
.faq-question{width:100%;padding:20px 22px;background:transparent;border:0;text-align:left;font-weight:850;color:var(--ink);display:flex;justify-content:space-between;gap:18px}
.faq-question i{color:var(--coral);transition:.2s;margin-top:6px}
.faq-answer{display:none;padding:0 22px 21px;color:var(--muted);font-size:.92rem}
.faq-item.open .faq-answer{display:block}
.faq-item.open .faq-question i{transform:rotate(45deg)}
.cta-panel{border-radius:30px;padding:50px;background:linear-gradient(135deg,var(--forest),#21665c);color:#fff;position:relative;overflow:hidden}
.cta-panel:after{content:"♟";position:absolute;right:5%;top:-70px;font-size:270px;opacity:.08;line-height:1}
.cta-panel h2{position:relative;z-index:1;font-weight:900;font-size:clamp(1.9rem,3vw,2.7rem);margin-bottom:13px}
.cta-panel p{position:relative;z-index:1;max-width:680px;color:rgba(255,255,255,.82);margin-bottom:24px}
.contact-card{padding:25px;background:#fdfcf7}
.contact-card label{font-size:.85rem;font-weight:800;color:var(--forest);display:block;margin-bottom:7px}
.contact-card input{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 13px;background:#fff;outline:0}
.contact-card input:focus{border-color:var(--forest);box-shadow:0 0 0 4px rgba(19,78,74,.11)}
.contact-card small{display:block;color:var(--muted);margin:10px 0 15px;font-size:.78rem}
footer{background:#102d2b;color:#dce9e2;padding:61px 0 27px}
.footer-brand{font-size:1.35rem;font-weight:900;color:#fff;letter-spacing:.06em}
.footer-copy{color:rgba(220,233,226,.72);font-size:.84rem;max-width:570px}
.footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px 18px}
.footer-links a,footer a{color:#dce9e2;font-size:.84rem;transition:.2s}
.footer-links a:hover,footer a:hover{color:var(--lime)}
.footer-line{height:1px;background:rgba(255,255,255,.14);margin:30px 0 20px}
@media(max-width:1199px){
 .nav-shell{padding:10px 14px}.navbar-collapse{padding-top:12px}.navbar-nav{align-items:stretch!important}
 .nav-link{margin:2px 0}.nav-cta{margin:8px 0 3px;text-align:center}
}
@media(max-width:991px){
 .section{padding:70px 0}.inner-hero{padding:78px 0 64px}.story-image{height:310px;min-height:0}.story-body{padding:31px}
 .footer-links{justify-content:flex-start}.path-wrap:before{display:none}.path-step{display:flex;gap:16px;padding:10px 0}.path-icon{flex:0 0 59px;margin:0}.path-text{padding-top:5px}
}
@media(max-width:767px){
 .site-header{padding:9px 0}.nav-shell{border-radius:14px}.section{padding:58px 0}.inner-hero{padding:63px 0 52px}.inner-hero h1{font-size:2.45rem}
 .section-title{font-size:1.8rem}.story-body{padding:26px}.cta-panel{padding:34px 25px}.rule-card{padding:24px}
}
@media(max-width:520px){
 .container{padding-left:18px;padding-right:18px}.navbar-brand{font-size:1.14rem}.brand-mark{width:28px;height:28px}.hero-pills span{font-size:.75rem}
 .inner-hero p{font-size:.96rem}.cta-panel h2{font-size:1.75rem}.btn-brand,.btn-lightbrand{width:100%;justify-content:center}.story-image{height:245px}
}

/* roulang page: category5 */
:root{
--ink:#17242a;--muted:#65767b;--paper:#f7f5ef;--white:#fffdfa;
--forest:#134e4a;--pine:#0d3b38;--mint:#d9f0df;--lime:#b9df69;
--coral:#ec7657;--sand:#ece3d2;--line:#dfe4db;--shadow:0 16px 38px rgba(23,36,42,.10);
--radius:22px;--radius-sm:14px;--container:1200px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;letter-spacing:.02em}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input{font:inherit}
.container{max-width:var(--container)}
.section{padding:88px 0;position:relative}
.section-soft{background:#eef3ed}
.section-dark{background:var(--pine);color:#f7fbf4}
.section-sand{background:var(--sand)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--forest);font-size:.8rem;font-weight:800;letter-spacing:.12em}
.eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}
.section-title{font-size:clamp(1.75rem,3vw,2.65rem);font-weight:900;line-height:1.3;margin:13px 0 16px}
.section-lead{color:var(--muted);max-width:760px;font-size:1rem}
.site-header{position:sticky;top:0;z-index:100;padding:14px 0;background:rgba(247,245,239,.92);backdrop-filter:blur(14px)}
.nav-shell{background:var(--white);border:1px solid rgba(19,78,74,.12);box-shadow:0 8px 28px rgba(20,47,43,.08);border-radius:18px;padding:9px 14px}
.navbar-brand{font-size:1.3rem;font-weight:900;color:var(--forest)!important;letter-spacing:.08em}
.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--forest);color:var(--lime);margin-right:7px;font-size:.84rem}
.navbar-toggler{border:0;box-shadow:none!important;color:var(--forest)}
.navbar-toggler:focus{outline:3px solid rgba(185,223,105,.5)}
.nav-link{font-size:.87rem;font-weight:700;color:#405357!important;padding:.52rem .65rem!important;border-radius:10px;white-space:nowrap;transition:.2s}
.nav-link:hover,.nav-link.active{background:var(--mint);color:var(--forest)!important}
.nav-cta{background:var(--forest);color:#fff!important;padding:.58rem .9rem!important;margin-left:6px}
.nav-cta:hover{background:var(--coral)!important;color:#fff!important}
.btn-brand,.btn-lightbrand,.btn-outlinebrand{border:0;border-radius:12px;padding:12px 20px;font-weight:850;transition:.22s;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.btn-brand{background:var(--lime);color:#18352f}
.btn-brand:hover{background:#d2ef87;color:#18352f;transform:translateY(-2px);box-shadow:0 9px 22px rgba(185,223,105,.24)}
.btn-lightbrand{background:#fff;color:var(--forest)}
.btn-lightbrand:hover{background:var(--mint);color:var(--forest);transform:translateY(-2px)}
.btn-outlinebrand{border:1px solid rgba(19,78,74,.28);background:transparent;color:var(--forest)}
.btn-outlinebrand:hover{background:var(--forest);color:#fff;transform:translateY(-2px)}
.btn-brand:focus,.btn-lightbrand:focus,.btn-outlinebrand:focus{outline:3px solid var(--coral);outline-offset:3px}
.event-hero{position:relative;overflow:hidden;padding:105px 0 74px;background:linear-gradient(100deg,rgba(9,46,43,.92),rgba(14,62,57,.72) 52%,rgba(9,46,43,.32)),url('/assets/images/backpic/back-2.webp') center/cover no-repeat;color:#fff}
.event-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(185,223,105,.34);border-radius:50%;right:-120px;top:-95px;box-shadow:0 0 0 35px rgba(185,223,105,.06),0 0 0 70px rgba(185,223,105,.04)}
.event-hero .container{position:relative;z-index:1}
.event-hero .eyebrow{color:#d8f3cc}
.event-hero .eyebrow:before{background:var(--lime)}
.event-hero h1{max-width:800px;font-size:clamp(2.5rem,5.6vw,5.1rem);font-weight:900;line-height:1.08;margin:18px 0}
.hero-copy{max-width:735px;color:rgba(255,255,255,.88);font-size:1.07rem}
.hero-panel{margin-top:48px;background:rgba(255,253,250,.96);color:var(--ink);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow);border-radius:var(--radius);padding:18px;max-width:1080px}
.hero-panel-title{font-weight:900;color:var(--forest);padding:8px 11px 13px;font-size:.95rem}
.series-item{height:100%;padding:15px;border-radius:16px;background:#f3f7f0;border:1px solid #e2eadf;transition:.22s}
.series-item:hover{background:var(--mint);transform:translateY(-3px)}
.series-item i{color:var(--coral);font-size:1.2rem}
.series-item b{display:block;margin:9px 0 2px;font-size:.94rem}
.series-item small{color:var(--muted);font-size:.78rem}
.intro-card{background:var(--white);border:1px solid rgba(19,78,74,.1);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}
.intro-card p{color:#405357;margin-bottom:0}
.number-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.number-card{border-radius:16px;padding:19px;background:var(--forest);color:#fff}
.number-card:nth-child(2),.number-card:nth-child(3){background:var(--sand);color:var(--forest)}
.number-card b{display:block;font-size:1.75rem;line-height:1.2}
.number-card span{font-size:.8rem;opacity:.82}
.event-feature{background:var(--white);border:1px solid rgba(19,78,74,.1);border-radius:var(--radius);overflow:hidden;height:100%;transition:.25s}
.event-feature:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.event-feature img{height:200px;width:100%;object-fit:cover}
.event-feature-body{padding:24px}
.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--mint);color:var(--forest);font-size:.75rem;font-weight:850}
.event-feature h3{font-size:1.25rem;font-weight:900;margin:14px 0 9px}
.event-feature p{font-size:.91rem;color:var(--muted);margin-bottom:17px}
.detail-link{font-size:.88rem;font-weight:850;color:var(--forest)}
.detail-link i{margin-left:6px;transition:.2s}
.detail-link:hover{color:var(--coral)}
.detail-link:hover i{transform:translateX(4px)}
.story-layout{border-radius:30px;overflow:hidden;background:var(--pine);color:#fff}
.story-image{min-height:435px;background:linear-gradient(0deg,rgba(13,59,56,.18),rgba(13,59,56,.18)),url('/assets/images/coverpic/cover-9.webp') center/cover no-repeat}
.story-copy{padding:50px}
.story-copy .eyebrow{color:var(--lime)}
.story-copy .eyebrow:before{background:var(--coral)}
.story-copy p{color:rgba(255,255,255,.79)}
.check-list{padding:0;margin:22px 0;list-style:none}
.check-list li{padding:7px 0;color:inherit}
.check-list i{color:var(--lime);margin-right:10px}
.path-wrap{position:relative;padding-left:36px;border-left:1px solid #cad8cf;margin-top:30px}
.path-step{position:relative;padding:0 0 29px}
.path-step:last-child{padding-bottom:0}
.path-step:before{content:"";position:absolute;left:-45px;top:4px;width:18px;height:18px;border-radius:50%;background:var(--coral);border:5px solid #eef3ed}
.path-step b{display:block;font-size:1.05rem;color:var(--forest);margin-bottom:4px}
.path-step p{margin:0;color:var(--muted);font-size:.92rem}
.scene-card{padding:28px;border-radius:var(--radius);height:100%;border:1px solid rgba(19,78,74,.1);background:var(--white)}
.scene-card i{width:47px;height:47px;display:grid;place-items:center;background:var(--sand);border-radius:14px;color:var(--forest);font-size:1.18rem}
.scene-card h3{font-size:1.1rem;font-weight:900;margin:18px 0 8px}
.scene-card p{margin:0;color:var(--muted);font-size:.9rem}
.quote-card{height:100%;padding:30px;border-radius:var(--radius);background:var(--white);border:1px solid rgba(19,78,74,.1)}
.quote-card .quote-icon{color:var(--coral);font-size:1.45rem}
.quote-card p{font-size:.95rem;color:#405357;margin:15px 0 18px}
.quote-person{display:flex;align-items:center;gap:10px;font-size:.83rem;color:var(--muted)}
.quote-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--forest);font-weight:900}
.notice-box{border-radius:var(--radius);padding:35px;background:#fff8ef;border:1px solid #f0dfbe}
.notice-box h3{font-size:1.25rem;font-weight:900;color:#70452e}
.notice-box p{color:#755f50;margin:11px 0 18px}
.notice-list{list-style:none;margin:0;padding:0}
.notice-list li{padding:8px 0;border-top:1px dashed #e8cfab;color:#755f50;font-size:.9rem}
.notice-list i{color:var(--coral);margin-right:9px}
.faq-item{background:var(--white);border:1px solid rgba(19,78,74,.09);border-radius:var(--radius-sm);padding:0;margin-bottom:12px;overflow:hidden}
.faq-question{width:100%;padding:20px 22px;background:transparent;border:0;text-align:left;font-weight:850;color:var(--ink);display:flex;justify-content:space-between;gap:18px}
.faq-question i{color:var(--coral);transition:.2s;margin-top:6px}
.faq-answer{display:none;padding:0 22px 20px;color:var(--muted);font-size:.92rem}
.faq-item.open .faq-answer{display:block}
.faq-item.open .faq-question i{transform:rotate(45deg)}
.cta-panel{border-radius:30px;padding:50px;background:linear-gradient(135deg,var(--forest),#21665c);color:#fff;position:relative;overflow:hidden}
.cta-panel:after{content:"♟";position:absolute;right:5%;top:-62px;font-size:270px;opacity:.08;line-height:1}
.cta-panel h2{font-size:clamp(1.8rem,3.4vw,2.9rem);font-weight:900;position:relative;z-index:1}
.cta-panel p{max-width:670px;color:rgba(255,255,255,.82);position:relative;z-index:1}
.cta-panel .btn-brand{position:relative;z-index:1}
footer{background:#102f2d;color:#d6e2dc;padding:63px 0 27px}
.footer-brand{font-size:1.35rem;font-weight:900;color:#fff;letter-spacing:.08em}
.footer-brand i{color:var(--lime)}
.footer-copy{font-size:.86rem;color:#afc1ba}
.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 18px}
.footer-links a,footer a{color:#d6e2dc;font-size:.85rem;transition:.2s}
.footer-links a:hover,footer a:hover{color:var(--lime)}
.footer-line{height:1px;background:rgba(255,255,255,.14);margin:31px 0 20px}
@media(max-width:1199px){
.nav-shell{padding:10px 15px}.navbar-collapse{padding-top:12px}.navbar-nav{align-items:stretch!important}.nav-link{margin:2px 0}.nav-cta{margin-left:0;text-align:center}.event-hero{padding-top:85px}
}
@media(max-width:991px){
.section{padding:70px 0}.story-image{min-height:300px}.story-copy{padding:36px}.footer-links{justify-content:flex-start}.hero-panel{margin-top:35px}
}
@media(max-width:767px){
.event-hero{padding:75px 0 54px}.event-hero h1{font-size:2.55rem}.hero-copy{font-size:.98rem}.hero-panel{padding:13px}.section-title{font-size:1.85rem}.intro-card{padding:25px}.number-grid{margin-top:24px}.cta-panel{padding:34px 26px}.series-item{padding:13px}.event-feature img{height:185px}
}
@media(max-width:520px){
.site-header{padding:9px 0}.nav-shell{border-radius:14px}.navbar-brand{font-size:1.15rem}.section{padding:56px 0}.event-hero h1{font-size:2.2rem}.event-hero{padding-top:62px}.story-copy{padding:29px 24px}.number-card{padding:14px}.number-card b{font-size:1.42rem}.faq-question{padding:17px}.faq-answer{padding:0 17px 18px}.cta-panel{border-radius:22px}.footer-links{gap:7px 14px}
}

/* roulang page: category4 */
:root{
 --ink:#17242a;--muted:#65767b;--paper:#f7f5ef;--white:#fffdfa;
 --forest:#134e4a;--pine:#0d3b38;--mint:#d9f0df;--lime:#b9df69;
 --coral:#ec7657;--sand:#ece3d2;--line:#dfe4db;--shadow:0 16px 38px rgba(23,36,42,.10);
 --radius:22px;--radius-sm:14px;--container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;letter-spacing:.02em}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input{font:inherit}
.container{max-width:var(--container)}
.section{padding:88px 0;position:relative}
.section-soft{background:#eef3ed}
.section-dark{background:var(--pine);color:#f7fbf4}
.section-sand{background:var(--sand)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--forest);font-size:.8rem;font-weight:800;letter-spacing:.12em}
.eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}
.section-title{font-size:clamp(1.75rem,3vw,2.6rem);font-weight:850;line-height:1.3;margin:13px 0 16px}
.section-lead{color:var(--muted);max-width:740px;font-size:1rem}
.site-header{position:sticky;top:0;z-index:100;padding:14px 0;background:rgba(247,245,239,.92);backdrop-filter:blur(14px)}
.nav-shell{background:var(--white);border:1px solid rgba(19,78,74,.12);box-shadow:0 8px 28px rgba(20,47,43,.08);border-radius:18px;padding:9px 14px}
.navbar-brand{font-size:1.3rem;font-weight:900;color:var(--forest)!important;letter-spacing:.08em}
.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--forest);color:var(--lime);margin-right:7px;font-size:.84rem}
.navbar-toggler{border:0;box-shadow:none!important;color:var(--forest)}
.navbar-toggler:focus{outline:3px solid rgba(185,223,105,.5)}
.nav-link{font-size:.87rem;font-weight:700;color:#405357!important;padding:.52rem .65rem!important;border-radius:10px;white-space:nowrap}
.nav-link:hover,.nav-link.active{background:var(--mint);color:var(--forest)!important}
.nav-cta{background:var(--forest);color:#fff!important;padding:.58rem .9rem!important;margin-left:6px}
.nav-cta:hover{background:var(--coral)!important;color:#fff!important}
.hero-inner{padding:74px 0 56px;background:linear-gradient(92deg,rgba(8,41,38,.91),rgba(8,41,38,.65) 54%,rgba(8,41,38,.38)),url('/assets/images/backpic/back-2.webp') center/cover no-repeat;color:#fff;position:relative;overflow:hidden}
.hero-inner:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(185,223,105,.35);border-radius:50%;right:-155px;top:-135px}
.hero-copy{position:relative;z-index:1;max-width:760px}
.hero-inner .eyebrow{color:#d8f3cc}.hero-inner .eyebrow:before{background:var(--lime)}
.hero-inner h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.1;font-weight:900;margin:17px 0}
.hero-inner p{font-size:1.08rem;color:rgba(255,255,255,.88);max-width:680px;margin-bottom:26px}
.btn-brand,.btn-lightbrand{border:0;border-radius:12px;padding:12px 20px;font-weight:850;transition:.22s;display:inline-flex;align-items:center;gap:9px;cursor:pointer}
.btn-brand{background:var(--lime);color:#18352f}
.btn-brand:hover{background:#d2ef87;transform:translateY(-2px);box-shadow:0 9px 22px rgba(185,223,105,.24)}
.btn-lightbrand{background:#fff;color:var(--forest)}
.btn-lightbrand:hover{background:var(--mint);transform:translateY(-2px)}
.btn-brand:focus,.btn-lightbrand:focus{outline:3px solid var(--coral);outline-offset:3px}
.hero-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-points span{padding:7px 12px;border:1px solid rgba(255,255,255,.22);border-radius:99px;font-size:.83rem;background:rgba(255,255,255,.08)}
.breadcrumb-mini{font-size:.85rem;color:rgba(255,255,255,.7);margin-bottom:12px}
.breadcrumb-mini a:hover{color:var(--lime)}
.intro-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px;border:1px solid rgba(19,78,74,.09)}
.intro-card p{color:#405357;margin-bottom:0}
.pull-quote{border-left:4px solid var(--coral);padding:7px 0 7px 22px;font-size:1.25rem;font-weight:800;color:var(--forest);line-height:1.55}
.stat-strip{background:var(--forest);border-radius:var(--radius);padding:10px}
.stat-box{padding:22px 20px;text-align:center;color:#fff;border-right:1px solid rgba(255,255,255,.17)}
.stat-box:last-child{border-right:0}.stat-box strong{display:block;color:var(--lime);font-size:1.65rem;line-height:1.3}.stat-box span{font-size:.83rem;color:rgba(255,255,255,.72)}
.problem-card{height:100%;padding:25px;border-radius:var(--radius);background:var(--white);border:1px solid rgba(19,78,74,.1);transition:.25s}
.problem-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.problem-num{font-size:.78rem;font-weight:900;color:var(--coral);letter-spacing:.14em}
.problem-card h3{font-size:1.14rem;font-weight:850;margin:12px 0 9px}.problem-card p{font-size:.92rem;color:var(--muted);margin:0}
.feature-media{height:100%;min-height:400px;object-fit:cover;border-radius:var(--radius)}
.feature-copy{padding:12px 0 12px 40px}
.feature-copy h2{font-size:clamp(1.7rem,3vw,2.45rem);font-weight:900;line-height:1.32;margin:14px 0}
.feature-copy p{color:var(--muted)}
.check-list{padding:0;margin:20px 0;list-style:none}.check-list li{padding:8px 0;color:#36504d}.check-list i{color:var(--coral);margin-right:10px}
.flow-wrap{position:relative}.flow-card{position:relative;height:100%;padding:28px 24px;background:var(--white);border-radius:var(--radius);border:1px solid rgba(19,78,74,.1)}
.flow-index{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--mint);color:var(--forest);font-weight:900}
.flow-card h3{font-size:1.1rem;font-weight:850;margin:18px 0 8px}.flow-card p{margin:0;color:var(--muted);font-size:.91rem}
.scene-card{height:100%;background:var(--white);overflow:hidden;border-radius:var(--radius);border:1px solid rgba(19,78,74,.1);transition:.25s}
.scene-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.scene-card img{height:180px;width:100%;object-fit:cover}.scene-card div{padding:21px}.scene-card h3{font-weight:850;font-size:1.1rem}.scene-card p{margin:7px 0 0;color:var(--muted);font-size:.9rem}
.rule-panel{background:linear-gradient(135deg,#164f4b,#24675e);border-radius:30px;padding:44px;color:#fff;overflow:hidden;position:relative}
.rule-panel:before{content:"♞";position:absolute;right:4%;bottom:-115px;font-size:280px;opacity:.08}
.rule-panel h2{font-weight:900;font-size:clamp(1.7rem,3vw,2.5rem);position:relative}.rule-panel p{color:rgba(255,255,255,.78);position:relative}
.rule-list{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 22px;padding:0;margin:24px 0 0;list-style:none}
.rule-list li{border-bottom:1px solid rgba(255,255,255,.17);padding:10px 0;font-size:.92rem}.rule-list i{color:var(--lime);margin-right:9px}
.quote-card{background:var(--white);border:1px solid rgba(19,78,74,.09);border-radius:var(--radius);padding:27px;height:100%}
.quote-card i{color:var(--coral);font-size:1.5rem}.quote-card p{font-size:.95rem;margin:15px 0;color:#405357}.quote-person{font-weight:850;color:var(--forest);font-size:.9rem}
.news-item{padding:22px 0;border-bottom:1px solid var(--line)}.news-item:first-child{padding-top:0}.news-item:last-child{border-bottom:0;padding-bottom:0}
.news-date{color:var(--coral);font-size:.8rem;font-weight:850}.news-item h3{font-size:1.1rem;font-weight:850;margin:5px 0}.news-item p{margin:0;color:var(--muted);font-size:.91rem}
.read-more{margin-top:10px;display:inline-flex;align-items:center;gap:6px;font-size:.86rem;font-weight:850;color:var(--forest)}.read-more:hover{color:var(--coral)}
.faq-item{background:var(--white);border:1px solid rgba(19,78,74,.09);border-radius:var(--radius-sm);padding:0;margin-bottom:12px;overflow:hidden}
.faq-question{width:100%;padding:19px 21px;background:transparent;border:0;text-align:left;font-weight:850;color:var(--ink);display:flex;justify-content:space-between;gap:18px}
.faq-question i{color:var(--coral);transition:.2s}.faq-answer{display:none;padding:0 21px 20px;color:var(--muted);font-size:.92rem}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question i{transform:rotate(45deg)}
.cta-panel{border-radius:30px;padding:48px;background:linear-gradient(135deg,var(--forest),#21665c);color:#fff;position:relative;overflow:hidden}
.cta-panel:after{content:"♟";position:absolute;right:5%;top:-55px;font-size:260px;opacity:.08;line-height:1}.cta-panel h2{font-size:clamp(1.8rem,3vw,2.75rem);font-weight:900;position:relative}.cta-panel p{color:rgba(255,255,255,.8);max-width:650px;position:relative}
.cta-panel .btn-brand{position:relative}
footer{background:#102d2b;color:#dce8df;padding:58px 0 26px}.footer-brand{font-size:1.35rem;font-weight:900;color:var(--lime)}.footer-copy{font-size:.86rem;color:rgba(220,232,223,.72);max-width:520px}.footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 18px}.footer-links a,footer .footer-copy a{font-size:.86rem;color:#dce8df}.footer-links a:hover,footer .footer-copy a:hover{color:var(--lime)}.footer-line{height:1px;background:rgba(255,255,255,.13);margin:29px 0 21px}
@media(max-width:1199px){.navbar-nav{padding:10px 0}.nav-link{padding:.65rem .8rem!important}.nav-cta{margin:7px 0 0}.feature-copy{padding:30px 0 0}}
@media(max-width:991px){.section{padding:68px 0}.hero-inner{padding:62px 0 48px}.stat-box:nth-child(2){border-right:0}.stat-box:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.17)}.footer-links{justify-content:flex-start}.feature-media{min-height:300px}.rule-list{grid-template-columns:1fr}}
@media(max-width:767px){.site-header{padding:9px 0}.nav-shell{border-radius:14px}.hero-inner h1{font-size:2.5rem}.section{padding:56px 0}.intro-card{padding:24px}.stat-box{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.17)}.stat-box:last-child{border-bottom:0}.rule-panel,.cta-panel{padding:32px 25px}.scene-card img{height:205px}}
@media(max-width:520px){body{font-size:.96rem}.navbar-brand{font-size:1.16rem}.hero-inner{padding:50px 0 42px}.hero-inner h1{font-size:2.15rem}.hero-points span{font-size:.77rem}.btn-brand,.btn-lightbrand{width:100%;justify-content:center;margin:4px 0}.section-title{font-size:1.7rem}.footer-links{gap:8px 13px}.footer-copy{font-size:.8rem}}