/* roulang page: index */
:root{
  --coral:#e66a43;
  --coral-dark:#bd4f2f;
  --coral-soft:#fff0e9;
  --teal:#4a9c91;
  --teal-soft:#e7f4f1;
  --ink:#252c2b;
  --muted:#6c7774;
  --light:#929b98;
  --paper:#fffdfa;
  --warm:#f7f3ee;
  --line:#e8e1d9;
  --deep:#1e302f;
  --deep-2:#294341;
  --radius:18px;
  --radius-sm:12px;
  --shadow:0 16px 42px rgba(49,40,31,.08);
  --shadow-sm:0 8px 22px rgba(49,40,31,.06);
  --container:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;font-size:15px}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{border:0;cursor:pointer}
img,svg{display:block;max-width:100%}
.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
.site-header{height:78px;background:rgba(255,253,250,.94);border-bottom:1px solid rgba(232,225,217,.8);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.header-inner{height:78px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:10px;min-width:255px;font-size:17px;font-weight:800;letter-spacing:-.3px}
.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--coral);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(230,106,67,.23)}
.brand-mark svg{width:21px}
.main-nav{display:flex;align-items:center;gap:7px;flex:1}
.main-nav a{padding:9px 13px;border-radius:9px;color:#58635f;font-size:14px;transition:.2s ease}
.main-nav a:hover,.main-nav a:focus,.main-nav a.active{color:var(--coral-dark);background:var(--coral-soft)}
.header-action{white-space:nowrap}
.menu-toggle{display:none;background:transparent;color:var(--ink);padding:8px;border-radius:8px}
.menu-toggle:focus,.btn:focus,.faq-question:focus{outline:3px solid rgba(74,156,145,.32);outline-offset:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border-radius:11px;font-weight:700;font-size:14px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--coral);color:#fff;box-shadow:0 9px 18px rgba(230,106,67,.2)}
.btn-primary:hover{background:var(--coral-dark);box-shadow:0 12px 24px rgba(189,79,47,.23)}
.btn-light{background:#fff;color:var(--coral-dark);border:1px solid var(--line)}
.btn-light:hover{border-color:var(--coral);background:var(--coral-soft)}
.btn-dark{background:var(--deep);color:#fff}
.btn-dark:hover{background:#152523}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-dark);font-size:12px;font-weight:800;letter-spacing:1.5px}
.eyebrow:before{content:"";width:22px;height:2px;background:var(--coral);display:block}
h1,h2,h3{line-height:1.25;letter-spacing:-.6px}
h1{font-size:clamp(36px,5vw,62px);font-weight:800}
h2{font-size:clamp(27px,3vw,39px);font-weight:800}
h3{font-size:19px}
.section{padding:88px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:30px}
.section-head p{max-width:480px;color:var(--muted);font-size:15px}
.hero{padding:78px 0 70px;background:linear-gradient(120deg,#fffaf5 0%,#fff 57%,#eef6f2 100%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:62px;align-items:center}
.hero h1{max-width:670px;margin:20px 0 22px}
.hero h1 em{font-style:normal;color:var(--coral)}
.hero-copy{max-width:570px;color:var(--muted);font-size:17px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-note{display:flex;align-items:center;gap:9px;margin-top:19px;color:var(--light);font-size:13px}
.hero-note i{width:7px;height:7px;background:var(--teal);border-radius:50%;display:block}
.hero-visual{position:relative;min-height:390px}
.visual-board{position:absolute;inset:10px 0 0 25px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:22px;transform:rotate(2deg)}
.board-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}
.board-title{font-weight:800;font-size:18px}
.status-dot{display:inline-flex;align-items:center;gap:6px;color:var(--teal);font-size:12px}
.status-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal)}
.board-feature{margin-top:20px;border-radius:16px;background:var(--deep);color:#fff;padding:22px;min-height:132px;position:relative;overflow:hidden}
.board-feature:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-55px;top:-55px}
.board-feature small{color:#a9c4bd}
.board-feature strong{display:block;font-size:23px;margin-top:8px}
.board-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}
.mini-panel{padding:16px;border-radius:13px;background:var(--warm);border:1px solid #eee7df}
.mini-panel b{display:block;font-size:15px;margin-bottom:3px}
.mini-panel span{font-size:12px;color:var(--muted)}
.floating-tag{position:absolute;z-index:2;padding:13px 16px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-sm);font-weight:700}
.tag-one{left:0;top:42px;color:var(--coral-dark)}
.tag-two{right:-12px;bottom:38px;color:var(--teal)}
.status-strip{padding:22px 0;background:#fff;border-bottom:1px solid var(--line)}
.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.status-item{display:flex;align-items:center;gap:13px;border-right:1px solid var(--line)}
.status-item:last-child{border-right:0}
.status-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--teal-soft);color:var(--teal)}
.status-item b{display:block;font-size:15px}
.status-item span{display:block;color:var(--muted);font-size:12px}
.accent-section{background:var(--warm)}
.feature-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
.feature-card{background:var(--deep);color:#fff;border-radius:var(--radius);padding:34px;min-height:310px;position:relative;overflow:hidden}
.feature-card:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-80px;bottom:-120px}
.feature-card p{color:#b8c8c3;max-width:450px;margin:16px 0 28px}
.feature-card .eyebrow{color:#b5d9d1}
.recommend-list{display:grid;gap:12px}
.recommend-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:20px 22px;display:flex;justify-content:space-between;gap:15px;align-items:center;transition:.2s}
.recommend-item:hover,.topic-card:hover,.service-item:hover,.news-item:hover{transform:translateY(-3px);border-color:#e7b2a1;box-shadow:var(--shadow-sm)}
.recommend-item h3{font-size:17px;margin-bottom:5px}
.recommend-item p{font-size:13px;color:var(--muted)}
.arrow{color:var(--coral);font-size:21px}
.pill{display:inline-flex;padding:4px 9px;border-radius:20px;background:var(--coral-soft);color:var(--coral-dark);font-size:11px;font-weight:700}
.play-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.play-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:23px 20px;min-height:190px;transition:.2s}
.play-card:hover{border-color:#c4ddd8;box-shadow:var(--shadow-sm);transform:translateY(-3px)}
.play-number{color:var(--coral);font-size:13px;font-weight:800}
.play-card h3{margin:18px 0 9px}
.play-card p{font-size:13px;color:var(--muted)}
.news-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}
.news-lead{background:var(--coral-soft);border-radius:var(--radius);padding:32px;min-height:300px}
.news-lead h3{font-size:25px;margin:20px 0 13px}
.news-lead p{color:var(--muted)}
.text-link{color:var(--coral-dark);font-weight:700;font-size:14px;display:inline-flex;gap:7px;margin-top:22px}
.news-list{border-top:1px solid var(--line)}
.news-item{padding:19px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:90px 1fr;gap:18px;transition:.2s}
.news-date{font-size:12px;color:var(--light);padding-top:4px}
.news-item h3{font-size:17px;margin-bottom:5px}
.news-item p{font-size:13px;color:var(--muted)}
.dynamic-wrap{background:#f0f5f2}
.dynamic-panel{border:1px solid #d9e8e2;background:#fff;border-radius:var(--radius);padding:26px}
.dynamic-item{display:grid;grid-template-columns:100px 90px 1fr 30px;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}
.dynamic-item:last-child{border-bottom:0}
.dynamic-time{font-size:12px;color:var(--light)}
.dynamic-item h3{font-size:16px}
.dynamic-item p{font-size:13px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.empty-state{text-align:center;color:var(--muted);padding:35px 10px}
.topic-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:145px 145px;gap:14px}
.topic-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:22px;background:#fff;transition:.2s;position:relative;overflow:hidden}
.topic-card:first-child{grid-row:span 2;background:var(--deep);color:#fff}
.topic-card:first-child p{color:#b7c8c3}
.topic-card h3{margin-bottom:8px}
.topic-card p{font-size:13px;color:var(--muted)}
.topic-mark{position:absolute;right:18px;bottom:13px;color:var(--coral);font-size:28px;font-weight:800;opacity:.45}
.notice-bar{border:1px solid #f0d6c9;border-radius:var(--radius);padding:20px 24px;display:flex;align-items:center;gap:18px;background:#fffaf7}
.notice-badge{background:var(--coral);color:#fff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.notice-bar p{flex:1;color:var(--muted)}
.download-section{background:var(--deep);color:#fff}
.download-grid{display:grid;grid-template-columns:1fr .9fr;gap:55px;align-items:center}
.download-section .eyebrow{color:#a9d4ca}
.download-section h2{margin:18px 0 16px}
.download-section p{color:#b8c8c3;max-width:550px}
.download-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.download-actions .btn-light{background:#fff;border-color:#fff}
.device-stage{height:290px;display:flex;justify-content:center;align-items:center;gap:18px}
.device{width:142px;height:255px;border:7px solid #405b57;border-radius:25px;background:#f6fbf8;padding:10px;box-shadow:0 18px 35px rgba(0,0,0,.2);transform:rotate(-7deg)}
.device:nth-child(2){height:280px;transform:rotate(6deg);background:#fff}
.device-screen{height:100%;border-radius:15px;background:linear-gradient(145deg,#fff3ec,#e6f3ef);padding:13px;color:var(--deep)}
.device-screen b{display:block;font-size:13px;margin-bottom:20px}
.screen-line{height:8px;background:#fff;border-radius:8px;margin:9px 0}
.screen-box{height:67px;background:var(--coral);opacity:.8;border-radius:11px;margin-bottom:12px}
.experience{background:var(--warm)}
.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.experience-card{display:flex;gap:16px;background:#fff;padding:22px;border:1px solid var(--line);border-radius:var(--radius-sm)}
.experience-card strong{display:block;margin-bottom:5px}
.experience-card p{font-size:13px;color:var(--muted)}
.icon-round{flex:none;width:40px;height:40px;border-radius:12px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;font-weight:800}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
.step{padding:25px 23px;border-right:1px solid var(--line);position:relative}
.step:last-child{border:0}
.step b{display:grid;place-items:center;width:30px;height:30px;background:var(--coral);color:#fff;border-radius:9px;font-size:13px;margin-bottom:18px}
.step h3{font-size:17px;margin-bottom:8px}
.step p{font-size:13px;color:var(--muted)}
.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.security-card{padding:27px;border-radius:var(--radius);border:1px solid #cfe2dc;background:var(--teal-soft)}
.security-card h3{margin:12px 0 8px}
.security-card p{font-size:14px;color:#5b706c}
.service-list{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.service-item{border:1px solid var(--line);border-radius:var(--radius-sm);padding:20px;background:#fff;transition:.2s}
.service-item strong{display:block;margin:11px 0 5px}
.service-item span{font-size:13px;color:var(--muted)}
.faq-list{max-width:850px;margin:0 auto;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-question{width:100%;background:none;text-align:left;padding:20px 4px;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--ink)}
.faq-question span{font-size:23px;color:var(--coral);transition:.2s}
.faq-answer{display:none;padding:0 38px 20px 4px;color:var(--muted);font-size:14px}
.faq-item.open .faq-answer{display:block}
.faq-item.open .faq-question span{transform:rotate(45deg)}
.final-cta{padding:65px 0;background:var(--coral-soft)}
.final-box{display:flex;justify-content:space-between;align-items:center;gap:25px}
.final-box p{color:var(--muted);margin-top:9px}
.footer{background:#192826;color:#dce8e4;padding:60px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:35px;padding-bottom:45px}
.footer .brand{color:#fff;margin-bottom:16px}
.footer-intro{color:#9db3ad;max-width:280px;font-size:13px}
.footer h3{font-size:15px;color:#fff;margin-bottom:16px}
.footer-links{display:grid;gap:9px}
.footer-links a{color:#9db3ad;font-size:13px;transition:.2s}
.footer-links a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#829993;font-size:12px}
.compliance{margin-top:14px;color:#829993;font-size:12px;line-height:1.8}
@media(max-width:1024px){
  .brand{min-width:220px}.main-nav a{padding:8px 8px}
  .hero-grid{gap:35px}.play-grid{grid-template-columns:repeat(2,1fr)}
  .service-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .container{width:min(100% - 32px,var(--container))}
  .site-header,.header-inner{height:68px}.header-inner{gap:12px}
  .brand{min-width:0;flex:1;font-size:14px}.brand-mark{width:34px;height:34px}
  .main-nav{display:none;position:absolute;left:16px;right:16px;top:76px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
  .main-nav.show{display:flex}.main-nav a{padding:12px 14px}
  .menu-toggle{display:block}.header-action .btn{min-height:38px;padding:0 12px;font-size:12px}
  .section{padding:58px 0}.hero{padding:55px 0 45px}.hero-grid,.feature-layout,.news-layout,.download-grid{grid-template-columns:1fr}
  .hero h1{font-size:40px}.hero-visual{min-height:340px}.visual-board{left:5px}
  .status-grid{grid-template-columns:repeat(2,1fr);gap:15px}.status-item:nth-child(2){border:0}.status-item{padding:5px 0}
  .section-head{display:block}.section-head p{margin-top:13px}
  .topic-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.topic-card:first-child{grid-row:auto;grid-column:span 2;min-height:145px}
  .steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .experience-grid,.security-grid{grid-template-columns:1fr}.service-list{grid-template-columns:repeat(2,1fr)}
  .download-grid{gap:20px}.device-stage{height:270px}.final-box{display:block}.final-box .btn{margin-top:20px}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}
}
@media(max-width:520px){
  body{font-size:14px}.brand{font-size:12px;line-height:1.25}.header-action{display:none}
  .hero h1{font-size:34px}.hero-copy{font-size:15px}.hero-actions .btn{width:100%}
  .hero-visual{min-height:285px}.visual-board{padding:15px;inset:5px 0 0 8px}.board-feature{padding:16px;min-height:105px}.board-feature strong{font-size:18px}.tag-one{top:10px;left:-4px}.tag-two{bottom:8px;right:-2px}
  .status-grid{grid-template-columns:1fr 1fr}.status-item{border:0!important}.status-item b{font-size:13px}
  .play-grid,.service-list{grid-template-columns:1fr}.topic-grid{display:block}.topic-card{min-height:125px;margin-bottom:12px}.news-item{grid-template-columns:73px 1fr;gap:10px}.dynamic-item{grid-template-columns:72px 1fr 20px}.dynamic-item .pill{display:none}
  .dynamic-item p{display:none}.steps{display:block}.step{border:0!important;border-bottom:1px solid var(--line)!important}.step:last-child{border:0!important}
  .footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:span 2}
  .footer{padding-top:45px}.footer-bottom{line-height:1.8}
}

/* roulang page: article */
:root{
  --coral:#e66a43;--coral-dark:#bd4f2f;--coral-soft:#fff0e9;--teal:#4a9c91;--teal-soft:#e7f4f1;
  --ink:#252c2b;--muted:#6c7774;--light:#929b98;--paper:#fffdfa;--warm:#f7f3ee;
  --line:#e8e1d9;--deep:#1e302f;--deep-2:#294341;--radius:18px;--radius-sm:12px;
  --shadow:0 16px 42px rgba(49,40,31,.08);--shadow-sm:0 8px 22px rgba(49,40,31,.06);--container:1180px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;font-size:15px}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{border:0;cursor:pointer}
img,svg{display:block;max-width:100%}
.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
.site-header{height:78px;background:rgba(255,253,250,.94);border-bottom:1px solid rgba(232,225,217,.8);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.header-inner{height:78px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:10px;min-width:255px;font-size:17px;font-weight:800;letter-spacing:-.3px}
.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--coral);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(230,106,67,.23)}
.brand-mark svg{width:21px}
.main-nav{display:flex;align-items:center;gap:7px;flex:1}
.main-nav a{padding:9px 13px;border-radius:9px;color:#58635f;font-size:14px;transition:.2s ease}
.main-nav a:hover,.main-nav a:focus,.main-nav a.active{color:var(--coral-dark);background:var(--coral-soft)}
.header-action{white-space:nowrap}
.menu-toggle{display:none;background:transparent;color:var(--ink);padding:8px;border-radius:8px;font-size:24px}
.menu-toggle:focus,.btn:focus,.faq-question:focus{outline:3px solid rgba(74,156,145,.32);outline-offset:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border-radius:11px;font-weight:700;font-size:14px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--coral);color:#fff;box-shadow:0 9px 18px rgba(230,106,67,.2)}
.btn-primary:hover{background:var(--coral-dark);box-shadow:0 12px 24px rgba(189,79,47,.23)}
.btn-light{background:#fff;color:var(--coral-dark);border:1px solid var(--line)}
.btn-light:hover{border-color:var(--coral);background:var(--coral-soft)}
.btn-dark{background:var(--deep);color:#fff}
.btn-dark:hover{background:#152523}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-dark);font-size:12px;font-weight:800;letter-spacing:1.5px}
.eyebrow:before{content:"";width:22px;height:2px;background:var(--coral);display:block}
.section{padding:76px 0}
.article-banner{padding:46px 0 42px;background:linear-gradient(120deg,#fff6ef 0%,#fffdfa 58%,#edf6f2 100%);border-bottom:1px solid var(--line)}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:var(--muted);font-size:13px;margin-bottom:27px}
.breadcrumb a{transition:color .2s}
.breadcrumb a:hover{color:var(--coral-dark)}
.breadcrumb i{font-style:normal;color:var(--light)}
.article-header{max-width:910px}
.article-header h1{font-size:clamp(31px,4vw,48px);line-height:1.28;letter-spacing:-1.4px;margin:16px 0 20px;font-weight:800}
.article-summary{max-width:790px;color:var(--muted);font-size:16px;margin:0}
.article-meta{display:flex;flex-wrap:wrap;gap:11px 20px;margin-top:25px;color:var(--muted);font-size:13px}
.meta-category{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--teal-soft);border-radius:20px;color:#31756c;font-weight:700}
.meta-category:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal)}
.article-layout{display:grid;grid-template-columns:minmax(0,790px) 260px;justify-content:space-between;gap:58px}
.article-content{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:48px 54px;box-shadow:var(--shadow-sm);overflow-wrap:anywhere}
.article-content h2{font-size:26px;line-height:1.4;margin:42px 0 16px;font-weight:800}
.article-content h3{font-size:20px;line-height:1.5;margin:30px 0 12px;font-weight:800}
.article-content h2:first-child{margin-top:0}
.article-content p{margin:0 0 19px;color:#3f4a47;font-size:16px}
.article-content ul,.article-content ol{padding-left:24px;margin:0 0 22px;color:#3f4a47}
.article-content li{padding-left:5px;margin:8px 0}
.article-content blockquote{margin:28px 0;padding:18px 22px;border-left:4px solid var(--coral);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--coral-soft);color:#71412f}
.article-content table{width:100%;margin:24px 0;border-collapse:collapse;font-size:14px}
.article-content th,.article-content td{padding:12px;border:1px solid var(--line);text-align:left}
.article-content th{background:var(--warm);font-weight:800}
.article-content img{height:auto;border-radius:var(--radius-sm);margin:25px auto}
.article-content a{color:var(--coral-dark);text-decoration:underline;text-decoration-color:#efb6a5;text-underline-offset:3px}
.article-side{align-self:start;position:sticky;top:102px}
.side-card{background:var(--warm);border:1px solid var(--line);border-radius:var(--radius);padding:25px}
.side-card+.side-card{margin-top:16px}
.side-card h2{font-size:17px;margin:0 0 14px;font-weight:800}
.side-card p{font-size:13px;color:var(--muted);margin:0 0 16px}
.side-links{display:grid;gap:8px}
.side-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;transition:color .2s}
.side-links a:last-child{border-bottom:0}
.side-links a:hover{color:var(--coral-dark)}
.notice-strip{display:flex;gap:15px;align-items:flex-start;padding:20px 22px;background:var(--teal-soft);border:1px solid #cbe3de;border-radius:var(--radius-sm)}
.notice-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--teal);color:#fff;font-weight:800}
.notice-strip h2{margin:0 0 4px;font-size:16px}
.notice-strip p{margin:0;color:#52736d;font-size:14px}
.related-section{background:var(--warm)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:28px}
.section-head h2{font-size:29px;line-height:1.35;margin:8px 0 0;font-weight:800}
.section-head p{max-width:470px;color:var(--muted);margin:0}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.related-card{display:flex;flex-direction:column;min-height:230px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:.2s ease}
.related-card:hover{transform:translateY(-4px);border-color:#e7b2a1;box-shadow:var(--shadow-sm)}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:12px}
.pill{display:inline-flex;padding:4px 9px;border-radius:20px;background:var(--coral-soft);color:var(--coral-dark);font-size:11px;font-weight:700}
.related-card h3{font-size:18px;line-height:1.5;margin:19px 0 10px}
.related-card p{font-size:13px;color:var(--muted);margin:0 0 17px}
.text-link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;color:var(--coral-dark);font-size:14px;font-weight:800}
.text-link span{font-size:18px;transition:transform .2s}
.text-link:hover span{transform:translateX(4px)}
.download-bar{background:var(--deep);color:#fff;border-radius:var(--radius);padding:34px 38px;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;overflow:hidden}
.download-bar:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;border:1px solid rgba(255,255,255,.13);right:-48px;top:-100px}
.download-bar h2{font-size:26px;margin:0 0 8px;position:relative;z-index:1}
.download-bar p{margin:0;color:#bed0cb;position:relative;z-index:1}
.download-bar .btn{position:relative;z-index:1;flex:0 0 auto}
.back-row{padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line)}
.back-row p{color:var(--muted);margin:0;font-size:14px}
.empty-content{text-align:center;padding:42px 15px}
.empty-content h2{font-size:24px;margin:0 0 10px}
.empty-content p{color:var(--muted);margin-bottom:22px}
.footer{background:var(--deep);color:#e7efec;padding:60px 0 22px;margin-top:0}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr 1fr;gap:38px;padding-bottom:42px}
.footer .brand{color:#fff;min-width:0}
.footer-intro{max-width:290px;margin:18px 0 0;color:#acc0bb;font-size:14px}
.footer h3{color:#fff;font-size:15px;margin:7px 0 17px}
.footer-links{display:grid;gap:10px}
.footer-links a{color:#b7c7c2;font-size:14px;transition:color .2s,transform .2s}
.footer-links a:hover{color:#fff;transform:translateX(3px)}
.compliance{color:#9db3ad;font-size:12px;line-height:1.75;margin:16px 0 0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:20px;display:flex;justify-content:space-between;gap:15px;color:#a4b7b2;font-size:12px}
@media(max-width:1024px){
  .article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:28px}
  .article-content{padding:38px}
  .brand{min-width:225px;font-size:15px}
  .main-nav a{padding:8px 9px}
}
@media(max-width:768px){
  .container{width:min(100% - 32px,var(--container))}
  .site-header,.header-inner{height:68px}
  .header-inner{gap:10px}
  .brand{min-width:0;flex:1;font-size:14px}
  .brand-mark{width:34px;height:34px;border-radius:10px}
  .main-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:14px 16px 18px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm)}
  .main-nav.open{display:grid}
  .main-nav a{padding:11px 13px}
  .header-action .btn{min-height:40px;padding:0 12px;font-size:12px}
  .menu-toggle{display:block}
  .article-banner{padding:34px 0}
  .article-header h1{font-size:32px;letter-spacing:-.8px}
  .article-summary{font-size:15px}
  .section{padding:54px 0}
  .article-layout{display:block}
  .article-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
  .side-card+.side-card{margin-top:0}
  .article-content{padding:30px 25px}
  .article-content h2{font-size:23px}
  .article-content p{font-size:15px}
  .related-grid{grid-template-columns:1fr}
  .download-bar{padding:28px;align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr 1fr;gap:31px}
}
@media(max-width:520px){
  body{font-size:14px}
  .header-action{display:none}
  .article-header h1{font-size:29px}
  .article-meta{gap:8px 14px}
  .article-content{padding:25px 19px;border-radius:14px}
  .article-content h2{font-size:21px;margin-top:33px}
  .article-content h3{font-size:18px}
  .article-side{grid-template-columns:1fr}
  .section-head{display:block}
  .section-head p{margin-top:12px}
  .section-head h2{font-size:25px}
  .download-bar h2{font-size:22px}
  .download-bar .btn{width:100%}
  .back-row{align-items:flex-start;flex-direction:column}
  .footer{padding-top:46px}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-bottom{display:block}
  .footer-bottom span{display:block;margin:5px 0}
}

/* roulang page: category1 */
:root{
    --coral:#e66a43;
    --coral-dark:#bd4f2f;
    --coral-soft:#fff0e9;
    --teal:#4a9c91;
    --teal-soft:#e7f4f1;
    --ink:#252c2b;
    --muted:#6c7774;
    --light:#929b98;
    --paper:#fffdfa;
    --warm:#f7f3ee;
    --line:#e8e1d9;
    --deep:#1e302f;
    --deep-2:#294341;
    --radius:18px;
    --radius-sm:12px;
    --shadow:0 16px 42px rgba(49,40,31,.08);
    --shadow-sm:0 8px 22px rgba(49,40,31,.06);
    --container:1180px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;font-size:15px}
  a{color:inherit;text-decoration:none}
  a:focus,button:focus{outline:3px solid rgba(74,156,145,.32);outline-offset:3px}
  button,input{font:inherit}
  button{border:0;cursor:pointer}
  img,svg{display:block;max-width:100%}
  .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
  .site-header{height:78px;background:rgba(255,253,250,.94);border-bottom:1px solid rgba(232,225,217,.8);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
  .header-inner{height:78px;display:flex;align-items:center;gap:30px}
  .brand{display:flex;align-items:center;gap:10px;min-width:255px;font-size:17px;font-weight:800;letter-spacing:-.3px}
  .brand-mark{width:38px;height:38px;border-radius:12px;background:var(--coral);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(230,106,67,.23);flex:none}
  .brand-mark svg{width:21px}
  .main-nav{display:flex;align-items:center;gap:7px;flex:1}
  .main-nav a{padding:9px 13px;border-radius:9px;color:#58635f;font-size:14px;transition:.2s ease;white-space:nowrap}
  .main-nav a:hover,.main-nav a:focus,.main-nav a.active{color:var(--coral-dark);background:var(--coral-soft)}
  .header-action{white-space:nowrap}
  .menu-toggle{display:none;background:transparent;color:var(--ink);padding:8px;border-radius:8px;font-size:22px}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border-radius:11px;font-weight:700;font-size:14px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}
  .btn:hover{transform:translateY(-2px)}
  .btn-primary{background:var(--coral);color:#fff;box-shadow:0 9px 18px rgba(230,106,67,.2)}
  .btn-primary:hover{background:var(--coral-dark);box-shadow:0 12px 24px rgba(189,79,47,.23)}
  .btn-light{background:#fff;color:var(--coral-dark);border:1px solid var(--line)}
  .btn-light:hover{border-color:var(--coral);background:var(--coral-soft)}
  .btn-dark{background:var(--deep);color:#fff}
  .btn-dark:hover{background:#152523}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-dark);font-size:12px;font-weight:800;letter-spacing:1.5px}
  .eyebrow:before{content:"";width:22px;height:2px;background:var(--coral);display:block}
  h1,h2,h3,p{margin-top:0}
  h1{font-size:clamp(34px,4vw,56px);line-height:1.18;letter-spacing:-1.8px;font-weight:800}
  h2{font-size:clamp(26px,3vw,38px);line-height:1.25;letter-spacing:-1px;font-weight:800}
  h3{font-size:18px;line-height:1.35;font-weight:800}
  .section{padding:82px 0}
  .section-head{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:30px}
  .section-head p{max-width:500px;color:var(--muted);margin-bottom:0}
  .breadcrumb-bar{padding:28px 0 0;color:var(--muted);font-size:13px}
  .breadcrumb-bar a{color:var(--coral-dark)}
  .intro{padding:34px 0 64px}
  .intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:end}
  .intro h1{margin:18px 0 20px;max-width:700px}
  .intro-copy{font-size:17px;color:var(--muted);max-width:680px}
  .topic-panel{background:var(--deep);border-radius:var(--radius);padding:28px;color:#fff;position:relative;overflow:hidden}
  .topic-panel:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-62px;bottom:-75px}
  .topic-panel strong{display:block;font-size:23px;margin:12px 0 8px}
  .topic-panel p{color:#b9cbc5;font-size:14px;margin-bottom:0;position:relative;z-index:1}
  .topic-panel .pill{background:rgba(255,255,255,.12);color:#d5eee8}
  .pill{display:inline-flex;padding:4px 10px;border-radius:20px;background:var(--coral-soft);color:var(--coral-dark);font-size:11px;font-weight:700}
  .info-strip{background:var(--warm);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
  .info-item{padding:22px 24px;border-right:1px solid var(--line)}
  .info-item:first-child{padding-left:0}
  .info-item:last-child{border-right:0}
  .info-item b{display:block;font-size:16px;margin-bottom:4px}
  .info-item span{color:var(--muted);font-size:13px}
  .news-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}
  .lead-news{background:var(--coral-soft);border-radius:var(--radius);padding:34px;min-height:318px;display:flex;flex-direction:column;justify-content:space-between}
  .lead-news h2{font-size:30px;margin:18px 0 14px;max-width:520px}
  .lead-news p{color:var(--muted);max-width:500px}
  .lead-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--light);font-size:13px}
  .news-list{display:grid;gap:12px}
  .news-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:19px 21px;display:grid;grid-template-columns:88px 1fr auto;gap:15px;align-items:center;transition:.2s ease}
  .news-item:hover{transform:translateY(-3px);border-color:#e7b2a1;box-shadow:var(--shadow-sm)}
  .news-date{color:var(--teal);font-size:12px;font-weight:700}
  .news-item h3{margin:0 0 4px;font-size:16px}
  .news-item p{margin:0;color:var(--muted);font-size:13px}
  .news-arrow{color:var(--coral);font-size:20px}
  .topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .topic-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:24px;min-height:190px;transition:.2s ease}
  .topic-card:hover{transform:translateY(-3px);border-color:#c4ddd8;box-shadow:var(--shadow-sm)}
  .topic-icon{width:42px;height:42px;border-radius:13px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;font-weight:800;font-size:18px}
  .topic-card h3{margin:20px 0 8px}
  .topic-card p{color:var(--muted);font-size:13px;margin-bottom:0}
  .download-panel{background:var(--deep);border-radius:var(--radius);padding:42px;color:#fff;display:grid;grid-template-columns:1fr .8fr;gap:30px;align-items:center}
  .download-panel h2{margin:15px 0 14px}
  .download-panel p{color:#bdcec8;max-width:550px}
  .download-panel .eyebrow{color:#b5d9d1}
  .download-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
  .download-visual{min-height:165px;border:1px dashed rgba(255,255,255,.3);border-radius:15px;display:grid;place-items:center;text-align:center;color:#b9cbc5;padding:24px}
  .download-visual b{display:block;color:#fff;font-size:18px;margin-bottom:7px}
  .faq-list{border-top:1px solid var(--line)}
  .faq-item{border-bottom:1px solid var(--line)}
  .faq-question{width:100%;background:transparent;text-align:left;padding:21px 4px;display:flex;justify-content:space-between;align-items:center;color:var(--ink);font-weight:700}
  .faq-question span:last-child{color:var(--coral);font-size:22px;font-weight:400}
  .faq-answer{color:var(--muted);font-size:14px;padding:0 45px 20px 4px}
  .closing{padding:65px 0 88px}
  .closing-box{background:var(--coral);color:#fff;border-radius:var(--radius);padding:34px 40px;display:flex;justify-content:space-between;align-items:center;gap:25px}
  .closing-box h2{font-size:28px;margin-bottom:8px}
  .closing-box p{margin:0;color:#ffe3d8}
  .footer{background:var(--deep);color:#fff;padding:58px 0 22px}
  .footer-grid{display:grid;grid-template-columns:1.35fr .8fr .9fr 1fr;gap:38px}
  .footer .brand{min-width:0;margin-bottom:17px}
  .footer-intro,.compliance{color:#afc1bb;font-size:13px;max-width:260px}
  .footer h3{font-size:14px;margin:4px 0 16px}
  .footer-links{display:grid;gap:9px;color:#afc1bb;font-size:13px}
  .footer-links a{transition:.2s}
  .footer-links a:hover{color:#fff}
  .footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:#91a7a0;font-size:12px}
  @media(max-width:1024px){
    .header-inner{gap:15px}.brand{min-width:220px;font-size:15px}.main-nav a{padding:8px 8px;font-size:13px}
    .intro-grid,.news-layout,.download-panel{grid-template-columns:1fr}
    .intro-grid{gap:30px}.download-visual{min-height:130px}
  }
  @media(max-width:768px){
    .container{width:min(var(--container),calc(100% - 32px))}
    .site-header,.header-inner{height:68px}.brand{min-width:0;flex:1}
    .brand span:last-child{font-size:14px;line-height:1.2;max-width:190px}
    .header-action{display:none}.menu-toggle{display:block}
    .main-nav{display:none;position:absolute;left:16px;right:16px;top:74px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow)}
    .main-nav.open{display:grid}.main-nav a{padding:12px}
    .section{padding:58px 0}.intro{padding:25px 0 45px}
    .section-head{display:block;margin-bottom:23px}.section-head p{margin-top:12px}
    .info-grid{grid-template-columns:1fr 1fr}.info-item{padding:17px 13px;border-bottom:1px solid var(--line)}.info-item:first-child{padding-left:13px}
    .info-item:nth-child(2){border-right:0}.info-item:nth-child(3){padding-left:13px}.info-item:last-child{border-bottom:0}
    .topic-grid{grid-template-columns:1fr}.lead-news{padding:26px;min-height:280px}
    .news-item{grid-template-columns:70px 1fr}.news-arrow{display:none}
    .download-panel{padding:29px 24px}.closing-box{display:block;padding:28px 25px}.closing-box .btn{margin-top:20px}
    .footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:6px}
  }
  @media(max-width:520px){
    h1{font-size:35px}.hero-copy,.intro-copy{font-size:15px}.topic-panel{padding:24px}
    .info-grid{grid-template-columns:1fr}.info-item,.info-item:nth-child(3){border-right:0;padding-left:0;padding-right:0}
    .info-item:last-child{border-bottom:0}.news-item{padding:16px;grid-template-columns:1fr}.news-date{order:-1}
    .footer-grid{grid-template-columns:1fr}.footer{padding-top:42px}
  }

/* roulang page: category3 */
:root{
      --coral:#e66a43;--coral-dark:#bd4f2f;--coral-soft:#fff0e9;
      --teal:#4a9c91;--teal-soft:#e7f4f1;--ink:#252c2b;--muted:#6c7774;
      --light:#929b98;--paper:#fffdfa;--warm:#f7f3ee;--line:#e8e1d9;
      --deep:#1e302f;--deep-2:#294341;--radius:18px;--radius-sm:12px;
      --shadow:0 16px 42px rgba(49,40,31,.08);--shadow-sm:0 8px 22px rgba(49,40,31,.06);
      --container:1180px
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.7 "PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif}
    a{color:inherit;text-decoration:none}a:hover{color:var(--coral-dark)}
    button,input{font:inherit}button{border:0;cursor:pointer}
    img,svg{display:block;max-width:100%}
    .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
    .site-header{height:78px;background:rgba(255,253,250,.94);border-bottom:1px solid rgba(232,225,217,.8);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
    .header-inner{height:78px;display:flex;align-items:center;gap:30px}
    .brand{display:flex;align-items:center;gap:10px;min-width:255px;font-size:17px;font-weight:800;letter-spacing:-.3px}
    .brand-mark{width:38px;height:38px;border-radius:12px;background:var(--coral);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(230,106,67,.23);flex:none}
    .brand-mark svg{width:21px}
    .main-nav{display:flex;align-items:center;gap:7px;flex:1}
    .main-nav a{padding:9px 13px;border-radius:9px;color:#58635f;font-size:14px;transition:.2s ease}
    .main-nav a:hover,.main-nav a:focus,.main-nav a.active{color:var(--coral-dark);background:var(--coral-soft)}
    .header-action{white-space:nowrap}
    .menu-toggle{display:none;background:transparent;color:var(--ink);padding:8px;border-radius:8px}
    .menu-toggle:focus,.btn:focus,.faq-question:focus{outline:3px solid rgba(74,156,145,.32);outline-offset:2px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border-radius:11px;font-weight:700;font-size:14px;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s}
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{background:var(--coral);color:#fff;box-shadow:0 9px 18px rgba(230,106,67,.2)}
    .btn-primary:hover{background:var(--coral-dark);color:#fff;box-shadow:0 12px 24px rgba(189,79,47,.23)}
    .btn-light{background:#fff;color:var(--coral-dark);border:1px solid var(--line)}
    .btn-light:hover{border-color:var(--coral);background:var(--coral-soft)}
    .btn-dark{background:var(--deep);color:#fff}.btn-dark:hover{background:#152523;color:#fff}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-dark);font-size:12px;font-weight:800;letter-spacing:1.5px}
    .eyebrow:before{content:"";width:22px;height:2px;background:var(--coral);display:block}
    .section{padding:82px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:30px}
    .section-head p{max-width:500px;color:var(--muted);margin:0}
    h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,5vw,58px);line-height:1.16;letter-spacing:-2px}h2{font-size:32px;line-height:1.25;letter-spacing:-1px}h3{font-size:18px;line-height:1.35}
    .crumbs{padding:25px 0 0;color:var(--muted);font-size:13px}.crumbs a{color:var(--coral-dark)}
    .category-hero{padding:40px 0 72px;background:linear-gradient(120deg,#fffaf5,#fff 58%,#eef6f2)}
    .category-hero h1{max-width:760px;margin:18px 0 20px}.category-hero h1 em{font-style:normal;color:var(--coral)}
    .category-lead{max-width:680px;font-size:17px;color:var(--muted);margin-bottom:28px}
    .hero-meta{display:flex;flex-wrap:wrap;gap:10px}.pill{display:inline-flex;padding:5px 11px;border-radius:20px;background:var(--coral-soft);color:var(--coral-dark);font-size:12px;font-weight:700}
    .notice-band{background:var(--deep);color:#fff;padding:25px 0}.notice-band-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
    .notice-band p{margin:0;color:#c3d2cd}.notice-band strong{font-size:19px}
    .notice-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}
    .notice-list{display:grid;gap:13px}.notice-item{display:grid;grid-template-columns:105px 1fr 25px;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:21px 22px;transition:.2s}
    .notice-item:hover{transform:translateY(-3px);border-color:#e7b2a1;box-shadow:var(--shadow-sm)}
    .notice-date{color:var(--coral-dark);font-weight:800;font-size:13px}.notice-date small{display:block;color:var(--light);font-weight:500}
    .notice-item h3{margin:0 0 5px}.notice-item p{margin:0;color:var(--muted);font-size:13px}.arrow{color:var(--coral);font-size:22px}
    .notice-feature{border-radius:var(--radius);background:var(--coral-soft);padding:32px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between}
    .notice-feature h2{font-size:28px;margin:18px 0 12px}.notice-feature p{color:var(--muted)}
    .feature-mark{width:58px;height:58px;border-radius:16px;background:#fff;color:var(--coral);display:grid;place-items:center;font-size:27px;box-shadow:var(--shadow-sm)}
    .type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.type-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:25px;min-height:190px;transition:.2s}
    .type-card:hover{transform:translateY(-3px);border-color:#b9d8d2;box-shadow:var(--shadow-sm)}.type-icon{font-size:24px;color:var(--teal)}
    .type-card h3{margin:15px 0 8px}.type-card p{color:var(--muted);font-size:13px;margin:0}
    .timeline{border-left:2px solid #f0cfc2;padding-left:28px;display:grid;gap:25px}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;left:-37px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--coral);border:4px solid var(--coral-soft)}
    .timeline-item h3{margin:0 0 5px}.timeline-item p{color:var(--muted);margin:0}
    .download-panel{background:var(--deep);border-radius:var(--radius);padding:38px;color:#fff;display:grid;grid-template-columns:1fr .8fr;gap:30px;align-items:center}
    .download-panel p{color:#b8c8c3;max-width:560px}.download-tags{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 24px}.download-tags span{border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:5px 11px;color:#c9d9d4;font-size:12px}
    .device-placeholder{height:190px;border:1px dashed rgba(255,255,255,.35);border-radius:20px;display:grid;place-items:center;text-align:center;color:#b8c8c3;background:rgba(255,255,255,.04)}.device-placeholder b{display:block;color:#fff;font-size:18px}
    .faq-list{display:grid;gap:10px;max-width:820px}.faq-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;overflow:hidden}.faq-question{width:100%;background:#fff;color:var(--ink);padding:19px 22px;text-align:left;font-weight:700;display:flex;justify-content:space-between;align-items:center}.faq-question span{color:var(--coral);font-size:22px;transition:.2s}.faq-answer{display:none;padding:0 22px 19px;color:var(--muted);font-size:14px}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question span{transform:rotate(45deg)}
    .cta-strip{background:var(--warm);text-align:center;padding:62px 20px}.cta-strip h2{margin-bottom:12px}.cta-strip p{color:var(--muted);margin-bottom:23px}
    .footer{background:var(--deep);color:#fff;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .9fr 1.2fr;gap:35px}.footer .brand{color:#fff;margin-bottom:18px}.footer-intro,.compliance{color:#aebfba;font-size:13px}.footer h3{font-size:15px;margin:3px 0 16px}.footer-links{display:grid;gap:9px;color:#b8c8c3;font-size:13px}.footer-links a:hover{color:#fff}.compliance{margin-top:16px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:#92a7a1;font-size:12px}
    @media(max-width:1024px){.header-inner{gap:15px}.brand{min-width:220px;font-size:15px}.main-nav a{padding:8px 8px}.notice-grid,.download-panel{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.container{width:min(var(--container),calc(100% - 32px))}.site-header,.header-inner{height:68px}.main-nav{display:none;position:absolute;left:16px;right:16px;top:74px;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}.header-action{margin-left:auto}.header-action .btn{min-height:40px;padding:0 13px}.menu-toggle{display:block;font-size:22px}.category-hero{padding:28px 0 55px}.section{padding:58px 0}.section-head{display:block;margin-bottom:22px}.section-head p{margin-top:10px}.notice-band-inner{display:block}.notice-band-inner strong{display:block;margin-bottom:6px}.type-grid{grid-template-columns:1fr}.notice-item{grid-template-columns:82px 1fr 18px;gap:11px;padding:17px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}}
    @media(max-width:520px){h1{font-size:35px;letter-spacing:-1px}h2{font-size:27px}.brand{min-width:0;font-size:13px}.brand-mark{width:34px;height:34px}.header-action{display:none}.hero-actions{display:grid}.hero-actions .btn{width:100%}.notice-item{grid-template-columns:1fr 20px}.notice-date{grid-column:1/2}.notice-item h3{grid-column:1/2}.notice-item .arrow{grid-column:2;grid-row:1/3}.download-panel{padding:26px 22px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:7px}}

/* roulang page: category2 */
:root{
      --coral:#e66a43;
      --coral-dark:#bd4f2f;
      --coral-soft:#fff0e9;
      --teal:#4a9c91;
      --teal-soft:#e7f4f1;
      --ink:#252c2b;
      --muted:#6c7774;
      --light:#929b98;
      --paper:#fffdfa;
      --warm:#f7f3ee;
      --line:#e8e1d9;
      --deep:#1e302f;
      --deep-2:#294341;
      --radius:18px;
      --radius-sm:12px;
      --shadow:0 16px 42px rgba(49,40,31,.08);
      --shadow-sm:0 8px 22px rgba(49,40,31,.06);
      --container:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;font-size:15px}
    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    button{border:0;cursor:pointer}
    img,svg{display:block;max-width:100%}
    .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
    .site-header{height:78px;background:rgba(255,253,250,.94);border-bottom:1px solid rgba(232,225,217,.8);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
    .header-inner{height:78px;display:flex;align-items:center;gap:30px}
    .brand{display:flex;align-items:center;gap:10px;min-width:255px;font-size:17px;font-weight:800;letter-spacing:-.3px}
    .brand-mark{width:38px;height:38px;border-radius:12px;background:var(--coral);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(230,106,67,.23);flex:none}
    .brand-mark svg{width:21px}
    .main-nav{display:flex;align-items:center;gap:7px;flex:1}
    .main-nav a{padding:9px 13px;border-radius:9px;color:#58635f;font-size:14px;transition:.2s ease}
    .main-nav a:hover,.main-nav a:focus,.main-nav a.active{color:var(--coral-dark);background:var(--coral-soft)}
    .header-action{white-space:nowrap}
    .menu-toggle{display:none;background:transparent;color:var(--ink);padding:8px;border-radius:8px;font-size:22px}
    .menu-toggle:focus,.btn:focus,.faq-question:focus{outline:3px solid rgba(74,156,145,.32);outline-offset:2px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border-radius:11px;font-weight:700;font-size:14px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{background:var(--coral);color:#fff;box-shadow:0 9px 18px rgba(230,106,67,.2)}
    .btn-primary:hover{background:var(--coral-dark);box-shadow:0 12px 24px rgba(189,79,47,.23)}
    .btn-light{background:#fff;color:var(--coral-dark);border:1px solid var(--line)}
    .btn-light:hover{border-color:var(--coral);background:var(--coral-soft)}
    .btn-dark{background:var(--deep);color:#fff}
    .btn-dark:hover{background:#152523}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-dark);font-size:12px;font-weight:800;letter-spacing:1.5px}
    .eyebrow:before{content:"";width:22px;height:2px;background:var(--coral);display:block}
    .section{padding:82px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:30px}
    .section-head p{max-width:500px;color:var(--muted);font-size:15px;margin:0}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(34px,4.2vw,58px);line-height:1.18;letter-spacing:-1.8px;font-weight:800;margin-bottom:20px}
    h2{font-size:clamp(26px,3vw,38px);line-height:1.25;letter-spacing:-.8px;font-weight:800;margin-bottom:12px}
    h3{font-size:18px;line-height:1.4;margin-bottom:8px}
    .page-intro{padding:58px 0 52px;background:linear-gradient(120deg,#fffaf5 0%,#fff 58%,#eef6f2 100%);border-bottom:1px solid var(--line)}
    .breadcrumbs{display:flex;gap:10px;align-items:center;color:var(--light);font-size:13px;margin-bottom:30px}
    .breadcrumbs a:hover{color:var(--coral-dark)}
    .crumb-sep{color:#c6beb6}
    .intro-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:60px;align-items:end}
    .intro-copy{max-width:700px}
    .intro-copy p{font-size:17px;color:var(--muted);max-width:680px;margin-bottom:0}
    .intro-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}
    .intro-panel strong{display:block;font-size:20px;margin:12px 0 5px}
    .intro-panel p{font-size:13px;color:var(--muted);margin-bottom:0}
    .icon-badge{width:46px;height:46px;border-radius:14px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center}
    .icon-badge svg{width:24px}
    .signal-bar{padding:23px 0;background:#fff;border-bottom:1px solid var(--line)}
    .signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .signal{display:flex;align-items:center;gap:12px;padding-right:18px;border-right:1px solid var(--line)}
    .signal:last-child{border:0}
    .signal-dot{width:10px;height:10px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 6px var(--teal-soft);margin-left:5px;flex:none}
    .signal b{display:block;font-size:14px}
    .signal span{color:var(--muted);font-size:12px}
    .accent-section{background:var(--warm)}
    .recommend-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:stretch}
    .feature-card{background:var(--deep);color:#fff;border-radius:var(--radius);padding:34px;min-height:365px;position:relative;overflow:hidden}
    .feature-card:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-110px;bottom:-140px}
    .feature-card .eyebrow{color:#b5d9d1}
    .feature-card h2{position:relative;z-index:1;margin-top:20px}
    .feature-card p{color:#b8c8c3;max-width:410px;position:relative;z-index:1;margin:18px 0 28px}
    .feature-meta{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}
    .feature-meta span{font-size:12px;padding:5px 10px;border-radius:20px;background:rgba(255,255,255,.1);color:#d9ebe6}
    .choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .choice-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:24px;transition:.2s ease;display:flex;flex-direction:column;justify-content:space-between}
    .choice-card:hover,.scene-card:hover,.guide-item:hover{transform:translateY(-3px);border-color:#e7b2a1;box-shadow:var(--shadow-sm)}
    .choice-card p,.scene-card p{font-size:13px;color:var(--muted);margin-bottom:18px}
    .choice-card .card-foot{display:flex;justify-content:space-between;align-items:center;color:var(--coral-dark);font-size:13px;font-weight:700}
    .pill{display:inline-flex;padding:4px 9px;border-radius:20px;background:var(--coral-soft);color:var(--coral-dark);font-size:11px;font-weight:700}
    .pill.teal{background:var(--teal-soft);color:#317c73}
    .scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .scene-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:25px;transition:.2s ease}
    .scene-number{font-size:14px;color:var(--coral);font-weight:800;letter-spacing:1px}
    .scene-card h3{margin-top:30px}
    .tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
    .topic-strip{background:var(--coral-soft);border-radius:var(--radius);padding:30px 34px;display:flex;justify-content:space-between;align-items:center;gap:25px}
    .topic-strip p{color:var(--muted);margin:6px 0 0}
    .topic-list{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
    .topic-list span{background:#fff;border:1px solid #f1d1c4;border-radius:9px;padding:8px 12px;font-size:13px;color:var(--coral-dark)}
    .download-panel{background:var(--deep);color:#fff;border-radius:var(--radius);padding:42px;display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:center;overflow:hidden;position:relative}
    .download-panel:before{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-150px;top:-190px}
    .download-panel h2{position:relative}
    .download-panel p{color:#b8c8c3;max-width:550px;position:relative}
    .download-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;position:relative}
    .download-actions small{color:#a9c4bd;font-size:12px}
    .device-card{justify-self:end;width:min(100%,290px);min-height:185px;border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:22px;background:rgba(255,255,255,.06);position:relative}
    .device-card:after{content:"";position:absolute;width:100px;height:100px;border:1px dashed rgba(255,255,255,.28);right:24px;top:30px;border-radius:12px}
    .device-card strong{display:block;font-size:18px;margin-bottom:5px}
    .device-card span{display:block;color:#b8c8c3;font-size:13px;max-width:135px}
    .device-status{display:flex;gap:8px;align-items:center;color:#b5d9d1;font-size:12px;margin-top:34px}
    .device-status i{width:7px;height:7px;background:#8ed0c3;border-radius:50%}
    .faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px}
    .faq-lead p{color:var(--muted);max-width:350px}
    .faq-list{display:grid;gap:10px}
    .faq-item{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
    .faq-question{width:100%;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:space-between;text-align:left;padding:18px 20px;font-weight:700}
    .faq-question span:last-child{font-size:22px;color:var(--coral);transition:.2s}
    .faq-answer{display:none;padding:0 20px 18px;color:var(--muted);font-size:14px}
    .faq-item.open .faq-answer{display:block}
    .faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
    .return-bar{padding:32px 0;border-top:1px solid var(--line);background:#fff}
    .return-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
    .return-inner p{margin:5px 0 0;color:var(--muted);font-size:13px}
    .footer{background:var(--deep);color:#fff;padding:64px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.35fr .8fr .95fr 1.1fr;gap:38px;padding-bottom:48px}
    .footer .brand{min-width:0;color:#fff}
    .footer-intro{color:#a9b9b4;font-size:13px;max-width:260px;margin:18px 0 0}
    .footer h3{font-size:14px;margin:4px 0 17px}
    .footer-links{display:grid;gap:9px}
    .footer-links a{color:#a9b9b4;font-size:13px;transition:.2s}
    .footer-links a:hover,.footer-links a:focus{color:#fff}
    .compliance{font-size:12px;line-height:1.7;color:#a9b9b4;margin-top:15px}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;justify-content:space-between;gap:15px;color:#91a39e;font-size:12px}
    @media(max-width:1024px){
      .header-inner{gap:16px}.brand{min-width:220px;font-size:15px}.main-nav a{padding:8px 8px;font-size:13px}
      .intro-grid,.recommend-layout,.faq-layout{gap:28px}.scene-grid{grid-template-columns:repeat(3,1fr)}
    }
    @media(max-width:768px){
      .container{width:min(var(--container),calc(100% - 32px))}
      .site-header,.header-inner{height:70px}.header-inner{gap:12px}
      .brand{min-width:0;flex:1;font-size:14px}.brand-mark{width:34px;height:34px;border-radius:10px}
      .header-action{display:none}.menu-toggle{display:block}
      .main-nav{display:none;position:absolute;left:16px;right:16px;top:76px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
      .main-nav.open{display:flex}.main-nav a{padding:12px 14px}
      .page-intro{padding:40px 0}.intro-grid,.recommend-layout,.download-panel,.faq-layout{grid-template-columns:1fr}
      .intro-panel{margin-top:8px}.section{padding:58px 0}.section-head{display:block;margin-bottom:24px}.section-head p{margin-top:10px}
      .signal-grid{grid-template-columns:1fr 1fr;gap:16px}.signal{border-right:0}
      .feature-card{min-height:290px}.scene-grid{grid-template-columns:1fr 1fr}
      .device-card{justify-self:start}.topic-strip{display:block;padding:25px}.topic-list{justify-content:flex-start;margin-top:20px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}
    }
    @media(max-width:520px){
      h1{font-size:35px;letter-spacing:-1px}.hero-actions,.download-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}
      .signal-grid,.choice-grid,.scene-grid,.footer-grid{grid-template-columns:1fr}
      .signal{padding:0;border-bottom:1px solid var(--line);padding-bottom:12px}.signal:last-child{border-bottom:0}
      .feature-card,.download-panel{padding:26px 22px}.topic-list span{font-size:12px}
      .return-inner{display:block}.return-inner .btn{margin-top:18px;width:auto}
    }

/* roulang page: category4 */
:root{
      --coral:#e66a43;
      --coral-dark:#bd4f2f;
      --coral-soft:#fff0e9;
      --teal:#4a9c91;
      --teal-soft:#e7f4f1;
      --ink:#252c2b;
      --muted:#6c7774;
      --light:#929b98;
      --paper:#fffdfa;
      --warm:#f7f3ee;
      --line:#e8e1d9;
      --deep:#1e302f;
      --deep-2:#294341;
      --radius:18px;
      --radius-sm:12px;
      --shadow:0 16px 42px rgba(49,40,31,.08);
      --shadow-sm:0 8px 22px rgba(49,40,31,.06);
      --container:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;font-size:15px}
    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    button{border:0;cursor:pointer}
    img,svg{display:block;max-width:100%}
    .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
    .site-header{height:78px;background:rgba(255,253,250,.94);border-bottom:1px solid rgba(232,225,217,.8);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
    .header-inner{height:78px;display:flex;align-items:center;gap:30px}
    .brand{display:flex;align-items:center;gap:10px;min-width:255px;font-size:17px;font-weight:800;letter-spacing:-.3px}
    .brand-mark{width:38px;height:38px;border-radius:12px;background:var(--coral);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(230,106,67,.23)}
    .brand-mark svg{width:21px}
    .main-nav{display:flex;align-items:center;gap:7px;flex:1}
    .main-nav a{padding:9px 13px;border-radius:9px;color:#58635f;font-size:14px;transition:.2s ease}
    .main-nav a:hover,.main-nav a:focus,.main-nav a.active{color:var(--coral-dark);background:var(--coral-soft)}
    .header-action{white-space:nowrap}
    .menu-toggle{display:none;background:transparent;color:var(--ink);padding:8px;border-radius:8px;font-size:22px}
    .menu-toggle:focus,.btn:focus,.faq-question:focus{outline:3px solid rgba(74,156,145,.32);outline-offset:2px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border-radius:11px;font-weight:700;font-size:14px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{background:var(--coral);color:#fff;box-shadow:0 9px 18px rgba(230,106,67,.2)}
    .btn-primary:hover{background:var(--coral-dark);box-shadow:0 12px 24px rgba(189,79,47,.23)}
    .btn-light{background:#fff;color:var(--coral-dark);border:1px solid var(--line)}
    .btn-light:hover{border-color:var(--coral);background:var(--coral-soft)}
    .btn-dark{background:var(--deep);color:#fff}
    .btn-dark:hover{background:#152523}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-dark);font-size:12px;font-weight:800;letter-spacing:1.5px}
    .eyebrow:before{content:"";width:22px;height:2px;background:var(--coral);display:block}
    .section{padding:78px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:30px}
    .section-head p{max-width:500px;color:var(--muted);font-size:15px;margin:0}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(34px,4.2vw,58px);line-height:1.18;letter-spacing:-2px;font-weight:800}
    h2{font-size:clamp(26px,3vw,38px);line-height:1.25;letter-spacing:-1px;font-weight:800}
    h3{font-size:18px;line-height:1.35;font-weight:800}
    .crumbs{padding:26px 0 0;color:var(--muted);font-size:13px}
    .crumbs a:hover{color:var(--coral-dark)}
    .crumbs span{padding:0 8px;color:var(--light)}
    .category-intro{padding:48px 0 66px;background:linear-gradient(120deg,#fffaf5,#fff 62%,#eef6f2)}
    .intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
    .category-intro h1{margin:18px 0 20px;max-width:690px}
    .category-intro h1 em{font-style:normal;color:var(--coral)}
    .intro-copy{max-width:620px;color:var(--muted);font-size:17px}
    .intro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
    .app-preview{position:relative;min-height:300px;display:flex;align-items:center;justify-content:center}
    .preview-card{width:min(100%,410px);padding:26px;border-radius:22px;background:var(--deep);color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}
    .preview-card:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-90px;top:-80px}
    .preview-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}
    .preview-top small{color:#b7cbc5}
    .preview-screen{height:122px;margin:23px 0 18px;border-radius:14px;background:#f8eee9;position:relative;overflow:hidden;padding:18px;color:var(--ink)}
    .preview-screen:before{content:"";display:block;width:58%;height:9px;border-radius:8px;background:var(--coral);box-shadow:0 22px 0 #d9e9e4,0 44px 0 #d9e9e4}
    .preview-screen:after{content:"";position:absolute;right:20px;top:20px;width:64px;height:64px;border-radius:50%;background:#e8a083}
    .preview-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}
    .preview-bottom strong{font-size:20px}
    .preview-bottom span{font-size:12px;color:#b7cbc5}
    .floating-note{position:absolute;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 16px;box-shadow:var(--shadow-sm);font-weight:700;color:var(--teal);right:-8px;bottom:18px}
    .info-strip{background:#fff;border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:24px 0}
    .info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .info-item{display:flex;gap:12px;align-items:flex-start;padding-right:18px;border-right:1px solid var(--line)}
    .info-item:last-child{border-right:0}
    .info-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--teal-soft);color:var(--teal);font-weight:800}
    .info-item b{display:block;font-size:15px}
    .info-item span{display:block;color:var(--muted);font-size:12px}
    .download-section{background:var(--warm)}
    .download-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;background:var(--deep);color:#fff;border-radius:var(--radius);padding:42px 48px;overflow:hidden;position:relative}
    .download-panel:after{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-130px;top:-150px}
    .download-panel p{color:#b9cbc6;max-width:560px}
    .download-panel h2{margin:16px 0}
    .download-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
    .download-meta{font-size:12px;color:#a8beb8;margin-top:15px}
    .device-zone{display:flex;justify-content:center;align-items:center;gap:18px;position:relative;z-index:1}
    .device{width:154px;height:260px;border:7px solid #101d1c;border-radius:25px;background:#fff;padding:13px 8px;box-shadow:0 16px 25px rgba(0,0,0,.2);transform:rotate(7deg)}
    .device.small{width:125px;height:214px;transform:rotate(-8deg);opacity:.82}
    .device-notch{width:48px;height:6px;background:#172624;border-radius:8px;margin:0 auto 16px}
    .device-line{height:10px;background:#f4d2c5;border-radius:8px;margin:12px 4px}
    .device-line.teal{background:#cfe7e1;width:72%}
    .device-block{height:75px;border-radius:12px;background:var(--coral-soft);margin:16px 4px}
    .experience-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
    .scene-board{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}
    .scene-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}
    .scene{padding:20px;border-radius:14px;background:var(--warm);border:1px solid transparent;transition:.2s}
    .scene:hover{border-color:#c9ddd8;transform:translateY(-3px);box-shadow:var(--shadow-sm)}
    .scene strong{display:block;margin-bottom:6px}
    .scene p{font-size:13px;color:var(--muted);margin:0}
    .service-card{background:var(--teal-soft);border-radius:var(--radius);padding:30px}
    .service-card h3{margin:18px 0 10px}
    .service-card p{color:var(--muted);font-size:14px}
    .service-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
    .service-links a{padding:8px 12px;border-radius:9px;background:#fff;color:var(--teal);font-size:13px;font-weight:700;border:1px solid #d0e6e1}
    .service-links a:hover{border-color:var(--teal);color:var(--coral-dark)}
    .safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .safety-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);transition:.2s}
    .safety-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:#e6b6a5}
    .safety-card .number{font-size:13px;color:var(--coral);font-weight:800}
    .safety-card h3{margin:13px 0 8px}
    .safety-card p{margin:0;color:var(--muted);font-size:13px}
    .faq-section{background:var(--warm)}
    .faq-list{max-width:880px;margin:0 auto}
    .faq-item{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:11px;overflow:hidden}
    .faq-question{width:100%;background:#fff;text-align:left;padding:19px 22px;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--ink)}
    .faq-question span:last-child{font-size:22px;color:var(--coral);transition:.2s}
    .faq-answer{display:none;padding:0 22px 19px;color:var(--muted);font-size:14px}
    .faq-item.open .faq-answer{display:block}
    .faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
    .closing{padding:70px 0}
    .closing-box{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px 38px;border-radius:var(--radius);background:var(--coral-soft);border:1px solid #f3d1c4}
    .closing-box h2{font-size:27px;margin:0 0 8px}
    .closing-box p{margin:0;color:var(--muted)}
    .footer{background:var(--deep);color:#fff;padding:58px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr 1.2fr;gap:36px}
    .footer .brand{color:#fff;margin-bottom:17px}
    .footer-intro,.compliance{color:#aec0bb;font-size:13px;max-width:270px}
    .footer h3{font-size:14px;margin:4px 0 15px}
    .footer-links{display:grid;gap:8px}
    .footer-links a{color:#b5c5c0;font-size:13px;transition:.2s}
    .footer-links a:hover{color:#fff0e9}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:38px;padding-top:19px;display:flex;justify-content:space-between;gap:15px;color:#91aaa3;font-size:12px}
    @media (max-width:1024px){
      .header-inner{gap:14px}.brand{min-width:225px;font-size:15px}.main-nav a{padding:8px 8px;font-size:13px}
      .intro-grid,.download-panel,.experience-grid{gap:32px}.download-panel{padding:34px}
    }
    @media (max-width:768px){
      .container{width:min(var(--container),calc(100% - 32px))}
      .site-header,.header-inner{height:68px}
      .header-action{margin-left:auto}.header-action .btn{min-height:40px;padding:0 13px;font-size:13px}
      .menu-toggle{display:block}.main-nav{display:none;position:absolute;left:16px;right:16px;top:74px;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 14px}
      .brand{min-width:0;font-size:14px}.brand-mark{width:34px;height:34px}
      .section{padding:58px 0}.category-intro{padding:35px 0 52px}.intro-grid,.download-panel,.experience-grid{grid-template-columns:1fr}
      .category-intro h1{font-size:38px;letter-spacing:-1px}.intro-copy{font-size:15px}
      .app-preview{min-height:255px}.info-grid{grid-template-columns:repeat(2,1fr)}.info-item:nth-child(2){border-right:0}
      .device-zone{margin-top:8px}.download-panel{padding:30px 24px}.scene-list{grid-template-columns:1fr}.safety-grid{grid-template-columns:1fr}
      .section-head{display:block}.section-head p{margin-top:12px}
      .closing-box{display:block;padding:27px 24px}.closing-box .btn{margin-top:20px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}
    }
    @media (max-width:520px){
      .header-action{display:none}.category-intro h1{font-size:32px}.info-grid{grid-template-columns:1fr}.info-item{border-right:0;border-bottom:1px solid var(--line);padding-bottom:13px}.info-item:last-child{border-bottom:0}
      .download-panel h2{font-size:28px}.device{width:130px;height:222px}.device.small{width:104px;height:180px}.footer-grid{grid-template-columns:1fr}
    }