/* roulang page: index */
:root{
      --ink:#171317;--panel:#241b24;--panel-2:#2d202b;--berry:#b83e67;--berry-light:#d15a7e;
      --copper:#d59a68;--mist:#9ba8a1;--paper:#f3ede7;--muted:#b9afb5;--line:#493541;
      --soft-line:rgba(213,154,104,.3);--radius:14px;--shadow:0 20px 60px rgba(0,0,0,.24);
      --max:1180px;
    }
    *,*:before,*:after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--ink);color:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8;padding-bottom:78px}
    a{color:inherit;text-decoration:none;transition:.25s ease}
    a:hover{color:var(--copper)}
    img{max-width:100%;display:block}
    button,input,select,textarea{font:inherit}
    button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--copper);outline-offset:3px}
    .container{width:min(calc(100% - 40px),var(--max));margin:0 auto}
    .site-header{position:absolute;z-index:20;top:0;left:0;right:0;border-bottom:1px solid rgba(243,237,231,.12);transition:.3s}
    .site-header.is-scrolled{position:fixed;background:rgba(23,19,23,.97);border-color:var(--line);box-shadow:0 8px 30px rgba(0,0,0,.25)}
    .nav-wrap{min-height:78px;display:flex;align-items:center;gap:30px}
    .brand{font-weight:800;font-size:19px;letter-spacing:.02em;white-space:nowrap}
    .brand-mark{display:inline-block;color:var(--copper);margin-right:9px;font-size:11px;vertical-align:middle}
    .main-nav{display:flex;align-items:center;gap:27px;margin-left:auto}
    .main-nav a{position:relative;color:var(--muted);font-size:14px}
    .main-nav a:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--copper);transition:.25s}
    .main-nav a:hover,.main-nav a.active{color:var(--paper)}
    .main-nav a:hover:after,.main-nav a.active:after{width:100%}
    .nav-cta,.button-primary{background:var(--berry);color:#fff!important;border:1px solid var(--berry);border-radius:9px;padding:10px 17px;font-weight:700;display:inline-block}
    .nav-cta:hover,.button-primary:hover{background:var(--berry-light);transform:translateY(-2px);box-shadow:0 8px 22px rgba(184,62,103,.28)}
    .menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--paper);padding:8px 11px;border-radius:8px}
    .hero{min-height:680px;padding:155px 0 90px;position:relative;overflow:hidden;background:
      linear-gradient(110deg,rgba(23,19,23,.97) 20%,rgba(36,27,36,.85)),radial-gradient(circle at 80% 20%,#63334b 0,transparent 38%)}
    .hero:before,.hero:after{content:"";position:absolute;border:1px solid rgba(213,154,104,.19);transform:rotate(-12deg);pointer-events:none}
    .hero:before{width:680px;height:310px;right:-150px;top:140px}.hero:after{width:450px;height:210px;right:55px;top:195px}
    .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;position:relative;z-index:1}
    .eyebrow,.tag{color:var(--copper);font-size:12px;letter-spacing:.13em;text-transform:uppercase}
    h1{font-size:clamp(42px,6vw,76px);line-height:1.12;letter-spacing:-.05em;margin:17px 0 23px;max-width:680px}
    .hero-copy{font-size:18px;color:var(--muted);max-width:620px}
    .hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:31px 0}
    .button-secondary{border:1px solid var(--soft-line);border-radius:9px;padding:10px 17px;color:var(--paper);display:inline-block}
    .button-secondary:hover{border-color:var(--copper);transform:translateY(-2px)}
    .hero-points{display:flex;gap:28px;flex-wrap:wrap;color:var(--muted);font-size:13px}.hero-points strong{display:block;color:var(--paper);font-size:22px;line-height:1.3}
    .hero-panel{background:rgba(45,32,43,.88);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow);position:relative}
    .panel-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:19px}
    .status{color:#c3d5b7;font-size:12px}.status:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#a8c49a;margin-right:7px}
    .abstract-visual{height:210px;border:1px solid var(--soft-line);position:relative;overflow:hidden;background:linear-gradient(145deg,#432638,#1e1820)}
    .abstract-visual:before{content:"";position:absolute;width:180px;height:300px;border:1px solid rgba(213,154,104,.55);border-radius:50%;left:40%;top:-38px;transform:rotate(28deg)}
    .abstract-visual:after{content:"";position:absolute;width:140%;height:1px;background:var(--copper);left:-20%;top:57%;transform:rotate(-18deg)}
    .panel-lines{display:grid;gap:11px;margin-top:20px}.panel-line{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.panel-line b{color:var(--paper);font-weight:600}
    .age-note{font-size:12px;color:var(--muted);margin-top:17px}
    .section{padding:100px 0}.section.alt{background:var(--panel)}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head h2{margin:0;font-size:34px;line-height:1.25}.section-head p{color:var(--muted);max-width:540px;margin:0}
    .benefit-list{border-top:1px solid var(--line)}.benefit{display:grid;grid-template-columns:90px 1fr 180px;gap:22px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);transition:.25s}.benefit:hover{padding-left:12px;background:rgba(184,62,103,.06)}.num{font-size:28px;color:var(--copper);font-weight:700}.benefit h3{margin:0 0 4px;font-size:21px}.benefit p{margin:0;color:var(--muted);font-size:14px}.benefit .state{text-align:right;color:#c3d5b7;font-size:12px}
    .stage{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.stage-text h2{font-size:35px;line-height:1.3;margin:13px 0}.stage-text p{color:var(--muted)}.stage-list{margin:24px 0 0;padding:0;list-style:none}.stage-list li{padding:13px 0;border-bottom:1px solid var(--line);color:var(--paper)}.stage-list span{color:var(--copper);margin-right:13px}
    .preview{padding:22px;background:var(--panel-2);border:1px solid var(--line);border-radius:16px}.preview-tabs{display:flex;gap:9px;overflow:auto;padding-bottom:19px}.preview-tabs span{border:1px solid var(--line);padding:6px 11px;border-radius:5px;white-space:nowrap;color:var(--muted);font-size:12px}.preview-tabs span:first-child{color:var(--paper);border-color:var(--copper)}.preview-card{display:grid;grid-template-columns:1fr 1fr;gap:19px;align-items:center}.preview-image{min-height:265px;background:linear-gradient(135deg,#6a354d,#241b24);position:relative}.preview-image:after{content:"18+";position:absolute;right:15px;top:15px;border:1px solid var(--copper);padding:2px 7px;color:var(--copper);font-size:12px}.preview-copy h3{font-size:24px;margin:10px 0}.preview-copy p{color:var(--muted);font-size:14px}.preview-copy .tag{display:inline-block}
    .proof{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.proof-item{border-left:2px solid var(--berry);padding:20px 22px;background:rgba(255,255,255,.025)}.proof-item strong{display:block;font-size:28px;color:var(--copper);margin-bottom:7px}.proof-item span{color:var(--muted);font-size:14px}
    .updates{display:grid;grid-template-columns:1.4fr .6fr;gap:38px}.update-list{border-top:1px solid var(--line)}.update-row{display:grid;grid-template-columns:105px 1fr 75px;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center;font-size:14px}.update-row time,.update-row small{color:var(--muted)}.update-row a:hover{color:var(--copper)}.side-note{border:1px solid var(--soft-line);padding:24px;border-radius:14px;background:linear-gradient(145deg,rgba(184,62,103,.18),transparent)}.side-note h3{margin-top:0}.side-note p{color:var(--muted);font-size:14px}
    .faq-wrap{max-width:850px}.accordion{background:transparent;margin:0}.accordion-item{background:transparent;border:0;border-bottom:1px solid var(--line)}.accordion-title{color:var(--paper);font-size:16px;padding:22px 35px 22px 0}.accordion-title:hover{color:var(--copper);background:none}.accordion-content{background:transparent;color:var(--muted);border:0;padding:0 35px 22px 0;font-size:14px}
    .apply{background:linear-gradient(110deg,#2d202b,#241b24);border:1px solid var(--line)}.apply-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.apply h2{font-size:35px;margin-top:0}.apply p{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field.full{grid-column:1/-1}label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}input,select,textarea{width:100%;background:#1c171c;color:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px 13px}textarea{min-height:105px;resize:vertical}.form-tip{font-size:12px;color:var(--muted);margin-top:13px}
    .compliance{border:1px solid var(--soft-line);padding:24px 28px;display:flex;justify-content:space-between;gap:25px;align-items:center}.compliance h3{margin:0 0 6px}.compliance p{margin:0;color:var(--muted);font-size:14px}
    .footer{padding:55px 0 35px;background:#110f12;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:45px}.footer h4{margin:0 0 15px;color:var(--paper)}.footer p,.footer a{color:var(--muted);font-size:13px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.age-badge{display:inline-block;border:1px solid var(--copper);color:var(--copper);padding:4px 9px;font-size:12px;margin-bottom:12px}.copyright{border-top:1px solid #2b252b;margin-top:38px;padding-top:18px;color:#81757d;font-size:12px}
    .fixed-bar{position:fixed;z-index:30;bottom:0;left:0;right:0;background:#110f12;border-top:1px solid var(--line);min-height:70px;padding:12px 20px}.fixed-inner{width:min(100%,var(--max));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.fixed-inner span{font-size:14px}.fixed-inner small{color:var(--muted);margin-left:12px}.close-bar{border:0;background:none;color:var(--muted);cursor:pointer;padding:8px}.fixed-bar.closed{display:none}
    @media(max-width:1023px){.hero-grid,.stage,.apply-grid{grid-template-columns:1fr 1fr;gap:30px}.main-nav{gap:15px}.section{padding:75px 0}}
    @media(max-width:639px){body{font-size:15px;padding-bottom:82px}.container{width:min(calc(100% - 30px),var(--max))}.site-header{position:absolute}.nav-wrap{min-height:68px}.brand{font-size:15px}.brand-mark{display:none}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:68px;left:15px;right:15px;background:#1b161b;border:1px solid var(--line);padding:16px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:11px 4px}.main-nav a:after{bottom:3px}.nav-cta{margin-top:8px;text-align:center}.hero{min-height:auto;padding:125px 0 65px}.hero-grid,.stage,.apply-grid,.updates{grid-template-columns:1fr}.hero-grid{gap:38px}h1{font-size:43px}.hero-copy{font-size:16px}.hero-points{gap:18px}.section{padding:60px 0}.section-head{display:block;margin-bottom:26px}.section-head h2{font-size:29px;margin-bottom:12px}.benefit{grid-template-columns:48px 1fr;gap:12px;padding:20px 0}.benefit .state{grid-column:2;text-align:left}.stage{gap:28px}.preview-card{grid-template-columns:1fr}.preview-image{min-height:190px}.proof{grid-template-columns:1fr;gap:10px}.update-row{grid-template-columns:75px 1fr;gap:10px}.update-row small{grid-column:2}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.compliance{display:block;padding:20px}.compliance .button-primary{margin-top:17px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-links{max-width:280px}.fixed-inner{gap:8px}.fixed-inner span{font-size:12px}.fixed-inner small{display:block;margin:0}.fixed-inner .button-primary{padding:8px 11px;font-size:12px}.close-bar{font-size:0}.close-bar:after{content:"×";font-size:19px}}

/* roulang page: category1 */
:root{
 --ink:#171317;
 --panel:#241b24;
 --panel-2:#2d202b;
 --berry:#b83e67;
 --berry-light:#d15a7e;
 --copper:#d59a68;
 --mist:#9ba8a1;
 --paper:#f3ede7;
 --muted:#b9afb5;
 --line:#493541;
 --soft-line:rgba(213,154,104,.3);
 --radius:14px;
 --shadow:0 20px 60px rgba(0,0,0,.24);
 --max:1180px;
}
html{scroll-behavior:smooth}
*{box-sizing:border-box}
body{
 margin:0;
 background:var(--ink);
 color:var(--paper);
 font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
 font-size:16px;
 line-height:1.8;
 padding-bottom:82px;
}
a{color:inherit;text-decoration:none;transition:.25s ease}
a:hover{color:var(--copper)}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
 outline:3px solid var(--copper);
 outline-offset:3px;
}
.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.site-header{
 position:absolute;
 z-index:20;
 top:0;
 left:0;
 right:0;
 border-bottom:1px solid rgba(243,237,231,.12);
 transition:.3s ease;
}
.site-header.is-scrolled{
 position:fixed;
 background:rgba(23,19,23,.97);
 border-color:var(--line);
 box-shadow:0 8px 30px rgba(0,0,0,.25);
}
.nav-wrap{min-height:78px;display:flex;align-items:center;gap:30px}
.brand{font-weight:800;font-size:19px;letter-spacing:.02em;white-space:nowrap}
.brand-mark{display:inline-block;color:var(--copper);margin-right:9px;font-size:11px;vertical-align:middle}
.main-nav{display:flex;align-items:center;gap:27px;margin-left:auto}
.main-nav a{position:relative;color:var(--muted);font-size:14px}
.main-nav a:after{
 content:"";
 position:absolute;
 left:0;
 bottom:-10px;
 width:0;
 height:2px;
 background:var(--copper);
 transition:.25s ease;
}
.main-nav a:hover,.main-nav a.active{color:var(--paper)}
.main-nav a:hover:after,.main-nav a.active:after{width:100%}
.main-nav .nav-cta{
 background:var(--berry);
 color:#fff!important;
 border:1px solid var(--berry);
 border-radius:9px;
 padding:10px 17px;
 font-weight:700;
}
.main-nav .nav-cta:after{display:none}
.nav-cta:hover{
 background:var(--berry-light);
 transform:translateY(-2px);
 box-shadow:0 8px 22px rgba(184,62,103,.28);
}
.menu-toggle{
 display:none;
 background:none;
 border:1px solid var(--line);
 color:var(--paper);
 padding:8px 11px;
 border-radius:8px;
 cursor:pointer;
}
.hero-inner{
 position:relative;
 overflow:hidden;
 padding:145px 0 85px;
 background:
 linear-gradient(110deg,rgba(23,19,23,.98) 20%,rgba(36,27,36,.9)),
 radial-gradient(circle at 82% 18%,#63334b 0,transparent 38%);
}
.hero-inner:before,.hero-inner:after{
 content:"";
 position:absolute;
 border:1px solid rgba(213,154,104,.19);
 transform:rotate(-12deg);
 pointer-events:none;
}
.hero-inner:before{width:720px;height:320px;right:-170px;top:150px}
.hero-inner:after{width:480px;height:220px;right:30px;top:205px}
.hero-grid{
 display:grid;
 grid-template-columns:1fr .88fr;
 gap:70px;
 align-items:center;
 position:relative;
 z-index:1;
}
.eyebrow,.tag{
 color:var(--copper);
 font-size:12px;
 letter-spacing:.13em;
 text-transform:uppercase;
}
.hero h1{
 margin:15px 0 22px;
 max-width:680px;
 font-size:clamp(40px,6vw,70px);
 line-height:1.12;
 letter-spacing:-.045em;
 font-weight:800;
}
.hero-copy{font-size:18px;color:var(--muted);max-width:620px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:30px 0}
.button-primary{
 background:var(--berry);
 color:#fff!important;
 border:1px solid var(--berry);
 border-radius:9px;
 padding:11px 18px;
 font-weight:700;
 display:inline-block;
}
.button-primary:hover{
 background:var(--berry-light);
 transform:translateY(-2px);
 box-shadow:0 8px 22px rgba(184,62,103,.28);
}
.button-secondary{
 border:1px solid var(--soft-line);
 border-radius:9px;
 padding:11px 18px;
 color:var(--paper);
 display:inline-block;
}
.button-secondary:hover{border-color:var(--copper);transform:translateY(-2px)}
.hero-points{display:flex;gap:28px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.hero-points strong{display:block;color:var(--paper);font-size:21px;line-height:1.3}
.hero-panel{
 background:rgba(45,32,43,.9);
 border:1px solid var(--line);
 border-radius:18px;
 padding:24px;
 box-shadow:var(--shadow);
 position:relative;
}
.panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}
.status{font-size:12px;color:var(--mist);display:flex;align-items:center;gap:7px}
.status i{width:7px;height:7px;background:var(--mist);border-radius:50%;display:inline-block}
.panel-art{
 height:245px;
 margin:22px 0;
 position:relative;
 overflow:hidden;
 border:1px solid #674152;
 background:
 linear-gradient(135deg,rgba(184,62,103,.16),transparent 56%),
 repeating-linear-gradient(90deg,transparent 0 44px,rgba(213,154,104,.12) 45px 46px),
 linear-gradient(160deg,#362330,#1c171d 70%);
}
.panel-art:before,.panel-art:after{
 content:"";
 position:absolute;
 border:1px solid rgba(213,154,104,.55);
 transform:skewY(-15deg);
}
.panel-art:before{width:75%;height:60%;left:13%;top:18%}
.panel-art:after{width:42%;height:38%;left:29%;top:29%;border-color:rgba(184,62,103,.75)}
.panel-art span{
 position:absolute;
 right:15px;
 bottom:13px;
 color:var(--copper);
 font-size:11px;
 letter-spacing:.12em;
}
.panel-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.meta-cell{padding:12px 0;border-top:1px solid var(--line)}
.meta-cell small{display:block;color:var(--muted);font-size:12px}
.meta-cell b{font-size:15px;color:var(--paper)}
.age-note{margin-top:20px;color:var(--muted);font-size:12px}
.section{padding:94px 0}
.section.alt{background:var(--panel)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}
.section-head h2{margin:0;font-size:34px;line-height:1.25}
.section-head p{color:var(--muted);max-width:540px;margin:0}
.benefit-list{border-top:1px solid var(--line)}
.benefit-row{
 display:grid;
 grid-template-columns:95px 1fr 180px;
 gap:24px;
 align-items:center;
 padding:23px 0;
 border-bottom:1px solid var(--line);
}
.benefit-number{color:var(--copper);font-size:27px;font-weight:800}
.benefit-row h3{font-size:21px;margin:0 0 4px}
.benefit-row p{margin:0;color:var(--muted);font-size:14px}
.benefit-state{justify-self:end;color:var(--mist);font-size:12px;border-left:2px solid var(--berry);padding-left:13px}
.feature-area{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:stretch}
.feature-visual{
 min-height:370px;
 border:1px solid var(--line);
 border-radius:16px;
 background:
 linear-gradient(145deg,rgba(184,62,103,.22),rgba(23,19,23,.2)),
 radial-gradient(circle at 65% 35%,#70405a,transparent 32%),
 #211922;
 position:relative;
 overflow:hidden;
}
.feature-visual:before{
 content:"";
 position:absolute;
 inset:42px;
 border:1px solid rgba(213,154,104,.5);
 transform:rotate(-8deg);
}
.feature-visual:after{
 content:"";
 position:absolute;
 width:55%;
 height:55%;
 left:22%;
 top:23%;
 border:1px solid rgba(243,237,231,.2);
 border-radius:50%;
 box-shadow:0 0 0 26px rgba(213,154,104,.05),0 0 0 53px rgba(213,154,104,.04);
}
.visual-caption{position:absolute;left:25px;bottom:22px;z-index:2;color:var(--paper);font-size:13px}
.feature-copy{padding:15px 0}
.feature-copy h2{font-size:32px;line-height:1.3;margin:12px 0 16px}
.feature-copy p{color:var(--muted);margin:0 0 22px}
.feature-points{list-style:none;padding:0;margin:22px 0 28px}
.feature-points li{padding:11px 0;border-bottom:1px solid var(--line)}
.feature-points span{color:var(--copper);margin-right:12px}
.entry-list{border-top:1px solid var(--line)}
.entry-row{
 display:grid;
 grid-template-columns:78px 1fr 115px;
 gap:20px;
 align-items:center;
 padding:20px 0;
 border-bottom:1px solid var(--line);
}
.entry-index{color:var(--copper);font-weight:800;font-size:24px}
.entry-row h3{margin:0 0 4px;font-size:18px}
.entry-row p{margin:0;color:var(--muted);font-size:14px}
.entry-row .tag{display:block;margin-bottom:5px}
.entry-action{justify-self:end;font-size:13px;color:var(--paper)}
.entry-action:hover{color:var(--copper)}
.proof-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.proof-panel{border:1px solid var(--line);background:rgba(255,255,255,.025);padding:26px;border-radius:12px}
.proof-panel h3{margin-top:0;font-size:22px}
.proof-panel p{color:var(--muted);font-size:14px}
.proof-item{border-left:2px solid var(--berry);padding:14px 18px;margin-top:12px}
.proof-item strong{display:block;font-size:25px;color:var(--copper);margin-bottom:3px}
.proof-item span{color:var(--muted);font-size:13px}
.faq-wrap{max-width:850px}
.accordion{background:transparent;margin:0}
.accordion-item{background:transparent;border:0;border-bottom:1px solid var(--line)}
.accordion-title{color:var(--paper);font-size:16px;padding:21px 35px 21px 0}
.accordion-title:hover{color:var(--copper);background:none}
.accordion-content{background:rgba(255,255,255,.025);border:0;color:var(--muted);font-size:14px;padding:16px 20px}
.apply-panel{
 border:1px solid var(--soft-line);
 background:linear-gradient(110deg,rgba(184,62,103,.12),rgba(45,32,43,.78));
 border-radius:16px;
 padding:34px;
}
.apply-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.apply-panel h2{margin:0 0 10px;font-size:30px}
.apply-panel p{color:var(--muted);margin:0;max-width:680px}
.apply-actions{display:flex;gap:12px;flex-wrap:wrap}
.compliance-note{margin-top:18px;color:var(--muted);font-size:12px}
.footer{padding:55px 0 35px;background:#110f12;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:45px}
.footer h4{margin:0 0 15px;color:var(--paper);font-size:16px}
.footer p,.footer a{color:var(--muted);font-size:13px}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.footer-links a:hover{color:var(--copper)}
.age-badge{display:inline-block;border:1px solid var(--copper);color:var(--copper);padding:4px 9px;font-size:12px;margin-bottom:12px}
.copyright{border-top:1px solid #2b252b;margin-top:38px;padding-top:18px;color:#81757d;font-size:12px}
.sticky-bar{
 position:fixed;
 z-index:30;
 left:0;
 right:0;
 bottom:0;
 min-height:70px;
 background:#100e11;
 border-top:1px solid var(--line);
 box-shadow:0 -10px 28px rgba(0,0,0,.28);
}
.sticky-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.sticky-copy{font-size:13px;color:var(--muted)}
.sticky-copy strong{color:var(--paper);margin-right:12px}
.sticky-actions{display:flex;gap:10px;align-items:center}
.sticky-close{
 border:0;
 background:transparent;
 color:var(--muted);
 padding:8px;
 cursor:pointer;
}
@media(max-width:1023px){
 .hero-grid,.feature-area,.proof-grid{grid-template-columns:1fr 1fr;gap:30px}
 .main-nav{gap:15px}
 .section{padding:75px 0}
}
@media(max-width:639px){
 body{font-size:15px;padding-bottom:128px}
 .container{width:min(calc(100% - 30px),var(--max))}
 .site-header{position:absolute}
 .nav-wrap{min-height:68px}
 .brand{font-size:15px}
 .brand-mark{display:none}
 .menu-toggle{display:block;margin-left:auto}
 .main-nav{
  display:none;
  position:absolute;
  top:68px;
  left:15px;
  right:15px;
  background:#1b161b;
  border:1px solid var(--line);
  padding:13px;
  border-radius:10px;
  margin:0;
 }
 .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .main-nav a{padding:11px 8px;border-bottom:1px solid rgba(73,53,65,.55)}
 .main-nav a:last-child{border-bottom:0}
 .main-nav a:after{display:none}
 .main-nav .nav-cta{text-align:center;margin-top:8px}
 .hero-inner{padding:120px 0 58px}
 .hero-grid,.feature-area,.proof-grid,.apply-grid{grid-template-columns:1fr;gap:26px}
 .hero h1{font-size:42px}
 .hero-copy{font-size:16px}
 .hero-panel{padding:18px}
 .section{padding:60px 0}
 .section-head{display:block;margin-bottom:27px}
 .section-head h2{font-size:28px;margin-bottom:10px}
 .benefit-row{grid-template-columns:48px 1fr;gap:12px;padding:18px 0}
 .benefit-state{grid-column:2;justify-self:start}
 .feature-visual{min-height:270px}
 .feature-copy h2{font-size:28px}
 .entry-row{grid-template-columns:45px 1fr;gap:12px}
 .entry-action{grid-column:2;justify-self:start}
 .apply-panel{padding:24px 19px}
 .apply-panel h2{font-size:26px}
 .footer-grid{grid-template-columns:1fr;gap:26px}
 .footer-links{grid-template-columns:1fr 1fr}
 .sticky-inner{min-height:76px}
 .sticky-copy{font-size:12px;line-height:1.5}
 .sticky-copy strong{display:block;margin:0}
 .sticky-actions{gap:5px}
 .sticky-actions .button-primary{padding:9px 10px;font-size:13px}
 .sticky-close{font-size:12px}
}

/* roulang page: category2 */
:root{
 --ink:#171317;--panel:#241b24;--panel-2:#2d202b;--berry:#b83e67;--berry-light:#d15a7e;
 --copper:#d59a68;--mist:#9ba8a1;--paper:#f3ede7;--muted:#b9afb5;--line:#493541;
 --soft-line:rgba(213,154,104,.3);--radius:14px;--shadow:0 20px 60px rgba(0,0,0,.24);
 --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8;padding-bottom:82px}
a{color:inherit;text-decoration:none;transition:.25s ease}
a:hover{color:var(--copper)}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--copper);outline-offset:3px}
.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;border-bottom:1px solid rgba(243,237,231,.12);transition:.3s}
.site-header.is-scrolled{position:fixed;background:rgba(23,19,23,.97);border-color:var(--line);box-shadow:0 8px 30px rgba(0,0,0,.25)}
.nav-wrap{min-height:78px;display:flex;align-items:center;gap:30px}
.brand{font-weight:800;font-size:19px;letter-spacing:.02em;white-space:nowrap}
.brand-mark{display:inline-block;color:var(--copper);margin-right:9px;font-size:11px;vertical-align:middle}
.main-nav{display:flex;align-items:center;gap:27px;margin-left:auto}
.main-nav a{position:relative;color:var(--muted);font-size:14px}
.main-nav a:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--copper);transition:.25s}
.main-nav a:hover,.main-nav a.active{color:var(--paper)}
.main-nav a:hover:after,.main-nav a.active:after{width:100%}
.nav-cta,.button-primary{background:var(--berry);color:#fff!important;border:1px solid var(--berry);border-radius:9px;padding:10px 17px;font-weight:700;display:inline-block}
.nav-cta:hover,.button-primary:hover{background:var(--berry-light);transform:translateY(-2px);box-shadow:0 8px 22px rgba(184,62,103,.28)}
.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--paper);padding:8px 11px;border-radius:8px}
.page-hero{padding:150px 0 78px;position:relative;overflow:hidden;background:linear-gradient(112deg,rgba(23,19,23,.98),rgba(48,27,43,.88)),radial-gradient(circle at 88% 18%,#71324f 0,transparent 34%)}
.page-hero:before,.page-hero:after{content:"";position:absolute;border:1px solid rgba(213,154,104,.18);transform:rotate(-10deg);pointer-events:none}
.page-hero:before{width:720px;height:270px;right:-180px;top:120px}
.page-hero:after{width:430px;height:175px;right:90px;top:170px}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:end}
.eyebrow,.tag{color:var(--copper);font-size:12px;letter-spacing:.13em;text-transform:uppercase}
h1,h2,h3,h4{font-weight:750;letter-spacing:-.025em}
h1{font-size:clamp(38px,5.5vw,68px);line-height:1.12;margin:15px 0 20px}
h2{font-size:36px;line-height:1.25;margin:0 0 14px}
h3{font-size:21px;line-height:1.4;margin:10px 0}
.hero-intro{max-width:630px;color:var(--muted);font-size:18px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}
.button-secondary{border:1px solid var(--soft-line);border-radius:9px;padding:10px 17px;color:var(--paper);display:inline-block}
.button-secondary:hover{border-color:var(--copper);transform:translateY(-2px)}
.status-panel{background:rgba(45,32,43,.9);border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:var(--shadow)}
.status-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}
.status-dot{display:inline-flex;align-items:center;gap:8px;color:var(--mist);font-size:13px}
.status-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:#a8c49a;box-shadow:0 0 0 4px rgba(168,196,154,.1)}
.panel-code{color:var(--copper);font-size:12px}
.status-lines{display:grid;gap:13px}
.status-line{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:14px}
.status-line strong{color:var(--paper);font-weight:600}
.section{padding:94px 0}
.section.alt{background:var(--panel)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}
.section-head p{color:var(--muted);max-width:540px;margin:0}
.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:12px;margin-bottom:36px}
.filter-label{color:var(--muted);font-size:13px;margin-right:5px}
.filter-button{background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--muted);padding:8px 13px;cursor:pointer}
.filter-button:hover,.filter-button.active{color:var(--paper);border-color:var(--copper);background:rgba(213,154,104,.08)}
.theme-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}
.theme-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.28s ease;position:relative}
.theme-card:hover{border-color:var(--berry);transform:translateY(-4px);box-shadow:0 14px 35px rgba(0,0,0,.2)}
.theme-card.featured{grid-row:span 2}
.visual{min-height:220px;position:relative;overflow:hidden;background:
linear-gradient(145deg,rgba(184,62,103,.35),rgba(36,27,36,.2)),
radial-gradient(circle at 72% 35%,rgba(213,154,104,.6),transparent 17%),
linear-gradient(115deg,#352432,#171317 72%)}
.visual:before{content:"";position:absolute;width:72%;height:58%;right:-13%;top:18%;border:1px solid rgba(213,154,104,.5);transform:rotate(-16deg)}
.visual:after{content:"";position:absolute;width:38%;height:88%;left:18%;top:-20%;border-left:1px solid rgba(243,237,231,.22);border-right:1px solid rgba(243,237,231,.14);transform:skew(-18deg)}
.featured .visual{min-height:385px}
.visual-label{position:absolute;left:20px;bottom:17px;color:var(--paper);font-size:12px;letter-spacing:.08em}
.card-body{padding:22px}
.card-body p{color:var(--muted);font-size:14px;margin:8px 0 18px}
.card-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);font-size:12px}
.card-meta a{color:var(--copper);font-weight:600}
.mini-stack{display:grid;gap:22px}
.theme-card.compact .visual{min-height:155px}
.numbered-list{border-top:1px solid var(--line)}
.numbered-item{display:grid;grid-template-columns:58px 1fr 120px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.number{color:var(--copper);font-size:13px;letter-spacing:.1em}
.numbered-item p{margin:3px 0 0;color:var(--muted);font-size:14px}
.item-action{text-align:right;color:var(--copper);font-size:13px}
.proof-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.proof-item{background:var(--panel-2);padding:23px}
.proof-item strong{display:block;font-size:28px;color:var(--copper);margin-bottom:7px}
.proof-item span{color:var(--muted);font-size:14px}
.faq-wrap{max-width:850px}
.accordion-item{background:transparent;border:0;border-bottom:1px solid var(--line)}
.accordion-title{color:var(--paper);font-size:16px;padding:22px 35px 22px 0}
.accordion-title:hover{color:var(--copper);background:none}
.accordion-content{background:transparent;border:0;color:var(--muted);padding:0 35px 22px 0;font-size:15px}
.compliance{border:1px solid var(--soft-line);background:linear-gradient(120deg,rgba(213,154,104,.08),rgba(184,62,103,.08));padding:30px;border-radius:14px}
.compliance-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.compliance p{color:var(--muted);margin:8px 0 0}
.footer{padding:55px 0 35px;background:#110f12;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:45px}
.footer h4{margin:0 0 15px;color:var(--paper)}
.footer p,.footer a{color:var(--muted);font-size:13px}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.footer-links a:hover{color:var(--copper)}
.age-badge{display:inline-block;border:1px solid var(--copper);color:var(--copper);padding:4px 9px;font-size:12px;margin-bottom:12px}
.copyright{border-top:1px solid #2b252b;margin-top:38px;padding-top:18px;color:#81757d;font-size:12px}
.fixed-bar{position:fixed;z-index:30;bottom:0;left:0;right:0;background:#110f12;border-top:1px solid var(--line);padding:13px 0}
.fixed-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.fixed-inner p{margin:0;color:var(--muted);font-size:13px}
.fixed-inner strong{color:var(--paper);margin-right:8px}
.close-bar{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:18px;padding:8px}
.close-bar:hover{color:var(--paper)}
@media(max-width:1023px){
 .main-nav{gap:15px}.hero-inner{gap:30px}.section{padding:75px 0}
}
@media(max-width:639px){
 body{font-size:15px;padding-bottom:82px}.container{width:min(calc(100% - 30px),var(--max))}
 .site-header{position:absolute}.nav-wrap{min-height:68px}.brand{font-size:15px}.brand-mark{display:none}
 .menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:68px;left:15px;right:15px;background:#1b161b;border:1px solid var(--line);padding:15px;border-radius:10px;flex-direction:column;align-items:stretch;gap:0}
 .main-nav.is-open{display:flex}.main-nav a{padding:12px 5px}.main-nav a:after{bottom:4px}.main-nav .nav-cta{text-align:center;margin-top:8px}
 .page-hero{padding:125px 0 55px}.hero-inner{grid-template-columns:1fr;gap:34px}.hero-intro{font-size:16px}
 h1{font-size:41px}.section{padding:62px 0}.section-head{display:block;margin-bottom:27px}.section-head p{margin-top:12px}
 .filter-bar{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}.filter-label{flex:none}.filter-button{flex:none}
 .theme-layout{grid-template-columns:1fr}.theme-card.featured{grid-row:auto}.featured .visual{min-height:255px}.theme-card.compact .visual{min-height:190px}
 .numbered-item{grid-template-columns:42px 1fr;gap:12px}.item-action{grid-column:2;text-align:left}
 .proof-grid{grid-template-columns:1fr}.compliance-grid{grid-template-columns:1fr;gap:19px}
 .footer-grid{grid-template-columns:1fr;gap:28px}.footer-links{grid-template-columns:1fr 1fr}
 .fixed-inner p{font-size:12px}.fixed-inner p span{display:none}.fixed-inner .button-primary{padding:9px 12px;font-size:13px}
}