/* roulang page: index */
:root{
      --berry:#712957;--berry-deep:#3b1838;--berry-soft:#f3e8f0;--coral:#e87557;
      --cream:#fcfaf7;--paper:#fff;--ink:#29232b;--muted:#756c78;--line:#e7dce5;
      --sage:#547b70;--shadow:0 14px 36px rgba(62,30,55,.09);--radius:18px;
      --max:1220px;--ease:all .25s ease;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75}
    a{color:var(--berry);text-decoration:none;transition:var(--ease)}
    a:hover{color:var(--coral)}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    :focus-visible{outline:3px solid rgba(232,117,87,.45);outline-offset:3px}
    .container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(252,250,247,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
    .nav-wrap{min-height:74px;display:flex;align-items:center;gap:26px}
    .brand{display:flex;align-items:center;gap:10px;color:var(--berry-deep);font-weight:800;letter-spacing:-.03em;white-space:nowrap;font-size:19px}
    .brand-mark{width:32px;height:32px;border-radius:10px 10px 4px 10px;background:var(--berry);position:relative;box-shadow:5px 5px 0 var(--coral)}
    .brand-mark:after{content:"";width:9px;height:9px;border:2px solid #fff;border-radius:50%;position:absolute;top:8px;left:8px}
    .main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
    .main-nav a{padding:9px 13px;border:1px solid transparent;border-radius:10px;color:var(--muted);font-size:14px;font-weight:650}
    .main-nav a:hover,.main-nav a.active{color:var(--berry);border-color:#d9bfd0;background:#fff}
    .nav-cta{background:var(--berry)!important;color:#fff!important;border-color:var(--berry)!important;padding:10px 17px!important}
    .nav-cta:hover{background:var(--coral)!important;border-color:var(--coral)!important}
    .menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;color:var(--berry);cursor:pointer}
    .hero{padding:30px 0 46px;background:linear-gradient(90deg,rgba(252,250,247,.98),rgba(252,250,247,.84)),url('/assets/images/c07c6219db64df97.jpg') center/cover}
    .hero-strip{border-top:4px solid var(--coral);border-bottom:1px solid var(--line);padding:27px 0 22px}
    .hero-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:42px;align-items:center}
    .eyebrow,.section-kicker{font-size:12px;letter-spacing:.14em;color:var(--berry);font-weight:800;text-transform:uppercase}
    h1,h2,h3{line-height:1.25;color:var(--berry-deep);margin:0 0 14px;letter-spacing:-.035em}
    h1{font-size:clamp(34px,5vw,62px);max-width:720px}
    h2{font-size:clamp(25px,3vw,38px)}
    h3{font-size:20px}
    .hero-copy{font-size:18px;color:#5d5360;max-width:720px;margin:18px 0 24px}
    .actions{display:flex;gap:12px;flex-wrap:wrap}
    .button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 19px;border-radius:11px;border:1px solid var(--berry);font-weight:750;transition:var(--ease);cursor:pointer}
    .button.primary{background:var(--berry);color:#fff}
    .button.primary:hover{background:var(--coral);border-color:var(--coral);transform:translateY(-2px)}
    .button.secondary{background:#fff;color:var(--berry)}
    .button.secondary:hover{background:var(--berry-soft);transform:translateY(-2px)}
    .hero-panel{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow);position:relative}
    .hero-panel:before{content:"版本信息";position:absolute;right:18px;top:-13px;background:var(--coral);color:#fff;border-radius:7px;padding:3px 9px;font-size:12px;font-weight:800}
    .panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}
    .status-dot{display:inline-flex;align-items:center;gap:7px;color:var(--sage);font-size:13px;font-weight:700}
    .status-dot:before{content:"";width:9px;height:9px;border-radius:50%;background:#65a68d;box-shadow:0 0 0 4px #e2f1eb}
    .panel-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:14px}
    .panel-row:last-child{border:0}.panel-row span{color:var(--muted)}.panel-row strong{color:var(--berry-deep)}
    .section{padding:78px 0;border-bottom:1px solid var(--line)}
    .section.tinted{background:var(--berry-soft)}
    .section.dark{background:var(--berry-deep);color:#f8edf5}
    .section.dark h2,.section.dark h3{color:#fff}.section.dark .section-kicker{color:#f2a187}
    .section-head{max-width:760px;margin-bottom:32px}
    .section-head p{color:var(--muted);margin:0}.dark .section-head p{color:#d8c5d3}
    .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
    .info-card,.feature-card,.notice,.article-card,.feedback,.device-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:0 7px 22px rgba(62,30,55,.045);transition:var(--ease)}
    .info-card:hover,.feature-card:hover,.article-card:hover,.device-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .number{font-size:29px;font-weight:850;color:var(--coral);line-height:1;margin-bottom:18px}
    .card-label,.tag{display:inline-flex;align-items:center;background:var(--berry-soft);color:var(--berry);border-radius:7px;padding:4px 9px;font-size:12px;font-weight:800;margin-bottom:12px}
    .info-card p,.feature-card p,.device-card p,.article-card p,.feedback p{color:var(--muted);font-size:14px;margin:0}
    .feature-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
    .feature-card.large{min-height:250px;background:var(--berry-deep);color:#f9edf6;border-color:var(--berry-deep);padding:30px}
    .feature-card.large h3{color:#fff;font-size:28px}.feature-card.large p{color:#dfcedb;font-size:16px}
    .feature-side{display:grid;gap:18px}.feature-card.accent{border-left:5px solid var(--coral)}
    .timeline{position:relative;display:grid;gap:0;margin-top:12px}
    .timeline:before{content:"";position:absolute;left:19px;top:18px;bottom:18px;width:1px;background:#d6b6ca}
    .timeline-item{position:relative;display:grid;grid-template-columns:40px 1fr;gap:18px;padding:12px 0}
    .timeline-node{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #d8b7cc;color:var(--berry);display:grid;place-items:center;font-weight:800;z-index:1}
    .timeline-content{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
    .timeline-meta{font-size:12px;color:var(--coral);font-weight:800;margin-bottom:6px}
    .scenario{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}
    .scenario-image{min-height:300px;border-radius:20px;background:linear-gradient(90deg,rgba(59,24,56,.62),rgba(59,24,56,.12)),url('/assets/images/5978826cdc7efd2b.jpg') center/cover;display:flex;align-items:flex-end;padding:26px;color:#fff}
    .scenario-image h3{color:#fff;margin:0;max-width:360px}
    .device-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.device-card{padding:17px}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
    .step{padding:22px 20px;border-top:3px solid var(--coral);background:#fff;border-right:1px solid var(--line)}
    .step:first-child{border-radius:14px 0 0 14px}.step:last-child{border-radius:0 14px 14px 0;border-right:0}
    .step-no{font-size:12px;color:var(--coral);font-weight:900;letter-spacing:.13em}.step p{font-size:14px;color:var(--muted);margin:0}
    .preview{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:stretch}
    .preview-main{min-height:310px;border-radius:20px;background:linear-gradient(120deg,rgba(59,24,56,.7),rgba(59,24,56,.1)),url('/assets/images/043f722788467c49.jpg') center/cover;display:flex;align-items:flex-end;padding:26px;color:#fff}
    .preview-main h3{color:#fff}.preview-main p{margin:0;max-width:500px;color:#f6eaf2}
    .preview-notes{display:grid;gap:12px}.note-line{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.note-line strong{display:block;color:var(--berry-deep);margin-bottom:4px}.note-line span{font-size:13px;color:var(--muted)}
    .check-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check-list{list-style:none;margin:0;padding:0}.check-list li{padding:12px 0 12px 27px;border-bottom:1px solid var(--line);position:relative;color:#5d5360;font-size:14px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--sage);font-weight:900}
    .compare-wrap{overflow-x:auto}.compare{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:650px}.compare th,.compare td{text-align:left;padding:15px 17px;border-bottom:1px solid var(--line);font-size:14px}.compare th{background:var(--berry);color:#fff}.compare td:first-child{font-weight:750;color:var(--berry-deep)}.compare tr:last-child td{border-bottom:0}
    .article-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:17px}.article-card{position:relative}.article-card.featured{background:var(--berry-deep);border-color:var(--berry-deep)}.featured h3{color:#fff}.featured p{color:#ddcbd9}.article-date{color:var(--coral);font-size:12px;font-weight:800;margin-bottom:9px}.read-link{display:inline-block;margin-top:15px;font-size:13px;font-weight:800}
    .accordion{margin:0;background:transparent}.accordion-item{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fff;overflow:hidden}.accordion-title{color:var(--berry-deep);font-weight:750;border:0;padding:17px 20px}.accordion-title:hover{background:var(--berry-soft)}.accordion-content{border:0;color:var(--muted);font-size:14px;padding:0 20px 18px}
    .feedback-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feedback{border-top:4px solid var(--coral)}.feedback strong{display:block;color:var(--berry);font-size:13px;margin-bottom:8px}
    .channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.channel{padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px}.channel h3{font-size:18px}.channel p{color:var(--muted);font-size:14px;margin:0 0 10px}
    .safety{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center}.shield{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;text-align:center}.shield-icon{width:64px;height:64px;border-radius:20px;background:var(--berry-soft);color:var(--berry);font-size:30px;display:grid;place-items:center;margin:0 auto 14px}.safety-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.safety-list div{padding:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#e4d5df;font-size:14px}
    .closing{padding:58px 0;background:var(--coral);color:#fff}.closing-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.closing h2{color:#fff;margin-bottom:6px}.closing p{margin:0;color:#fff0ea}.closing .button{border-color:#fff;color:#fff;background:transparent}.closing .button:hover{background:#fff;color:var(--berry)}
    footer{background:#281627;color:#d9c5d4;padding:42px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.13)}footer h3{color:#fff;font-size:18px}footer p,footer a{color:#c9b4c4;font-size:14px}footer a:hover{color:#fff}.footer-links{display:grid;gap:6px}.copyright{display:flex;justify-content:space-between;gap:20px;padding-top:18px;font-size:12px;color:#a990a2}.top-link{color:#f4a084}
    @media(max-width:1024px){.main-nav{gap:0}.main-nav a{padding:8px 8px}.hero-grid,.scenario,.preview,.safety{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:1fr 1fr}.article-card.featured{grid-column:span 2}}
    @media(max-width:760px){.container{width:min(100% - 28px,var(--max))}.nav-wrap{min-height:64px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:14px;right:14px;top:64px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:12px}.hero{padding:18px 0 30px}.hero-copy{font-size:16px}.section{padding:55px 0}.grid-3,.grid-4,.grid-2,.feature-layout,.channel-grid,.feedback-wall,.article-grid,.check-grid{grid-template-columns:1fr}.article-card.featured{grid-column:auto}.steps{grid-template-columns:1fr 1fr}.step{border-right:0;border-bottom:1px solid var(--line);border-radius:0!important}.step:nth-child(1){border-radius:14px 0 0 0!important}.step:nth-child(2){border-radius:0 14px 0 0!important}.step:nth-child(3){border-radius:0 0 0 14px!important}.step:nth-child(4){border-radius:0 0 14px 0!important}.closing-inner,.copyright{display:block}.closing .button{margin-top:18px}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){h1{font-size:35px}.brand{font-size:16px}.brand-mark{width:27px;height:27px}.grid-4,.device-list,.safety-list{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step:nth-child(n){border-radius:0!important}.step:first-child{border-radius:14px 14px 0 0!important}.step:last-child{border-radius:0 0 14px 14px!important}.footer-grid{grid-template-columns:1fr}.hero-panel{padding:18px}}

/* roulang page: category1 */
:root{
 --berry:#712957;--berry-deep:#3b1838;--berry-soft:#f3e8f0;--coral:#e87557;
 --cream:#fcfaf7;--paper:#fff;--ink:#29232b;--muted:#756c78;--line:#e7dce5;
 --sage:#547b70;--shadow:0 14px 36px rgba(62,30,55,.09);--radius:18px;--max:1220px;
 --ease:all .25s ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75}
a{color:var(--berry);text-decoration:none;transition:var(--ease)}
a:hover{color:var(--coral)}
img{display:block;max-width:100%}
button,input{font:inherit}
h1,h2,h3,h4{color:var(--berry-deep);line-height:1.25;margin:0 0 14px;font-weight:800}
h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.05em}
h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.035em}
h3{font-size:21px}
p{margin:0 0 15px}
.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(252,250,247,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav-wrap{min-height:74px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:10px;color:var(--berry-deep);font-weight:800;letter-spacing:-.03em;white-space:nowrap;font-size:19px}
.brand-mark{width:32px;height:32px;border-radius:10px 10px 4px 10px;background:var(--berry);position:relative;box-shadow:5px 5px 0 var(--coral)}
.brand-mark:after{content:"";width:9px;height:9px;border:2px solid #fff;border-radius:50%;position:absolute;top:8px;left:8px}
.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.main-nav a{padding:9px 13px;border:1px solid transparent;border-radius:10px;color:var(--muted);font-size:14px;font-weight:650}
.main-nav a:hover,.main-nav a.active{color:var(--berry);border-color:#d9bfd0;background:#fff}
.nav-cta{background:var(--berry)!important;color:#fff!important;border-color:var(--berry)!important;padding:10px 17px!important}
.nav-cta:hover{background:var(--coral)!important;border-color:var(--coral)!important}
.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;color:var(--berry);cursor:pointer}
.page-intro{padding:74px 0 58px;background:linear-gradient(90deg,rgba(252,250,247,.97),rgba(252,250,247,.84)),url('/assets/images/5978826cdc7efd2b.jpg') center/cover;border-bottom:1px solid var(--line)}
.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.eyebrow,.section-kicker{font-size:12px;letter-spacing:.14em;color:var(--berry);font-weight:800;text-transform:uppercase}
.intro-copy{font-size:18px;color:#5d5360;max-width:690px;margin:20px 0 25px}
.status-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.status{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--berry-deep);font-weight:700}
.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sage)}
.intro-art{min-height:285px;border-radius:24px;background:linear-gradient(135deg,rgba(59,24,56,.82),rgba(113,41,87,.28)),url('/assets/images/5978826cdc7efd2b.jpg') center/cover;display:flex;align-items:flex-end;padding:25px;color:#fff;box-shadow:var(--shadow);position:relative}
.intro-art:before{content:"更新节点";position:absolute;right:18px;top:18px;background:var(--coral);padding:5px 11px;border-radius:7px;font-size:12px;font-weight:800}
.intro-art h2{color:#fff;font-size:28px;margin-bottom:6px}
.intro-art p{color:#f6eaf2;margin:0}
.section{padding:72px 0;border-bottom:1px solid var(--line)}
.section.tinted{background:var(--berry-soft)}
.section.dark{background:var(--berry-deep);color:#f8edf5}
.section.dark h2,.section.dark h3{color:#fff}
.section.dark .section-kicker{color:#f2a187}
.section-head{max-width:760px;margin-bottom:32px}
.section-head p{color:var(--muted)}
.dark .section-head p{color:#d8c5d3}
.timeline{position:relative;max-width:900px;margin-left:18px}
.timeline:before{content:"";position:absolute;left:17px;top:10px;bottom:10px;width:2px;background:#d9bfd0}
.timeline-item{position:relative;display:grid;grid-template-columns:40px 1fr;gap:18px;padding:13px 0}
.timeline-dot{width:36px;height:36px;border-radius:50%;background:var(--berry);border:6px solid var(--berry-soft);z-index:1}
.timeline-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px 24px;box-shadow:0 7px 22px rgba(62,30,55,.045)}
.timeline-meta{font-size:12px;color:var(--coral);font-weight:800;margin-bottom:5px}
.timeline-card p{color:var(--muted);font-size:14px;margin:0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.info-card,.article-card,.notice,.compare-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:0 7px 22px rgba(62,30,55,.045);transition:var(--ease)}
.info-card:hover,.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card-label,.tag{display:inline-flex;align-items:center;background:var(--berry-soft);color:var(--berry);border-radius:7px;padding:4px 9px;font-size:12px;font-weight:800;margin-bottom:12px}
.info-card p,.article-card p,.notice p{color:var(--muted);font-size:14px}
.filter-bar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}
.filter-btn{border:1px solid #d9bfd0;background:#fff;color:var(--berry);border-radius:9px;padding:9px 15px;cursor:pointer;font-weight:700;transition:var(--ease)}
.filter-btn:hover,.filter-btn.active,.filter-btn:focus{background:var(--berry);color:#fff;outline:0}
.update-card{border-left:5px solid var(--coral)}
.update-card[hidden]{display:none}
.notice{display:grid;grid-template-columns:70px 1fr;gap:20px;align-items:center;background:#fff8f1;border-color:#f1d5c6}
.notice-icon{width:58px;height:58px;border-radius:16px;background:var(--coral);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:800}
.article-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:17px}
.article-card.featured{background:var(--berry-deep);border-color:var(--berry-deep)}
.featured h3{color:#fff}.featured p{color:#ddcbd9}
.article-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin-top:18px}
.featured .article-meta{color:#d8c5d3}
.accordion-item{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fff;overflow:hidden}
.accordion-title{color:var(--berry-deep);font-weight:750;border:0;padding:17px 20px}
.accordion-title:hover,.accordion-title:focus{background:var(--berry-soft);color:var(--berry);outline:0}
.accordion-content{border:0;padding:0 20px 18px;color:var(--muted);font-size:14px}
.cta-band{padding:55px 0;background:var(--coral);color:#fff}
.cta-flex{display:flex;align-items:center;justify-content:space-between;gap:25px}
.cta-band h2{color:#fff;margin:0}.cta-band p{margin:8px 0 0;color:#fff1ec}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 19px;border-radius:11px;border:1px solid var(--berry);font-weight:750;transition:var(--ease);cursor:pointer}
.button.primary{background:var(--berry);color:#fff}
.button.primary:hover{background:var(--coral);border-color:var(--coral);transform:translateY(-2px)}
.button.secondary{background:#fff;color:var(--berry)}
.button.secondary:hover{background:var(--berry-soft);transform:translateY(-2px)}
.cta-band .button{background:#fff;color:var(--berry);border-color:#fff}
.cta-band .button:hover{background:var(--berry-deep);color:#fff;border-color:var(--berry-deep)}
footer{background:var(--berry-deep);color:#e7d9e3;padding:48px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.1fr;gap:35px;padding-bottom:35px}
footer h3{color:#fff;font-size:18px}
footer p{font-size:14px;color:#d8c5d3}
.footer-links{display:grid;gap:7px}
.footer-links a{color:#eadbe5;font-size:14px}
.footer-links a:hover{color:#f2a187}
.copyright{border-top:1px solid rgba(255,255,255,.16);padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#cbb4c5}
.top-link{color:#f2a187}
:focus-visible{outline:3px solid rgba(232,117,87,.5);outline-offset:3px}
@media(max-width:900px){
 .intro-grid{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:1fr 1fr}
 .main-nav{gap:0}.main-nav a{padding:8px 9px}.nav-wrap{gap:12px}
}
@media(max-width:700px){
 .container{width:min(var(--max),calc(100% - 28px))}
 .menu-toggle{display:block}.main-nav{display:none;position:absolute;left:14px;right:14px;top:68px;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
 .main-nav.is-open{display:flex}.main-nav a{width:100%;text-align:left}.nav-cta{text-align:center!important}
 .brand{font-size:17px}.page-intro{padding:52px 0 42px}.section{padding:52px 0}
 .grid-3,.article-grid{grid-template-columns:1fr}.timeline{margin-left:0}.notice{grid-template-columns:1fr}.cta-flex{display:block}.cta-flex .button{margin-top:20px}
 .footer-grid{grid-template-columns:1fr;gap:22px}.copyright{display:block}.copyright .top-link{display:block;margin-top:8px}
}
@media(max-width:480px){
 h1{font-size:36px}.intro-copy{font-size:16px}.intro-art{min-height:230px}.filter-btn{flex:1 1 42%}
}

/* roulang page: category2 */
:root{
 --berry:#712957;--berry-deep:#3b1838;--berry-soft:#f3e8f0;--coral:#e87557;
 --cream:#fcfaf7;--paper:#fff;--ink:#29232b;--muted:#756c78;--line:#e7dce5;
 --sage:#547b70;--shadow:0 14px 36px rgba(62,30,55,.09);--radius:18px;
 --max:1220px;--ease:all .25s ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75}
a{color:var(--berry);text-decoration:none;transition:var(--ease)}
a:hover{color:var(--coral)}
img{display:block;max-width:100%}
button,input{font:inherit}
h1,h2,h3,h4{color:var(--berry-deep);line-height:1.25;margin:0 0 15px;font-weight:800;letter-spacing:-.025em}
h1{font-size:clamp(34px,5vw,60px)}
h2{font-size:clamp(27px,3.5vw,40px)}
h3{font-size:21px}
p{margin:0 0 15px}
.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(252,250,247,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav-wrap{min-height:74px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:10px;color:var(--berry-deep);font-weight:800;letter-spacing:-.03em;white-space:nowrap;font-size:19px}
.brand:hover{color:var(--berry)}
.brand-mark{width:32px;height:32px;border-radius:10px 10px 4px 10px;background:var(--berry);position:relative;box-shadow:5px 5px 0 var(--coral)}
.brand-mark:after{content:"";width:9px;height:9px;border:2px solid #fff;border-radius:50%;position:absolute;top:8px;left:8px}
.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.main-nav a{padding:9px 13px;border:1px solid transparent;border-radius:10px;color:var(--muted);font-size:14px;font-weight:650}
.main-nav a:hover,.main-nav a.active{color:var(--berry);border-color:#d9bfd0;background:#fff}
.nav-cta{background:var(--berry)!important;color:#fff!important;border-color:var(--berry)!important;padding:10px 17px!important}
.nav-cta:hover{background:var(--coral)!important;border-color:var(--coral)!important}
.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;color:var(--berry);cursor:pointer}
.menu-toggle:focus,.button:focus,.main-nav a:focus,.accordion-title:focus{outline:3px solid rgba(232,117,87,.35);outline-offset:2px}
.page-head{padding:76px 0 68px;background:linear-gradient(90deg,rgba(252,250,247,.98),rgba(252,250,247,.83)),url('/assets/images/5978826cdc7efd2b.jpg') center/cover;border-bottom:1px solid var(--line)}
.page-head-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.eyebrow,.section-kicker{font-size:12px;letter-spacing:.14em;color:var(--berry);font-weight:800;text-transform:uppercase}
.page-lead{font-size:18px;color:#5d5360;max-width:700px;margin:20px 0 24px}
.status-card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow);position:relative}
.status-card:before{content:"设备检查";position:absolute;top:-13px;right:18px;background:var(--coral);color:#fff;border-radius:7px;padding:3px 10px;font-size:12px;font-weight:800}
.status-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px dashed var(--line);font-size:14px}
.status-row:last-child{border-bottom:0}
.status-row span{color:var(--muted)}
.status-row strong{color:var(--berry-deep)}
.section{padding:76px 0;border-bottom:1px solid var(--line)}
.section.tinted{background:var(--berry-soft)}
.section.dark{background:var(--berry-deep);color:#f8edf5}
.section.dark h2,.section.dark h3{color:#fff}
.section.dark .section-kicker{color:#f2a187}
.section-head{max-width:760px;margin-bottom:32px}
.section-head p{color:var(--muted)}
.dark .section-head p{color:#d8c5d3}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.device-card,.guide-card,.notice-card,.article-card,.faq-wrap{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 7px 22px rgba(62,30,55,.045);transition:var(--ease)}
.device-card:hover,.guide-card:hover,.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card-label,.tag{display:inline-flex;align-items:center;background:var(--berry-soft);color:var(--berry);border-radius:7px;padding:4px 9px;font-size:12px;font-weight:800;margin-bottom:13px}
.device-card p,.guide-card p,.notice-card p,.article-card p{color:var(--muted);font-size:14px}
.device-card strong{display:block;color:var(--berry-deep);font-size:17px;margin-bottom:5px}
.device-card .device-status{display:inline-block;color:var(--sage);font-size:13px;font-weight:800;margin-top:8px}
.matrix{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}
.matrix table{width:100%;border-collapse:collapse;min-width:680px;margin:0}
.matrix th,.matrix td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}
.matrix th{background:var(--berry-deep);color:#fff;font-weight:750}
.matrix tr:last-child td{border-bottom:0}
.matrix td:first-child{color:var(--berry-deep);font-weight:750}
.check-list{list-style:none;padding:0;margin:0}
.check-list li{position:relative;padding:13px 0 13px 29px;border-bottom:1px solid var(--line);color:#5d5360;font-size:14px}
.check-list li:before{content:"✓";position:absolute;left:0;color:var(--sage);font-weight:900}
.step-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:step}
.step-item{position:relative;padding:12px 24px 10px 52px;border-top:3px solid var(--coral);min-height:155px}
.step-item:before{counter-increment:step;content:"0" counter(step);position:absolute;left:0;top:13px;color:var(--coral);font-size:24px;font-weight:900}
.step-item:not(:last-child):after{content:"";position:absolute;right:-1px;top:28px;width:32px;border-top:1px dashed var(--berry)}
.step-item p{font-size:14px;color:var(--muted)}
.notice-card{border-left:5px solid var(--coral)}
.notice-card strong{display:block;color:var(--berry-deep);margin-bottom:7px}
.article-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:17px}
.article-card.featured{background:var(--berry-deep);border-color:var(--berry-deep)}
.article-card.featured h3,.article-card.featured a{color:#fff}
.article-card.featured p{color:#ddcbd9}
.article-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin-top:18px}
.article-card.featured .article-meta{color:#e4cbdc}
.accordion-item{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fff;overflow:hidden}
.accordion-title{color:var(--berry-deep);font-weight:750;border:0;padding:17px 20px;background:#fff}
.accordion-title:hover{background:var(--berry-soft);color:var(--berry)}
.accordion-content{border-top:1px solid var(--line);color:var(--muted);font-size:14px;padding:17px 20px}
.cta-band{padding:58px 0;background:linear-gradient(110deg,var(--berry-deep),#5a244c);color:#fff}
.cta-band h2{color:#fff}
.cta-band p{color:#ead7e4;max-width:680px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 19px;border-radius:11px;border:1px solid var(--berry);font-weight:750;transition:var(--ease);cursor:pointer}
.button.primary{background:var(--berry);color:#fff}
.button.primary:hover{background:var(--coral);border-color:var(--coral);transform:translateY(-2px)}
.button.secondary{background:#fff;color:var(--berry)}
.button.secondary:hover{background:var(--berry-soft);transform:translateY(-2px)}
.cta-band .button.secondary{margin-left:10px}
footer{background:#281a28;color:#eadbe5;padding:54px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:42px}
footer h3{color:#fff;font-size:18px}
footer p{color:#cbb8c8;font-size:14px}
.footer-links{display:grid;gap:8px}
.footer-links a{color:#eadbe5;font-size:14px}
.footer-links a:hover{color:#f2a187}
.copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.14);margin-top:38px;padding-top:18px;color:#bca9b9;font-size:13px}
.top-link{color:#f2a187}
@media(max-width:1024px){
 .page-head-grid{gap:28px}.grid-3{grid-template-columns:repeat(2,1fr)}
 .main-nav a{padding-left:9px;padding-right:9px}
}
@media(max-width:768px){
 .container{width:min(var(--max),calc(100% - 30px))}
 .nav-wrap{min-height:66px}.menu-toggle{display:block}
 .main-nav{display:none;width:100%;position:absolute;top:66px;left:0;margin:0;padding:12px 15px 17px;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 12px 22px rgba(62,30,55,.08)}
 .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch}
 .main-nav a{text-align:center;padding:11px}
 .page-head{padding:54px 0}.page-head-grid{grid-template-columns:1fr}
 .section{padding:58px 0}.step-list{grid-template-columns:1fr 1fr;gap:15px}
 .step-item:not(:last-child):after{display:none}.article-grid{grid-template-columns:1fr 1fr}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
 h1{font-size:35px}.page-lead{font-size:16px}
 .grid-3,.grid-2,.article-grid,.footer-grid{grid-template-columns:1fr}
 .step-list{grid-template-columns:1fr}.step-item{min-height:auto}
 .cta-band .button{width:100%;margin:7px 0 0}
 .copyright{flex-direction:column;gap:8px}
 .status-row{align-items:flex-start;flex-direction:column;gap:2px}
}

/* roulang page: category3 */
:root{
 --berry:#712957;--berry-deep:#3b1838;--berry-soft:#f3e8f0;--coral:#e87557;
 --cream:#fcfaf7;--paper:#fff;--ink:#29232b;--muted:#756c78;--line:#e7dce5;
 --sage:#547b70;--shadow:0 14px 36px rgba(62,30,55,.09);--radius:18px;
 --max:1220px;--ease:all .25s ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75}
a{color:var(--berry);text-decoration:none;transition:var(--ease)}
a:hover{color:var(--coral)}
img{max-width:100%;display:block}
button{font:inherit}
h1,h2,h3{color:var(--berry-deep);line-height:1.25;margin:0 0 15px;font-weight:800}
h1{font-size:clamp(32px,4.2vw,56px);letter-spacing:-.045em}
h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.03em}
h3{font-size:20px}
p{margin:0 0 14px}
.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(252,250,247,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav-wrap{min-height:74px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:10px;color:var(--berry-deep);font-weight:800;letter-spacing:-.03em;white-space:nowrap;font-size:19px}
.brand:hover{color:var(--berry)}
.brand-mark{width:32px;height:32px;border-radius:10px 10px 4px 10px;background:var(--berry);position:relative;box-shadow:5px 5px 0 var(--coral)}
.brand-mark:after{content:"";width:9px;height:9px;border:2px solid #fff;border-radius:50%;position:absolute;top:8px;left:8px}
.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.main-nav a{padding:9px 13px;border:1px solid transparent;border-radius:10px;color:var(--muted);font-size:14px;font-weight:650}
.main-nav a:hover,.main-nav a.active{color:var(--berry);border-color:#d9bfd0;background:#fff}
.nav-cta{background:var(--berry)!important;color:#fff!important;border-color:var(--berry)!important;padding:10px 17px!important}
.nav-cta:hover{background:var(--coral)!important;border-color:var(--coral)!important}
.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;color:var(--berry);cursor:pointer}
.menu-toggle:focus,.main-nav a:focus,.button:focus,.accordion-title:focus{outline:3px solid rgba(232,117,87,.35);outline-offset:2px}
.page-banner{padding:54px 0 48px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(252,250,247,.98),rgba(252,250,247,.82)),url('/assets/images/5978826cdc7efd2b.jpg') center/cover}
.banner-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:44px;align-items:end}
.eyebrow,.section-kicker{font-size:12px;letter-spacing:.14em;color:var(--berry);font-weight:800;text-transform:uppercase}
.banner-copy{font-size:18px;color:#5d5360;max-width:750px;margin:20px 0 0}
.status-box{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}
.status-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:14px}
.status-row:last-child{border-bottom:0}
.status-row span{color:var(--muted)}
.status-row strong{color:var(--berry-deep)}
.section{padding:72px 0;border-bottom:1px solid var(--line)}
.section.tinted{background:var(--berry-soft)}
.section.dark{background:var(--berry-deep);color:#f8edf5}
.section.dark h2,.section.dark h3{color:#fff}
.section.dark .section-kicker{color:#f2a187}
.section-head{max-width:780px;margin-bottom:30px}
.section-head p{color:var(--muted)}
.dark .section-head p{color:#d8c5d3}
.problem-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:24px;align-items:stretch}
.problem-index{background:var(--berry-deep);border-radius:20px;padding:27px;color:#fff}
.problem-index h3{color:#fff}
.problem-index p{color:#ddcbd9}
.problem-index ol{margin:20px 0 0;padding-left:21px}
.problem-index li{padding:8px 0;color:#f5e8f1;border-bottom:1px solid rgba(255,255,255,.13)}
.problem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.info-card,.article-card,.notice,.step-card,.safety-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 7px 22px rgba(62,30,55,.045);transition:var(--ease)}
.info-card:hover,.article-card:hover,.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card-label,.tag{display:inline-flex;align-items:center;background:var(--berry-soft);color:var(--berry);border-radius:7px;padding:4px 9px;font-size:12px;font-weight:800;margin-bottom:12px}
.info-card p,.article-card p,.step-card p,.safety-card p{color:var(--muted);font-size:14px;margin:0}
.info-card strong{display:block;color:var(--berry-deep);margin-bottom:8px}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.flow:before{content:"";position:absolute;top:26px;left:8%;right:8%;height:1px;background:#d7bfd0}
.step-card{position:relative;margin:0 8px;background:#fff}
.step-number{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--coral);color:#fff;font-weight:800;margin-bottom:17px;position:relative;z-index:1}
.step-card h3{font-size:18px}
.news-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:start}
.news-feature{min-height:315px;border-radius:22px;padding:28px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(120deg,rgba(59,24,56,.9),rgba(59,24,56,.28)),url('/assets/images/043f722788467c49.jpg') center/cover}
.news-feature h3{color:#fff;font-size:28px}
.news-feature p{color:#f2e4ed}
.article-list{display:grid;gap:12px}
.article-card{padding:19px}
.article-meta{font-size:12px;color:var(--coral);font-weight:800;margin-bottom:7px}
.article-card h3{font-size:18px;margin-bottom:7px}
.faq-list{max-width:900px}
.accordion-item{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fff;overflow:hidden}
.accordion-title{display:block;color:var(--berry-deep);font-weight:750;padding:17px 20px;position:relative}
.accordion-title:after{content:"+";position:absolute;right:20px;color:var(--coral);font-size:22px;top:12px}
.accordion-content{padding:0 20px 18px;color:var(--muted);font-size:14px}
.safety-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.safety-card{border-left:5px solid var(--coral)}
.safety-card h3{font-size:19px}
.check-list{list-style:none;margin:0;padding:0}
.check-list li{padding:11px 0 11px 28px;border-bottom:1px solid var(--line);position:relative;color:#5d5360;font-size:14px}
.check-list li:last-child{border-bottom:0}
.check-list li:before{content:"✓";position:absolute;left:0;color:var(--sage);font-weight:900}
.cta-band{padding:45px 0;background:var(--coral);color:#fff}
.cta-flex{display:flex;align-items:center;justify-content:space-between;gap:25px}
.cta-band h2{color:#fff;margin-bottom:8px}
.cta-band p{margin:0;color:#fff0ea}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 19px;border-radius:11px;border:1px solid var(--berry);font-weight:750;transition:var(--ease);cursor:pointer}
.button.primary{background:var(--berry);color:#fff}
.button.primary:hover{background:var(--coral);border-color:var(--coral);transform:translateY(-2px)}
.button.light{background:#fff;color:var(--berry);border-color:#fff}
.button.light:hover{background:var(--berry-soft);color:var(--berry-deep);transform:translateY(-2px)}
footer{background:var(--berry-deep);color:#ead8e4;padding:48px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:45px}
footer h3{color:#fff;font-size:18px}
footer p{font-size:14px;color:#d8c5d3;max-width:360px}
.footer-links{display:grid;gap:7px}
.footer-links a{color:#ead8e4;font-size:14px}
.footer-links a:hover{color:#f2a187}
.copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.15);margin-top:32px;padding-top:18px;color:#cbb5c6;font-size:13px}
.top-link{color:#f2a187}
@media(max-width:1024px){
 .main-nav{gap:0}.main-nav a{padding:8px 9px}
 .banner-grid,.news-layout{grid-template-columns:1fr}
 .flow{grid-template-columns:repeat(2,1fr);gap:16px}.flow:before{display:none}
}
@media(max-width:768px){
 .container{width:min(var(--max),calc(100% - 28px))}
 .nav-wrap{min-height:65px}.menu-toggle{display:block}
 .main-nav{display:none;position:absolute;top:65px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--line);padding:12px 14px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}
 .main-nav.open{display:flex}.main-nav a{padding:12px 14px}
 .page-banner{padding:39px 0}.section{padding:54px 0}
 .problem-layout,.safety-layout{grid-template-columns:1fr}
 .problem-grid{grid-template-columns:1fr 1fr}
 .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
 .cta-flex{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
 h1{font-size:34px}.brand{font-size:16px}.brand-mark{width:29px;height:29px}
 .problem-grid,.flow{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr}
 .copyright{flex-direction:column;gap:7px}
 .status-row{font-size:13px}
}