/* roulang page: index */
:root{--ink:#101817;--teal:#0aa58f;--teal-dark:#087d70;--paper:#f7f8f4;--mist:#e9efeb;--line:#d9e2dd;--muted:#65716d;--orange:#d96d45;--white:#fff;--radius:18px;--shadow:0 18px 50px rgba(16,24,23,.08)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1240px,calc(100% - 40px));margin:auto}.section{padding:92px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--teal-dark);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:2px;background:var(--teal)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:-.04em}.section-title{font-size:clamp(32px,4vw,54px);max-width:760px;margin:15px 0 20px}.section-lead{max-width:720px;color:var(--muted);font-size:17px}.topbar{height:76px;border-bottom:1px solid rgba(217,226,221,.8);background:rgba(247,248,244,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:21px;font-weight:900;letter-spacing:-.06em;white-space:nowrap}.logo span{color:var(--teal)}.nav{display:flex;align-items:center;gap:5px}.nav a{font-size:13px;color:#42504b;padding:9px 10px;border-radius:9px;transition:.2s}.nav a:hover,.nav a.active{color:var(--ink);background:var(--mist)}.nav a.active{box-shadow:inset 0 -2px var(--teal)}.nav-menu{display:none;border:1px solid var(--line);background:transparent;border-radius:10px;padding:7px 11px}.hero{background:var(--ink);color:white;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(16,24,23,.98) 22%,rgba(16,24,23,.78) 57%,rgba(16,24,23,.48)),url('/assets/images/backpic/back-1.webp') center/cover;opacity:.76}.hero-inner{position:relative;z-index:1;min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:80px 0}.hero h1{font-size:clamp(43px,6.2vw,78px);max-width:720px;margin:22px 0}.hero-copy{font-size:18px;color:#c5d2cd;max-width:650px}.hero .eyebrow{color:#65dcc7}.hero .eyebrow:before{background:#65dcc7}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:800;transition:.2s}.btn-primary{background:var(--teal);color:white}.btn-primary:hover{background:#12bba4;transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,165,143,.22)}.btn-ghost{border-color:#53635e;color:white}.btn-ghost:hover{border-color:#9de8db;background:rgba(255,255,255,.08)}.btn-light{background:white;color:var(--ink)}.btn-light:hover{background:#dff8f1;transform:translateY(-2px)}.btn:focus,input:focus,select:focus,textarea:focus,summary:focus{outline:3px solid rgba(10,165,143,.25);outline-offset:3px}.hero-points{display:flex;gap:28px;flex-wrap:wrap;color:#9eada8;font-size:13px}.hero-points strong{display:block;color:white;font-size:24px;line-height:1.2}.scoreboard{background:rgba(244,249,246,.09);border:1px solid rgba(201,232,223,.22);border-radius:22px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.2);transform:rotate(1.5deg)}.board-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:18px;margin-bottom:5px}.board-title{font-weight:800}.status{font-size:11px;color:#83ebd8;border:1px solid rgba(131,235,216,.35);padding:3px 8px;border-radius:99px}.board-row{display:grid;grid-template-columns:34px 1fr 72px 56px;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}.board-row:last-child{border:0}.rank{color:#75ddc8;font-size:18px;font-weight:900}.bar{height:5px;background:#35514c;border-radius:9px;overflow:hidden;margin-top:7px}.bar i{height:100%;display:block;background:var(--teal);border-radius:9px}.board-note{font-size:11px;color:#97aaa4;margin:15px 0 0}.matrix{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:14px;margin-top:42px}.matrix-card{min-height:210px;border:1px solid var(--line);border-radius:var(--radius);padding:25px;background:white;transition:.22s;position:relative;overflow:hidden}.matrix-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#94d9ce}.matrix-card.feature{grid-row:span 2;background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:flex-end;background-image:linear-gradient(0deg,rgba(16,24,23,.96),rgba(16,24,23,.22)),url('/assets/images/coverpic/cover-2.webp');background-position:center;background-size:cover}.matrix-card h3{font-size:24px;margin:12px 0 10px}.matrix-card p{font-size:14px;color:var(--muted);margin-bottom:0}.feature p{color:#b9c9c4}.num{font-size:12px;color:var(--teal);font-weight:900}.feature .num{color:#72e0cb}.split{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:start}.dark-section{background:var(--ink);color:white}.dark-section .section-lead{color:#b8c8c2}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#40504b;border:1px solid #40504b;margin-top:42px}.pain-item{background:var(--ink);padding:28px;min-height:220px}.pain-item h3{font-size:22px;margin:30px 0 12px}.pain-item p{color:#aab9b4;font-size:14px}.timeline{border-left:1px solid #8bdccf;padding-left:32px;margin-top:38px}.timeline-item{position:relative;margin-bottom:32px}.timeline-item:before{content:"";position:absolute;width:11px;height:11px;background:var(--teal);border:3px solid var(--ink);border-radius:50%;left:-39px;top:9px}.timeline-item small{color:#70d8c5;font-weight:800}.timeline-item h3{font-size:23px;margin:5px 0 8px}.timeline-item p{color:#afbeb9;font-size:14px;margin:0}.solution-image{border-radius:22px;overflow:hidden;min-height:470px;position:relative;background:#cbdad4}.solution-image img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;bottom:18px;left:18px;right:18px;padding:18px;background:rgba(16,24,23,.82);color:white;border-radius:13px;font-size:14px}.metrics{display:grid;grid-template-columns:1fr 1.4fr;gap:25px;align-items:stretch;margin-top:42px}.metric-panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.big-number{font-size:62px;line-height:1;font-weight:900;letter-spacing:-.08em;color:var(--teal-dark)}.metric-panel h3{font-size:22px;margin:14px 0}.metric-panel p{color:var(--muted);font-size:14px}.signal-list{margin:0;padding:0;list-style:none}.signal-list li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 0;font-size:14px}.signal-list li:last-child{border:0}.signal-list b{font-size:18px}.signal{display:inline-flex;align-items:center;gap:7px;color:var(--teal-dark);font-size:12px}.signal:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal)}.news-layout{display:grid;grid-template-columns:1fr 350px;gap:50px;margin-top:42px}.news-list{border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:105px 1fr 100px;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.news-date{font-size:13px;color:var(--muted)}.news-item h3{font-size:18px;margin:0 0 6px}.news-item p{font-size:13px;color:var(--muted);margin:0}.read{font-size:12px;color:var(--teal-dark);font-weight:800;text-align:right}.featured{background:var(--mist);border-radius:var(--radius);padding:25px}.featured img{height:160px;width:100%;object-fit:cover;border-radius:13px;margin-bottom:20px}.featured h3{font-size:25px}.featured p{color:var(--muted);font-size:14px}.quote-track{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.quote{background:white;border:1px solid var(--line);padding:27px;border-radius:var(--radius);min-height:190px}.quote q{display:block;font-size:18px;line-height:1.65;margin-bottom:22px}.quote cite{font-style:normal;color:var(--muted);font-size:13px}.guide{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.guide-card{padding:29px;border-radius:var(--radius);background:#eef4f0;border:1px solid #d7e5dd}.guide-card h3{font-size:24px}.guide-card p{color:var(--muted);font-size:14px}.guide-card ol{padding-left:20px;color:#465650;font-size:14px}.guide-card li{margin:10px 0}.faq-list{margin-top:35px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;font-size:17px;font-weight:800;display:flex;justify-content:space-between;gap:18px}summary::-webkit-details-marker{display:none}summary:after{content:"＋";color:var(--teal);font-size:22px}details[open] summary:after{content:"－"}details p{color:var(--muted);font-size:14px;max-width:820px;padding:14px 30px 0 0;margin:0}.cta{background:var(--teal);color:white;border-radius:24px;padding:58px 65px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(30px,4vw,50px);margin:0 0 12px}.cta p{color:#d3fff6;max-width:650px;margin:0}.footer{background:var(--ink);color:#d8e3df;padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer h3{font-size:15px;color:white;letter-spacing:0;margin-bottom:16px}.footer p,.footer a{font-size:13px;color:#95a8a1}.footer a:hover{color:#72ddc8}.footer-brand{font-size:24px;font-weight:900;color:white}.footer-brand span{color:#6edcca}.footer-bottom{border-top:1px solid #33423e;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:#82958e}.form{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:#fbfcfa;color:var(--ink)}.field textarea{min-height:110px;resize:vertical}.disclaimer{font-size:12px;color:#7d8985;margin-top:15px}.menu-panel{display:none}.cover-strip{display:grid;grid-template-columns:1.1fr .9fr;gap:25px;margin-top:42px}.cover-strip img{height:285px;width:100%;object-fit:cover;border-radius:20px}.cover-copy{padding:15px 0}.cover-copy h3{font-size:30px}.cover-copy p{color:var(--muted);font-size:15px}.tag{display:inline-block;border-radius:99px;background:var(--mist);color:var(--teal-dark);padding:4px 10px;font-size:11px;font-weight:800;margin-right:5px}.risk{color:var(--orange);border-color:#efc5b6}.risk:before{background:var(--orange)}@media(max-width:1050px){.nav{gap:0}.nav a{padding:8px 6px;font-size:12px}.hero-inner{gap:35px}.container{width:min(100% - 32px,1240px)}}@media(max-width:800px){.topbar{height:68px}.nav{display:none;position:absolute;top:68px;left:16px;right:16px;background:white;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px}.nav-menu{display:block}.hero-inner,.split,.metrics,.news-layout,.cover-strip{grid-template-columns:1fr}.hero-inner{padding:65px 0;min-height:auto}.scoreboard{transform:none}.matrix{grid-template-columns:1fr 1fr}.matrix-card.feature{grid-column:1/-1;grid-row:auto;min-height:260px}.pain-grid,.quote-track{grid-template-columns:1fr}.section{padding:67px 0}.footer-grid{grid-template-columns:1fr 1fr}.cta{padding:38px 28px;display:block}.cta .btn{margin-top:25px}.news-layout{gap:28px}}@media(max-width:520px){.container{width:calc(100% - 28px)}.hero h1{font-size:43px}.hero-copy{font-size:16px}.matrix{grid-template-columns:1fr}.matrix-card.feature{grid-column:auto}.news-item{grid-template-columns:1fr;gap:5px}.read{text-align:left;margin-top:8px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}.section-title{font-size:35px}.scoreboard{padding:18px}.board-row{grid-template-columns:28px 1fr 55px}.board-row span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category3 */
:root{--ink:#101817;--teal:#0aa58f;--teal-dark:#087d70;--paper:#f7f8f4;--mist:#e9efeb;--line:#d9e2dd;--muted:#65716d;--orange:#d96d45;--white:#fff;--radius:18px;--shadow:0 18px 50px rgba(16,24,23,.08)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(1240px,calc(100% - 40px));margin:auto}
    .section{padding:86px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--teal-dark);font-size:12px;font-weight:800;letter-spacing:.12em}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--teal)}
    .section-title{font-size:clamp(32px,4vw,54px);line-height:1.18;max-width:780px;margin:15px 0 20px;letter-spacing:-.045em}
    .section-lead{max-width:720px;color:var(--muted);font-size:17px}
    .topbar{height:76px;border-bottom:1px solid rgba(217,226,221,.8);background:rgba(247,248,244,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}
    .nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .logo{font-size:21px;font-weight:900;letter-spacing:-.06em;white-space:nowrap}
    .logo span,.footer-brand span{color:var(--teal)}
    .nav{display:flex;align-items:center;gap:5px}
    .nav a{font-size:13px;color:#42504b;padding:9px 10px;border-radius:9px;transition:.2s;white-space:nowrap}
    .nav a:hover,.nav a.active{color:var(--ink);background:var(--mist)}
    .nav a.active{box-shadow:inset 0 -2px var(--teal)}
    .nav-menu{display:none;border:1px solid var(--line);background:transparent;border-radius:10px;padding:7px 11px}
    .rule-hero{background:var(--ink);color:white;position:relative;overflow:hidden}
    .rule-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(16,24,23,.98) 20%,rgba(16,24,23,.82) 62%,rgba(16,24,23,.5)),url('/assets/images/backpic/back-2.webp') center/cover;opacity:.78}
    .hero-inner{position:relative;z-index:1;min-height:535px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px;padding:78px 0}
    .hero-inner h1{font-size:clamp(43px,6vw,74px);line-height:1.08;letter-spacing:-.065em;margin:20px 0}
    .hero-copy{font-size:18px;color:#c5d2cd;max-width:650px}
    .hero .eyebrow{color:#65dcc7}.hero .eyebrow:before{background:#65dcc7}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:800;transition:.2s}
    .btn-primary{background:var(--teal);color:white}.btn-primary:hover{background:#12bba4;transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,165,143,.22)}
    .btn-ghost{border-color:#53635e;color:white}.btn-ghost:hover{border-color:#9de8db;background:rgba(255,255,255,.08)}
    .btn-light{background:white;color:var(--ink)}.btn-light:hover{background:#dff8f1;transform:translateY(-2px)}
    .btn:focus,input:focus,select:focus,textarea:focus,summary:focus{outline:3px solid rgba(10,165,143,.25);outline-offset:3px}
    .hero-board{border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(12,28,25,.7);padding:26px;box-shadow:0 20px 70px rgba(0,0,0,.18)}
    .board-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:18px}
    .board-head small{color:#8fa59d}.status{color:#72e0cb;font-size:12px;font-weight:800}
    .board-step{display:grid;grid-template-columns:42px 1fr;gap:15px;align-items:start;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}
    .board-step:last-child{border:0}.step-num{color:#72e0cb;font-size:25px;font-weight:900;line-height:1}
    .board-step strong{display:block;font-size:16px}.board-step span{display:block;color:#aabbb5;font-size:13px;margin-top:4px}
    .intro-grid{display:grid;grid-template-columns:4fr 7fr;gap:75px;align-items:start}
    .side-note{border-left:3px solid var(--teal);padding:4px 0 4px 22px;color:var(--muted);font-size:15px}
    .rule-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:35px 0 24px}
    .rule-tabs a{padding:9px 14px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:13px;transition:.2s}
    .rule-tabs a:hover,.rule-tabs a.active{background:var(--ink);border-color:var(--ink);color:white}
    .rule-content{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .rule-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px;transition:.22s}
    .rule-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#94d9ce}
    .rule-card .index{color:var(--teal);font-weight:900;font-size:13px}.rule-card h3{font-size:22px;margin:9px 0}.rule-card p{font-size:14px;color:var(--muted);margin:0}
    .dark-section{background:var(--ink);color:white}
    .dark-section .section-lead{color:#b8c8c2}
    .numbered{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#40504b;margin-top:42px;border:1px solid #40504b}
    .numbered article{background:var(--ink);padding:27px;min-height:230px}.numbered b{font-size:40px;color:#69d8c4}.numbered h3{font-size:20px;margin:13px 0 8px}.numbered p{color:#aab9b4;font-size:14px;margin:0}
    .term-layout{display:grid;grid-template-columns:1fr 1.45fr;gap:70px;align-items:start}
    .term-image{border-radius:var(--radius);overflow:hidden;position:relative}.term-image img{width:100%;height:440px;object-fit:cover}.term-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 24px 20px;color:white;background:linear-gradient(transparent,rgba(16,24,23,.9));font-size:14px}
    .term-list{border-top:1px solid var(--line)}.term-row{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:21px 0;border-bottom:1px solid var(--line)}.term-row strong{font-size:16px}.term-row p{margin:0;color:var(--muted);font-size:14px}
    .notice{background:#fff5ed;border:1px solid #f0c7b4;border-left:4px solid var(--orange);border-radius:14px;padding:23px 25px;color:#77402f}.notice strong{display:block;color:#a34f32;margin-bottom:5px}.notice p{font-size:14px;margin:0}
    .reading-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:40px}.reading-panel{border-radius:var(--radius);padding:32px;background:var(--mist)}.reading-panel.dark{background:var(--ink);color:white}.reading-panel h3{font-size:27px;margin:0 0 15px}.reading-panel p{font-size:14px;color:var(--muted)}.reading-panel.dark p{color:#b7c6c0}.reading-panel ul{padding-left:20px;color:#4e5d57;font-size:14px}.reading-panel.dark ul{color:#c5d3ce}.reading-panel li{margin:9px 0}
    .faq-list{margin-top:32px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;list-style:none;font-size:18px;font-weight:800;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:"＋";color:var(--teal);font-size:22px}details[open] summary:after{content:"－"}details p{max-width:820px;color:var(--muted);font-size:14px;margin:13px 0 0}
    .cta{background:var(--teal);color:white;border-radius:24px;padding:52px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(30px,4vw,50px);line-height:1.2;margin:0 0 12px}.cta p{color:#d3fff6;max-width:650px;margin:0}
    .footer{background:var(--ink);color:#d8e3df;padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer h3{font-size:15px;color:white;margin:0 0 16px}.footer p,.footer a{font-size:13px;color:#95a8a1}.footer a:hover{color:#72ddc8}.footer-brand{font-size:24px;font-weight:900;color:white}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #33423d;margin-top:45px;padding-top:20px;font-size:12px;color:#849790}
    @media(max-width:1024px){.nav{display:none}.nav-menu{display:block}.hero-inner,.intro-grid,.term-layout,.reading-grid{grid-template-columns:1fr;gap:35px}.hero-inner{min-height:auto}.numbered{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:640px){.container{width:min(100% - 28px,1240px)}.section{padding:60px 0}.hero-inner{padding:62px 0}.hero-inner h1{font-size:43px}.hero-copy{font-size:16px}.hero-board{padding:20px}.rule-content,.numbered{grid-template-columns:1fr}.term-row{grid-template-columns:1fr;gap:4px}.term-image img{height:300px}.cta{padding:34px 25px;display:block}.cta .btn{margin-top:23px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

@media(max-width:1024px){
      .nav.mobile-open{display:flex;position:absolute;top:76px;left:0;right:0;padding:16px 20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
      .nav.mobile-open a{padding:12px 14px}
    }

/* roulang page: category1 */
:root{--ink:#101817;--teal:#0aa58f;--teal-dark:#087d70;--paper:#f7f8f4;--mist:#e9efeb;--line:#d9e2dd;--muted:#65716d;--orange:#d96d45;--white:#fff;--radius:18px;--shadow:0 18px 50px rgba(16,24,23,.08)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(1240px,calc(100% - 40px));margin:auto}
    .section{padding:88px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--teal-dark);font-size:12px;font-weight:800;letter-spacing:.12em}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--teal)}
    .section-title{font-size:clamp(32px,4vw,54px);line-height:1.2;max-width:760px;margin:15px 0 20px;letter-spacing:-.04em}
    .section-lead{max-width:720px;color:var(--muted);font-size:17px}
    .topbar{height:76px;border-bottom:1px solid rgba(217,226,221,.8);background:rgba(247,248,244,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}
    .nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .logo{font-size:21px;font-weight:900;letter-spacing:-.06em;white-space:nowrap}
    .logo span,.footer-brand span{color:var(--teal)}
    .nav{display:flex;align-items:center;gap:5px}
    .nav a{font-size:13px;color:#42504b;padding:9px 10px;border-radius:9px;transition:.2s}
    .nav a:hover,.nav a.active{color:var(--ink);background:var(--mist)}
    .nav a.active{box-shadow:inset 0 -2px var(--teal)}
    .nav-menu{display:none;border:1px solid var(--line);background:transparent;border-radius:10px;padding:7px 11px}
    .hero{background:var(--ink);color:white;position:relative;overflow:hidden}
    .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(16,24,23,.98) 18%,rgba(16,24,23,.75) 58%,rgba(16,24,23,.42)),url('/assets/images/backpic/back-2.webp') center/cover;opacity:.8}
    .hero-inner{position:relative;z-index:1;min-height:560px;display:grid;grid-template-columns:1fr 390px;align-items:center;gap:90px;padding:78px 0}
    .hero h1{font-size:clamp(43px,6vw,76px);line-height:1.1;max-width:750px;margin:22px 0}
    .hero-copy{font-size:18px;color:#c5d2cd;max-width:680px}
    .hero .eyebrow{color:#65dcc7}.hero .eyebrow:before{background:#65dcc7}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:800;transition:.2s}
    .btn-primary{background:var(--teal);color:white}.btn-primary:hover{background:#12bba4;transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,165,143,.22)}
    .btn-ghost{border-color:#53635e;color:white}.btn-ghost:hover{border-color:#9de8db;background:rgba(255,255,255,.08)}
    .btn-dark{background:var(--ink);color:white}.btn-dark:hover{background:var(--teal-dark);transform:translateY(-2px)}
    .btn:focus,input:focus,select:focus,textarea:focus,summary:focus{outline:3px solid rgba(10,165,143,.25);outline-offset:3px}
    .vertical-card{width:260px;justify-self:end;border:1px solid rgba(255,255,255,.25);border-radius:22px;background:rgba(255,255,255,.08);padding:18px;box-shadow:0 25px 60px rgba(0,0,0,.2);transform:rotate(2deg)}
    .vertical-card img{height:290px;width:100%;object-fit:cover;border-radius:14px;filter:saturate(.8)}
    .vertical-card .caption{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#c4d2cc;padding-top:14px}
    .vertical-card b{color:#75dfcb;font-size:20px}
    .trend-layout{display:grid;grid-template-columns:390px 1fr;gap:78px;align-items:start}
    .timeline{border-left:1px solid #a9bbb3;padding-left:34px}
    .timeline-item{position:relative;padding-bottom:32px}
    .timeline-item:before{content:"";position:absolute;width:12px;height:12px;background:var(--teal);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--teal);border-radius:50%;left:-41px;top:9px}
    .timeline-item small{color:var(--teal-dark);font-weight:800}.timeline-item h3{font-size:22px;margin:5px 0 7px}.timeline-item p{color:var(--muted);font-size:14px;margin:0}
    .match-strip{display:flex;gap:14px;overflow-x:auto;padding:8px 3px 20px;scrollbar-color:var(--teal) transparent}
    .match-card{min-width:285px;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:.2s}
    .match-card:hover{transform:translateY(-4px);border-color:#8bd5c8;box-shadow:var(--shadow)}
    .match-head{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}
    .badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:99px;background:#e0f5ef;color:var(--teal-dark);font-size:12px;font-weight:800}
    .badge.warn{background:#fff0e9;color:#a84c2e}
    .match-card h3{font-size:20px;line-height:1.35;margin:22px 0 14px}.match-card p{font-size:13px;color:var(--muted);margin:0}
    .dark-section{background:var(--ink);color:white}.dark-section .section-lead{color:#b8c8c2}
    .signal-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}
    .signal-panel{border:1px solid #40504b;padding:26px 30px;border-radius:var(--radius)}
    .signal-row{display:grid;grid-template-columns:145px 1fr 80px;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px}
    .signal-row:last-child{border:0}.signal-row span{color:#aebdb8}.meter{height:6px;background:#33423e;border-radius:20px;overflow:hidden}.meter i{display:block;height:100%;background:var(--teal);border-radius:20px}
    .read-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:28px}.feature-card{background:var(--mist);border-radius:var(--radius);padding:30px}.feature-card img{height:245px;width:100%;object-fit:cover;border-radius:14px;margin-bottom:24px}.feature-card h3{font-size:29px;line-height:1.35;margin:8px 0 12px}.feature-card p,.read-item p{color:var(--muted);font-size:14px}
    .read-list{border-top:1px solid var(--line)}.read-item{display:grid;grid-template-columns:76px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.read-item time{color:var(--teal-dark);font-size:12px;font-weight:800}.read-item h3{margin:0;font-size:18px;line-height:1.45}.read-item p{margin:5px 0 0}
    .note-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}.note-box h3{font-size:24px;margin-top:0}.note-box p{color:var(--muted);font-size:14px}
    .quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.quote{background:white;border:1px solid var(--line);padding:28px;border-radius:var(--radius);font-size:18px}.quote small{display:block;color:var(--muted);font-size:13px;margin-top:18px}
    .faq-list{margin-top:32px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:18px;font-weight:800;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--teal);font-size:24px}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:14px;max-width:800px;margin:12px 0 0}
    .cta{background:var(--teal);color:white;border-radius:24px;padding:54px 62px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(30px,4vw,50px);line-height:1.2;margin:0 0 12px}.cta p{color:#d3fff6;max-width:650px;margin:0}
    .footer{background:var(--ink);color:#d8e3df;padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer h3{font-size:15px;color:white;margin:0 0 16px}.footer p,.footer a{font-size:13px;color:#95a8a1}.footer p{margin:7px 0}.footer a:hover{color:#72ddc8}.footer-brand{font-size:24px;font-weight:900;color:white}.footer-bottom{border-top:1px solid #33423e;margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px;color:#8fa19b}
    @media(max-width:1024px){.nav{display:none;position:absolute;top:76px;left:20px;right:20px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px}.nav-menu{display:block}.hero-inner{grid-template-columns:1fr 300px;gap:35px}.trend-layout,.signal-grid,.read-layout{grid-template-columns:1fr;gap:38px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}}
    @media(max-width:700px){.container{width:min(100% - 28px,1240px)}.section{padding:62px 0}.hero-inner{display:block;padding:65px 0;min-height:auto}.hero h1{font-size:45px}.hero-copy{font-size:16px}.vertical-card{margin:42px auto 0;transform:rotate(1deg)}.signal-row{grid-template-columns:105px 1fr 55px;gap:10px}.quote-grid{grid-template-columns:1fr}.cta{padding:36px 26px;display:block}.cta .btn{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:9px}}
    @media(max-width:480px){.section-title{font-size:34px}.match-card{min-width:260px}.read-item{grid-template-columns:1fr;gap:3px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category2 */
:root{--ink:#101817;--teal:#0aa58f;--teal-dark:#087d70;--paper:#f7f8f4;--mist:#e9efeb;--line:#d9e2dd;--muted:#65716d;--orange:#d96d45;--white:#fff;--radius:18px;--shadow:0 18px 50px rgba(16,24,23,.08)}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(1240px,calc(100% - 40px));margin:auto}
    .section{padding:88px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--teal-dark);font-size:12px;font-weight:800;letter-spacing:.12em}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--teal)}
    .section-title{font-size:clamp(32px,4vw,54px);line-height:1.2;max-width:780px;margin:15px 0 20px;letter-spacing:-.045em}
    .section-lead{max-width:720px;color:var(--muted);font-size:17px}
    .topbar{height:76px;border-bottom:1px solid rgba(217,226,221,.8);background:rgba(247,248,244,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}
    .nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .logo{font-size:21px;font-weight:900;letter-spacing:-.06em;white-space:nowrap}
    .logo span,.footer-brand span{color:var(--teal)}
    .nav{display:flex;align-items:center;gap:5px}
    .nav a{font-size:13px;color:#42504b;padding:9px 10px;border-radius:9px;transition:.2s}
    .nav a:hover,.nav a.active{color:var(--ink);background:var(--mist)}
    .nav a.active{box-shadow:inset 0 -2px var(--teal)}
    .nav-menu{display:none;border:1px solid var(--line);background:transparent;border-radius:10px;padding:7px 11px;color:var(--ink)}
    .hero{background:var(--ink);color:white;position:relative;overflow:hidden}
    .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(16,24,23,.98) 24%,rgba(16,24,23,.82) 58%,rgba(16,24,23,.48)),url('/assets/images/backpic/back-2.webp') center/cover;opacity:.8}
    .hero-inner{position:relative;z-index:1;min-height:515px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:72px 0}
    .hero h1{font-size:clamp(43px,6vw,74px);line-height:1.08;letter-spacing:-.06em;max-width:700px;margin:22px 0}
    .hero-copy{font-size:18px;color:#c5d2cd;max-width:650px}
    .hero .eyebrow{color:#65dcc7}.hero .eyebrow:before{background:#65dcc7}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:800;transition:.2s}
    .btn-primary{background:var(--teal);color:white}.btn-primary:hover{background:#12bba4;transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,165,143,.22)}
    .btn-ghost{border-color:#53635e;color:white}.btn-ghost:hover{border-color:#9de8db;background:rgba(255,255,255,.08)}
    .btn-dark{background:var(--ink);color:white}.btn-dark:hover{background:var(--teal-dark);transform:translateY(-2px)}
    .btn-light{background:white;color:var(--ink)}.btn-light:hover{background:#dff8f1;transform:translateY(-2px)}
    .btn:focus,input:focus,select:focus,textarea:focus,summary:focus{outline:3px solid rgba(10,165,143,.25);outline-offset:3px}
    .analysis-board{border:1px solid rgba(202,231,222,.35);background:rgba(255,255,255,.08);border-radius:20px;padding:25px;backdrop-filter:blur(8px)}
    .board-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:16px}
    .board-head small{color:#93aaa2}.board-title{font-weight:800}
    .metric-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:21px 0}
    .metric{background:rgba(255,255,255,.08);padding:15px;border-radius:12px}.metric small{display:block;color:#9fb1ac;font-size:11px}.metric strong{font-size:25px;color:#72e0cb}
    .chart{height:135px;position:relative;border-bottom:1px solid rgba(255,255,255,.18);background:repeating-linear-gradient(to bottom,transparent 0 32px,rgba(255,255,255,.08) 33px)}
    .chart svg{width:100%;height:100%;overflow:visible}.chart path{fill:none;stroke:#6de0ca;stroke-width:3}.chart circle{fill:#fff;stroke:#0aa58f;stroke-width:3}
    .board-note{font-size:12px;color:#9fb1ac;margin:15px 0 0}
    .compare-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:start}
    .compare-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
    .compare-card h3{font-size:24px;margin:0 0 18px}
    .bar-row{display:grid;grid-template-columns:100px 1fr 50px;gap:12px;align-items:center;font-size:13px;margin:18px 0}
    .bar-track{height:9px;border-radius:20px;background:#e7eee9;overflow:hidden}.bar-fill{height:100%;border-radius:20px;background:var(--teal)}
    .bar-fill.orange{background:var(--orange)}
    .annotation{border-left:3px solid var(--teal);padding:8px 0 8px 20px;color:var(--muted);font-size:15px}
    .index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}
    .index-card{min-height:230px;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:.22s}
    .index-card:hover{transform:translateY(-4px);border-color:#94d9ce;box-shadow:var(--shadow)}
    .index-number{font-size:12px;color:var(--teal-dark);font-weight:900;letter-spacing:.1em}
    .index-card h3{font-size:21px;margin:28px 0 10px}.index-card p{font-size:14px;color:var(--muted);margin:0}
    .dark-section{background:var(--ink);color:white}
    .dark-section .section-lead{color:#b8c8c2}
    .dark-grid{display:grid;grid-template-columns:5fr 7fr;gap:70px;align-items:start}
    .method-list{border-top:1px solid rgba(255,255,255,.2)}
    .method{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid rgba(255,255,255,.14)}
    .method b{font-size:22px;color:#72e0cb}.method h3{font-size:20px;margin:0 0 5px}.method p{color:#afbeb9;font-size:14px;margin:0}
    .photo-panel{border-radius:20px;overflow:hidden;min-height:390px;position:relative}
    .photo-panel img{width:100%;height:100%;min-height:390px;object-fit:cover}.photo-panel:after{content:"静态图表示意";position:absolute;left:20px;bottom:18px;padding:5px 10px;background:rgba(16,24,23,.75);border:1px solid rgba(255,255,255,.3);border-radius:7px;color:white;font-size:12px}
    .article-layout{display:grid;grid-template-columns:1fr 330px;gap:60px}
    .article-list{border-top:1px solid var(--line)}
    .article-item{display:grid;grid-template-columns:78px 1fr auto;gap:22px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}
    .article-item time{font-size:12px;font-weight:800;color:var(--teal-dark);padding-top:6px}
    .article-item h3{font-size:21px;margin:0 0 6px}.article-item p{font-size:14px;color:var(--muted);margin:0}
    .mini-link{font-size:13px;color:var(--teal-dark);font-weight:800;white-space:nowrap;padding-top:7px}.mini-link:hover{color:var(--orange)}
    .side-note{background:var(--mist);border-radius:var(--radius);padding:25px;align-self:start}.side-note img{height:170px;width:100%;object-fit:cover;border-radius:12px;margin-bottom:20px}.side-note h3{font-size:24px;margin:0 0 10px}.side-note p{font-size:14px;color:var(--muted)}
    .faq-list{border-top:1px solid var(--line);margin-top:35px}
    details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:800;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:"＋";color:var(--teal);font-size:22px;line-height:1}details[open] summary:after{content:"－"}details p{max-width:800px;color:var(--muted);font-size:15px;margin:15px 35px 0 0}
    .cta{background:var(--teal);color:white;border-radius:24px;padding:54px 62px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(30px,4vw,50px);line-height:1.2;margin:0 0 12px}.cta p{color:#d3fff6;max-width:650px;margin:0}
    .footer{background:var(--ink);color:#d8e3df;padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer h3{font-size:15px;color:white;margin:0 0 16px}.footer p,.footer a{font-size:13px;color:#95a8a1}.footer a:hover{color:#72ddc8}.footer-brand{font-size:24px;font-weight:900;color:white}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #33413d;margin-top:45px;padding-top:20px;color:#879993;font-size:12px}
    .feedback{background:#eef4f0;border:1px solid var(--line);border-radius:var(--radius);padding:30px}.feedback h3{font-size:25px;margin:0 0 18px}.field{margin-bottom:15px}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:white;padding:11px 13px;color:var(--ink)}.field textarea{min-height:105px;resize:vertical}
    @media(max-width:1024px){.nav{gap:0}.nav a{padding:8px 6px;font-size:12px}.hero-inner{gap:35px}.index-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.container{width:min(100% - 30px,640px)}.topbar{height:68px}.nav-menu{display:block}.nav{display:none;position:absolute;top:68px;left:15px;right:15px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px}.hero-inner,.compare-wrap,.dark-grid,.article-layout{grid-template-columns:1fr}.hero-inner{padding:62px 0;min-height:auto}.analysis-board{margin-top:10px}.section{padding:65px 0}.cta{padding:38px 28px;display:block}.cta .btn{margin-top:24px}.article-item{grid-template-columns:65px 1fr}.article-item .mini-link{grid-column:2}.side-note{order:-1}}
    @media(max-width:520px){.hero h1{font-size:43px}.hero-copy{font-size:16px}.metric-row{gap:7px}.metric{padding:11px 8px}.metric strong{font-size:20px}.index-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:78px 1fr 40px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category4 */
:root{--ink:#101817;--teal:#0aa58f;--teal-dark:#087d70;--paper:#f7f8f4;--mist:#e9efeb;--line:#d9e2dd;--muted:#65716d;--orange:#d96d45;--white:#fff;--radius:18px;--shadow:0 18px 50px rgba(16,24,23,.08)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(1240px,calc(100% - 40px));margin:auto}
    .section{padding:84px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--teal-dark);font-size:12px;font-weight:800;letter-spacing:.12em}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--teal)}
    .section-title{font-size:clamp(32px,4vw,54px);line-height:1.22;max-width:760px;margin:15px 0 20px;letter-spacing:-.04em}
    .section-lead{max-width:720px;color:var(--muted);font-size:17px}
    .topbar{height:76px;border-bottom:1px solid rgba(217,226,221,.8);background:rgba(247,248,244,.94);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}
    .nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .logo{font-size:21px;font-weight:900;letter-spacing:-.06em;white-space:nowrap}
    .logo span,.footer-brand span{color:var(--teal)}
    .nav{display:flex;align-items:center;gap:5px}
    .nav a{font-size:13px;color:#42504b;padding:9px 10px;border-radius:9px;transition:.2s}
    .nav a:hover,.nav a.active{color:var(--ink);background:var(--mist)}
    .nav a.active{box-shadow:inset 0 -2px var(--teal)}
    .nav-menu{display:none;border:1px solid var(--line);background:transparent;border-radius:10px;padding:7px 11px}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:800;transition:.2s}
    .btn-primary{background:var(--teal);color:white}
    .btn-primary:hover{background:#12bba4;transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,165,143,.22)}
    .btn-dark{background:var(--ink);color:#fff}
    .btn-dark:hover{background:#263532;transform:translateY(-2px)}
    .btn-line{border-color:var(--line);color:var(--ink)}
    .btn-line:hover{border-color:var(--teal);color:var(--teal-dark);background:#effaf6}
    .btn:focus,input:focus,select:focus,textarea:focus,summary:focus{outline:3px solid rgba(10,165,143,.25);outline-offset:3px}
    .banner{background:var(--ink);color:#fff;position:relative;overflow:hidden}
    .banner:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(16,24,23,.98),rgba(16,24,23,.77)),url('/assets/images/backpic/back-2.webp') center/cover;opacity:.9}
    .banner-inner{position:relative;z-index:1;text-align:center;padding:100px 0 88px}
    .banner h1{font-size:clamp(42px,6vw,76px);line-height:1.12;letter-spacing:-.06em;margin:18px auto;max-width:850px}
    .banner p{max-width:690px;margin:0 auto;color:#c5d2cd;font-size:17px}
    .search-box{display:flex;max-width:680px;margin:34px auto 22px;background:#fff;padding:7px;border-radius:13px}
    .search-box input{min-width:0;flex:1;border:0;padding:0 16px;color:var(--ink);background:transparent}
    .hot-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;color:#b8c9c3;font-size:13px}
    .hot-links a{padding:5px 10px;border-bottom:1px solid #55716a;transition:.2s}
    .hot-links a:hover{color:#72ddc8;border-color:#72ddc8}
    .priority-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch}
    .feature-panel{border-radius:var(--radius);overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
    .feature-panel img{width:100%;height:300px;object-fit:cover}
    .feature-copy{padding:30px}
    .feature-copy h2{font-size:30px;line-height:1.3;margin:12px 0}
    .feature-copy p{color:var(--muted);font-size:15px}
    .tag{display:inline-flex;padding:4px 9px;border-radius:30px;background:#dff7f1;color:var(--teal-dark);font-size:12px;font-weight:800}
    .tag.warn{background:#fff0e9;color:#a64d2f}
    .side-list{border-top:1px solid var(--line)}
    .side-item{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:21px 0;border-bottom:1px solid var(--line)}
    .side-item time{font-size:12px;color:var(--muted);padding-top:4px}
    .side-item h3{font-size:18px;line-height:1.4;margin:0 0 6px}
    .side-item p{font-size:13px;color:var(--muted);margin:0}
    .check-section{background:var(--mist)}
    .check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}
    .check-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px;min-height:190px;transition:.2s}
    .check-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#94d9ce}
    .check-no{font-size:34px;color:var(--teal);font-weight:900;line-height:1}
    .check-card h3{font-size:19px;margin:18px 0 8px}
    .check-card p{font-size:13px;color:var(--muted);margin:0}
    .priority-table{margin-top:32px;border-top:1px solid var(--line)}
    .priority-row{display:grid;grid-template-columns:170px 110px 1fr;gap:20px;padding:19px 0;border-bottom:1px solid var(--line);align-items:center}
    .priority-row strong{font-size:16px}
    .priority-row p{margin:0;color:var(--muted);font-size:14px}
    .status{font-size:12px;color:var(--teal-dark);font-weight:800}
    .status:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:7px}
    .read-note{background:var(--ink);color:#fff;border-radius:var(--radius);padding:37px 40px;height:100%}
    .read-note h2{font-size:30px;line-height:1.3;margin:0 0 15px}
    .read-note p{color:#b6c6c0;font-size:14px}
    .read-note ul{padding-left:20px;color:#d7e5df;font-size:14px}
    .read-note li{margin:10px 0}
    .deep-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:54px;align-items:start}
    .deep-copy p{color:var(--muted);font-size:16px;margin:0 0 20px}
    .article-list{border-top:1px solid var(--line)}
    .article-item{display:grid;grid-template-columns:105px 1fr 95px;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}
    .article-item time{font-size:13px;color:var(--muted)}
    .article-item h3{font-size:19px;margin:0 0 5px;line-height:1.4}
    .article-item p{font-size:13px;color:var(--muted);margin:0}
    .article-item a{font-size:13px;color:var(--teal-dark);font-weight:800}
    .faq-list{margin-top:30px;border-top:1px solid var(--line)}
    details{border-bottom:1px solid var(--line);padding:19px 0}
    summary{cursor:pointer;font-size:17px;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:20px}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"＋";color:var(--teal);font-size:22px}
    details[open] summary:after{content:"－"}
    details p{color:var(--muted);font-size:14px;max-width:850px;margin:13px 0 0}
    .cta{background:var(--teal);color:white;border-radius:24px;padding:52px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px}
    .cta h2{font-size:clamp(30px,4vw,50px);line-height:1.25;margin:0 0 12px}
    .cta p{color:#d3fff6;max-width:650px;margin:0}
    .feedback{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
    .feedback label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}
    .feedback input,.feedback select,.feedback textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px 14px;color:var(--ink)}
    .feedback textarea{min-height:120px;resize:vertical}
    .full{grid-column:1/-1}
    .footer{background:var(--ink);color:#d8e3df;padding:65px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}
    .footer h3{font-size:15px;color:white;letter-spacing:0;margin-bottom:16px}
    .footer p,.footer a{font-size:13px;color:#95a8a1}
    .footer a:hover{color:#72ddc8}
    .footer-brand{font-size:24px;font-weight:900;color:white}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #30413c;margin-top:45px;padding-top:20px;font-size:12px;color:#82948d}
    @media(max-width:1024px){.nav{display:none}.nav-menu{display:block}.priority-grid,.deep-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:640px){.container{width:min(100% - 28px,1240px)}.section{padding:58px 0}.banner-inner{padding:72px 0 65px}.banner h1{font-size:43px}.search-box{display:block;background:transparent;padding:0}.search-box input{width:100%;height:50px;background:#fff;border-radius:10px;margin-bottom:10px}.search-box .btn{width:100%}.check-grid,.feedback{grid-template-columns:1fr}.priority-row{grid-template-columns:1fr;gap:4px}.article-item{grid-template-columns:1fr;gap:4px}.article-item a{margin-top:7px}.feature-copy{padding:23px}.read-note{padding:28px}.cta{padding:34px 25px;display:block}.cta .btn{margin-top:24px;width:100%}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:8px 0}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category6 */
:root{--ink:#101817;--teal:#0aa58f;--teal-dark:#087d70;--paper:#f7f8f4;--mist:#e9efeb;--line:#d9e2dd;--muted:#65716d;--orange:#d96d45;--white:#fff;--radius:18px;--shadow:0 18px 50px rgba(16,24,23,.08)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(1240px,calc(100% - 40px));margin:auto}
    .section{padding:86px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--teal-dark);font-size:12px;font-weight:800;letter-spacing:.12em}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--teal)}
    .section-title{font-size:clamp(32px,4vw,54px);line-height:1.2;max-width:760px;margin:15px 0 20px;letter-spacing:-.045em}
    .section-lead{max-width:720px;color:var(--muted);font-size:17px}
    .topbar{height:76px;border-bottom:1px solid rgba(217,226,221,.8);background:rgba(247,248,244,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}
    .nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .logo{font-size:21px;font-weight:900;letter-spacing:-.06em;white-space:nowrap}
    .logo span,.footer-brand span{color:var(--teal)}
    .nav{display:flex;align-items:center;gap:5px}
    .nav a{font-size:13px;color:#42504b;padding:9px 10px;border-radius:9px;transition:.2s;white-space:nowrap}
    .nav a:hover,.nav a.active{color:var(--ink);background:var(--mist)}
    .nav a.active{box-shadow:inset 0 -2px var(--teal)}
    .nav-menu{display:none;border:1px solid var(--line);background:transparent;border-radius:10px;padding:7px 11px}
    .hero{background:var(--ink);color:white;position:relative;overflow:hidden}
    .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(16,24,23,.98) 15%,rgba(16,24,23,.78) 58%,rgba(16,24,23,.35)),url('/assets/images/backpic/back-2.webp') center/cover;opacity:.82}
    .hero-inner{position:relative;z-index:1;min-height:485px;display:grid;grid-template-columns:1fr 380px;align-items:end;gap:70px;padding:88px 0 72px}
    .hero h1{font-size:clamp(43px,6vw,74px);line-height:1.12;max-width:720px;margin:22px 0}
    .hero-copy{font-size:18px;color:#c5d2cd;max-width:650px}
    .hero .eyebrow{color:#65dcc7}.hero .eyebrow:before{background:#65dcc7}
    .hero-note{border-left:2px solid var(--teal);padding:20px 0 20px 24px;color:#c7d5d0;font-size:14px}
    .hero-note strong{display:block;color:#fff;font-size:30px;line-height:1.2;margin-bottom:10px}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:800;transition:.2s}
    .btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:#12bba4;transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,165,143,.22)}
    .btn-ghost{border-color:#53635e;color:#fff}.btn-ghost:hover{border-color:#9de8db;background:rgba(255,255,255,.08)}
    .btn-light{background:#fff;color:var(--ink)}.btn-light:hover{background:#dff8f1;transform:translateY(-2px)}
    .btn:focus,input:focus,select:focus,textarea:focus,summary:focus{outline:3px solid rgba(10,165,143,.25);outline-offset:3px}
    .section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}
    .section-head p{max-width:480px;color:var(--muted);margin:0}
    .feature-news{display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
    .feature-news img{height:100%;min-height:365px;width:100%;object-fit:cover}
    .feature-copy{padding:44px}
    .tag{display:inline-flex;padding:5px 10px;border-radius:99px;background:var(--mist);color:var(--teal-dark);font-size:12px;font-weight:800}
    .tag.orange{background:#fff0e9;color:#ae4f2f}
    .feature-copy h2{font-size:clamp(28px,3.6vw,45px);line-height:1.3;margin:20px 0 15px;letter-spacing:-.04em}
    .feature-copy p{color:var(--muted);font-size:15px}
    .meta{color:#81908a;font-size:12px;display:flex;gap:15px;align-items:center}
    .news-layout{display:grid;grid-template-columns:1fr 290px;gap:70px}
    .filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
    .filter-bar button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:99px;padding:8px 16px;font-size:13px;transition:.2s}
    .filter-bar button:hover,.filter-bar button.active{background:var(--ink);border-color:var(--ink);color:#fff}
    .news-list{border-top:1px solid var(--line)}
    .news-item{display:grid;grid-template-columns:100px 1fr 98px;gap:22px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);transition:.2s}
    .news-item:hover{padding-left:8px;background:rgba(233,239,235,.36)}
    .news-item time{font-size:13px;color:var(--teal-dark);font-weight:800}
    .news-item h3{font-size:20px;line-height:1.4;margin:0 0 6px}
    .news-item p{font-size:13px;color:var(--muted);margin:0}
    .read-link{font-size:13px;font-weight:800;color:var(--teal-dark);text-align:right}
    .read-link:after{content:" →";transition:.2s}.read-link:hover:after{padding-left:4px}
    .side-box{border-top:3px solid var(--teal);padding-top:18px;margin-bottom:35px}
    .side-box h3{font-size:19px;margin:0 0 12px}
    .side-box p{font-size:13px;color:var(--muted);margin:0 0 15px}
    .side-list{list-style:none;padding:0;margin:0}.side-list li{border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}
    .side-list li a:hover{color:var(--teal-dark)}
    .dark-section{background:var(--ink);color:#fff}
    .dark-section .section-lead{color:#b8c8c2}
    .brief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#40504b;border:1px solid #40504b;margin-top:38px}
    .brief{background:var(--ink);padding:28px;min-height:205px}
    .brief small{color:#72e0cb;font-weight:800}.brief h3{font-size:22px;line-height:1.35;margin:20px 0 8px}.brief p{font-size:14px;color:#aab9b4;margin:0}
    .editorial{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:start}
    .editorial img{width:100%;height:390px;object-fit:cover;border-radius:var(--radius)}
    .editorial-copy p{color:#53635e;font-size:16px;margin:0 0 20px}
    .quote{font-size:clamp(25px,3vw,38px);line-height:1.35;font-weight:800;letter-spacing:-.04em;border-left:3px solid var(--teal);padding-left:24px;margin:0 0 26px}
    .cta{background:var(--teal);color:white;border-radius:24px;padding:55px 62px;display:flex;align-items:center;justify-content:space-between;gap:30px}
    .cta h2{font-size:clamp(30px,4vw,50px);line-height:1.2;margin:0 0 12px}.cta p{color:#d3fff6;max-width:650px;margin:0}
    .subscribe{display:flex;gap:10px;margin-top:22px}.subscribe input{min-height:48px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);border-radius:10px;padding:0 15px;color:#fff;min-width:260px}.subscribe input::placeholder{color:#d3fff6}
    .footer{background:var(--ink);color:#d8e3df;padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer h3{font-size:15px;color:#fff;margin:0 0 16px}.footer p,.footer a{font-size:13px;color:#95a8a1}.footer a:hover{color:#72ddc8}.footer-brand{font-size:24px;font-weight:900;color:#fff}.footer-grid p{margin:6px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #30403b;margin-top:45px;padding-top:20px;font-size:12px;color:#84958e}.footer-bottom a{font-size:12px}
    @media(max-width:1024px){.nav{gap:0}.nav a{padding:8px 6px;font-size:12px}.hero-inner{grid-template-columns:1fr 300px;gap:35px}.news-layout{gap:35px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.container{width:min(100% - 30px,640px)}.topbar{height:68px}.nav-menu{display:block}.nav{display:none;position:absolute;top:68px;left:15px;right:15px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:12px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px 14px}.hero-inner{display:block;min-height:auto;padding:72px 0 58px}.hero h1{font-size:47px}.hero-note{margin-top:48px}.section{padding:64px 0}.section-head{display:block}.section-head p{margin-top:15px}.feature-news{display:block}.feature-news img{min-height:250px;height:250px}.feature-copy{padding:28px}.news-layout{display:block}.news-item{grid-template-columns:75px 1fr;gap:12px}.read-link{grid-column:2;text-align:left}.brief-grid{grid-template-columns:1fr}.editorial{grid-template-columns:1fr;gap:28px}.editorial img{height:280px}.cta{display:block;padding:38px 28px}.subscribe{display:block}.subscribe input{width:100%;min-width:0;margin-bottom:10px}.subscribe .btn{width:100%}}
    @media(max-width:520px){.hero h1{font-size:39px}.hero-copy{font-size:16px}.feature-copy h2{font-size:29px}.news-item h3{font-size:17px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:8px 0}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category5 */
:root{--ink:#101817;--teal:#0aa58f;--teal-dark:#087d70;--paper:#f7f8f4;--mist:#e9efeb;--line:#d9e2dd;--muted:#65716d;--orange:#d96d45;--white:#fff;--radius:18px;--shadow:0 18px 50px rgba(16,24,23,.08)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(1240px,calc(100% - 40px));margin:auto}
    .section{padding:84px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--teal-dark);font-size:12px;font-weight:800;letter-spacing:.12em}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--teal)}
    .section-title{font-size:clamp(32px,4vw,54px);line-height:1.2;max-width:760px;margin:15px 0 20px;letter-spacing:-.045em}
    .section-lead{max-width:720px;color:var(--muted);font-size:17px}
    .topbar{height:76px;border-bottom:1px solid rgba(217,226,221,.8);background:rgba(247,248,244,.94);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}
    .nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .logo{font-size:21px;font-weight:900;letter-spacing:-.06em;white-space:nowrap}
    .logo span,.footer-brand span{color:var(--teal)}
    .nav{display:flex;align-items:center;gap:5px}
    .nav a{font-size:13px;color:#42504b;padding:9px 10px;border-radius:9px;transition:.2s}
    .nav a:hover,.nav a.active{color:var(--ink);background:var(--mist)}
    .nav a.active{box-shadow:inset 0 -2px var(--teal)}
    .nav-menu{display:none;border:1px solid var(--line);background:transparent;border-radius:10px;padding:7px 11px}
    .page-banner{background:var(--ink);color:#fff;position:relative;overflow:hidden}
    .page-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,24,23,.98),rgba(16,24,23,.72)),url('/assets/images/backpic/back-3.webp') center/cover;opacity:.88}
    .banner-inner{position:relative;z-index:1;min-height:370px;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:60px;padding:70px 0 60px}
    .banner-inner h1{font-size:clamp(42px,6vw,72px);line-height:1.1;letter-spacing:-.06em;margin:18px 0}
    .banner-inner p{max-width:700px;color:#bfcec9;font-size:17px;margin:0}
    .banner-mark{align-self:center;border-left:1px solid rgba(255,255,255,.25);padding-left:28px;color:#b5c7c1}
    .banner-mark strong{display:block;color:#70dcc7;font-size:54px;line-height:1;font-weight:800}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:800;transition:.2s}
    .btn-primary{background:var(--teal);color:white}
    .btn-primary:hover{background:#12bba4;transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,165,143,.22)}
    .btn-ghost{border-color:#53635e;color:white}
    .btn-ghost:hover{border-color:#9de8db;background:rgba(255,255,255,.08)}
    .btn-dark{background:var(--ink);color:#fff}
    .btn-dark:hover{background:var(--teal-dark);transform:translateY(-2px)}
    .btn:focus,input:focus,select:focus,textarea:focus,summary:focus{outline:3px solid rgba(10,165,143,.25);outline-offset:3px}
    .risk-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff;border-radius:var(--radius);overflow:hidden;margin-top:-38px;position:relative;z-index:3;box-shadow:var(--shadow)}
    .risk-stat{padding:25px 26px;border-right:1px solid var(--line)}
    .risk-stat:last-child{border-right:0}
    .risk-stat small{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
    .risk-stat strong{font-size:20px}
    .risk-stat em{font-style:normal;color:var(--orange);font-size:12px;display:block;margin-top:5px}
    .split{display:grid;grid-template-columns:5fr 7fr;gap:65px;align-items:start}
    .copy p{color:#4d5b56;font-size:16px;margin:0 0 18px}
    .copy p:last-child{margin-bottom:0}
    .risk-note{border-left:3px solid var(--orange);padding:8px 0 8px 20px;color:#4d5b56;font-size:15px}
    .risk-note strong{display:block;color:var(--ink);font-size:18px;margin-bottom:5px}
    .observation-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .observation{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px;min-height:170px;transition:.2s}
    .observation:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#9bd8ce}
    .observation .tag{color:var(--orange);font-size:12px;font-weight:800}
    .observation h3{font-size:20px;margin:10px 0 8px}
    .observation p{color:var(--muted);font-size:14px;margin:0}
    .dark-section{background:var(--ink);color:white}
    .dark-section .section-lead{color:#b8c8c2}
    .dark-layout{display:grid;grid-template-columns:4fr 8fr;gap:70px}
    .risk-list{border-top:1px solid rgba(255,255,255,.2)}
    .risk-row{display:grid;grid-template-columns:50px 1fr 150px;gap:20px;align-items:start;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.14)}
    .risk-row .index{color:#70dcc7;font-weight:800;font-size:14px}
    .risk-row h3{font-size:20px;margin:0 0 5px}
    .risk-row p{color:#aebeb8;font-size:14px;margin:0}
    .risk-level{font-size:12px;padding:4px 9px;border:1px solid rgba(255,255,255,.22);border-radius:20px;color:#d7e4df;text-align:center}
    .risk-level.high{color:#ffb09a;border-color:#9b5d4a}
    .case-section{background:var(--mist)}
    .case-grid{display:grid;grid-template-columns:7fr 5fr;gap:28px;align-items:stretch}
    .case-main{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
    .case-main img{height:310px;width:100%;object-fit:cover}
    .case-body{padding:28px 32px}
    .case-body h3{font-size:28px;line-height:1.3;margin:8px 0 12px}
    .case-body p{color:var(--muted);font-size:15px;margin:0 0 14px}
    .case-side{background:var(--ink);color:#fff;border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;justify-content:space-between}
    .case-side h3{font-size:25px;line-height:1.35;margin:12px 0}
    .case-side p{color:#b8c8c2;font-size:14px}
    .check-list{padding:0;margin:22px 0 0;list-style:none}
    .check-list li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.15);color:#d8e5e0;font-size:14px}
    .check-list li:before{content:"✓";color:#70dcc7;font-weight:800;margin-right:10px}
    .article-layout{display:grid;grid-template-columns:8fr 4fr;gap:70px}
    .article-list{border-top:1px solid var(--line)}
    .article-item{display:grid;grid-template-columns:110px 1fr 85px;gap:20px;padding:23px 0;border-bottom:1px solid var(--line);align-items:start}
    .article-item time{color:var(--muted);font-size:13px}
    .article-item h3{font-size:20px;margin:0 0 7px}
    .article-item p{color:var(--muted);font-size:14px;margin:0}
    .read-link{font-size:13px;color:var(--teal-dark);font-weight:800;text-align:right}
    .aside-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;position:sticky;top:100px}
    .aside-card h3{font-size:23px;margin:0 0 15px}
    .aside-card p{font-size:14px;color:var(--muted);margin:0 0 18px}
    .meter{height:8px;background:#e4ebe7;border-radius:10px;overflow:hidden;margin:10px 0 20px}
    .meter span{display:block;height:100%;width:62%;background:var(--orange);border-radius:10px}
    .quote-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:55px 0}
    .quote-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center}
    blockquote{font-size:clamp(25px,3.4vw,43px);line-height:1.45;letter-spacing:-.04em;margin:0}
    blockquote span{color:var(--teal-dark)}
    .quote-credit{color:var(--muted);font-size:14px;margin-top:18px}
    .faq-list{margin-top:30px;border-top:1px solid var(--line)}
    details{border-bottom:1px solid var(--line);padding:21px 0}
    summary{cursor:pointer;font-size:18px;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:20px}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"＋";color:var(--teal-dark);font-size:22px}
    details[open] summary:after{content:"－"}
    details p{max-width:800px;color:var(--muted);font-size:15px;margin:14px 0 0}
    .cta{background:var(--teal);color:white;border-radius:24px;padding:55px 62px;display:flex;align-items:center;justify-content:space-between;gap:30px}
    .cta h2{font-size:clamp(30px,4vw,50px);line-height:1.2;margin:0 0 12px}
    .cta p{color:#d3fff6;max-width:680px;margin:0}
    .footer{background:var(--ink);color:#d8e3df;padding:65px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}
    .footer h3{font-size:15px;color:white;letter-spacing:0;margin:0 0 16px}
    .footer p,.footer a{font-size:13px;color:#95a8a1;margin:8px 0}
    .footer a:hover{color:#72ddc8}
    .footer-brand{font-size:24px;font-weight:900;color:white}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #30413b;margin-top:45px;padding-top:20px;font-size:12px;color:#82958d}
    .footer-bottom a{font-size:12px}
    @media(max-width:1024px){.nav{gap:0}.nav a{font-size:12px;padding:8px 6px}.banner-inner{grid-template-columns:1fr 280px}.split,.dark-layout,.article-layout{gap:35px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}}
    @media(max-width:768px){.container{width:min(100% - 30px,620px)}.topbar{height:68px}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:14px 15px;flex-direction:column;align-items:stretch;box-shadow:0 15px 30px rgba(16,24,23,.08)}.nav.open{display:flex}.nav a{padding:12px 13px}.nav-menu{display:block}.banner-inner{display:block;min-height:auto;padding:58px 0 55px}.banner-mark{border-left:0;border-top:1px solid rgba(255,255,255,.2);margin-top:35px;padding:20px 0 0}.banner-mark strong{font-size:42px}.section{padding:65px 0}.risk-strip{grid-template-columns:1fr 1fr;margin-top:20px}.risk-stat:nth-child(2){border-right:0}.risk-stat{border-bottom:1px solid var(--line)}.split,.dark-layout,.case-grid,.article-layout,.quote-grid{grid-template-columns:1fr}.observation-grid{grid-template-columns:1fr}.aside-card{position:static}.case-main img{height:230px}.article-item{grid-template-columns:80px 1fr}.read-link{grid-column:2;text-align:left}.cta{padding:38px 25px;display:block}.cta .btn{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}
    @media(max-width:520px){.risk-strip{grid-template-columns:1fr}.risk-stat{border-right:0!important}.risk-stat:last-child{border-bottom:0}.section-title{font-size:34px}.banner-inner h1{font-size:43px}.risk-row{grid-template-columns:32px 1fr}.risk-level{grid-column:2;text-align:left;width:max-content}.footer-grid{grid-template-columns:1fr}.article-item{display:block}.article-item time{display:block;margin-bottom:5px}.article-item .read-link{display:inline-block;margin-top:10px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category7 */
:root{--ink:#101817;--teal:#0aa58f;--teal-dark:#087d70;--paper:#f7f8f4;--mist:#e9efeb;--line:#d9e2dd;--muted:#65716d;--orange:#d96d45;--white:#fff;--radius:18px;--shadow:0 18px 50px rgba(16,24,23,.08)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1240px,calc(100% - 40px));margin:auto}.section{padding:88px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--teal-dark);font-size:12px;font-weight:800;letter-spacing:.12em}.eyebrow:before{content:"";width:24px;height:2px;background:var(--teal)}.section-title{font-size:clamp(32px,4vw,54px);line-height:1.2;max-width:760px;margin:15px 0 20px;letter-spacing:-.04em}.section-lead{max-width:730px;color:var(--muted);font-size:17px}.topbar{height:76px;border-bottom:1px solid rgba(217,226,221,.8);background:rgba(247,248,244,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:21px;font-weight:900;letter-spacing:-.06em;white-space:nowrap}.logo span,.footer-brand span{color:var(--teal)}.nav{display:flex;align-items:center;gap:5px}.nav a{font-size:13px;color:#42504b;padding:9px 10px;border-radius:9px;transition:.2s}.nav a:hover,.nav a.active{color:var(--ink);background:var(--mist)}.nav a.active{box-shadow:inset 0 -2px var(--teal)}.nav-menu{display:none;border:1px solid var(--line);background:transparent;border-radius:10px;padding:7px 11px}.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(16,24,23,.98) 20%,rgba(16,24,23,.78) 58%,rgba(16,24,23,.45)),url('/assets/images/backpic/back-3.webp') center/cover;opacity:.78}.hero-inner{position:relative;z-index:1;min-height:530px;display:grid;grid-template-columns:1fr 430px;align-items:center;gap:70px;padding:80px 0}.hero h1{font-size:clamp(43px,6vw,74px);line-height:1.12;max-width:700px;margin:20px 0}.hero-copy{font-size:18px;color:#c5d2cd;max-width:660px}.hero .eyebrow{color:#65dcc7}.hero .eyebrow:before{background:#65dcc7}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:800;transition:.2s}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:#12bba4;transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,165,143,.22)}.btn-ghost{border-color:#53635e;color:#fff}.btn-ghost:hover{border-color:#9de8db;background:rgba(255,255,255,.08)}.btn-light{background:#fff;color:var(--ink)}.btn-light:hover{background:#dff8f1;transform:translateY(-2px)}.btn:focus,input:focus,select:focus,textarea:focus,summary:focus{outline:3px solid rgba(10,165,143,.25);outline-offset:3px}.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:24px;border-radius:var(--radius);backdrop-filter:blur(8px)}.hero-card img{height:180px;width:100%;object-fit:cover;border-radius:12px;margin-bottom:18px}.hero-card h2{font-size:25px;line-height:1.35;margin:0 0 10px}.hero-card p{font-size:14px;color:#c2d0cb;margin:0}.path-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:start}.paper-card,.topic-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}.paper-card:hover,.topic-card:hover{border-color:#91d8cd;box-shadow:var(--shadow);transform:translateY(-3px)}.paper-card,.topic-card{transition:.22s}.number{font-size:44px;line-height:1;color:var(--teal);font-weight:900}.topic-card h3,.paper-card h3{font-size:23px;line-height:1.35;margin:12px 0}.topic-card p,.paper-card p{color:var(--muted);font-size:14px}.topic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:25px}.topic-list a{padding:18px;background:var(--mist);border-radius:12px;font-size:14px;font-weight:800;transition:.2s}.topic-list a:hover{background:#d8eee8;color:var(--teal-dark);padding-left:22px}.dark-section{background:var(--ink);color:#fff}.dark-section .section-lead{color:#b8c8c2}.guide-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#42514d;margin-top:40px;border:1px solid #42514d}.flow-item{background:var(--ink);padding:25px;min-height:220px}.flow-item strong{color:#70d8c5;font-size:30px}.flow-item h3{font-size:20px;margin:12px 0}.flow-item p{font-size:14px;color:#aebdb8}.faq-layout{display:grid;grid-template-columns:330px 1fr;gap:70px;align-items:start}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-weight:800;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:"＋";color:var(--teal);font-size:21px}details[open] summary:after{content:"－"}details p{color:var(--muted);font-size:15px;max-width:760px;margin:14px 28px 2px 0}.boundary{display:grid;grid-template-columns:5fr 7fr;gap:40px;background:var(--mist);border-radius:var(--radius);padding:38px}.boundary h2{font-size:34px;line-height:1.25;margin:0}.boundary p{color:#52615b;font-size:15px}.tag{display:inline-block;color:var(--teal-dark);background:#d9f1eb;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:800}.feedback{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.feedback label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.feedback .wide{grid-column:1/-1}.feedback input,.feedback select,.feedback textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 14px;color:var(--ink)}.feedback textarea{min-height:120px;resize:vertical}.cta{background:var(--teal);color:#fff;border-radius:24px;padding:54px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(30px,4vw,50px);line-height:1.2;margin:0 0 12px}.cta p{color:#d3fff6;max-width:650px;margin:0}.footer{background:var(--ink);color:#d8e3df;padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer h3{font-size:15px;color:#fff;margin:0 0 16px}.footer p,.footer a{font-size:13px;color:#95a8a1}.footer a:hover{color:#72ddc8}.footer-brand{font-size:24px;font-weight:900;color:#fff}.footer-bottom{border-top:1px solid #344540;margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:#82938d}.muted-box{border-left:3px solid var(--orange);padding:15px 18px;background:#fff8f4;color:#745143;font-size:14px}.fade{animation:rise .65s ease both}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:1024px){.nav{gap:0}.nav a{padding:8px 6px;font-size:12px}.hero-inner{grid-template-columns:1fr 360px;gap:35px}.faq-layout{gap:35px}}@media(max-width:768px){.container{width:min(100% - 30px,620px)}.section{padding:62px 0}.nav-menu{display:block}.nav{display:none;position:absolute;top:76px;left:15px;right:15px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px}.hero-inner,.path-grid,.faq-layout,.boundary{grid-template-columns:1fr}.hero-inner{padding:65px 0;min-height:auto}.hero-card{max-width:500px}.guide-flow{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.cta{padding:38px 28px;display:block}.cta .btn{margin-top:24px}}@media(max-width:520px){.topic-list,.feedback,.guide-flow{grid-template-columns:1fr}.hero h1{font-size:43px}.hero-copy{font-size:16px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}