/* roulang page: index */
:root{--blue:#2868e8;--blue2:#123d9b;--ink:#15233d;--muted:#64738d;--bg:#f4f7fc;--surface:#fff;--line:#dfe7f3;--orange:#f28a45;--green:#2e9d78;--radius:18px;--shadow:0 16px 44px rgba(32,67,125,.10);--soft:0 7px 22px rgba(26,65,125,.08)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}p{color:var(--muted);margin:0 0 18px}.container{max-width:1220px;margin:auto;padding:0 26px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 3px 18px rgba(27,59,108,.05)}.nav-row{min-height:76px;display:flex;align-items:center;gap:28px}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;color:var(--blue2);white-space:nowrap}.brand i{display:inline-block;width:10px;height:10px;background:var(--orange);border-radius:50%;margin:0 5px 3px 0}.nav-links{display:flex;align-items:center;gap:5px;flex:1;justify-content:center}.nav-links a{padding:9px 13px;border-radius:9px;color:#53627b;font-size:14px;transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--blue);background:#edf3ff}.nav-actions{display:flex;gap:9px;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:10px 18px;font-weight:700;font-size:14px;transition:.22s;cursor:pointer}.btn:focus,input:focus,textarea:focus,summary:focus{outline:3px solid rgba(40,104,232,.25);outline-offset:2px}.btn-main{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(40,104,232,.2)}.btn-main:hover{background:var(--blue2);transform:translateY(-2px)}.btn-light{background:#f0f5ff;color:var(--blue);border-color:#d7e4ff}.btn-light:hover{background:#e2edff}.menu-toggle{display:none;border:0;background:#edf3ff;color:var(--blue);border-radius:8px;padding:8px 12px}.hero{position:relative;overflow:hidden;padding:72px 0 62px;background:#eaf2ff url('/assets/images/backpic/back-1.webp') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(234,242,255,.98) 16%,rgba(234,242,255,.82) 56%,rgba(234,242,255,.35));z-index:0}.hero .container{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.eyebrow,.tag{display:inline-flex;align-items:center;background:#fff;color:var(--blue);border:1px solid #d4e2fb;border-radius:99px;padding:4px 12px;font-size:13px;font-weight:700}.eyebrow{background:#fff5ec;color:#d66d2d;border-color:#ffe0c5}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.16;letter-spacing:-2px;margin:18px 0 20px}.hero-lead{font-size:18px;max-width:650px}.hero-actions{display:flex;gap:12px;margin:28px 0}.hero-points{display:flex;gap:24px;flex-wrap:wrap}.hero-points strong{display:block;font-size:24px;color:var(--blue2);line-height:1.3}.hero-points span{font-size:13px;color:var(--muted)}.deal-panel{background:#fff;border:1px solid #dbe6f6;border-radius:24px;padding:25px;box-shadow:var(--shadow);transform:rotate(1deg)}.deal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.deal-top b{color:#d86c2a}.timer{display:flex;gap:8px}.timer em{font-style:normal;background:#172c59;color:#fff;border-radius:8px;padding:5px 8px;font-weight:800}.deal-image{height:195px;border-radius:15px;object-fit:cover;width:100%;margin-bottom:18px}.deal-panel h3{font-size:23px;margin:0 0 6px}.deal-foot{display:flex;justify-content:space-between;align-items:center}.deal-foot small{color:var(--muted)}.section{padding:82px 0}.section.alt{background:#edf4ff}.section.dark{background:#142d62;color:#fff}.section-head{max-width:700px;margin-bottom:38px}.section-head h2{font-size:34px;line-height:1.3;margin:10px 0 12px;letter-spacing:-1px}.section-head p{font-size:17px}.label{font-size:12px;color:var(--blue);font-weight:800;letter-spacing:1px}.split{display:grid;grid-template-columns:4fr 6fr;gap:42px;align-items:center}.split.reverse{grid-template-columns:6fr 4fr}.visual{border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:#dce9ff}.visual img{width:100%;height:340px;object-fit:cover}.feature-list{display:grid;gap:14px}.feature-item{display:flex;gap:15px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:.22s}.feature-item:hover,.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bcd2f6}.feature-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#e8f0ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.feature-item h3{font-size:18px;margin:0 0 2px}.feature-item p{font-size:14px;margin:0}.bento{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--soft);transition:.22s}.card.large{grid-row:span 2;background:linear-gradient(145deg,#fff,#edf4ff)}.card h3{margin:10px 0 6px;font-size:20px}.card p{font-size:14px}.card .tag{margin-top:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cddbf3;border:1px solid #cddbf3;border-radius:18px;overflow:hidden}.stat{background:#f7faff;padding:26px}.stat strong{font-size:34px;color:var(--blue2);display:block}.stat span{font-size:14px;color:var(--muted)}.news-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.news-feature{padding:30px;background:#fff;border-radius:20px;border:1px solid var(--line);box-shadow:var(--soft)}.news-feature img{height:220px;width:100%;object-fit:cover;border-radius:14px;margin-bottom:20px}.news-list{background:#fff;border-radius:20px;border:1px solid var(--line);padding:10px 22px}.news-row{display:grid;grid-template-columns:85px 1fr auto;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.news-row:last-child{border:0}.news-row time{font-size:13px;color:var(--blue);font-weight:700}.news-row h3{font-size:16px;margin:0}.news-row small{display:block;color:var(--muted);font-size:12px}.news-row .btn{padding:5px 9px;font-size:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{position:relative;padding:24px 20px 20px;background:#fff;border-radius:16px;border:1px solid var(--line)}.step-num{font-size:34px;font-weight:900;color:#cbdcff}.step h3{margin:0;font-size:18px}.step p{font-size:14px}.safety{display:grid;grid-template-columns:1fr 1fr;gap:25px}.safety .card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);box-shadow:none}.safety .card p{color:#c6d5f1}.safety h3{color:#fff}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 20px}.faq-item summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:800}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"＋";float:right;color:var(--blue);font-size:20px}.faq-item[open] summary:after{content:"－"}.faq-item p{font-size:14px;padding:0 0 18px;margin:0}.app-box{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--soft)}.app-box img{height:250px;width:100%;object-fit:cover;border-radius:15px}.form-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px}.contact-copy{padding:22px 0}.contact-points{display:grid;gap:12px;margin-top:25px}.contact-points div{padding:14px 17px;background:#fff;border:1px solid var(--line);border-radius:12px}.form-card{background:#fff;padding:28px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}label{font-weight:700;font-size:14px;margin-bottom:6px}input,textarea{border:1px solid #cfdaeb;border-radius:9px;box-shadow:none;background:#fbfdff}textarea{min-height:120px;resize:vertical}.form-note{font-size:12px;color:var(--muted);margin-top:10px}.footer{background:#10254e;color:#c9d6ec;padding:52px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer .brand{color:#fff}.footer h3{font-size:16px;color:#fff;margin:0 0 13px}.footer p,.footer a{font-size:13px;color:#aebed9}.footer a:hover{color:#fff}.footer-links{display:grid;gap:5px}.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:18px;font-size:12px;color:#91a6c9;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.notice{font-size:13px;color:#aebed9}.floating{position:fixed;right:20px;bottom:20px;z-index:10}.floating a{box-shadow:0 9px 25px rgba(40,104,232,.28)}@media(max-width:1024px){.nav-links{gap:0}.nav-links a{padding:8px 7px;font-size:13px}.hero-grid{gap:25px}.bento{grid-template-columns:1fr 1fr}.card.large{grid-row:span 1}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.container{padding:0 18px}.nav-row{min-height:66px;flex-wrap:wrap;gap:12px}.menu-toggle{display:block;margin-left:auto}.nav-actions{display:none}.nav-links{display:none;order:4;flex-basis:100%;flex-direction:column;align-items:stretch;padding:5px 0 15px}.nav-links.open{display:flex}.nav-links a{padding:10px 12px}.hero{padding:48px 0 42px}.hero:after{background:rgba(234,242,255,.9)}.hero-grid,.split,.split.reverse,.news-layout,.form-wrap,.app-box,.safety{grid-template-columns:1fr}.hero h1{font-size:40px}.hero-lead{font-size:16px}.deal-panel{transform:none}.section{padding:58px 0}.section-head h2{font-size:29px}.stats{grid-template-columns:1fr 1fr}.bento{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.visual img{height:260px}}@media(max-width:520px){.hero-actions{flex-direction:column;align-items:stretch}.hero-points{gap:14px}.stats{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.news-row{grid-template-columns:70px 1fr}.news-row .btn{display:none}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-top:7px}}

/* roulang page: category2 */
:root{--blue:#2868e8;--blue2:#123d9b;--ink:#15233d;--muted:#64738d;--bg:#f4f7fc;--surface:#fff;--line:#dfe7f3;--orange:#f28a45;--green:#2e9d78;--radius:18px;--shadow:0 16px 44px rgba(32,67,125,.10);--soft:0 7px 22px rgba(26,65,125,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.8}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.container{max-width:1220px;margin:auto;padding:0 26px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 3px 18px rgba(27,59,108,.05)}
.nav-row{min-height:76px;display:flex;align-items:center;gap:20px}
.brand{font-size:25px;font-weight:800;letter-spacing:-1px;color:var(--blue2);white-space:nowrap}
.brand i{display:inline-block;width:10px;height:10px;background:var(--orange);border-radius:50%;margin:0 5px 3px 0}
.nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}
.nav-links a{padding:8px 7px;border-radius:9px;color:#53627b;font-size:13px;transition:.2s}
.nav-links a:hover,.nav-links a.active{color:var(--blue);background:#edf3ff}
.nav-actions{display:flex;gap:9px;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:10px 18px;font-weight:700;font-size:14px;transition:.22s;cursor:pointer}
.btn:focus,input:focus,textarea:focus,summary:focus{outline:3px solid rgba(40,104,232,.25);outline-offset:2px}
.btn-main{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(40,104,232,.2)}
.btn-main:hover{background:var(--blue2);transform:translateY(-2px)}
.btn-light{background:#f0f5ff;color:var(--blue);border-color:#d7e4ff}
.btn-light:hover{background:#e2edff}
.menu-toggle{display:none;border:0;background:#edf3ff;color:var(--blue);border-radius:8px;padding:8px 12px}
.inner-hero{position:relative;overflow:hidden;padding:52px 0 48px;background:#e8f1ff}
.inner-hero:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:4%;top:-220px;background:rgba(255,255,255,.65)}
.inner-hero .container{position:relative}
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:22px}
.breadcrumb a{color:var(--blue)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.eyebrow,.tag{display:inline-flex;align-items:center;background:#fff;color:var(--blue);border:1px solid #d4e2fb;border-radius:99px;padding:4px 12px;font-size:13px;font-weight:700}
.eyebrow{background:#fff5ec;color:#d66d2d;border-color:#ffe0c5}
h1,h2,h3{color:var(--ink)}
.inner-hero h1{font-size:clamp(36px,5vw,58px);line-height:1.18;letter-spacing:-2px;margin:15px 0}
.hero-lead{font-size:18px;color:#435571;max-width:650px}
.hero-actions{display:flex;gap:12px;margin-top:25px}
.hero-visual{position:relative}
.hero-visual img{width:100%;height:310px;object-fit:cover;border-radius:22px;box-shadow:var(--shadow)}
.visual-note{position:absolute;left:20px;bottom:18px;background:rgba(18,61,155,.92);color:#fff;padding:13px 17px;border-radius:12px;font-size:13px}
.section{padding:76px 0}
.section.alt{background:#edf4ff}
.section.dark{background:#142d62;color:#fff}
.section.dark h2,.section.dark h3{color:#fff}
.section-head{max-width:730px;margin-bottom:34px}
.section-head h2{font-size:34px;line-height:1.3;margin:9px 0 12px;letter-spacing:-1px}
.section-head p{font-size:17px;color:var(--muted)}
.section.dark .section-head p{color:#c6d5f1}
.anchor-bar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 18px;box-shadow:var(--soft);display:flex;gap:10px;flex-wrap:wrap;margin-top:-30px;position:relative;z-index:2}
.anchor-bar a{font-size:14px;color:var(--muted);padding:7px 13px;border-radius:8px}
.anchor-bar a:hover{color:var(--blue);background:#edf3ff}
.overview-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--soft)}
.panel h3{font-size:23px;margin:0 0 10px}
.panel p{color:var(--muted)}
.panel-highlight{background:linear-gradient(135deg,#fff 0%,#edf4ff 100%);border-left:5px solid var(--blue)}
.number-list{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}
.number-list li{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line)}
.number-list li:last-child{border-bottom:0}
.number{width:30px;height:30px;border-radius:9px;background:#e8f0ff;color:var(--blue);display:grid;place-items:center;font-weight:800;flex:0 0 30px}
.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.module{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px;display:grid;grid-template-columns:54px 1fr;gap:16px;transition:.22s}
.module:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bcd2f6}
.module-icon{width:54px;height:54px;border-radius:15px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:20px}
.module h3{font-size:19px;margin:0 0 5px}
.module p{font-size:14px;color:var(--muted);margin:0}
.module .tag{margin-top:10px;font-size:12px}
.image-copy{display:grid;grid-template-columns:.88fr 1.12fr;gap:46px;align-items:center}
.image-copy.reverse{grid-template-columns:1.12fr .88fr}
.image-copy img{height:330px;width:100%;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}
.copy h2{font-size:32px;line-height:1.35;margin:8px 0 14px}
.copy p{color:var(--muted)}
.check-list{list-style:none;padding:0;margin:20px 0}
.check-list li{position:relative;padding:8px 0 8px 28px;color:#42536f}
.check-list li:before{content:"✓";position:absolute;left:0;top:7px;width:20px;height:20px;border-radius:50%;background:#e6f6f0;color:var(--green);font-weight:800;text-align:center;line-height:20px}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.flow:before{content:"";position:absolute;top:25px;left:10%;right:10%;height:2px;background:#bcd2f6}
.flow-step{position:relative;text-align:center;padding:0 12px}
.flow-step b{position:relative;z-index:1;width:50px;height:50px;display:grid;place-items:center;margin:auto;background:var(--blue);color:#fff;border:7px solid #edf4ff;border-radius:50%;font-size:16px}
.flow-step h3{font-size:17px;margin:15px 0 5px}
.flow-step p{font-size:13px;color:var(--muted)}
.scene-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}
.scene-main{background:#123d9b;color:#fff;border-radius:20px;padding:33px;min-height:270px}
.scene-main h2{color:#fff;font-size:30px;margin:0 0 12px}
.scene-main p{color:#d9e5ff}
.scene-side{display:grid;gap:20px}
.mini-card{background:#fff;padding:23px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--soft)}
.mini-card h3{font-size:18px;margin:0 0 5px}
.mini-card p{font-size:14px;color:var(--muted);margin:0}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 20px}
.faq-item summary{list-style:none;cursor:pointer;padding:17px 0;font-weight:800}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"＋";float:right;color:var(--blue);font-size:20px}
.faq-item[open] summary:after{content:"－"}
.faq-item p{font-size:14px;color:var(--muted);padding:0 0 17px;margin:0}
.cta-box{background:#fff;border:1px solid #cfe0fb;border-radius:22px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:var(--shadow)}
.cta-box h2{margin:0 0 7px;font-size:28px}
.cta-box p{margin:0;color:var(--muted)}
.cta-actions{display:flex;gap:10px;flex-shrink:0}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.related a{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;transition:.2s}
.related a:hover{color:var(--blue);transform:translateY(-3px);box-shadow:var(--soft)}
.related strong{display:block;font-size:17px;margin-bottom:5px}
.related span{font-size:13px;color:var(--muted)}
.footer{background:#10254e;color:#c9d6ec;padding:52px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.footer .brand{color:#fff}
.footer h3{font-size:16px;color:#fff;margin:0 0 13px}
.footer p,.footer a{font-size:13px;color:#aebed9}
.footer a:hover{color:#fff}
.footer-links{display:grid;gap:5px}
.notice{border-left:3px solid var(--orange);padding-left:12px;font-size:12px;color:#aebed9;margin-top:14px}
.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:18px;font-size:12px;color:#91a6c9;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
@media(max-width:1050px){.nav-links a{padding:8px 4px;font-size:12px}.nav-row{gap:10px}.container{padding:0 20px}}
@media(max-width:800px){.nav-links,.nav-actions{display:none}.menu-toggle{display:block;margin-left:auto}.nav-row{min-height:66px}.hero-grid,.overview-grid,.image-copy,.image-copy.reverse,.scene-grid{grid-template-columns:1fr}.hero-visual{order:-1}.hero-visual img{height:240px}.module-grid,.faq-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr;gap:20px}.flow:before{display:none}.section{padding:58px 0}.footer-grid{grid-template-columns:1fr 1fr}.cta-box{display:block}.cta-actions{margin-top:20px}}
@media(max-width:520px){.container{padding:0 16px}.inner-hero{padding:34px 0}.inner-hero h1{font-size:38px}.hero-lead{font-size:16px}.hero-actions,.cta-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.anchor-bar{margin-top:-18px}.module{grid-template-columns:1fr}.module-icon{width:45px;height:45px}.flow{grid-template-columns:1fr}.footer-grid,.related{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}}

/* roulang page: category3 */
:root{--blue:#2868e8;--blue2:#123d9b;--ink:#15233d;--muted:#64738d;--bg:#f4f7fc;--surface:#fff;--line:#dfe7f3;--orange:#f28a45;--green:#2e9d78;--radius:18px;--shadow:0 16px 44px rgba(32,67,125,.10);--soft:0 7px 22px rgba(26,65,125,.08)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.8}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input,textarea{font:inherit}
    .container{max-width:1220px;margin:auto;padding:0 26px}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 3px 18px rgba(27,59,108,.05)}
    .nav-row{min-height:76px;display:flex;align-items:center;gap:24px}
    .brand{font-size:25px;font-weight:800;letter-spacing:-1px;color:var(--blue2);white-space:nowrap}
    .brand i{display:inline-block;width:10px;height:10px;background:var(--orange);border-radius:50%;margin:0 5px 3px 0}
    .nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}
    .nav-links a{padding:8px 7px;border-radius:9px;color:#53627b;font-size:13px;transition:.2s}
    .nav-links a:hover,.nav-links a.active{color:var(--blue);background:#edf3ff}
    .nav-actions{display:flex;gap:9px;white-space:nowrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:10px 18px;font-weight:700;font-size:14px;transition:.22s;cursor:pointer}
    .btn:focus,input:focus,textarea:focus,summary:focus{outline:3px solid rgba(40,104,232,.25);outline-offset:2px}
    .btn-main{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(40,104,232,.2)}
    .btn-main:hover{background:var(--blue2);transform:translateY(-2px)}
    .btn-light{background:#f0f5ff;color:var(--blue);border-color:#d7e4ff}
    .btn-light:hover{background:#e2edff}
    .menu-toggle{display:none;border:0;background:#edf3ff;color:var(--blue);border-radius:8px;padding:8px 12px}
    .inner-hero{padding:54px 0 48px;background:#eaf2ff url('/assets/images/backpic/back-2.webp') center/cover no-repeat;position:relative;overflow:hidden}
    .inner-hero:after{content:"";position:absolute;inset:0;background:rgba(234,242,255,.88)}
    .inner-hero .container{position:relative;z-index:1}
    .breadcrumb{font-size:13px;color:var(--muted);margin-bottom:24px}
    .breadcrumb a{color:var(--blue)}
    .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}
    .eyebrow,.tag{display:inline-flex;align-items:center;background:#fff;color:var(--blue);border:1px solid #d4e2fb;border-radius:99px;padding:4px 12px;font-size:13px;font-weight:700}
    .eyebrow{background:#fff5ec;color:#d66d2d;border-color:#ffe0c5}
    h1{font-size:clamp(38px,5vw,60px);line-height:1.18;letter-spacing:-2px;margin:16px 0}
    h2{font-size:34px;line-height:1.3;letter-spacing:-1px;margin:0 0 13px}
    h3{line-height:1.35}
    .hero-lead{font-size:18px;max-width:680px;color:#40516e}
    .hero-actions{display:flex;gap:12px;margin-top:26px}
    .hero-visual{position:relative}
    .hero-visual img{height:290px;width:100%;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}
    .visual-note{position:absolute;right:18px;bottom:18px;background:#fff;padding:15px 18px;border-radius:14px;box-shadow:var(--soft);font-size:13px}
    .section{padding:76px 0}
    .section.alt{background:#edf4ff}
    .section-head{max-width:730px;margin-bottom:34px}
    .section-head p{color:var(--muted);font-size:17px;margin:0}
    .kicker{color:var(--blue);font-weight:800;font-size:13px;letter-spacing:1px}
    .guide-layout{display:grid;grid-template-columns:270px 1fr;gap:32px;align-items:start}
    .side-index{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--soft)}
    .side-index h3{font-size:17px;margin:0 0 12px}
    .side-index a{display:block;padding:9px 10px;border-radius:8px;color:var(--muted);font-size:14px}
    .side-index a:hover{background:#edf3ff;color:var(--blue)}
    .guide-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--soft)}
    .guide-panel h3{font-size:23px;margin:0 0 8px}
    .guide-panel p{color:var(--muted)}
    .step-list{display:grid;gap:18px;margin-top:22px}
    .step{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
    .step:last-child{border-bottom:0}
    .step-no{width:46px;height:46px;border-radius:14px;background:#e8f0ff;color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:18px}
    .step h3{font-size:19px;margin:0 0 5px}
    .step p{margin:0;font-size:15px}
    .split{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
    .split.reverse{grid-template-columns:1.1fr .9fr}
    .split img{height:330px;width:100%;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}
    .note-box{border-left:4px solid var(--orange);background:#fff7f0;padding:18px 21px;border-radius:0 14px 14px 0;margin-top:22px;color:#664b3b}
    .check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
    .check-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;transition:.22s}
    .check-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bcd2f6}
    .check-card strong{display:block;color:var(--blue2);font-size:18px;margin-bottom:5px}
    .check-card p{margin:0;color:var(--muted);font-size:14px}
    .data-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d5e3fa;border:1px solid #d5e3fa;border-radius:18px;overflow:hidden}
    .data-band div{background:#fff;padding:24px 20px}
    .data-band b{display:block;font-size:28px;color:var(--blue2);line-height:1.3}
    .data-band span{font-size:14px;color:var(--muted)}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
    .faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 20px}
    .faq-item summary{list-style:none;cursor:pointer;padding:17px 0;font-weight:800}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{content:"＋";float:right;color:var(--blue);font-size:20px}
    .faq-item[open] summary:after{content:"－"}
    .faq-item p{font-size:14px;color:var(--muted);padding:0 0 17px;margin:0}
    .related-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}
    .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--soft);transition:.22s}
    .card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bcd2f6}
    .card img{height:145px;width:100%;object-fit:cover;border-radius:12px;margin-bottom:16px}
    .card h3{font-size:20px;margin:0 0 6px}
    .card p{font-size:14px;color:var(--muted);margin:0 0 16px}
    .cta{background:#142d62;color:#fff;border-radius:22px;padding:38px 44px;display:flex;justify-content:space-between;align-items:center;gap:30px}
    .cta h2{margin-bottom:8px}
    .cta p{color:#c6d5f1;margin:0}
    .cta .btn-light{background:#fff;border-color:#fff}
    .footer{background:#10254e;color:#c9d6ec;padding:52px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
    .footer .brand{color:#fff}
    .footer h3{font-size:16px;color:#fff;margin:0 0 13px}
    .footer p,.footer a{font-size:13px;color:#aebed9}
    .footer a:hover{color:#fff}
    .footer-links{display:grid;gap:5px}
    .notice{margin-top:14px;padding:9px 12px;background:rgba(255,255,255,.08);border-radius:8px;font-size:12px;color:#b9cae4}
    .copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:18px;font-size:12px;color:#91a6c9;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
    @media(max-width:1050px){.nav-links a{padding-left:5px;padding-right:5px;font-size:12px}.nav-row{gap:12px}.nav-actions .btn{padding:9px 12px}.container{padding:0 20px}}
    @media(max-width:800px){.menu-toggle{display:block;margin-left:auto}.nav-actions{display:none}.nav-links{display:none;position:absolute;left:0;right:0;top:66px;background:#fff;border-bottom:1px solid var(--line);padding:12px 20px;box-shadow:var(--soft);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:11px 12px}.hero-grid,.split,.split.reverse{grid-template-columns:1fr;gap:28px}.guide-layout{grid-template-columns:1fr}.side-index{position:static}.related-grid{grid-template-columns:1fr 1fr}.data-band{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:520px){.container{padding:0 16px}.section{padding:54px 0}.inner-hero{padding:35px 0}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}h1{font-size:38px}.hero-lead{font-size:16px}.guide-panel{padding:21px}.check-grid,.faq-grid,.related-grid{grid-template-columns:1fr}.data-band b{font-size:23px}.cta{padding:28px 22px;display:block}.cta .btn{margin-top:20px;width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}}

/* roulang page: category4 */
:root{--blue:#2868e8;--blue2:#123d9b;--ink:#15233d;--muted:#64738d;--bg:#f4f7fc;--surface:#fff;--line:#dfe7f3;--orange:#f28a45;--green:#2e9d78;--radius:18px;--shadow:0 16px 44px rgba(32,67,125,.10);--soft:0 7px 22px rgba(26,65,125,.08)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.8}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input,textarea{font:inherit}
    .container{max-width:1220px;margin:auto;padding:0 26px}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 3px 18px rgba(27,59,108,.05)}
    .nav-row{min-height:76px;display:flex;align-items:center;gap:20px}
    .brand{font-size:25px;font-weight:800;letter-spacing:-1px;color:var(--blue2);white-space:nowrap}
    .brand i{display:inline-block;width:10px;height:10px;background:var(--orange);border-radius:50%;margin:0 5px 3px 0}
    .nav-links{display:flex;align-items:center;gap:0;flex:1;justify-content:center}
    .nav-links a{padding:8px 7px;border-radius:9px;color:#53627b;font-size:13px;transition:.2s}
    .nav-links a:hover,.nav-links a.active{color:var(--blue);background:#edf3ff}
    .nav-actions{display:flex;gap:9px;white-space:nowrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:10px 18px;font-weight:700;font-size:14px;transition:.22s;cursor:pointer}
    .btn:focus,input:focus,textarea:focus,summary:focus{outline:3px solid rgba(40,104,232,.25);outline-offset:2px}
    .btn-main{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(40,104,232,.2)}
    .btn-main:hover{background:var(--blue2);transform:translateY(-2px)}
    .btn-light{background:#f0f5ff;color:var(--blue);border-color:#d7e4ff}
    .btn-light:hover{background:#e2edff}
    .menu-toggle{display:none;border:0;background:#edf3ff;color:var(--blue);border-radius:8px;padding:8px 12px}
    .page-hero{padding:58px 0 52px;background:#eaf2ff url('/assets/images/backpic/back-2.webp') center/cover no-repeat;position:relative;overflow:hidden}
    .page-hero:after{content:"";position:absolute;inset:0;background:rgba(234,242,255,.88)}
    .page-hero .container{position:relative;z-index:1}
    .crumbs{font-size:13px;color:var(--muted);margin-bottom:22px}
    .crumbs a{color:var(--blue)}
    .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
    .eyebrow,.tag{display:inline-flex;align-items:center;background:#fff;color:var(--blue);border:1px solid #d4e2fb;border-radius:99px;padding:4px 12px;font-size:13px;font-weight:700}
    .eyebrow{background:#fff5ec;color:#d66d2d;border-color:#ffe0c5}
    h1{font-size:clamp(38px,5vw,60px);line-height:1.18;letter-spacing:-2px;margin:16px 0}
    .hero-lead{font-size:18px;max-width:640px;color:#40516e}
    .hero-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
    .hero-visual{position:relative}
    .hero-visual img{width:100%;height:330px;object-fit:cover;border-radius:22px;box-shadow:var(--shadow);border:8px solid rgba(255,255,255,.72)}
    .visual-note{position:absolute;right:-14px;bottom:22px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;box-shadow:var(--soft);font-size:13px}
    .section{padding:76px 0}
    .section.alt{background:#edf4ff}
    .section-head{max-width:760px;margin-bottom:34px}
    .section-head h2{font-size:34px;line-height:1.3;margin:9px 0 12px;letter-spacing:-1px}
    .section-head p{font-size:17px;color:var(--muted)}
    .section-kicker{font-size:13px;color:var(--blue);font-weight:800;letter-spacing:1px}
    .topic-layout{display:grid;grid-template-columns:250px 1fr;gap:26px;align-items:start}
    .side-menu{position:sticky;top:98px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:var(--soft)}
    .side-menu a{display:block;padding:11px 14px;border-radius:10px;color:var(--muted);font-size:14px}
    .side-menu a:hover,.side-menu a.active{background:#edf3ff;color:var(--blue);font-weight:700}
    .topic-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--soft)}
    .topic-panel h3{font-size:24px;margin:0 0 10px}
    .topic-panel p{color:var(--muted)}
    .topic-panel img{height:230px;width:100%;object-fit:cover;border-radius:15px;margin:20px 0}
    .check-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 0;padding:0;list-style:none}
    .check-list li{padding:13px 15px;background:#f7faff;border:1px solid #e3ecfa;border-radius:11px;font-size:14px}
    .check-list li:before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}
    .asym-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}
    .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--soft);transition:.22s}
    .card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bcd2f6}
    .card h3{margin:8px 0 7px;font-size:21px}
    .card p{font-size:14px;color:var(--muted)}
    .card img{width:100%;height:210px;object-fit:cover;border-radius:13px;margin-bottom:18px}
    .card.tall{padding:32px;background:linear-gradient(145deg,#fff,#edf4ff)}
    .card.tall img{height:280px}
    .label{display:inline-block;color:var(--blue);background:#edf3ff;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:700}
    .flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:var(--soft)}
    .flow-item{padding:24px 21px;min-height:190px;border-right:1px solid var(--line);position:relative}
    .flow-item:last-child{border-right:0}
    .flow-num{font-size:34px;color:#b8cdf8;font-weight:800;line-height:1}
    .flow-item h3{font-size:18px;margin:15px 0 6px}
    .flow-item p{font-size:13px;color:var(--muted);margin:0}
    .compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .compare-box{padding:26px;border-radius:17px;border:1px solid var(--line);background:#fff}
    .compare-box.highlight{background:#142d62;color:#fff;border-color:#142d62}
    .compare-box p{font-size:14px;color:var(--muted)}
    .compare-box.highlight p{color:#c6d5f1}
    .compare-box ul{padding-left:20px;font-size:14px}
    .story{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}
    .story img{width:100%;height:340px;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}
    .quote{border-left:4px solid var(--orange);padding:6px 0 6px 18px;font-size:18px;color:var(--blue2);font-weight:700}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
    .faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 20px}
    .faq-item summary{list-style:none;cursor:pointer;padding:17px 0;font-weight:800}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{content:"＋";float:right;color:var(--blue);font-size:20px}
    .faq-item[open] summary:after{content:"－"}
    .faq-item p{font-size:14px;color:var(--muted);padding:0 0 17px;margin:0}
    .cta{padding:54px 0;background:#e6f0ff}
    .cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;border:1px solid #d4e2fb;border-radius:22px;padding:30px 36px;box-shadow:var(--shadow)}
    .cta-box h2{margin:0 0 8px;font-size:28px}
    .cta-box p{margin:0;color:var(--muted)}
    .footer{background:#10254e;color:#c9d6ec;padding:52px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
    .footer .brand{color:#fff}
    .footer h3{font-size:16px;color:#fff;margin:0 0 13px}
    .footer p,.footer a{font-size:13px;color:#aebed9}
    .footer a:hover{color:#fff}
    .footer-links{display:grid;gap:5px}
    .notice{display:inline-block;margin-top:13px;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:7px 10px;font-size:12px;color:#aebed9}
    .copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:18px;font-size:12px;color:#91a6c9;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
    @media(max-width:1100px){.nav-links a{padding:8px 4px;font-size:12px}.nav-row{gap:10px}.nav-actions .btn{padding:9px 11px}}
    @media(max-width:820px){.menu-toggle{display:block;margin-left:auto}.nav-actions{display:none}.nav-links{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:12px 18px;flex-direction:column;align-items:stretch;box-shadow:var(--soft)}.nav-links.open{display:flex}.nav-links a{padding:11px 14px}.hero-grid,.story,.asym-grid,.topic-layout{grid-template-columns:1fr}.side-menu{position:static;display:flex;gap:5px;overflow:auto;white-space:nowrap}.flow{grid-template-columns:1fr 1fr}.flow-item:nth-child(2){border-right:0}.flow-item{border-bottom:1px solid var(--line)}.faq-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta-box{align-items:flex-start;flex-direction:column}}
    @media(max-width:520px){.container{padding:0 17px}.page-hero{padding:42px 0}.hero-visual img{height:245px}.visual-note{right:8px;bottom:12px}.section{padding:55px 0}.section-head h2{font-size:28px}.topic-panel{padding:21px}.check-list,.compare{grid-template-columns:1fr}.flow{display:block}.flow-item{border-right:0;min-height:auto}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-bottom:7px}.cta-box{padding:25px 21px}.cta-box .btn{width:100%}}

/* roulang page: category6 */
:root{
      --blue:#2868e8;--blue2:#123d9b;--ink:#15233d;--muted:#64738d;
      --bg:#f4f7fc;--surface:#fff;--line:#dfe7f3;--orange:#f28a45;
      --green:#2e9d78;--radius:18px;--shadow:0 16px 44px rgba(32,67,125,.10);
      --soft:0 7px 22px rgba(26,65,125,.08)
    }
    *,*:before,*:after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.8}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    .container{max-width:1220px;margin:auto;padding:0 26px}
    .site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 3px 18px rgba(27,59,108,.05)}
    .nav-row{min-height:76px;display:flex;align-items:center;gap:22px}
    .brand{font-size:25px;font-weight:800;letter-spacing:-1px;color:var(--blue2);white-space:nowrap}
    .brand i{display:inline-block;width:10px;height:10px;background:var(--orange);border-radius:50%;margin:0 5px 3px 0}
    .nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}
    .nav-links a{padding:8px 7px;border-radius:9px;color:#53627b;font-size:13px;transition:.2s;white-space:nowrap}
    .nav-links a:hover,.nav-links a.active{color:var(--blue);background:#edf3ff}
    .nav-actions{display:flex;gap:9px;white-space:nowrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:10px 18px;font-weight:700;font-size:14px;transition:.22s;cursor:pointer}
    .btn:focus,input:focus,textarea:focus,summary:focus{outline:3px solid rgba(40,104,232,.25);outline-offset:2px}
    .btn-main{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(40,104,232,.2)}
    .btn-main:hover{background:var(--blue2);transform:translateY(-2px)}
    .btn-light{background:#f0f5ff;color:var(--blue);border-color:#d7e4ff}
    .btn-light:hover{background:#e2edff}
    .menu-toggle{display:none;border:0;background:#edf3ff;color:var(--blue);border-radius:8px;padding:8px 12px}
    .page-hero{position:relative;overflow:hidden;padding:54px 0 50px;background:#eaf2ff url('/assets/images/backpic/back-2.webp') center/cover no-repeat}
    .page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(234,242,255,.98),rgba(234,242,255,.78),rgba(234,242,255,.42))}
    .page-hero .container{position:relative;z-index:1}
    .breadcrumb{display:flex;gap:8px;align-items:center;color:#607292;font-size:13px;margin-bottom:20px}
    .breadcrumb a{color:var(--blue);font-weight:700}
    .hero-grid{display:grid;grid-template-columns:1fr 390px;gap:48px;align-items:center}
    .eyebrow,.tag{display:inline-flex;align-items:center;background:#fff;color:var(--blue);border:1px solid #d4e2fb;border-radius:99px;padding:4px 12px;font-size:13px;font-weight:700}
    .eyebrow{background:#fff5ec;color:#d66d2d;border-color:#ffe0c5}
    h1{font-size:clamp(38px,5vw,58px);line-height:1.18;letter-spacing:-2px;margin:15px 0 16px}
    .hero-lead{font-size:18px;max-width:700px;color:#3f5270}
    .hero-actions{display:flex;gap:12px;margin-top:25px}
    .hero-visual{background:#fff;border:1px solid #d6e3f7;border-radius:22px;padding:15px;box-shadow:var(--shadow);transform:rotate(1deg)}
    .hero-visual img{height:235px;width:100%;object-fit:cover;border-radius:15px}
    .visual-caption{padding:12px 4px 2px;font-size:13px;color:var(--muted)}
    .section{padding:76px 0}
    .section.alt{background:#edf4ff}
    .section-head{max-width:740px;margin-bottom:34px}
    .section-head h2{font-size:34px;line-height:1.3;margin:10px 0 12px;letter-spacing:-1px}
    .section-head p{font-size:17px;color:var(--muted)}
    .intro-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:start}
    .index-card{background:#142d62;color:#fff;border-radius:20px;padding:28px;position:sticky;top:105px}
    .index-card h3{margin:0 0 15px;font-size:21px}
    .index-card a{display:block;padding:10px 12px;color:#dbe7ff;border-bottom:1px solid rgba(255,255,255,.13);transition:.2s}
    .index-card a:hover{color:#fff;background:rgba(255,255,255,.1);border-radius:8px}
    .help-intro{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--soft)}
    .help-intro h3{font-size:25px;margin:0 0 12px}
    .help-intro p{color:var(--muted);margin-bottom:18px}
    .notice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .notice-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px;box-shadow:var(--soft)}
    .notice-box strong{display:block;font-size:19px;color:var(--blue2);margin-bottom:5px}
    .notice-box span{font-size:14px;color:var(--muted)}
    .search-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--soft);display:flex;align-items:center;gap:18px}
    .search-panel label{font-weight:800;white-space:nowrap}
    .search-panel input{margin:0;height:46px;border-radius:10px;background:#fbfdff}
    .faq-layout{display:grid;grid-template-columns:1fr .32fr;gap:28px;align-items:start}
    .faq-list{display:grid;gap:13px}
    .faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 22px;transition:.2s}
    .faq-item:hover{border-color:#bcd2f6;box-shadow:var(--soft)}
    .faq-item[open]{border-color:#b6cdf5}
    .faq-item summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:800;color:var(--ink);padding-right:28px;position:relative}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{content:"＋";position:absolute;right:0;top:16px;color:var(--blue);font-size:21px}
    .faq-item[open] summary:after{content:"－"}
    .faq-item p{font-size:14px;color:var(--muted);padding:0 0 18px;margin:0}
    .side-card{background:#e8f0ff;border:1px solid #d2e1fa;border-radius:18px;padding:24px}
    .side-card h3{font-size:19px;margin:0 0 9px}
    .side-card p{font-size:14px;color:#526785;margin-bottom:15px}
    .side-links{display:grid;gap:8px}
    .side-links a{font-size:14px;color:var(--blue);font-weight:700}
    .side-links a:hover{text-decoration:underline}
    .info-split{display:grid;grid-template-columns:1fr 1fr;gap:22px}
    .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:27px;box-shadow:var(--soft);transition:.22s}
    .card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bcd2f6}
    .card h3{margin:0 0 8px;font-size:21px}
    .card p{font-size:14px;color:var(--muted);margin-bottom:12px}
    .check-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
    .check-list li{font-size:14px;color:#4f617c;padding-left:24px;position:relative}
    .check-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:800}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #cbd9ee}
    .step{position:relative;padding:28px 20px 8px;border-right:1px solid #d7e2f2}
    .step:last-child{border-right:0}
    .step b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;margin-bottom:15px}
    .step h3{font-size:18px;margin:0 0 5px}
    .step p{font-size:14px;color:var(--muted);margin:0}
    .cta-band{background:linear-gradient(110deg,#e8f0ff,#fff6ed);border:1px solid #d5e2f5;border-radius:23px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:25px}
    .cta-band h2{font-size:29px;margin:0 0 7px}
    .cta-band p{color:var(--muted);margin:0}
    .cta-actions{display:flex;gap:10px;flex-shrink:0}
    .footer{background:#10254e;color:#c9d6ec;padding:52px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
    .footer .brand{color:#fff}
    .footer h3{font-size:16px;color:#fff;margin:0 0 13px}
    .footer p,.footer a{font-size:13px;color:#aebed9}
    .footer a:hover{color:#fff}
    .footer-links{display:grid;gap:5px}
    .notice{border-left:3px solid var(--orange);padding-left:12px;font-size:12px;color:#9fb3d4;margin-top:15px}
    .copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:18px;font-size:12px;color:#91a6c9;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
    .empty-state{display:none;text-align:center;color:var(--muted);padding:28px;background:#fff;border-radius:15px;border:1px dashed #b9c9df}
    @media(max-width:1100px){
      .nav-links a{padding:8px 4px;font-size:12px}
      .nav-row{gap:12px}.nav-actions .btn{padding:9px 12px}
    }
    @media(max-width:900px){
      .nav-links{display:none;position:absolute;left:18px;right:18px;top:67px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
      .nav-links.open{display:flex}.nav-links a{font-size:14px;padding:10px 12px}
      .menu-toggle{display:block;margin-left:auto}.nav-actions{display:none}
      .hero-grid,.intro-layout,.faq-layout{grid-template-columns:1fr}
      .index-card{position:static}
      .hero-visual{max-width:510px}
      .steps{grid-template-columns:repeat(2,1fr);border-top:0}
      .step{border-top:1px solid #cbd9ee}
      .step:nth-child(2){border-right:0}
      .footer-grid{grid-template-columns:1.3fr 1fr 1fr}
    }
    @media(max-width:600px){
      .container{padding:0 18px}.page-hero{padding:38px 0 40px}
      h1{font-size:39px}.hero-lead{font-size:16px}.hero-actions,.cta-actions{flex-direction:column;align-items:stretch}
      .hero-actions .btn,.cta-actions .btn{width:100%}.section{padding:54px 0}
      .section-head h2{font-size:29px}.notice-row,.info-split{grid-template-columns:1fr}
      .search-panel{display:block}.search-panel label{display:block;margin-bottom:8px}
      .steps{grid-template-columns:1fr}.step,.step:nth-child(2){border-right:0}
      .cta-band{padding:27px 22px;display:block}.cta-actions{margin-top:20px}
      .footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}
      .copyright{display:block}.copyright span{display:block;margin-bottom:6px}
    }

/* roulang page: category7 */
:root{--blue:#2868e8;--blue2:#123d9b;--ink:#15233d;--muted:#64738d;--bg:#f4f7fc;--surface:#fff;--line:#dfe7f3;--orange:#f28a45;--green:#2e9d78;--radius:18px;--shadow:0 16px 44px rgba(32,67,125,.10);--soft:0 7px 22px rgba(26,65,125,.08)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.8}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input,textarea,select{font:inherit}
    .container{max-width:1220px;margin:auto;padding:0 26px}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 3px 18px rgba(27,59,108,.05)}
    .nav-row{min-height:76px;display:flex;align-items:center;gap:24px}
    .brand{font-size:25px;font-weight:800;letter-spacing:-1px;color:var(--blue2);white-space:nowrap}
    .brand i{display:inline-block;width:10px;height:10px;background:var(--orange);border-radius:50%;margin:0 5px 3px 0}
    .nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}
    .nav-links a{padding:8px 7px;border-radius:9px;color:#53627b;font-size:13px;transition:.2s;white-space:nowrap}
    .nav-links a:hover,.nav-links a.active{color:var(--blue);background:#edf3ff}
    .nav-actions{display:flex;gap:9px;white-space:nowrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:10px 18px;font-weight:700;font-size:14px;transition:.22s;cursor:pointer}
    .btn:focus,input:focus,textarea:focus,select:focus,summary:focus{outline:3px solid rgba(40,104,232,.25);outline-offset:2px}
    .btn-main{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(40,104,232,.2)}
    .btn-main:hover{background:var(--blue2);transform:translateY(-2px)}
    .btn-light{background:#f0f5ff;color:var(--blue);border-color:#d7e4ff}
    .btn-light:hover{background:#e2edff}
    .menu-toggle{display:none;border:0;background:#edf3ff;color:var(--blue);border-radius:8px;padding:8px 12px}
    .page-hero{position:relative;overflow:hidden;background:#132a5b url('/assets/images/backpic/back-2.webp') center/cover no-repeat;color:#fff;padding:70px 0}
    .page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,30,70,.96),rgba(18,49,108,.78),rgba(18,49,108,.45))}
    .page-hero .container{position:relative}
    .breadcrumb{font-size:13px;color:#b8c9e8;margin-bottom:24px}
    .breadcrumb a:hover{color:#fff}
    .hero-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}
    .eyebrow,.tag{display:inline-flex;align-items:center;background:#fff;color:var(--blue);border:1px solid #d4e2fb;border-radius:99px;padding:4px 12px;font-size:13px;font-weight:700}
    .eyebrow{background:#fff5ec;color:#d66d2d;border-color:#ffe0c5}
    .page-hero h1{font-size:clamp(38px,5vw,60px);line-height:1.18;letter-spacing:-2px;margin:17px 0}
    .page-hero p{font-size:18px;color:#dce7fa;max-width:650px}
    .hero-actions{display:flex;gap:12px;margin-top:27px}
    .poster{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:14px;box-shadow:0 20px 45px rgba(0,0,0,.22);transform:rotate(1.5deg)}
    .poster img{width:100%;height:290px;object-fit:cover;border-radius:14px}
    .poster-caption{display:flex;justify-content:space-between;align-items:center;padding:13px 4px 2px;color:#eef4ff;font-size:13px}
    .heat{color:#ffd09f;font-weight:800}
    .section{padding:78px 0}
    .section.alt{background:#edf4ff}
    .section-head{max-width:720px;margin-bottom:34px}
    .section-head h2{font-size:34px;line-height:1.3;margin:10px 0 12px;letter-spacing:-1px}
    .section-head p{font-size:17px;color:var(--muted)}
    .two-col{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:start}
    .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--soft);transition:.22s}
    .card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bcd2f6}
    .contact-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}
    .contact-panel h3{font-size:23px;margin:0 0 8px}
    .contact-panel p{color:var(--muted);font-size:14px}
    .contact-line{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}
    .contact-line:last-child{border-bottom:0}
    .contact-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eaf1ff;color:var(--blue);font-weight:800;flex:0 0 38px}
    .contact-line strong{display:block}
    .contact-line span{display:block;color:var(--muted);font-size:13px}
    .form-card{background:#fff;padding:30px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
    label{display:block;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:7px}
    input,textarea,select{width:100%;border:1px solid #cfdaeb;border-radius:9px;box-shadow:none;background:#fbfdff;padding:11px 13px;color:var(--ink);margin-bottom:18px}
    textarea{min-height:130px;resize:vertical}
    .form-note{font-size:12px;color:var(--muted);margin:10px 0 0}
    .error-note{font-size:12px;color:#bc4e4e;display:none;margin-top:-13px;margin-bottom:12px}
    .form-success{display:none;margin-top:15px;padding:12px 14px;background:#eaf8f2;border:1px solid #bce8d5;color:#237555;border-radius:10px;font-size:14px}
    .topic-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
    .topic-main{background:linear-gradient(135deg,#fff,#edf4ff);border-left:4px solid var(--blue)}
    .topic-main h3{font-size:25px;margin:8px 0}
    .topic-main p{color:var(--muted)}
    .topic-side{display:grid;gap:20px}
    .mini-topic{display:flex;gap:14px;align-items:flex-start}
    .mini-topic b{color:var(--blue);font-size:22px}
    .mini-topic h3{font-size:17px;margin:0 0 3px}
    .mini-topic p{font-size:13px;color:var(--muted);margin:0}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
    .step{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;min-height:190px}
    .step-num{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;margin-bottom:15px}
    .step h3{font-size:18px;margin:0 0 7px}
    .step p{font-size:13px;color:var(--muted);margin:0}
    .notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .notice-card{padding:25px 28px;background:#142d62;color:#fff;border-radius:18px}
    .notice-card h3{margin-top:0;font-size:20px}
    .notice-card p,.notice-card li{color:#c8d6ef;font-size:14px}
    .notice-card ul{margin-bottom:0}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 20px}
    .faq-item summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:800}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{content:"＋";float:right;color:var(--blue);font-size:20px}
    .faq-item[open] summary:after{content:"－"}
    .faq-item p{font-size:14px;color:var(--muted);padding:0 0 18px;margin:0}
    .related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .related .card h3{font-size:18px;margin:0 0 6px}
    .related .card p{font-size:13px;color:var(--muted);margin:0 0 13px}
    .cta{padding:62px 0;background:#eaf2ff}
    .cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;border:1px solid #d4e2fb;border-radius:22px;padding:32px 38px;box-shadow:var(--soft)}
    .cta-box h2{margin:0 0 8px;font-size:29px}
    .cta-box p{margin:0;color:var(--muted)}
    .footer{background:#10254e;color:#c9d6ec;padding:52px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
    .footer .brand{color:#fff}
    .footer h3{font-size:16px;color:#fff;margin:0 0 13px}
    .footer p,.footer a{font-size:13px;color:#aebed9}
    .footer a:hover{color:#fff}
    .footer-links{display:grid;gap:5px}
    .notice{margin-top:15px;border-left:3px solid var(--orange);padding-left:12px;font-size:12px;color:#aebed9}
    .copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:18px;font-size:12px;color:#91a6c9;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
    @media(max-width:1100px){.nav-links a{padding:8px 4px;font-size:12px}.nav-row{gap:12px}.nav-actions .btn{padding:9px 12px}.container{padding:0 20px}}
    @media(max-width:800px){.menu-toggle{display:block;margin-left:auto}.nav-actions{display:none}.nav-links{display:none;position:absolute;left:18px;right:18px;top:70px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:11px 13px}.hero-layout,.two-col,.topic-grid{grid-template-columns:1fr}.poster{max-width:560px;margin:auto}.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){.container{padding:0 16px}.page-hero{padding:48px 0}.page-hero h1{font-size:37px}.page-hero p{font-size:16px}.hero-actions,.cta-box{flex-direction:column;align-items:stretch}.hero-actions .btn,.cta-box .btn{width:100%}.section{padding:56px 0}.section-head h2{font-size:28px}.form-card,.contact-panel{padding:22px}.steps,.notice-grid,.faq-grid,.related{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}}

/* roulang page: category5 */
:root{--blue:#2868e8;--blue2:#123d9b;--ink:#15233d;--muted:#64738d;--bg:#f4f7fc;--surface:#fff;--line:#dfe7f3;--orange:#f28a45;--green:#2e9d78;--radius:18px;--shadow:0 16px 44px rgba(32,67,125,.10);--soft:0 7px 22px rgba(26,65,125,.08)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.8}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input,textarea{font:inherit}
    .container{max-width:1220px;margin:auto;padding:0 26px}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 3px 18px rgba(27,59,108,.05)}
    .nav-row{min-height:76px;display:flex;align-items:center;gap:22px}
    .brand{font-size:25px;font-weight:800;letter-spacing:-1px;color:var(--blue2);white-space:nowrap}
    .brand i{display:inline-block;width:10px;height:10px;background:var(--orange);border-radius:50%;margin:0 5px 3px 0}
    .nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}
    .nav-links a{padding:8px 7px;border-radius:9px;color:#53627b;font-size:13px;transition:.2s;white-space:nowrap}
    .nav-links a:hover,.nav-links a.active{color:var(--blue);background:#edf3ff}
    .nav-actions{display:flex;gap:9px;white-space:nowrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:10px 18px;font-weight:700;font-size:14px;transition:.22s;cursor:pointer}
    .btn:focus,input:focus,textarea:focus,summary:focus{outline:3px solid rgba(40,104,232,.25);outline-offset:2px}
    .btn-main{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(40,104,232,.2)}
    .btn-main:hover{background:var(--blue2);transform:translateY(-2px)}
    .btn-light{background:#f0f5ff;color:var(--blue);border-color:#d7e4ff}
    .btn-light:hover{background:#e2edff}
    .menu-toggle{display:none;border:0;background:#edf3ff;color:var(--blue);border-radius:8px;padding:8px 12px}
    .page-hero{padding:62px 0 54px;background:#eaf2ff url('/assets/images/backpic/back-2.webp') center/cover no-repeat;position:relative;overflow:hidden}
    .page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(234,242,255,.98),rgba(234,242,255,.76),rgba(234,242,255,.35))}
    .page-hero .container{position:relative;z-index:1}
    .breadcrumb{font-size:13px;color:var(--muted);margin-bottom:18px}
    .breadcrumb a{color:var(--blue)}
    .hero-layout{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center}
    .eyebrow,.tag{display:inline-flex;align-items:center;background:#fff;color:var(--blue);border:1px solid #d4e2fb;border-radius:99px;padding:4px 12px;font-size:13px;font-weight:700}
    .eyebrow{background:#fff5ec;color:#d66d2d;border-color:#ffe0c5}
    h1{font-size:clamp(36px,5vw,58px);line-height:1.18;letter-spacing:-2px;margin:16px 0}
    .hero-lead{font-size:18px;max-width:680px;color:#425675}
    .hero-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}
    .hero-visual{background:#fff;padding:12px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);transform:rotate(2deg)}
    .hero-visual img{height:245px;width:100%;object-fit:cover;border-radius:15px}
    .section{padding:76px 0}
    .section.alt{background:#edf4ff}
    .section-head{max-width:720px;margin-bottom:34px}
    .section-head h2{font-size:34px;line-height:1.3;margin:9px 0 12px;letter-spacing:-1px}
    .section-head p{font-size:17px;color:var(--muted)}
    .kicker{color:var(--blue);font-weight:800;font-size:13px;letter-spacing:1px}
    .feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
    .news-feature,.side-news,.news-list,.card,.info-panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--soft)}
    .news-feature{padding:30px}
    .news-feature img{height:258px;width:100%;object-fit:cover;border-radius:15px;margin-bottom:22px}
    .news-feature h3{font-size:27px;line-height:1.4;margin:10px 0}
    .news-feature p{color:var(--muted)}
    .side-news{padding:23px}
    .side-news h3{font-size:19px;margin:0 0 17px}
    .side-item{padding:16px 0;border-bottom:1px solid var(--line)}
    .side-item:last-child{border:0}
    time{font-size:12px;color:var(--blue);font-weight:800}
    .side-item a{display:block;font-weight:700;line-height:1.5;margin-top:4px}
    .side-item a:hover,.news-entry h3 a:hover{color:var(--blue)}
    .filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}
    .filter-bar button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:99px;padding:8px 17px;cursor:pointer;transition:.2s}
    .filter-bar button:hover,.filter-bar button.active{background:var(--blue);color:#fff;border-color:var(--blue)}
    .news-list{padding:8px 28px}
    .news-entry{display:grid;grid-template-columns:115px 1fr auto;gap:22px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}
    .news-entry:last-child{border-bottom:0}
    .news-entry h3{font-size:19px;margin:0 0 4px}
    .news-entry p{font-size:14px;color:var(--muted);margin:0}
    .entry-meta{font-size:13px;color:var(--muted)}
    .entry-meta b{display:block;color:var(--blue);font-size:15px}
    .small-btn{padding:7px 12px;font-size:12px}
    .category-grid{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:18px}
    .card{padding:23px;transition:.22s}
    .card:hover,.info-panel:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bcd2f6}
    .card h3{font-size:20px;margin:13px 0 6px}
    .card p{font-size:14px;color:var(--muted)}
    .card img{height:150px;width:100%;object-fit:cover;border-radius:13px}
    .card.tall{grid-row:span 2;background:linear-gradient(145deg,#fff,#edf4ff)}
    .card.tall img{height:220px}
    .reading-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:38px;align-items:start}
    .reading-note{border-left:4px solid var(--orange);padding:4px 0 4px 23px}
    .reading-note h3{margin:0 0 12px;font-size:24px}
    .reading-note p{color:var(--muted)}
    .check-list{display:grid;gap:13px}
    .check-list li{list-style:none;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 18px}
    .check-list li:before{content:"✓";display:inline-grid;place-items:center;background:#e8f6f0;color:var(--green);width:24px;height:24px;border-radius:50%;margin-right:10px;font-weight:800}
    .stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#bcd1f2;border:1px solid #bcd1f2;border-radius:18px;overflow:hidden}
    .stat{background:#fff;padding:24px}
    .stat strong{display:block;color:var(--blue2);font-size:28px;line-height:1.2}
    .stat span{color:var(--muted);font-size:13px}
    .timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .timeline-item{position:relative;padding:25px;background:#fff;border-radius:17px;border:1px solid var(--line)}
    .timeline-item b{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eaf2ff;color:var(--blue);margin-bottom:12px}
    .timeline-item h3{font-size:19px;margin:0 0 7px}
    .timeline-item p{font-size:14px;color:var(--muted);margin:0}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 20px}
    .faq-item summary{list-style:none;cursor:pointer;padding:17px 0;font-weight:800}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{content:"＋";float:right;color:var(--blue);font-size:20px}
    .faq-item[open] summary:after{content:"－"}
    .faq-item p{font-size:14px;color:var(--muted);padding:0 0 17px;margin:0}
    .cta{background:#142d62;color:#fff;border-radius:22px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .cta h2{margin:0 0 8px;font-size:29px}
    .cta p{margin:0;color:#c7d6ef}
    .cta .btn-light{background:#fff;border-color:#fff}
    .footer{background:#10254e;color:#c9d6ec;padding:52px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
    .footer .brand{color:#fff}
    .footer h3{font-size:16px;color:#fff;margin:0 0 13px}
    .footer p,.footer a{font-size:13px;color:#aebed9}
    .footer a:hover{color:#fff}
    .footer-links{display:grid;gap:5px}
    .notice{margin-top:15px;border:1px solid rgba(255,255,255,.16);padding:10px 12px;border-radius:10px;color:#b8c9e4;font-size:12px}
    .copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:18px;font-size:12px;color:#91a6c9;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
    @media(max-width:1080px){.nav-links a{padding:8px 4px;font-size:12px}.nav-row{gap:12px}.hero-layout{gap:28px}}
    @media(max-width:800px){.menu-toggle{display:block;margin-left:auto}.nav-actions{display:none}.nav-links{display:none;position:absolute;left:18px;right:18px;top:70px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:11px 13px}.hero-layout,.feature-grid,.reading-grid{grid-template-columns:1fr}.hero-visual{transform:none;max-width:620px}.category-grid,.timeline{grid-template-columns:1fr 1fr}.stats-band{grid-template-columns:1fr 1fr}.faq-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta{align-items:flex-start;flex-direction:column}}
    @media(max-width:520px){.container{padding:0 18px}.page-hero{padding:42px 0}.section{padding:55px 0}h1{font-size:38px}.hero-lead{font-size:16px}.news-feature{padding:20px}.news-entry{grid-template-columns:1fr;gap:5px;padding:20px 0}.news-entry .btn{justify-self:start}.category-grid,.stats-band,.footer-grid{grid-template-columns:1fr}.cta{padding:28px 24px}.cta h2{font-size:24px}}

/* roulang page: category1 */
:root{--blue:#2868e8;--blue2:#123d9b;--ink:#15233d;--muted:#64738d;--bg:#f4f7fc;--surface:#fff;--line:#dfe7f3;--orange:#f28a45;--green:#2e9d78;--radius:18px;--shadow:0 16px 44px rgba(32,67,125,.10);--soft:0 7px 22px rgba(26,65,125,.08)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.container{max-width:1220px;margin:auto;padding:0 26px}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 3px 18px rgba(27,59,108,.05)}.nav-row{min-height:76px;display:flex;align-items:center;gap:20px}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;color:var(--blue2);white-space:nowrap}.brand i{display:inline-block;width:10px;height:10px;background:var(--orange);border-radius:50%;margin:0 5px 3px 0}
    .nav-links{display:flex;align-items:center;gap:0;flex:1;justify-content:center}.nav-links a{padding:8px 7px;border-radius:9px;color:#53627b;font-size:13px;transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--blue);background:#edf3ff}.nav-actions{display:flex;gap:9px;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:10px 18px;font-weight:700;font-size:14px;transition:.22s;cursor:pointer}.btn:focus,input:focus,textarea:focus,summary:focus{outline:3px solid rgba(40,104,232,.25);outline-offset:2px}.btn-main{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(40,104,232,.2)}.btn-main:hover{background:var(--blue2);transform:translateY(-2px)}.btn-light{background:#f0f5ff;color:var(--blue);border-color:#d7e4ff}.btn-light:hover{background:#e2edff}.menu-toggle{display:none;border:0;background:#edf3ff;color:var(--blue);border-radius:8px;padding:8px 12px}
    .hero{position:relative;overflow:hidden;padding:48px 0 58px;background:#eaf2ff url('/assets/images/backpic/back-2.webp') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(234,242,255,.98),rgba(234,242,255,.72));z-index:0}.hero .container{position:relative;z-index:1}.crumb{font-size:13px;color:var(--muted);margin-bottom:26px}.crumb a{color:var(--blue)}.hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:52px;align-items:center}.eyebrow,.tag{display:inline-flex;align-items:center;background:#fff;color:var(--blue);border:1px solid #d4e2fb;border-radius:99px;padding:4px 12px;font-size:13px;font-weight:700}.eyebrow{background:#fff5ec;color:#d66d2d;border-color:#ffe0c5}.hero h1{font-size:clamp(38px,5vw,60px);line-height:1.16;letter-spacing:-2px;margin:17px 0}.hero-lead{font-size:18px;max-width:670px}.hero-actions{display:flex;gap:12px;margin:27px 0}.cover-sheet{background:#fff;border:1px solid #d5e2f6;border-radius:22px;padding:15px;box-shadow:var(--shadow);transform:rotate(1deg)}.cover-sheet img{height:310px;width:100%;object-fit:cover;border-radius:14px}.sheet-caption{padding:14px 8px 2px;display:flex;justify-content:space-between;gap:15px;font-size:13px;color:var(--muted)}.sheet-caption strong{color:var(--blue2)}
    .section{padding:76px 0}.section.alt{background:#edf4ff}.section-head{max-width:760px;margin-bottom:34px}.section-head h2{font-size:34px;line-height:1.3;margin:9px 0 12px;letter-spacing:-1px}.section-head p{font-size:17px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.visual img{width:100%;height:330px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}.copy p{color:var(--muted)}.copy h3{font-size:22px;margin:0 0 12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--soft);transition:.22s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bcd2f6}.card h3{margin:8px 0 7px;font-size:20px}.card p{color:var(--muted);font-size:14px;margin-bottom:0}.card-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.card.featured{grid-row:span 2;background:linear-gradient(145deg,#fff,#edf4ff)}.card.featured img{height:230px;width:100%;object-fit:cover;border-radius:13px;margin-bottom:15px}.label{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em}.timeline{position:relative;display:grid;gap:22px;margin-top:15px}.timeline:before{content:"";position:absolute;left:18px;top:17px;bottom:17px;width:2px;background:#c9daf8}.timeline-item{position:relative;display:grid;grid-template-columns:38px 1fr;gap:17px}.timeline-num{width:37px;height:37px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;z-index:1}.timeline-body{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 21px}.timeline-body h3{font-size:18px;margin:0 0 4px}.timeline-body p{color:var(--muted);margin:0;font-size:14px}.range{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{padding:22px 18px;border-left:3px solid var(--orange);background:#fff;border-radius:12px;box-shadow:var(--soft)}.metric strong{display:block;color:var(--blue2);font-size:27px}.metric span{color:var(--muted);font-size:13px}.anchor-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.anchor-bar a{padding:8px 14px;border:1px solid #cbdaf2;border-radius:99px;color:var(--blue);background:#fff;font-size:14px}.anchor-bar a:hover{background:#edf3ff}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 20px}.faq-item summary{list-style:none;cursor:pointer;padding:17px 0;font-weight:800}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"＋";float:right;color:var(--blue);font-size:20px}.faq-item[open] summary:after{content:"－"}.faq-item p{font-size:14px;color:var(--muted);padding:0 0 17px;margin:0}.cta{background:#142d62;color:#fff;border-radius:22px;padding:40px 45px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta p{color:#c6d5f1;margin:8px 0 0}.cta h2{margin:0;font-size:30px}.form-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.form-card{background:#fff;padding:28px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}label{font-weight:700;font-size:14px}input,textarea{border:1px solid #cfdaeb;border-radius:9px;box-shadow:none;background:#fbfdff;margin-top:6px}textarea{min-height:120px;resize:vertical}.form-note{font-size:12px;color:var(--muted);margin-top:10px}.footer{background:#10254e;color:#c9d6ec;padding:52px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer .brand{color:#fff}.footer h3{font-size:16px;color:#fff;margin:0 0 13px}.footer p,.footer a{font-size:13px;color:#aebed9}.footer a:hover{color:#fff}.footer-links{display:grid;gap:5px}.notice{font-size:12px;color:#aebed9;border-left:3px solid var(--orange);padding-left:12px;margin-top:15px}.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:18px;font-size:12px;color:#91a6c9;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
    @media(max-width:1100px){.nav-links a{padding:8px 4px;font-size:12px}.nav-row{gap:10px}.nav-actions .btn{padding:9px 11px}}
    @media(max-width:800px){.container{padding:0 18px}.nav-row{min-height:66px;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.nav-actions{display:none}.nav-links{display:none;order:5;flex-basis:100%;overflow-x:auto;justify-content:flex-start;padding:8px 0 14px}.nav-links.open{display:flex}.hero{padding:32px 0 45px}.hero-grid,.two-col,.form-wrap{grid-template-columns:1fr;gap:28px}.hero h1{font-size:40px}.cover-sheet{max-width:570px;margin:auto}.section{padding:58px 0}.card-grid{grid-template-columns:1fr}.card.featured{grid-row:auto}.range{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.cta{display:block;padding:30px 25px}.cta .btn{margin-top:22px}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){.hero-actions{flex-direction:column}.hero-actions .btn,.cta .btn{width:100%}.hero h1{font-size:34px}.hero-lead{font-size:16px}.range{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-bottom:7px}.timeline-body{padding:14px}.cover-sheet img{height:240px}}