/* roulang page: index */
:root{
      --navy:#102a43;
      --blue:#1769aa;
      --cyan:#27a9d6;
      --ink:#172b4d;
      --muted:#60758a;
      --soft:#edf5fa;
      --line:#dbe7ef;
      --white:#fff;
      --gold:#e8ad54;
      --radius:20px;
      --small-radius:12px;
      --shadow:0 18px 50px rgba(24,62,91,.10);
      --shadow-hover:0 24px 60px rgba(24,79,117,.18);
      --max:1220px;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#f7fafc;line-height:1.8;font-size:15px}
    a{color:inherit;text-decoration:none}
    img{display:block;width:100%;max-width:100%;object-fit:cover}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .side-nav{position:fixed;z-index:20;left:0;top:0;bottom:0;width:250px;background:rgba(255,255,255,.96);border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(25,66,94,.04)}
    .brand{display:flex;align-items:center;gap:12px;padding:8px 10px 34px}
    .brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:0 10px 22px rgba(23,105,170,.25)}
    .brand strong{font-size:20px;letter-spacing:1px}
    .brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:2px;line-height:1.4}
    .nav-title{padding:0 10px 12px;color:#8a9bac;font-size:12px;letter-spacing:2px}
    .nav-list{list-style:none}
    .nav-list li{margin:4px 0}
    .nav-list a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:11px;color:#607386;transition:.25s}
    .nav-list a span{width:7px;height:7px;border-radius:50%;background:#b8cbd7;transition:.25s}
    .nav-list a:hover,.nav-list a.active{background:#eaf4fa;color:var(--blue);font-weight:700}
    .nav-list a:hover span,.nav-list a.active span{background:var(--cyan);box-shadow:0 0 0 5px rgba(39,169,214,.12)}
    .nav-bottom{margin-top:auto;padding:18px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
    .nav-bottom b{display:block;color:var(--navy);font-size:14px;margin-bottom:4px}
    .main-wrap{margin-left:250px}
    .mobile-bar{display:none}
    .hero{min-height:650px;background-image:linear-gradient(90deg,rgba(8,32,53,.88),rgba(12,59,86,.54),rgba(11,51,74,.22)),url("/assets/images/backpic/back-1.webp");background-position:center;background-size:cover;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}
    .hero:after{content:"";position:absolute;right:7%;bottom:-90px;width:330px;height:330px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.04),0 0 0 70px rgba(255,255,255,.03)}
    .hero-content{position:relative;z-index:1;width:min(760px,100%);padding:95px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#bceeff;font-size:13px;letter-spacing:2px;margin-bottom:20px}
    .eyebrow:before{content:"";width:30px;height:2px;background:var(--gold)}
    h1{font-size:clamp(34px,5vw,66px);line-height:1.2;letter-spacing:1px;margin-bottom:25px;color:#fff}
    .hero p{font-size:18px;color:#e2f1f8;max-width:700px;margin-bottom:32px}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:12px 22px;font-weight:700;transition:.25s}
    .btn-primary{background:var(--cyan);color:#fff;box-shadow:0 10px 24px rgba(39,169,214,.25)}
    .btn-primary:hover{background:#168db9;transform:translateY(-2px);box-shadow:0 14px 28px rgba(39,169,214,.35)}
    .btn-light{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);color:#fff}
    .btn-light:hover{background:#fff;color:var(--navy)}
    .btn-outline{border-color:#b5d6e6;color:var(--blue);background:#fff}
    .btn-outline:hover{background:#e9f6fb;border-color:var(--blue)}
    .hero-points{display:flex;gap:28px;flex-wrap:wrap;margin-top:45px}
    .hero-points div{border-left:2px solid var(--gold);padding-left:12px}
    .hero-points strong{font-size:22px;display:block;color:#fff}
    .hero-points span{font-size:12px;color:#bcd3df}
    section{padding:92px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:38px}
    .section-head h2{font-size:34px;line-height:1.3;color:var(--navy)}
    .section-head p{max-width:610px;color:var(--muted)}
    .kicker{font-size:12px;color:var(--blue);letter-spacing:2px;font-weight:700;margin-bottom:9px}
    .intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
    .intro-grid h2{font-size:37px;line-height:1.4;margin-bottom:18px}
    .intro-grid p{color:var(--muted);margin-bottom:16px}
    .image-stack{position:relative;padding:0 0 34px 34px}
    .image-stack img{height:380px;border-radius:var(--radius);box-shadow:var(--shadow)}
    .image-stack:after{content:"问鼎娱乐";position:absolute;bottom:0;left:0;background:var(--navy);color:#fff;padding:14px 22px;border-radius:12px;font-weight:700;letter-spacing:2px}
    .light{background:#eef6fa}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px rgba(27,70,97,.045);transition:.28s}
    .card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:#b9dcea}
    .icon{width:45px;height:45px;border-radius:13px;background:#e8f5fa;color:var(--blue);display:grid;place-items:center;font-size:20px;font-weight:800;margin-bottom:18px}
    .card h3{font-size:19px;margin-bottom:9px;color:var(--navy)}
    .card p{color:var(--muted);font-size:14px}
    .campaign{background:var(--navy);color:#fff;position:relative;overflow:hidden}
    .campaign:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(39,169,214,.2),transparent 55%)}
    .campaign .container{position:relative}
    .campaign .section-head h2{color:#fff}.campaign .section-head p{color:#bed1dc}
    .campaign-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
    .campaign-main{min-height:300px;border-radius:var(--radius);padding:35px;background:linear-gradient(135deg,#1a78aa,#123b62);display:flex;flex-direction:column;justify-content:flex-end}
    .campaign-main h3{font-size:28px;margin:12px 0 7px}
    .campaign-main p{color:#d9eff7;max-width:580px}
    .tag{display:inline-block;border:1px solid rgba(255,255,255,.4);border-radius:30px;padding:3px 12px;font-size:12px;color:#dcf8ff;width:max-content}
    .campaign-side{display:grid;gap:16px}
    .campaign-item{border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:22px;background:rgba(255,255,255,.06)}
    .campaign-item b{display:block;color:#fff;font-size:18px}.campaign-item span{font-size:13px;color:#c1d7e2}
    .materials{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .material{overflow:hidden;padding:0}.material img{height:180px}.material div{padding:22px}.material h3{margin-bottom:6px}
    .number-band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
    .number-grid strong{font-size:38px;color:var(--blue);display:block;line-height:1.3}.number-grid span{color:var(--muted);font-size:13px}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
    .steps:before{content:"";position:absolute;top:23px;left:7%;right:7%;height:1px;background:#c7dce6}
    .step{position:relative;text-align:center;padding:0 18px}.step i{display:grid;place-items:center;margin:0 auto 18px;width:47px;height:47px;background:#fff;border:1px solid #b8d7e5;color:var(--blue);border-radius:50%;font-style:normal;font-weight:800;position:relative;z-index:1}.step h3{font-size:17px;margin-bottom:7px}.step p{color:var(--muted);font-size:13px}
    .case-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.case{display:flex;gap:23px;align-items:center}.case img{width:170px;height:150px;border-radius:15px;flex:none}.case h3{font-size:20px;margin-bottom:8px}.case p{color:var(--muted);font-size:14px}
    .quote{background:#fff;padding:30px;border-radius:var(--radius);border-left:4px solid var(--cyan);box-shadow:var(--shadow)}.quote p{font-size:16px;color:#436075;margin-bottom:15px}.quote b{color:var(--navy)}
    .news-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:26px}.news-list{background:#fff;border-radius:var(--radius);padding:10px 28px;box-shadow:var(--shadow)}.news-row{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line)}.news-row:last-child{border:0}.date{color:#7c92a2;font-size:12px}.news-row h3{font-size:16px}.news-row p{font-size:13px;color:var(--muted);margin-top:3px}.more{color:var(--blue);font-size:12px;white-space:nowrap}.recommend{border-radius:var(--radius);overflow:hidden;background:var(--navy);color:#fff}.recommend img{height:190px}.recommend div{padding:24px}.recommend p{color:#c4d8e3;font-size:14px;margin:9px 0 18px}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 23px}.faq summary{cursor:pointer;font-weight:700;color:var(--navy);list-style:none;position:relative;padding-right:20px}.faq summary:after{content:"＋";position:absolute;right:0;color:var(--blue)}.faq[open] summary:after{content:"－"}.faq p{color:var(--muted);font-size:14px;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}
    .join{background:linear-gradient(120deg,#e5f5fa,#f8fbfc);border:1px solid #cce4ed}.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.join h2{font-size:34px;line-height:1.4;margin-bottom:15px}.join p{color:var(--muted)}.form{background:#fff;padding:28px;border-radius:18px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label{display:block;color:var(--navy);font-weight:700;font-size:13px;margin-bottom:13px}.form input,.form textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 13px;margin-top:5px;outline:none;background:#fbfdfe}.form textarea{height:90px;resize:vertical}.form input:focus,.form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(39,169,214,.12)}.form small{display:block;color:#8a9baa;margin:10px 0 15px}
    .cta{background:var(--blue);color:#fff;text-align:center;padding:70px 20px}.cta h2{font-size:34px;margin-bottom:12px}.cta p{color:#d7eef5;max-width:650px;margin:0 auto 25px}
    footer{background:#0d2236;color:#a9c1ce;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.13)}footer .brand{padding:0 0 15px;color:#fff}footer .brand small{color:#8ca8b7}footer h3{color:#fff;font-size:15px;margin-bottom:13px}footer a{display:block;font-size:13px;margin:7px 0;transition:.2s}footer a:hover{color:#64d0ed}.footer-note{font-size:12px;line-height:2;margin-top:20px}.copyright{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;margin-top:20px}
    .reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.show{opacity:1;transform:none}
    :focus-visible{outline:3px solid rgba(39,169,214,.5);outline-offset:3px}
    @media(max-width:1050px){.side-nav{width:215px}.main-wrap{margin-left:215px}.container{width:min(var(--max),calc(100% - 36px))}.grid-4{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.side-nav{display:none}.main-wrap{margin-left:0}.mobile-bar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:30}.mobile-brand{display:flex;align-items:center;gap:9px;font-weight:800;color:var(--navy)}.mobile-brand em{font-style:normal;background:var(--blue);color:#fff;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.menu-btn{border:0;background:#edf6fa;color:var(--blue);border-radius:8px;padding:8px 12px}.mobile-menu{display:none;position:absolute;top:67px;left:0;right:0;background:#fff;padding:12px 18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:8px;border-bottom:1px solid #eef3f5;color:var(--muted)}.hero{min-height:590px}.hero-content{padding:75px 0}.intro-grid,.campaign-grid,.news-layout,.join-grid{grid-template-columns:1fr;gap:30px}.grid-3,.materials{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr;gap:28px}.steps:before{display:none}.case-grid{grid-template-columns:1fr}.number-grid{grid-template-columns:repeat(2,1fr);gap:30px}.section-head{display:block}.section-head p{margin-top:12px}.faq-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){body{font-size:14px}.container{width:calc(100% - 30px)}section{padding:65px 0}h1{font-size:36px}.hero p{font-size:16px}.hero-points{gap:17px;margin-top:32px}.grid-3,.grid-4,.materials,.steps{grid-template-columns:1fr}.intro-grid h2,.join h2,.section-head h2{font-size:28px}.image-stack img{height:280px}.news-list{padding:8px 17px}.news-row{grid-template-columns:1fr auto;gap:4px 10px}.news-row .date{grid-column:1/2}.news-row h3{grid-column:1/2}.news-row p{grid-column:1/3}.news-row .more{grid-column:2;grid-row:1/3}.case{display:block}.case img{width:100%;height:190px;margin-bottom:18px}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-top:7px}}

/* roulang page: category1 */
:root{
 --navy:#102a43;--blue:#1769aa;--cyan:#27a9d6;--ink:#172b4d;--muted:#60758a;
 --soft:#edf5fa;--line:#dbe7ef;--white:#fff;--gold:#e8ad54;--radius:20px;
 --small-radius:12px;--shadow:0 18px 50px rgba(24,62,91,.10);
 --shadow-hover:0 24px 60px rgba(24,79,117,.18);--max:1220px
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#f7fafc;line-height:1.8;font-size:15px}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;max-width:100%;object-fit:cover}
button{font:inherit;cursor:pointer;border:0}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.side-nav{position:fixed;z-index:20;left:0;top:0;bottom:0;width:250px;background:rgba(255,255,255,.97);border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(25,66,94,.04)}
.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 34px}
.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:0 10px 22px rgba(23,105,170,.25)}
.brand strong{font-size:20px;letter-spacing:1px}.brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:2px;line-height:1.4}
.nav-title{padding:0 10px 12px;color:#8a9bac;font-size:12px;letter-spacing:2px}
.nav-list{list-style:none}.nav-list li{margin:4px 0}
.nav-list a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:11px;color:#607386;transition:.25s}
.nav-list a span{width:7px;height:7px;border-radius:50%;background:#b8cbd7;transition:.25s}
.nav-list a:hover,.nav-list a.active{background:#eaf4fa;color:var(--blue);font-weight:700}
.nav-list a:hover span,.nav-list a.active span{background:var(--cyan);box-shadow:0 0 0 5px rgba(39,169,214,.12)}
.nav-bottom{margin-top:auto;padding:18px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.nav-bottom b{display:block;color:var(--navy);font-size:14px;margin-bottom:4px}
.main-wrap{margin-left:250px}.mobile-bar{display:none}
.page-hero{min-height:390px;background-image:linear-gradient(90deg,rgba(8,32,53,.9),rgba(12,59,86,.56)),url("/assets/images/backpic/back-2.webp");background-position:center;background-size:cover;color:#fff;display:flex;align-items:center}
.page-hero-content{padding:90px 0;width:min(820px,100%)}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#bceeff;font-size:13px;letter-spacing:2px;margin-bottom:18px}
.eyebrow:before{content:"";width:30px;height:2px;background:var(--gold)}
h1{font-size:clamp(36px,5vw,60px);line-height:1.25;letter-spacing:-1px;margin-bottom:20px}
.page-hero p{font-size:18px;color:#e2f1f8;max-width:720px}
section{padding:86px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}
.section-head h2{font-size:34px;line-height:1.3;color:var(--navy)}.section-head p{max-width:610px;color:var(--muted)}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.intro-grid h2{font-size:36px;line-height:1.4;margin-bottom:17px}
.intro-grid p{color:var(--muted);margin-bottom:16px}.image-stack img{height:370px;border-radius:var(--radius);box-shadow:var(--shadow)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 22px;font-weight:700;transition:.25s}
.btn-primary{background:var(--cyan);color:#fff;box-shadow:0 10px 24px rgba(39,169,214,.25)}.btn-primary:hover{background:#168db9;transform:translateY(-2px)}
.btn-outline{border:1px solid #b5d6e6;color:var(--blue);background:#fff}.btn-outline:hover{background:#e9f6fb;border-color:var(--blue)}
.btn:focus,a:focus{outline:3px solid rgba(39,169,214,.35);outline-offset:3px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px rgba(27,70,97,.045);transition:.28s}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:#b9dcea}.card h3{font-size:19px;margin-bottom:9px;color:var(--navy)}.card p{color:var(--muted);font-size:14px}
.icon{width:46px;height:46px;border-radius:14px;background:var(--soft);color:var(--blue);display:grid;place-items:center;font-size:22px;font-weight:800;margin-bottom:20px}
.band{background:var(--navy);color:#fff}.band .section-head h2{color:#fff}.band .section-head p{color:#bed1dc}
.service-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.service-image{min-height:360px;border-radius:var(--radius);overflow:hidden}.service-image img{height:100%}
.service-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-list .card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}.service-list .card h3{color:#fff}.service-list .card p{color:#c5d9e2}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}.step{position:relative;padding:26px 22px;background:#fff;border-radius:var(--small-radius);border:1px solid var(--line)}.step:before{counter-increment:step;content:"0" counter(step);color:var(--cyan);font-size:25px;font-weight:800}.step h3{margin:12px 0 5px;color:var(--navy)}.step p{font-size:14px;color:var(--muted)}
.scenario{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.scenario .card{display:flex;gap:20px;align-items:flex-start}.scenario img{width:145px;height:125px;border-radius:14px;flex:none}
.quote{background:#eaf4fa;border-left:4px solid var(--cyan);padding:28px 32px;border-radius:0 var(--radius) var(--radius) 0;color:#35566c;font-size:17px}
.faq-list{max-width:900px}.faq-item{background:#fff;border-bottom:1px solid var(--line);padding:20px 24px}.faq-item:first-child{border-radius:var(--radius) var(--radius) 0 0}.faq-item:last-child{border-radius:0 0 var(--radius) var(--radius);border-bottom:0}.faq-item summary{cursor:pointer;font-size:17px;font-weight:700;color:var(--navy)}.faq-item p{padding-top:12px;color:var(--muted)}
.cta{background:linear-gradient(120deg,#e6f5fb,#fff);text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta h2{font-size:34px;color:var(--navy);margin-bottom:12px}.cta p{color:var(--muted);max-width:650px;margin:0 auto 25px}
footer{background:#fff;padding:62px 0 22px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer-grid h3{font-size:15px;color:var(--navy);margin-bottom:14px}.footer-grid>div>a:not(.brand){display:block;color:var(--muted);font-size:14px;margin:7px 0;transition:.2s}.footer-grid>div>a:not(.brand):hover{color:var(--blue);transform:translateX(3px)}
.footer-note{color:var(--muted);font-size:13px;max-width:310px;margin-top:10px}.copyright{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:40px;padding-top:18px;color:#8091a0;font-size:12px}.copyright a:hover{color:var(--blue)}
@media(max-width:1024px){.side-nav{width:220px}.main-wrap{margin-left:220px}.container{width:min(var(--max),calc(100% - 38px))}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.side-nav{display:none}.main-wrap{margin-left:0}.mobile-bar{display:flex;height:70px;background:#fff;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;padding:0 20px;position:relative;z-index:30}.mobile-bar .brand{padding:0}.mobile-menu{background:var(--soft);color:var(--blue);border-radius:9px;padding:8px 12px}.mobile-links{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:12px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mobile-links.open{display:block}.mobile-links a{display:block;padding:9px;color:var(--muted)}.intro-grid,.service-layout{grid-template-columns:1fr}.scenario{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.page-hero{min-height:430px}.page-hero-content{padding:65px 0}section{padding:66px 0}}
@media(max-width:520px){.container{width:calc(100% - 30px)}.feature-grid,.service-list,.steps{grid-template-columns:1fr}.section-head{display:block}.section-head h2{font-size:28px;margin-bottom:12px}.intro-grid h2{font-size:29px}.scenario .card{display:block}.scenario img{width:100%;height:190px;margin-bottom:18px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}h1{font-size:37px}}

/* roulang page: category3 */
:root{
 --navy:#102a43;--blue:#1769aa;--cyan:#27a9d6;--ink:#172b4d;--muted:#60758a;
 --soft:#edf5fa;--line:#dbe7ef;--white:#fff;--gold:#e8ad54;--radius:20px;
 --small-radius:12px;--shadow:0 18px 50px rgba(24,62,91,.10);
 --shadow-hover:0 24px 60px rgba(24,79,117,.18);--max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#f7fafc;line-height:1.8;font-size:15px}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;max-width:100%;object-fit:cover}
button,input,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.side-nav{position:fixed;z-index:20;left:0;top:0;bottom:0;width:250px;background:rgba(255,255,255,.97);border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(25,66,94,.04)}
.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 34px}
.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:0 10px 22px rgba(23,105,170,.25)}
.brand strong{font-size:20px;letter-spacing:1px}
.brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:2px;line-height:1.4}
.nav-title{padding:0 10px 12px;color:#8a9bac;font-size:12px;letter-spacing:2px}
.nav-list{list-style:none;margin:0;padding:0}
.nav-list li{margin:4px 0}
.nav-list a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:11px;color:#607386;transition:.25s}
.nav-list a span{width:7px;height:7px;border-radius:50%;background:#b8cbd7;transition:.25s}
.nav-list a:hover,.nav-list a.active{background:#eaf4fa;color:var(--blue);font-weight:700}
.nav-list a:hover span,.nav-list a.active span{background:var(--cyan);box-shadow:0 0 0 5px rgba(39,169,214,.12)}
.nav-bottom{margin-top:auto;padding:18px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.nav-bottom b{display:block;color:var(--navy);font-size:14px;margin-bottom:4px}
.main-wrap{margin-left:250px}
.mobile-bar{display:none}
.hero{min-height:570px;background-image:linear-gradient(90deg,rgba(8,32,53,.9),rgba(12,59,86,.58),rgba(11,51,74,.2)),url("/assets/images/backpic/back-2.webp");background-position:center;background-size:cover;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:7%;bottom:-90px;width:330px;height:330px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.04),0 0 0 70px rgba(255,255,255,.03)}
.hero-content{position:relative;z-index:1;width:min(770px,100%);padding:86px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#bceeff;font-size:13px;letter-spacing:2px;margin-bottom:20px}
.eyebrow:before{content:"";width:30px;height:2px;background:var(--gold)}
h1{font-size:clamp(38px,5vw,64px);line-height:1.2;margin:0 0 20px;letter-spacing:-1px}
.hero p{font-size:18px;color:#e2f1f8;max-width:700px;margin:0 0 30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:12px 22px;font-weight:700;transition:.25s}
.btn-primary{background:var(--cyan);color:#fff;box-shadow:0 10px 24px rgba(39,169,214,.25)}
.btn-primary:hover{background:#168db9;transform:translateY(-2px);box-shadow:0 14px 28px rgba(39,169,214,.35)}
.btn-light{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);color:#fff}
.btn-light:hover{background:#fff;color:var(--navy)}
.btn-outline{border-color:#b5d6e6;color:var(--blue);background:#fff}
.btn-outline:hover{background:#e9f6fb;border-color:var(--blue)}
.hero-points{display:flex;gap:28px;flex-wrap:wrap;margin-top:42px}
.hero-points div{border-left:2px solid var(--gold);padding-left:12px}
.hero-points strong{font-size:21px;display:block;color:#fff}
.hero-points span{font-size:12px;color:#bcd3df}
section{padding:86px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:36px}
.section-head h2{font-size:34px;line-height:1.3;color:var(--navy);margin:0}
.section-head p{max-width:610px;color:var(--muted);margin:0}
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.intro-grid h2{font-size:37px;line-height:1.4;margin:0 0 18px}
.intro-grid p{color:var(--muted);margin:0 0 16px}
.image-stack img{height:380px;border-radius:var(--radius);box-shadow:var(--shadow)}
.kicker{color:var(--blue);font-weight:700;font-size:13px;letter-spacing:1px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px rgba(27,70,97,.045);transition:.28s}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:#b9dcea}
.card h3{font-size:19px;margin:0 0 9px;color:var(--navy)}
.card p{color:var(--muted);font-size:14px;margin:0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature-card{min-height:235px}
.feature-icon{width:46px;height:46px;border-radius:14px;background:#eaf6fb;color:var(--blue);display:grid;place-items:center;font-size:21px;font-weight:800;margin-bottom:22px}
.feature-card .tag{margin-bottom:14px}
.tag{display:inline-block;border:1px solid #b7dbe9;border-radius:30px;padding:3px 12px;font-size:12px;color:var(--blue);background:#f4fbfd}
.split-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:stretch}
.dark-panel{background:linear-gradient(135deg,#123b62,#1769aa);border-radius:var(--radius);padding:38px;color:#fff;min-height:330px}
.dark-panel h3{font-size:27px;line-height:1.35;margin:15px 0}
.dark-panel p{color:#d9eff7}
.dark-panel .tag{color:#e7fbff;border-color:rgba(255,255,255,.4);background:transparent}
.process{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.process-item{background:#fff;border:1px solid var(--line);padding:25px;border-radius:16px;position:relative}
.process-item b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;margin-bottom:18px}
.process-item h3{margin:0 0 8px;font-size:18px}
.process-item p{margin:0;color:var(--muted);font-size:14px}
.case-row{display:grid;grid-template-columns:180px 1fr;gap:26px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.case-row img{height:150px;border-radius:15px}
.case-row h3{margin:7px 0;font-size:22px;color:var(--navy)}
.case-row p{margin:0;color:var(--muted)}
.check-list{list-style:none;margin:18px 0 0;padding:0}
.check-list li{position:relative;padding:9px 0 9px 27px;color:var(--muted)}
.check-list li:before{content:"✓";position:absolute;left:0;top:8px;color:var(--cyan);font-weight:800}
.notice{background:#f0f8fb;border:1px solid #cce6ef;border-radius:var(--radius);padding:30px 34px}
.notice h2{margin:0 0 12px;color:var(--navy)}
.notice p{margin:0;color:var(--muted)}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
details{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px 22px;transition:.25s}
details:hover{border-color:#a9d3e3}
summary{cursor:pointer;font-weight:700;color:var(--navy);list-style:none;padding-right:20px;position:relative}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:0;color:var(--cyan);font-size:22px;top:-4px}
details[open] summary:after{content:"−"}
details p{color:var(--muted);font-size:14px;margin:13px 0 0}
.cta{background:var(--navy);color:#fff;padding:70px 0}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta h2{font-size:34px;margin:0 0 10px}
.cta p{color:#c5d8e3;margin:0;max-width:650px}
footer{background:#fff;border-top:1px solid var(--line);padding:58px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}
.footer-note{color:var(--muted);font-size:13px;max-width:330px;margin:5px 10px 0}
footer h3{font-size:15px;color:var(--navy);margin:8px 0 14px}
footer .footer-grid>div:not(:first-child) a{display:block;color:var(--muted);font-size:13px;padding:4px 0;transition:.2s}
footer .footer-grid>div:not(:first-child) a:hover{color:var(--blue);transform:translateX(3px)}
.copyright{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:35px;padding-top:20px;color:#8393a1;font-size:12px}
.copyright a:hover{color:var(--blue)}
:focus-visible{outline:3px solid rgba(39,169,214,.45);outline-offset:3px}
@media(max-width:1024px){.side-nav{width:220px}.main-wrap{margin-left:220px}.container{width:min(var(--max),calc(100% - 38px))}.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.side-nav{display:none}.main-wrap{margin-left:0}.mobile-bar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative;z-index:22}.mobile-bar .brand{padding:0}.mobile-bar .brand-mark{width:36px;height:36px;font-size:17px}.mobile-bar .brand strong{font-size:17px}.menu-button{border:0;background:#eaf5fa;color:var(--blue);border-radius:9px;padding:8px 11px;font-size:20px}.mobile-menu{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;padding:12px 20px 18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:9px 0;color:var(--muted);border-bottom:1px solid #eef3f6}.hero{min-height:590px}.hero-content{padding:72px 0}.intro-grid,.split-panel{grid-template-columns:1fr;gap:28px}.grid-3{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr}.faq-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}
@media(max-width:520px){.container{width:calc(100% - 32px)}section{padding:62px 0}.hero h1{font-size:39px}.hero p{font-size:16px}.hero-points{gap:17px;margin-top:32px}.section-head{display:block}.section-head h2,.intro-grid h2{font-size:28px;margin-bottom:12px}.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:23px}.case-row{grid-template-columns:1fr;padding:14px}.case-row img{height:190px}.cta-inner{display:block}.cta h2{font-size:28px}.cta .btn{margin-top:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-bottom:7px}}

/* roulang page: category2 */
:root{
      --navy:#102a43;--blue:#1769aa;--cyan:#27a9d6;--ink:#172b4d;
      --muted:#60758a;--soft:#edf5fa;--line:#dbe7ef;--white:#fff;
      --gold:#e8ad54;--radius:20px;--small-radius:12px;
      --shadow:0 18px 50px rgba(24,62,91,.10);
      --shadow-hover:0 24px 60px rgba(24,79,117,.18);--max:1220px
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#f7fafc;line-height:1.8;font-size:15px}
    a{color:inherit;text-decoration:none}
    img{display:block;width:100%;max-width:100%;object-fit:cover}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .side-nav{position:fixed;z-index:20;left:0;top:0;bottom:0;width:250px;background:rgba(255,255,255,.97);border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(25,66,94,.04)}
    .brand{display:flex;align-items:center;gap:12px;padding:8px 10px 34px}
    .brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:0 10px 22px rgba(23,105,170,.25)}
    .brand strong{font-size:20px;letter-spacing:1px}
    .brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:2px;line-height:1.4}
    .nav-title{padding:0 10px 12px;color:#8a9bac;font-size:12px;letter-spacing:2px}
    .nav-list{list-style:none}
    .nav-list li{margin:4px 0}
    .nav-list a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:11px;color:#607386;transition:.25s}
    .nav-list a span{width:7px;height:7px;border-radius:50%;background:#b8cbd7;transition:.25s}
    .nav-list a:hover,.nav-list a.active{background:#eaf4fa;color:var(--blue);font-weight:700}
    .nav-list a:hover span,.nav-list a.active span{background:var(--cyan);box-shadow:0 0 0 5px rgba(39,169,214,.12)}
    .nav-bottom{margin-top:auto;padding:18px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
    .nav-bottom b{display:block;color:var(--navy);font-size:14px;margin-bottom:4px}
    .main-wrap{margin-left:250px}
    .mobile-bar{display:none}
    .hero{min-height:600px;background-image:linear-gradient(90deg,rgba(8,32,53,.9),rgba(12,59,86,.58),rgba(11,51,74,.2)),url("/assets/images/backpic/back-2.webp");background-position:center;background-size:cover;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}
    .hero:after{content:"";position:absolute;right:8%;bottom:-100px;width:360px;height:360px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.04),0 0 0 70px rgba(255,255,255,.03)}
    .hero-content{position:relative;z-index:1;width:min(760px,100%);padding:92px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#bceeff;font-size:13px;letter-spacing:2px;margin-bottom:20px}
    .eyebrow:before{content:"";width:30px;height:2px;background:var(--gold)}
    h1{font-size:clamp(38px,5vw,64px);line-height:1.2;letter-spacing:1px;margin-bottom:22px}
    .hero p{font-size:18px;color:#e2f1f8;max-width:700px;margin-bottom:32px}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:12px 22px;font-weight:700;transition:.25s}
    .btn-primary{background:var(--cyan);color:#fff;box-shadow:0 10px 24px rgba(39,169,214,.25)}
    .btn-primary:hover{background:#168db9;transform:translateY(-2px);box-shadow:0 14px 28px rgba(39,169,214,.35)}
    .btn-light{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);color:#fff}
    .btn-light:hover{background:#fff;color:var(--navy)}
    .btn-outline{border-color:#b5d6e6;color:var(--blue);background:#fff}
    .btn-outline:hover{background:#e9f6fb;border-color:var(--blue)}
    .hero-points{display:flex;gap:28px;flex-wrap:wrap;margin-top:45px}
    .hero-points div{border-left:2px solid var(--gold);padding-left:12px}
    .hero-points strong{font-size:22px;display:block;color:#fff}
    .hero-points span{font-size:12px;color:#bcd3df}
    section{padding:88px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:38px}
    .section-head h2{font-size:34px;line-height:1.3;color:var(--navy)}
    .section-head p{max-width:610px;color:var(--muted)}
    .intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
    .intro-grid h2{font-size:37px;line-height:1.4;margin-bottom:18px}
    .intro-grid p{color:var(--muted);margin-bottom:16px}
    .image-stack img{height:380px;border-radius:var(--radius);box-shadow:var(--shadow)}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px rgba(27,70,97,.045);transition:.28s}
    .card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:#b9dcea}
    .card h3{font-size:19px;margin-bottom:9px;color:var(--navy)}
    .card p{color:var(--muted);font-size:14px}
    .icon{width:45px;height:45px;border-radius:14px;background:var(--soft);color:var(--blue);display:grid;place-items:center;font-size:21px;font-weight:800;margin-bottom:18px}
    .split-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px;align-items:stretch}
    .feature-image{min-height:390px;border-radius:var(--radius);overflow:hidden;position:relative}
    .feature-image img{height:100%;min-height:390px}
    .feature-image figcaption{position:absolute;left:24px;bottom:22px;color:#fff;font-size:18px;font-weight:700;text-shadow:0 2px 12px #071c2d}
    .benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .benefit{padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px}
    .benefit b{display:block;color:var(--navy);margin-bottom:5px}
    .benefit span{font-size:13px;color:var(--muted)}
    .campaign{background:var(--navy);color:#fff}
    .campaign .section-head h2{color:#fff}
    .campaign .section-head p{color:#bed1dc}
    .campaign-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
    .campaign-main{min-height:320px;border-radius:var(--radius);padding:35px;background:linear-gradient(135deg,#1a78aa,#123b62);display:flex;flex-direction:column;justify-content:flex-end}
    .campaign-main h3{font-size:28px;margin:12px 0 7px}
    .campaign-main p{color:#d9eff7;max-width:580px}
    .tag{display:inline-block;border:1px solid rgba(255,255,255,.4);border-radius:30px;padding:3px 12px;font-size:12px;color:#dcf8ff;width:max-content}
    .campaign-item{border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:22px;background:rgba(255,255,255,.06);margin-bottom:14px}
    .campaign-item:last-child{margin-bottom:0}
    .campaign-item b{display:block;color:#fff;font-size:18px}
    .campaign-item span{font-size:13px;color:#c1d7e2}
    .step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .step{position:relative;padding:25px;background:#fff;border-radius:16px;border:1px solid var(--line)}
    .step em{font-style:normal;color:var(--cyan);font-size:28px;font-weight:800}
    .step h3{font-size:17px;margin:10px 0 5px}
    .step p{color:var(--muted);font-size:13px}
    .number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
    .number-grid strong{font-size:38px;color:var(--blue);display:block;line-height:1.3}
    .number-grid span{color:var(--muted);font-size:13px}
    .notice{background:#eaf5fa;border-left:4px solid var(--cyan);padding:24px 28px;border-radius:0 16px 16px 0;color:#456579}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 21px}
    summary{cursor:pointer;font-weight:700;color:var(--navy);list-style:none}
    summary::-webkit-details-marker{display:none}
    details p{padding-top:12px;color:var(--muted);font-size:14px}
    .cta{background:linear-gradient(120deg,#eaf6fb,#fff);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .cta-box{display:flex;justify-content:space-between;align-items:center;gap:25px}
    .cta h2{font-size:32px;color:var(--navy);line-height:1.35}
    .cta p{color:var(--muted);margin-top:8px}
    footer{background:#fff;padding:60px 0 25px}
    .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:35px}
    .footer-note{color:var(--muted);font-size:13px;max-width:300px;margin:10px}
    footer h3{font-size:15px;color:var(--navy);margin:8px 0 14px}
    footer .footer-grid>div>a:not(.brand){display:block;color:var(--muted);font-size:13px;margin:7px 0;transition:.2s}
    footer .footer-grid>div>a:not(.brand):hover{color:var(--blue);transform:translateX(3px)}
    .copyright{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);margin-top:38px;padding-top:20px;color:#8193a1;font-size:12px}
    .copyright a:hover{color:var(--blue)}
    :focus-visible{outline:3px solid rgba(39,169,214,.4);outline-offset:3px}
    @media(max-width:1024px){.side-nav{width:215px}.main-wrap{margin-left:215px}.container{width:min(var(--max),calc(100% - 36px))}.grid-4,.step-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.side-nav{display:none}.main-wrap{margin-left:0}.mobile-bar{display:flex;position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line);padding:12px 18px;align-items:center;justify-content:space-between}.mobile-bar .brand{padding:0}.mobile-toggle{border:0;background:var(--soft);color:var(--navy);border-radius:10px;padding:8px 12px}.mobile-menu{display:none;background:#fff;padding:8px 18px 16px;border-bottom:1px solid var(--line)}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:8px;color:var(--muted)}.hero{min-height:640px}.hero-content{padding:75px 0}.intro-grid,.split-panel,.campaign-grid{grid-template-columns:1fr}.intro-grid h2{font-size:30px}.benefit-list,.faq-grid{grid-template-columns:1fr}.cta-box{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){.container{width:min(100% - 30px,var(--max))}section{padding:62px 0}.section-head{display:block}.section-head h2{font-size:28px;margin-bottom:12px}h1{font-size:38px}.hero p{font-size:16px}.hero-points{gap:16px;margin-top:30px}.number-grid{grid-template-columns:1fr 1fr;gap:25px}.grid-3,.grid-4,.step-grid{grid-template-columns:1fr}.campaign-main{min-height:300px;padding:25px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}}

/* roulang page: category5 */
:root{
 --navy:#102a43;
 --blue:#1769aa;
 --cyan:#27a9d6;
 --ink:#172b4d;
 --muted:#60758a;
 --soft:#edf5fa;
 --line:#dbe7ef;
 --white:#fff;
 --gold:#e8ad54;
 --radius:20px;
 --small-radius:12px;
 --shadow:0 18px 50px rgba(24,62,91,.10);
 --shadow-hover:0 24px 60px rgba(24,79,117,.18);
 --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#f7fafc;line-height:1.8;font-size:15px}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;max-width:100%;object-fit:cover}
button,input,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.side-nav{position:fixed;z-index:20;left:0;top:0;bottom:0;width:250px;background:rgba(255,255,255,.97);border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(25,66,94,.04)}
.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 34px}
.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:0 10px 22px rgba(23,105,170,.25)}
.brand strong{font-size:20px;letter-spacing:1px}
.brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:2px;line-height:1.4}
.nav-title{padding:0 10px 12px;color:#8a9bac;font-size:12px;letter-spacing:2px}
.nav-list{list-style:none;padding:0;margin:0}
.nav-list li{margin:4px 0}
.nav-list a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:11px;color:#607386;transition:.25s}
.nav-list a span{width:7px;height:7px;border-radius:50%;background:#b8cbd7;transition:.25s}
.nav-list a:hover,.nav-list a.active{background:#eaf4fa;color:var(--blue);font-weight:700}
.nav-list a:hover span,.nav-list a.active span{background:var(--cyan);box-shadow:0 0 0 5px rgba(39,169,214,.12)}
.nav-bottom{margin-top:auto;padding:18px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.nav-bottom b{display:block;color:var(--navy);font-size:14px;margin-bottom:4px}
.main-wrap{margin-left:250px}
.mobile-bar{display:none}
.hero{min-height:590px;background-image:linear-gradient(90deg,rgba(8,32,53,.9),rgba(12,59,86,.57),rgba(11,51,74,.25)),url("/assets/images/backpic/back-2.webp");background-position:center;background-size:cover;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-content{position:relative;z-index:1;width:min(var(--max),calc(100% - 48px));margin:auto;padding:82px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#bceeff;font-size:13px;letter-spacing:2px;margin-bottom:18px}
.eyebrow:before{content:"";width:30px;height:2px;background:var(--gold)}
h1{font-size:clamp(38px,5vw,66px);line-height:1.18;letter-spacing:-1px;margin:0 0 20px;max-width:720px}
.hero p{font-size:18px;color:#e2f1f8;max-width:670px;margin:0 0 28px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:12px 22px;font-weight:700;transition:.25s}
.btn:focus,input:focus,textarea:focus{outline:3px solid rgba(39,169,214,.25);outline-offset:2px}
.btn-primary{background:var(--cyan);color:#fff;box-shadow:0 10px 24px rgba(39,169,214,.25)}
.btn-primary:hover{background:#168db9;transform:translateY(-2px);box-shadow:0 14px 28px rgba(39,169,214,.35)}
.btn-light{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);color:#fff}
.btn-light:hover{background:#fff;color:var(--navy)}
.btn-outline{border-color:#b5d6e6;color:var(--blue);background:#fff}
.btn-outline:hover{background:#e9f6fb;border-color:var(--blue)}
section{padding:88px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}
.section-head h2{font-size:34px;line-height:1.3;color:var(--navy);margin:0}
.section-head p{max-width:610px;color:var(--muted);margin:0}
.whitepaper{margin-top:-72px;position:relative;z-index:2}
.paper-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.paper-cover{padding:34px;background:#eaf5fa}
.paper-cover img{height:360px;border-radius:14px;box-shadow:0 18px 35px rgba(16,42,67,.2)}
.paper-info{padding:42px}
.paper-info h2{margin:0 0 12px;color:var(--navy);font-size:30px}
.paper-info p{color:var(--muted)}
.paper-list{padding:0;margin:24px 0;list-style:none}
.paper-list li{padding:10px 0 10px 28px;border-bottom:1px solid var(--line);position:relative;color:#405a70}
.paper-list li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:800}
.badge,.tag{display:inline-block;border-radius:30px;padding:4px 12px;font-size:12px;color:var(--blue);background:#eaf5fa;border:1px solid #cce5ef}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px rgba(27,70,97,.045);transition:.28s}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:#b9dcea}
.card h3{font-size:19px;margin:0 0 9px;color:var(--navy)}
.card p{color:var(--muted);font-size:14px;margin:0}
.icon{width:44px;height:44px;border-radius:13px;background:#e8f5fa;color:var(--blue);display:grid;place-items:center;font-size:20px;font-weight:800;margin-bottom:20px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.split img{height:390px;border-radius:var(--radius);box-shadow:var(--shadow)}
.split h2{font-size:34px;line-height:1.35;margin:0 0 18px;color:var(--navy)}
.split p{color:var(--muted)}
.check-list{list-style:none;padding:0;margin:24px 0}
.check-list li{padding:10px 0 10px 30px;border-bottom:1px solid var(--line);position:relative}
.check-list li:before{content:"";position:absolute;left:2px;top:21px;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px #e1f3f8}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step{padding:24px;background:#fff;border-top:3px solid var(--cyan);border-radius:0 0 var(--small-radius) var(--small-radius);box-shadow:var(--shadow)}
.step b{font-size:28px;color:var(--gold);display:block;margin-bottom:10px}
.step h3{margin:0 0 8px;color:var(--navy)}
.step p{margin:0;color:var(--muted);font-size:14px}
.data-band{background:var(--navy);color:#fff}
.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:center}
.data-grid strong{font-size:34px;color:#8be2f7;display:block}
.data-grid span{color:#c0d3df}
.faq{max-width:900px;margin:auto}
details{background:#fff;border:1px solid var(--line);border-radius:14px;margin:12px 0;padding:18px 22px;transition:.2s}
details:hover{border-color:#a9d4e5}
summary{cursor:pointer;font-weight:700;color:var(--navy)}
details p{color:var(--muted);margin:14px 0 0}
.cta{background:linear-gradient(120deg,#eaf6fb,#fff);border:1px solid var(--line);border-radius:var(--radius);padding:48px;display:flex;justify-content:space-between;gap:24px;align-items:center}
.cta h2{margin:0;color:var(--navy);font-size:30px}
.cta p{color:var(--muted);margin:8px 0 0}
footer{background:#0d253b;color:#d5e4ec;padding:58px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
footer .brand{padding:0 0 18px;color:#fff}
footer .brand small{color:#9eb7c6}
.footer-note{color:#9eb7c6;max-width:310px;font-size:13px}
footer h3{color:#fff;font-size:15px;margin:7px 0 15px}
footer .footer-grid a:not(.brand){display:block;color:#a9c0cc;font-size:13px;margin:8px 0;transition:.2s}
footer .footer-grid a:not(.brand):hover{color:#fff;transform:translateX(3px)}
.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#91a9b7;font-size:12px}
.copyright a:hover{color:#fff}
@media(max-width:1024px){
 .side-nav{width:220px}.main-wrap{margin-left:220px}.steps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
 .side-nav{display:none}.main-wrap{margin-left:0}.mobile-bar{height:70px;padding:0 20px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30}
 .mobile-bar .brand{padding:0}.mobile-bar .brand strong{font-size:18px}.mobile-bar .brand-mark{width:36px;height:36px}
 .menu-button{border:0;background:var(--soft);color:var(--blue);border-radius:9px;padding:8px 12px;font-weight:700}
 .hero-content{width:min(var(--max),calc(100% - 36px));padding:76px 0}.hero{min-height:600px}
 .container{width:min(var(--max),calc(100% - 36px))}.paper-layout,.split{grid-template-columns:1fr}.paper-cover img{height:300px}.paper-info{padding:30px}
 .grid-3{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:12px}.data-grid{grid-template-columns:1fr 1fr}
 .split img{height:300px}.cta{display:block;padding:32px}.cta .btn{margin-top:22px}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
 h1{font-size:38px}.hero p{font-size:16px}.hero-actions .btn{width:100%}section{padding:64px 0}.paper-cover{padding:20px}
 .paper-cover img{height:240px}.paper-info h2,.split h2{font-size:28px}.steps{grid-template-columns:1fr}.data-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin:7px 0}
}

/* roulang page: category4 */
:root{
      --navy:#102a43;
      --blue:#1769aa;
      --cyan:#27a9d6;
      --ink:#172b4d;
      --muted:#60758a;
      --soft:#edf5fa;
      --line:#dbe7ef;
      --white:#fff;
      --gold:#e8ad54;
      --radius:20px;
      --small-radius:12px;
      --shadow:0 18px 50px rgba(24,62,91,.10);
      --shadow-hover:0 24px 60px rgba(24,79,117,.18);
      --max:1220px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#f7fafc;line-height:1.8;font-size:15px}
    a{color:inherit;text-decoration:none}
    img{display:block;width:100%;max-width:100%;object-fit:cover}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .side-nav{position:fixed;z-index:20;left:0;top:0;bottom:0;width:250px;background:rgba(255,255,255,.97);border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(25,66,94,.04)}
    .brand{display:flex;align-items:center;gap:12px;padding:8px 10px 34px}
    .brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:0 10px 22px rgba(23,105,170,.25)}
    .brand strong{font-size:20px;letter-spacing:1px}
    .brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:2px;line-height:1.4}
    .nav-title{padding:0 10px 12px;color:#8a9bac;font-size:12px;letter-spacing:2px}
    .nav-list{list-style:none;padding:0;margin:0}
    .nav-list li{margin:4px 0}
    .nav-list a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:11px;color:#607386;transition:.25s}
    .nav-list a span{width:7px;height:7px;border-radius:50%;background:#b8cbd7;transition:.25s}
    .nav-list a:hover,.nav-list a.active{background:#eaf4fa;color:var(--blue);font-weight:700}
    .nav-list a:hover span,.nav-list a.active span{background:var(--cyan);box-shadow:0 0 0 5px rgba(39,169,214,.12)}
    .nav-bottom{margin-top:auto;padding:18px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
    .nav-bottom b{display:block;color:var(--navy);font-size:14px;margin-bottom:4px}
    .main-wrap{margin-left:250px}
    .mobile-bar{display:none}
    .hero{min-height:535px;background-image:linear-gradient(90deg,rgba(8,32,53,.9),rgba(12,59,86,.58),rgba(11,51,74,.25)),url("/assets/images/backpic/back-2.webp");background-position:center;background-size:cover;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}
    .hero:after{content:"";position:absolute;right:7%;bottom:-100px;width:350px;height:350px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.04),0 0 0 70px rgba(255,255,255,.03)}
    .hero-content{position:relative;z-index:1;width:min(820px,100%);padding:92px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#bceeff;font-size:13px;letter-spacing:2px;margin-bottom:20px}
    .eyebrow:before{content:"";width:30px;height:2px;background:var(--gold)}
    h1{font-size:clamp(38px,5vw,64px);line-height:1.2;margin:0 0 20px;letter-spacing:1px}
    .hero p{font-size:18px;color:#e2f1f8;max-width:720px;margin:0 0 30px}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:12px 22px;font-weight:700;transition:.25s}
    .btn:focus,input:focus,textarea:focus{outline:3px solid rgba(39,169,214,.28);outline-offset:2px}
    .btn-primary{background:var(--cyan);color:#fff;box-shadow:0 10px 24px rgba(39,169,214,.25)}
    .btn-primary:hover{background:#168db9;transform:translateY(-2px);box-shadow:0 14px 28px rgba(39,169,214,.35)}
    .btn-light{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);color:#fff}
    .btn-light:hover{background:#fff;color:var(--navy)}
    .btn-outline{border-color:#b5d6e6;color:var(--blue);background:#fff}
    .btn-outline:hover{background:#e9f6fb;border-color:var(--blue)}
    section{padding:84px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:36px}
    .section-head h2{font-size:34px;line-height:1.3;color:var(--navy);margin:0}
    .section-head p{max-width:610px;color:var(--muted);margin:0}
    .label{display:inline-block;color:var(--blue);font-size:12px;letter-spacing:2px;font-weight:700;margin-bottom:10px}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:26px}
    .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px rgba(27,70,97,.045);transition:.28s}
    .card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:#b9dcea}
    .card h3{font-size:19px;margin:0 0 9px;color:var(--navy)}
    .card p{color:var(--muted);font-size:14px;margin:0}
    .icon{width:44px;height:44px;border-radius:13px;background:#eaf5fa;color:var(--blue);display:grid;place-items:center;font-size:21px;font-weight:800;margin-bottom:18px}
    .feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}
    .feature img{height:360px;border-radius:var(--radius);box-shadow:var(--shadow)}
    .feature h2{font-size:36px;line-height:1.4;margin:0 0 18px;color:var(--navy)}
    .feature p{color:var(--muted);margin:0 0 16px}
    .check-list{list-style:none;padding:0;margin:22px 0}
    .check-list li{position:relative;padding:8px 0 8px 28px;color:var(--ink)}
    .check-list li:before{content:"✓";position:absolute;left:0;top:8px;width:20px;height:20px;border-radius:50%;background:#dff4f8;color:#1488ac;text-align:center;line-height:20px;font-weight:bold}
    .band{background:var(--navy);color:#fff}
    .band .section-head h2{color:#fff}
    .band .section-head p{color:#bed1dc}
    .contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}
    .contact-panel{background:#fff;border-radius:var(--radius);padding:32px;color:var(--ink);box-shadow:var(--shadow)}
    .contact-panel h3{margin:0 0 8px;color:var(--navy);font-size:23px}
    .contact-panel p{color:var(--muted);margin:0 0 20px}
    .contact-item{display:flex;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}
    .contact-item:last-child{border:0}
    .contact-item b{display:block;color:var(--navy)}
    .contact-item span{font-size:13px;color:var(--muted)}
    .contact-number{font-size:24px;color:var(--blue);font-weight:800}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    input,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--ink);background:#fbfdfe;margin-bottom:14px}
    textarea{min-height:120px;resize:vertical}
    .form-tip{font-size:12px;color:var(--muted);margin-top:12px}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .step{position:relative;padding:24px 20px;background:#fff;border:1px solid var(--line);border-radius:16px}
    .step-num{font-size:34px;color:var(--cyan);font-weight:800;line-height:1;margin-bottom:16px}
    .step h3{font-size:17px;margin:0 0 8px;color:var(--navy)}
    .step p{font-size:13px;color:var(--muted);margin:0}
    .quote{background:linear-gradient(135deg,#eaf5fa,#fff);border-left:4px solid var(--cyan);border-radius:0 var(--radius) var(--radius) 0;padding:30px 34px;color:var(--ink);font-size:19px}
    .quote small{display:block;color:var(--muted);font-size:13px;margin-top:12px}
    .faq-list{max-width:900px;margin:auto}
    details{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:12px;padding:0 22px;box-shadow:0 5px 20px rgba(27,70,97,.035)}
    summary{cursor:pointer;list-style:none;padding:19px 0;font-weight:700;color:var(--navy);position:relative;padding-right:30px}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"＋";position:absolute;right:0;color:var(--cyan);font-size:22px;font-weight:400}
    details[open] summary:after{content:"−"}
    details p{border-top:1px solid var(--line);padding:15px 0 20px;color:var(--muted);margin:0;font-size:14px}
    .cta{background:linear-gradient(135deg,#1769aa,#123b62);color:#fff;padding:62px 0}
    .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
    .cta h2{font-size:34px;margin:0 0 10px}
    .cta p{color:#d5e9f2;margin:0;max-width:660px}
    footer{background:#fff;border-top:1px solid var(--line);padding:58px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}
    .footer-grid .brand{padding:0 0 15px}
    .footer-grid h3{font-size:15px;color:var(--navy);margin:8px 0 14px}
    .footer-grid>div>a:not(.brand){display:block;color:var(--muted);font-size:13px;padding:4px 0;transition:.2s}
    .footer-grid>div>a:not(.brand):hover{color:var(--blue);padding-left:4px}
    .footer-note{color:var(--muted);font-size:13px;max-width:320px;margin:0}
    .copyright{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:42px;padding-top:20px;color:#8495a3;font-size:12px}
    .copyright a:hover{color:var(--blue)}
    @media(max-width:1024px){.side-nav{width:220px}.main-wrap{margin-left:220px}.container{width:min(var(--max),calc(100% - 36px))}.grid-3{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.side-nav{display:none}.main-wrap{margin-left:0}.mobile-bar{display:flex;position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line);padding:12px 18px;align-items:center;justify-content:space-between}.mobile-bar .brand{padding:0}.mobile-bar .brand-mark{width:36px;height:36px;font-size:17px}.mobile-bar .brand strong{font-size:17px}.mobile-bar .brand small{display:none}.mobile-links{display:flex;gap:12px;overflow:auto;padding-left:12px}.mobile-links a{white-space:nowrap;font-size:12px;color:var(--muted)}.mobile-links a.active{color:var(--blue);font-weight:bold}.hero{min-height:570px}.hero-content{padding:75px 0}.section-head,.cta-inner{display:block}.section-head p{margin-top:14px}.feature,.contact-grid{grid-template-columns:1fr;gap:28px}.feature img{height:280px}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){.container{width:calc(100% - 30px)}section{padding:62px 0}.grid-3,.grid-2,.steps{grid-template-columns:1fr}.hero h1{font-size:40px}.hero p{font-size:16px}.hero-actions .btn{width:100%}.section-head h2,.feature h2,.cta h2{font-size:28px}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}.mobile-links{max-width:57vw}}

/* roulang page: category6 */
:root{
      --navy:#102a43;--blue:#1769aa;--cyan:#27a9d6;--ink:#172b4d;
      --muted:#60758a;--soft:#edf5fa;--line:#dbe7ef;--white:#fff;
      --gold:#e8ad54;--radius:20px;--small-radius:12px;
      --shadow:0 18px 50px rgba(24,62,91,.10);
      --shadow-hover:0 24px 60px rgba(24,79,117,.18);--max:1220px;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#f7fafc;line-height:1.8;font-size:15px}
    a{color:inherit;text-decoration:none}
    img{display:block;width:100%;max-width:100%;object-fit:cover}
    button,input,textarea{font:inherit}button{cursor:pointer}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .side-nav{position:fixed;z-index:20;left:0;top:0;bottom:0;width:250px;background:rgba(255,255,255,.97);border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(25,66,94,.04)}
    .brand{display:flex;align-items:center;gap:12px;padding:8px 10px 34px}
    .brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:0 10px 22px rgba(23,105,170,.25)}
    .brand strong{font-size:20px;letter-spacing:1px}.brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:2px;line-height:1.4}
    .nav-title{padding:0 10px 12px;color:#8a9bac;font-size:12px;letter-spacing:2px}
    .nav-list{list-style:none}.nav-list li{margin:4px 0}
    .nav-list a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:11px;color:#607386;transition:.25s}
    .nav-list a span{width:7px;height:7px;border-radius:50%;background:#b8cbd7;transition:.25s}
    .nav-list a:hover,.nav-list a.active{background:#eaf4fa;color:var(--blue);font-weight:700}
    .nav-list a:hover span,.nav-list a.active span{background:var(--cyan);box-shadow:0 0 0 5px rgba(39,169,214,.12)}
    .nav-bottom{margin-top:auto;padding:18px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
    .nav-bottom b{display:block;color:var(--navy);font-size:14px;margin-bottom:4px}
    .main-wrap{margin-left:250px}.mobile-bar{display:none}
    .hero{min-height:530px;background-image:linear-gradient(90deg,rgba(8,32,53,.9),rgba(12,59,86,.56),rgba(11,51,74,.2)),url("/assets/images/backpic/back-2.webp");background-position:center;background-size:cover;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}
    .hero-content{position:relative;z-index:1;width:min(760px,100%);padding:88px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#bceeff;font-size:13px;letter-spacing:2px;margin-bottom:20px}.eyebrow:before{content:"";width:30px;height:2px;background:var(--gold)}
    h1{font-size:clamp(38px,5vw,64px);line-height:1.2;letter-spacing:1px;margin-bottom:20px}.hero p{font-size:18px;color:#e2f1f8;max-width:700px;margin-bottom:30px}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:12px 22px;font-weight:700;transition:.25s}
    .btn-primary{background:var(--cyan);color:#fff;box-shadow:0 10px 24px rgba(39,169,214,.25)}.btn-primary:hover{background:#168db9;transform:translateY(-2px)}
    .btn-light{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);color:#fff}.btn-light:hover{background:#fff;color:var(--navy)}
    .btn-outline{border-color:#b5d6e6;color:var(--blue);background:#fff}.btn-outline:hover{background:#e9f6fb;border-color:var(--blue)}
    section{padding:86px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:36px}.section-head h2{font-size:34px;line-height:1.3;color:var(--navy)}.section-head p{max-width:620px;color:var(--muted)}
    .intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.intro-grid h2{font-size:36px;line-height:1.4;margin-bottom:18px}.intro-grid p{color:var(--muted);margin-bottom:16px}.image-stack img{height:370px;border-radius:var(--radius);box-shadow:var(--shadow)}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px rgba(27,70,97,.045);transition:.28s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:#b9dcea}.card h3{font-size:19px;margin-bottom:9px;color:var(--navy)}.card p{color:var(--muted);font-size:14px}
    .icon{width:42px;height:42px;border-radius:12px;background:#eaf6fb;color:var(--blue);display:grid;place-items:center;font-size:20px;font-weight:800;margin-bottom:18px}
    .soft-section{background:var(--soft)}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.number-grid strong{font-size:38px;color:var(--blue);display:block;line-height:1.3}.number-grid span{color:var(--muted);font-size:13px}
    .benefit-row{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.benefit-panel{background:#fff;border-radius:var(--radius);padding:34px;box-shadow:var(--shadow);border:1px solid var(--line)}.benefit-panel h3{font-size:24px;color:var(--navy);margin-bottom:12px}.benefit-panel p{color:var(--muted)}
    .check-list{list-style:none;margin-top:20px}.check-list li{position:relative;padding:11px 0 11px 28px;border-bottom:1px solid var(--line);color:var(--muted)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:800}
    .process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{position:relative;padding:25px 20px;background:#fff;border:1px solid var(--line);border-radius:16px}.step b{display:block;color:var(--cyan);font-size:13px;letter-spacing:1px;margin-bottom:12px}.step h3{font-size:18px;color:var(--navy);margin-bottom:7px}.step p{color:var(--muted);font-size:14px}
    .visual-card{display:grid;grid-template-columns:190px 1fr;gap:26px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.visual-card img{height:170px;border-radius:15px}.visual-card h3{font-size:24px;color:var(--navy);margin-bottom:10px}.visual-card p{color:var(--muted)}
    .faq-list{max-width:900px;margin:auto}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}.faq-q{width:100%;border:0;background:#fff;text-align:left;padding:19px 22px;color:var(--navy);font-weight:700;display:flex;justify-content:space-between;align-items:center}.faq-q span{color:var(--cyan);font-size:22px;transition:.2s}.faq-a{display:none;padding:0 22px 20px;color:var(--muted)}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{transform:rotate(45deg)}
    .cta{background:linear-gradient(135deg,#123d64,#1769aa);color:#fff}.cta-box{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:32px;margin-bottom:10px}.cta p{color:#d2e7f0;max-width:680px}
    footer{background:#fff;border-top:1px solid var(--line);padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-note{color:var(--muted);font-size:13px;max-width:330px;margin-top:5px}.footer-grid h3{font-size:15px;color:var(--navy);margin:8px 0 12px}.footer-grid>div:not(:first-child) a{display:block;color:var(--muted);font-size:13px;margin:6px 0;transition:.2s}.footer-grid>div:not(:first-child) a:hover{color:var(--blue);padding-left:4px}.copyright{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:35px;padding-top:18px;color:#8293a1;font-size:12px}.copyright a:hover{color:var(--blue)}
    :focus-visible{outline:3px solid rgba(39,169,214,.45);outline-offset:3px}
    @media(max-width:1024px){.side-nav{width:220px}.main-wrap{margin-left:220px}.container{width:min(var(--max),calc(100% - 38px))}.grid-4{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.side-nav{display:none}.main-wrap{margin-left:0}.mobile-bar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative;z-index:10}.mobile-bar .brand{padding:0}.mobile-toggle{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 11px;color:var(--blue);font-size:20px}.mobile-menu{display:none;position:absolute;top:67px;left:0;right:0;background:#fff;padding:12px 20px 18px;box-shadow:var(--shadow)}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:8px;color:var(--muted)}.hero{min-height:570px}.intro-grid,.benefit-row{grid-template-columns:1fr;gap:30px}.grid-3{grid-template-columns:1fr 1fr}.number-grid{grid-template-columns:repeat(2,1fr);gap:30px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}
    @media(max-width:520px){.container{width:min(100% - 30px,var(--max))}.hero-content{padding:65px 0}.hero p{font-size:16px}section{padding:62px 0}.section-head{display:block}.section-head h2{font-size:28px;margin-bottom:12px}.grid-3,.grid-4,.process{grid-template-columns:1fr}.visual-card{grid-template-columns:1fr}.visual-card img{height:210px}.cta-box{display:block}.cta h2{font-size:27px;margin-bottom:14px}.cta .btn{margin-top:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-bottom:7px}}

/* roulang page: category7 */
:root{
 --navy:#102a43;--blue:#1769aa;--cyan:#27a9d6;--ink:#172b4d;--muted:#60758a;
 --soft:#edf5fa;--line:#dbe7ef;--white:#fff;--gold:#e8ad54;--radius:20px;
 --small-radius:12px;--shadow:0 18px 50px rgba(24,62,91,.10);
 --shadow-hover:0 24px 60px rgba(24,79,117,.18);--max:1220px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#f7fafc;line-height:1.8;font-size:15px}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;max-width:100%;object-fit:cover}
button,input,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.side-nav{position:fixed;z-index:20;left:0;top:0;bottom:0;width:250px;background:rgba(255,255,255,.97);border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(25,66,94,.04)}
.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 34px}
.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:0 10px 22px rgba(23,105,170,.25)}
.brand strong{font-size:20px;letter-spacing:1px}
.brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:2px;line-height:1.4}
.nav-title{padding:0 10px 12px;color:#8a9bac;font-size:12px;letter-spacing:2px}
.nav-list{list-style:none}
.nav-list li{margin:4px 0}
.nav-list a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:11px;color:#607386;transition:.25s}
.nav-list a span{width:7px;height:7px;border-radius:50%;background:#b8cbd7;transition:.25s}
.nav-list a:hover,.nav-list a.active{background:#eaf4fa;color:var(--blue);font-weight:700}
.nav-list a:hover span,.nav-list a.active span{background:var(--cyan);box-shadow:0 0 0 5px rgba(39,169,214,.12)}
.nav-bottom{margin-top:auto;padding:18px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.nav-bottom b{display:block;color:var(--navy);font-size:14px;margin-bottom:4px}
.main-wrap{margin-left:250px}
.mobile-bar{display:none}
.hero{min-height:570px;background-image:linear-gradient(90deg,rgba(8,32,53,.9),rgba(12,59,86,.62),rgba(11,51,74,.2)),url("/assets/images/backpic/back-3.webp");background-position:center;background-size:cover;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:7%;bottom:-90px;width:330px;height:330px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.04),0 0 0 70px rgba(255,255,255,.03)}
.hero-content{position:relative;z-index:1;width:min(780px,100%);padding:85px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#bceeff;font-size:13px;letter-spacing:2px;margin-bottom:18px}
.eyebrow:before{content:"";width:30px;height:2px;background:var(--gold)}
h1{font-size:clamp(38px,5vw,64px);line-height:1.2;letter-spacing:1px;margin-bottom:22px}
.hero p{font-size:18px;color:#e2f1f8;max-width:700px;margin-bottom:30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:12px 22px;font-weight:700;transition:.25s}
.btn-primary{background:var(--cyan);color:#fff;box-shadow:0 10px 24px rgba(39,169,214,.25)}
.btn-primary:hover{background:#168db9;transform:translateY(-2px);box-shadow:0 14px 28px rgba(39,169,214,.35)}
.btn-light{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);color:#fff}
.btn-light:hover{background:#fff;color:var(--navy)}
.btn-outline{border-color:#b5d6e6;color:var(--blue);background:#fff}
.btn-outline:hover{background:#e9f6fb;border-color:var(--blue)}
section{padding:88px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:36px}
.section-head h2{font-size:34px;line-height:1.3;color:var(--navy)}
.section-head p{max-width:620px;color:var(--muted)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px rgba(27,70,97,.045);transition:.28s}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:#b9dcea}
.card h3{font-size:19px;margin-bottom:9px;color:var(--navy)}
.card p{color:var(--muted);font-size:14px}
.badge{display:inline-block;padding:4px 11px;border-radius:30px;background:#eaf6fb;color:var(--blue);font-size:12px;font-weight:700;margin-bottom:14px}
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.intro-grid h2{font-size:37px;line-height:1.4;margin-bottom:18px}
.intro-grid p{color:var(--muted);margin-bottom:16px}
.image-stack img{height:370px;border-radius:var(--radius);box-shadow:var(--shadow)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.icon-box{width:48px;height:48px;border-radius:14px;background:#eaf6fb;color:var(--blue);display:grid;place-items:center;font-size:22px;font-weight:800;margin-bottom:20px}
.light-section{background:#eef6fa}
.check-list{list-style:none;margin-top:22px}
.check-list li{position:relative;padding:12px 0 12px 30px;border-bottom:1px solid var(--line);color:var(--muted)}
.check-list li:before{content:"✓";position:absolute;left:0;top:11px;color:var(--cyan);font-weight:800}
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{position:relative;padding:26px;background:#fff;border-radius:var(--radius);border:1px solid var(--line)}
.step-num{font-size:36px;font-weight:800;color:#b9dce9;line-height:1;margin-bottom:20px}
.step h3{font-size:18px;color:var(--navy);margin-bottom:8px}
.step p{font-size:14px;color:var(--muted)}
.split-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:stretch}
.panel-image{min-height:350px;border-radius:var(--radius);background:url("/assets/images/coverpic/cover-12.webp") center/cover;box-shadow:var(--shadow)}
.panel-copy{padding:18px 0 18px 24px}
.panel-copy h2{font-size:34px;line-height:1.35;margin-bottom:18px;color:var(--navy)}
.panel-copy p{color:var(--muted);margin-bottom:16px}
.notice{background:#102a43;color:#fff;border-radius:var(--radius);padding:38px}
.notice h3{font-size:25px;margin-bottom:12px}
.notice p{color:#c8dbe5;max-width:800px}
.notice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}
.notice-grid div{padding:18px;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:rgba(255,255,255,.05)}
.notice-grid b{display:block;color:#fff;margin-bottom:5px}
.notice-grid span{font-size:13px;color:#b8cfdb}
.faq-list{max-width:900px;margin:auto}
details{background:#fff;border:1px solid var(--line);border-radius:14px;margin:12px 0;padding:18px 22px;transition:.2s}
details[open]{box-shadow:var(--shadow);border-color:#b9dcea}
summary{cursor:pointer;font-weight:700;color:var(--navy);list-style:none;padding-right:20px;position:relative}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:0;color:var(--cyan);font-size:22px;top:-4px}
details[open] summary:after{content:"−"}
details p{color:var(--muted);font-size:14px;padding-top:12px}
.cta{padding:70px 0;background:linear-gradient(120deg,#eaf6fb,#f7fbfd)}
.cta-box{display:flex;justify-content:space-between;align-items:center;gap:25px}
.cta h2{font-size:32px;color:var(--navy);margin-bottom:8px}
.cta p{color:var(--muted)}
footer{background:#102a43;color:#d5e5ed;padding:58px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}
footer .brand{padding:0 0 18px;color:#fff}
footer .brand small{color:#a9c1cd}
.footer-note{font-size:13px;color:#a9c1cd;max-width:320px}
footer h3{font-size:15px;color:#fff;margin:8px 0 14px}
footer .footer-grid a:not(.brand){display:block;color:#a9c1cd;font-size:13px;margin:7px 0;transition:.2s}
footer .footer-grid a:not(.brand):hover{color:#65d5f2;padding-left:4px}
.copyright{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);margin-top:38px;padding-top:20px;color:#91adba;font-size:12px}
.copyright a:hover{color:#fff}
:focus-visible{outline:3px solid rgba(39,169,214,.45);outline-offset:3px}
@media(max-width:1024px){
 .side-nav{width:220px}.main-wrap{margin-left:220px}.container{width:min(var(--max),calc(100% - 36px))}
 .feature-grid{grid-template-columns:repeat(2,1fr)}.step-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
 .side-nav{display:none}.main-wrap{margin-left:0}.mobile-bar{display:flex;position:relative;z-index:30;align-items:center;justify-content:space-between;padding:13px 18px;background:#fff;border-bottom:1px solid var(--line)}
 .mobile-bar .brand{padding:0}.mobile-bar .brand-mark{width:36px;height:36px;font-size:17px}.mobile-bar .brand strong{font-size:17px}
 .menu-toggle{border:0;background:#eaf6fb;color:var(--blue);border-radius:9px;padding:8px 12px;font-weight:700}
 .mobile-menu{display:none;background:#fff;padding:12px 18px;border-bottom:1px solid var(--line)}.mobile-menu.open{display:block}
 .mobile-menu a{display:block;padding:8px;color:var(--muted)}.mobile-menu a.active{color:var(--blue);font-weight:700}
 .hero{min-height:570px}.hero-content{padding:70px 0}.hero p{font-size:16px}
 section{padding:68px 0}.section-head{display:block}.section-head h2{font-size:29px;margin-bottom:12px}
 .intro-grid,.split-panel{grid-template-columns:1fr;gap:28px}.panel-copy{padding:0}.panel-image{min-height:260px}
 .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
 .container{width:calc(100% - 30px)}h1{font-size:39px}.hero-actions .btn{width:100%}
 .feature-grid,.step-grid,.notice-grid{grid-template-columns:1fr}.card{padding:23px}.intro-grid h2,.panel-copy h2{font-size:28px}
 .image-stack img{height:270px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin:7px 0}
}