/* roulang page: index */
:root{
  --dusk:#E2603F;
  --dusk-hover:#C74E30;
  --dusk-active:#AE4229;
  --dusk-soft:#FDEDE7;
  --berry:#3B2A3F;
  --berry-2:#5A4258;
  --peach:#F6B7A3;
  --gold:#EFB35F;
  --sand:#FDF8F3;
  --sand-2:#F7EDE4;
  --card:#FFFFFF;
  --line:#EFDDD1;
  --ink:#2B2229;
  --ink-2:#6B5B62;
  --ink-3:#9A8A90;
  --green:#3F8F6B;
  --r-card:18px;
  --r-block:28px;
  --r-img:16px;
  --r-input:12px;
  --shadow-sm:0 1px 2px rgba(43,34,41,.04),0 8px 24px rgba(43,34,41,.06);
  --shadow-lg:0 2px 6px rgba(43,34,41,.06),0 16px 36px rgba(43,34,41,.10);
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  font-family:-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  background:var(--sand);
  color:var(--ink);
  font-size:16px;
  line-height:1.85;
  letter-spacing:0;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
button,input{font:inherit;}
p{margin:0;}
h1,h2,h3,h4{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
:focus-visible{outline:2px solid var(--dusk);outline-offset:2px;border-radius:6px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* 容器 */
.site-container{width:100%;max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;}
@media (min-width:640px){.site-container{padding-left:24px;padding-right:24px;}}
@media (min-width:1024px){.site-container{padding-left:32px;padding-right:32px;}}

/* 按钮 */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:46px;padding:0 22px;border-radius:999px;border:1px solid transparent;
  font-size:15px;font-weight:600;line-height:1;cursor:pointer;
  transition:transform .2s ease-out,background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-1px);}
.btn:active{transform:translateY(0);}
.btn-primary{background:var(--dusk);color:#fff;box-shadow:0 8px 18px rgba(226,96,63,.24);}
.btn-primary:hover{background:var(--dusk-hover);box-shadow:0 12px 24px rgba(199,78,48,.26);}
.btn-primary:active{background:var(--dusk-active);}
.btn-ghost{background:#fff;color:var(--berry);border-color:var(--line);}
.btn-ghost:hover{background:var(--sand-2);border-color:#E2C9B8;color:var(--berry);}
.btn-outline-dusk{background:transparent;color:var(--dusk);border-color:var(--dusk);}
.btn-outline-dusk:hover{background:var(--dusk-soft);}
.btn-sm{height:38px;padding:0 16px;font-size:14px;}
.btn-block{width:100%;}
@media (max-width:639px){
  .btn{height:46px;}
  .btn-block-mobile{width:100%;}
}

/* 头部导航 */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.95);
  border-bottom:1px solid var(--line);
  transition:background-color .22s ease-out,box-shadow .22s ease-out;
}
.site-header.is-stuck{
  background:rgba(255,255,255,.88);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  box-shadow:0 6px 22px rgba(43,34,41,.08);
}
.site-header.is-stuck .nav-top{min-height:56px;padding-top:8px;padding-bottom:8px;}
.nav-top{display:flex;align-items:center;gap:18px;min-height:66px;padding-top:10px;padding-bottom:10px;transition:padding .22s ease-out,min-height .22s ease-out;}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.brand-mark{position:relative;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:linear-gradient(135deg,var(--dusk) 0%,var(--peach) 100%);box-shadow:0 4px 10px rgba(226,96,63,.28);}
.brand-mark::after{content:"";position:absolute;left:11px;top:11px;width:20px;height:20px;border-radius:50%;background:var(--berry);opacity:.3;}
.brand-text{display:flex;flex-direction:column;line-height:1.2;}
.brand-name{font-size:16.5px;font-weight:800;color:var(--berry);letter-spacing:-.01em;white-space:nowrap;}
.brand-sub{font-size:11px;color:var(--ink-3);letter-spacing:.04em;white-space:nowrap;}
.nav-links{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;}
.nav-link{
  display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;
  font-size:14.5px;color:var(--ink-2);white-space:nowrap;
  transition:color .2s ease-out,background-color .2s ease-out;
}
.nav-link:hover{color:var(--dusk);background:var(--dusk-soft);}
.nav-link.active{color:var(--dusk);background:var(--dusk-soft);font-weight:600;}
.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto;}
.search-box{
  display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-input);
  transition:border-color .2s ease-out,box-shadow .2s ease-out;
}
.search-box:focus-within{border-color:var(--dusk);box-shadow:0 0 0 3px rgba(226,96,63,.14);}
.search-box svg{flex:0 0 16px;color:var(--ink-3);}
.search-box input{border:0;outline:0;background:transparent;width:172px;font-size:14px;color:var(--ink);}
.search-box input::placeholder{color:var(--ink-3);}
.trend-bar{display:flex;align-items:center;gap:12px;padding:8px 0 10px;border-top:1px solid var(--line);}
.trend-label{font-size:12px;color:var(--ink-3);flex:0 0 auto;letter-spacing:.08em;}
.trend-rail{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.trend-rail::-webkit-scrollbar{display:none;}
.trend-chip{
  flex:0 0 auto;font-size:12.5px;line-height:1;padding:7px 13px;border-radius:999px;
  background:var(--sand-2);color:var(--berry-2);
  transition:background-color .2s ease-out,color .2s ease-out;
}
.trend-chip:hover{background:var(--dusk);color:#fff;}
.hamburger{
  display:none;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:12px;border:1px solid var(--line);
  background:#fff;color:var(--berry);cursor:pointer;
  transition:background-color .2s ease-out,border-color .2s ease-out;
}
.hamburger:hover{background:var(--sand-2);border-color:#E2C9B8;}
@media (max-width:1023px){
  .nav-links,.nav-actions .search-box,.nav-actions .btn-ghost{display:none;}
  .hamburger{display:inline-flex;}
  .brand-name{font-size:15px;}
  .brand-sub{display:none;}
}
@media (max-width:639px){
  .nav-actions .btn-primary{height:40px;padding:0 16px;font-size:14px;}
  .nav-top{gap:10px;}
}

/* 移动端抽屉 */
.mobile-overlay{
  position:fixed;inset:0;background:rgba(43,34,41,.42);z-index:80;
  opacity:0;visibility:hidden;transition:opacity .22s ease-out,visibility .22s ease-out;
}
.mobile-overlay.open{opacity:1;visibility:visible;}
.mobile-drawer{
  position:fixed;top:0;right:0;bottom:0;width:min(360px,88vw);z-index:90;
  background:#fff;box-shadow:-16px 0 40px rgba(43,34,41,.18);
  transform:translateX(102%);transition:transform .26s ease-out;
  display:flex;flex-direction:column;padding:18px 18px 24px;overflow-y:auto;
}
.mobile-drawer.open{transform:translateX(0);}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.drawer-close{
  width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--berry);cursor:pointer;
}
.drawer-section-title{font-size:12px;color:var(--ink-3);letter-spacing:.1em;margin:18px 0 8px;}
.drawer-link{
  display:flex;align-items:center;justify-content:space-between;
  padding:13px 14px;border-radius:14px;font-size:15px;color:var(--berry);
  transition:background-color .2s ease-out,color .2s ease-out;
}
.drawer-link:hover,.drawer-link.active{background:var(--dusk-soft);color:var(--dusk);}
.drawer-trends{display:flex;flex-wrap:wrap;gap:8px;}
body.drawer-open{overflow:hidden;}

/* Hero */
.hero{position:relative;overflow:hidden;padding:56px 0 76px;background:linear-gradient(180deg,#FFF9F4 0%,var(--sand) 100%);}
.hero::before{
  content:"";position:absolute;right:-140px;top:-160px;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle at 32% 32%,rgba(226,96,63,.22),rgba(59,42,63,.10) 58%,rgba(253,248,243,0) 74%);
  pointer-events:none;
}
.hero::after{
  content:"";position:absolute;left:-120px;bottom:-180px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(246,183,163,.28),rgba(253,248,243,0) 70%);
  pointer-events:none;
}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;
  background:#fff;border:1px solid var(--line);color:var(--berry-2);font-size:13px;font-weight:600;
  box-shadow:var(--shadow-sm);margin-bottom:20px;
}
.hero-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--dusk);}
.hero h1{
  font-size:clamp(1.9rem,4vw,3.05rem);
  font-weight:800;line-height:1.26;letter-spacing:-.01em;color:var(--berry);
  margin-bottom:18px;
}
.hero h1 .accent{color:var(--dusk);}
.hero-lead{font-size:16px;line-height:1.85;color:var(--ink-2);max-width:34em;margin-bottom:26px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px;}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px 22px;padding-top:20px;border-top:1px dashed var(--line);}
.hero-tag{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink-2);}
.hero-tag svg{color:var(--dusk);flex:0 0 15px;}

/* 主券 */
.coupon{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-block);
  box-shadow:var(--shadow-lg);overflow:hidden;
}
.coupon-figure{position:relative;height:132px;overflow:hidden;background:var(--sand-2);}
.coupon-figure img{width:100%;height:100%;object-fit:cover;}
.coupon-figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(59,42,63,.06),rgba(59,42,63,.42));}
.coupon-figure-label{
  position:absolute;left:18px;bottom:14px;z-index:2;
  display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;
  background:rgba(255,255,255,.92);color:var(--berry);font-size:12px;font-weight:600;
}
.coupon-body{padding:22px 24px 24px;}
.coupon-title{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;}
.coupon-title strong{font-size:21px;font-weight:800;color:var(--berry);letter-spacing:-.01em;}
.coupon-title span{font-size:12.5px;color:var(--dusk);font-weight:700;background:var(--dusk-soft);padding:3px 9px;border-radius:999px;}
.coupon-desc{font-size:13.5px;line-height:1.7;color:var(--ink-2);margin-bottom:16px;}
.coupon-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-bottom:20px;}
.coupon-item{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:var(--ink-2);min-width:0;}
.coupon-item svg{flex:0 0 15px;margin-top:4px;color:var(--green);}
.coupon-perf{position:relative;border-top:1px dashed var(--line);margin:0 24px;}
.coupon-perf::before,.coupon-perf::after{
  content:"";position:absolute;top:-11px;width:22px;height:22px;border-radius:50%;background:var(--sand);border:1px solid var(--line);
}
.coupon-perf::before{left:-35px;}
.coupon-perf::after{right:-35px;}
.coupon-foot{padding:18px 24px 24px;display:flex;align-items:center;gap:12px;}
.coupon-foot .btn{flex:1 1 auto;}
.coupon-note{font-size:12px;color:var(--ink-3);margin-top:10px;line-height:1.6;}
@media (max-width:900px){
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:34px;}
  .hero{padding:40px 0 56px;}
}
@media (max-width:520px){
  .coupon-list{grid-template-columns:minmax(0,1fr);}
  .coupon-foot{flex-direction:column;align-items:stretch;}
}

/* section 基础 */
.section{padding:64px 0;}
.section-white{background:#fff;}
.section-sand{background:var(--sand);}
.section-sand2{background:var(--sand-2);}
.section-line{border-top:1px solid var(--line);}
@media (min-width:768px){.section{padding:76px 0;}}
@media (min-width:1024px){.section{padding:88px 0;}}
@media (max-width:520px){.section{padding:46px 0;}}

.sec-head{max-width:760px;margin-bottom:38px;}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.sec-kicker{
  display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.12em;
  color:var(--dusk);text-transform:uppercase;margin-bottom:12px;
}
.sec-kicker::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--dusk);}
.sec-head.center .sec-kicker::after{content:"";width:22px;height:2px;border-radius:2px;background:var(--dusk);}
.sec-title{
  font-size:clamp(1.4rem,2.6vw,2rem);font-weight:700;line-height:1.35;color:var(--berry);letter-spacing:-.01em;
  margin-bottom:14px;
}
.sec-desc{font-size:15.5px;line-height:1.85;color:var(--ink-2);}

/* 编号条目 */
.value-list{border-top:1px solid var(--line);}
.value-row{
  display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;align-items:start;
  padding:28px 0;border-bottom:1px solid var(--line);
  transition:background-color .2s ease-out;
}
.value-row:hover{background:rgba(253,237,231,.45);}
.value-num{
  font-size:44px;font-weight:800;line-height:1;color:rgba(226,96,63,.2);letter-spacing:-.03em;
}
.value-body h3{font-size:17.5px;font-weight:700;color:var(--berry);margin-bottom:8px;}
.value-body p{font-size:14.5px;line-height:1.85;color:var(--ink-2);}
@media (max-width:639px){
  .value-row{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:22px 0;}
  .value-num{font-size:32px;}
}

/* 功能分组 */
.feature-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;}
.fg-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-card);
  padding:26px 26px 28px;box-shadow:var(--shadow-sm);min-width:0;
  transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;
  display:flex;flex-direction:column;
}
.fg-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#E6CDBD;}
.fg-a{grid-column:span 7;}
.fg-b{grid-column:span 5;}
.fg-c{grid-column:span 5;}
.fg-d{grid-column:span 7;}
.fg-icon{
  width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--dusk-soft);color:var(--dusk);margin-bottom:16px;
}
.fg-card h3{font-size:18px;font-weight:700;color:var(--berry);margin-bottom:8px;}
.fg-card p{font-size:14.5px;line-height:1.85;color:var(--ink-2);}
.fg-figure{
  margin-top:18px;border-radius:var(--r-img);overflow:hidden;border:1px solid var(--line);background:var(--sand-2);
  aspect-ratio:16/9;
}
.fg-figure img{width:100%;height:100%;object-fit:cover;}
.fg-mini{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.fg-mini span{
  font-size:12.5px;padding:5px 11px;border-radius:999px;background:var(--sand-2);color:var(--berry-2);
}
@media (max-width:1023px){
  .fg-a,.fg-b,.fg-c,.fg-d{grid-column:span 12;}
}

/* 场景横滑 */
.rail-wrap{position:relative;}
.rail-wrap::after{
  content:"";position:absolute;right:0;top:0;bottom:0;width:70px;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,0),#ffffff 88%);
}
.rail-wrap.on-sand::after{background:linear-gradient(90deg,rgba(253,248,243,0),var(--sand) 88%);}
.scene-rail{
  display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:10px;scrollbar-width:none;-ms-overflow-style:none;
}
.scene-rail::-webkit-scrollbar{display:none;}
.scene-card{
  flex:0 0 296px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-sm);min-width:0;
  transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;
}
.scene-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#E6CDBD;}
.scene-figure{aspect-ratio:4/3;background:var(--sand-2);overflow:hidden;}
.scene-figure img{width:100%;height:100%;object-fit:cover;}
.scene-body{padding:16px 18px 20px;}
.scene-body h3{font-size:15.5px;font-weight:700;color:var(--berry);margin-bottom:7px;}
.scene-body p{font-size:13.5px;line-height:1.75;color:var(--ink-2);}
@media (max-width:520px){
  .scene-card{flex:0 0 78%;}
}

/* 深色带 */
.band-dark{
  position:relative;color:#fff;
  background:linear-gradient(180deg,rgba(59,42,63,.96),rgba(43,30,47,.98)),url('/assets/images/3b012e65541ae728.jpg');
  background-size:cover;background-position:center;
}
.band-dark .sec-title{color:#fff;}
.band-dark .sec-desc{color:rgba(255,255,255,.76);}
.band-dark .sec-kicker{color:var(--peach);}
.band-dark .sec-kicker::before{background:var(--peach);}
.demo-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;align-items:center;}
.demo-points{display:flex;flex-direction:column;gap:20px;}
.demo-point{display:flex;gap:14px;align-items:flex-start;}
.demo-dot{
  flex:0 0 30px;width:30px;height:30px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(226,96,63,.22);color:var(--peach);font-size:13px;font-weight:800;
}
.demo-point h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:5px;}
.demo-point p{font-size:14px;line-height:1.8;color:rgba(255,255,255,.72);}
.demo-phones{display:flex;align-items:flex-end;justify-content:center;gap:16px;}
.phone{
  flex:1 1 0;min-width:0;max-width:210px;border-radius:22px;overflow:hidden;
  border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);
  box-shadow:0 18px 40px rgba(0,0,0,.28);
  transition:transform .2s ease-out;
}
.phone img{width:100%;height:100%;object-fit:cover;aspect-ratio:9/16;}
.phone-mid{transform:translateY(-16px) scale(1.05);}
@media (max-width:900px){
  .demo-grid{grid-template-columns:minmax(0,1fr);gap:30px;}
  .phone-mid{transform:translateY(-10px) scale(1.03);}
}

/* 双栏图文 */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;}
.split-figure{border-radius:var(--r-block);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);background:var(--sand-2);aspect-ratio:4/3;}
.split-figure img{width:100%;height:100%;object-fit:cover;}
.split-list{display:grid;gap:16px;margin-top:22px;}
.split-item{display:flex;gap:12px;align-items:flex-start;}
.split-item .ico{
  flex:0 0 34px;width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--dusk-soft);color:var(--dusk);
}
.split-item h4{font-size:15px;font-weight:700;color:var(--berry);margin-bottom:3px;}
.split-item p{font-size:14px;line-height:1.75;color:var(--ink-2);}
@media (max-width:900px){
  .split{grid-template-columns:minmax(0,1fr);gap:30px;}
}

/* 分类入口 */
.channel-strip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;}
.channel-card{
  grid-column:span 12;
  display:flex;align-items:center;gap:20px;
  padding:24px 26px;border-radius:var(--r-card);
  background:linear-gradient(120deg,#fff 0%,#FFF6F1 100%);
  border:1px solid var(--line);box-shadow:var(--shadow-sm);
  transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;
}
.channel-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#E6CDBD;}
.channel-icon{
  flex:0 0 52px;width:52px;height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--berry);color:#fff;
}
.channel-body{min-width:0;flex:1 1 auto;}
.channel-body h3{font-size:17px;font-weight:700;color:var(--berry);margin-bottom:5px;}
.channel-body p{font-size:14px;line-height:1.75;color:var(--ink-2);}
.channel-arrow{flex:0 0 auto;color:var(--dusk);transition:transform .2s ease-out;}
.channel-card:hover .channel-arrow{transform:translateX(4px);}
@media (max-width:520px){
  .channel-card{flex-wrap:wrap;gap:14px;}
  .channel-arrow{margin-left:auto;}
}

/* 错位故事卡 */
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;}
.story-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;
  box-shadow:var(--shadow-sm);min-width:0;
  transition:transform .2s ease-out,box-shadow .2s ease-out;
}
.story-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}
.story-card:nth-child(2){margin-top:18px;}
.story-card:nth-child(3){margin-top:34px;}
.story-figure{aspect-ratio:5/4;background:var(--sand-2);overflow:hidden;}
.story-figure img{width:100%;height:100%;object-fit:cover;}
.story-body{padding:18px 20px 22px;}
.story-body h3{font-size:16px;font-weight:700;color:var(--berry);margin-bottom:8px;}
.story-body p{font-size:14px;line-height:1.8;color:var(--ink-2);}
@media (max-width:900px){
  .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .story-card:nth-child(3){margin-top:0;}
}
@media (max-width:639px){
  .story-grid{grid-template-columns:minmax(0,1fr);}
  .story-card:nth-child(2),.story-card:nth-child(3){margin-top:0;}
}

/* 流程步骤 */
.step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.step-card{
  position:relative;padding:24px 22px 26px;border-radius:var(--r-card);
  background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);min-width:0;
  transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;
}
.step-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#E6CDBD;}
.step-no{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:11px;background:var(--dusk);color:#fff;
  font-size:14px;font-weight:800;margin-bottom:14px;
}
.step-card h3{font-size:15.5px;font-weight:700;color:var(--berry);margin-bottom:7px;}
.step-card p{font-size:13.5px;line-height:1.75;color:var(--ink-2);}
@media (max-width:1023px){.step-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:520px){.step-grid{grid-template-columns:minmax(0,1fr);}}

/* 标签流 */
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;}
.tag-pill{
  display:inline-flex;align-items:center;padding:8px 15px;border-radius:999px;
  background:var(--sand-2);color:var(--berry-2);font-size:13.5px;
  transition:background-color .2s ease-out,color .2s ease-out,transform .2s ease-out;
}
.tag-pill:hover{background:var(--dusk);color:#fff;transform:translateY(-1px);}
.marquee-band{
  margin-top:24px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:#fff;padding:12px 0;
}
.marquee-track{display:flex;gap:38px;white-space:nowrap;color:var(--ink-2);font-size:13.5px;animation:slideLeft 30s linear infinite;}
.marquee-track span{display:inline-flex;align-items:center;gap:8px;}
.marquee-track span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--peach);}
@keyframes slideLeft{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none;}}

/* 下载区 */
.download-band{
  position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(120deg,#3B2A3F 0%,#5A4258 58%,#7B4A45 100%);
}
.download-band::after{
  content:"";position:absolute;right:-140px;top:-140px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle at 40% 40%,rgba(226,96,63,.4),rgba(226,96,63,0) 70%);
}
.dl-grid{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;}
.dl-grid h2{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:700;color:#fff;margin-bottom:12px;}
.dl-grid p{font-size:15px;line-height:1.85;color:rgba(255,255,255,.78);}
.dl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.dl-card{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:var(--r-card);
  padding:18px 16px 20px;text-align:center;min-width:0;
  transition:background-color .2s ease-out,transform .2s ease-out,border-color .2s ease-out;
}
.dl-card:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);border-color:rgba(255,255,255,.38);}
.dl-icon{
  width:42px;height:42px;margin:0 auto 12px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  background:rgba(246,183,163,.2);color:var(--peach);
}
.dl-card h3{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px;}
.dl-card .file{font-size:11.5px;color:rgba(255,255,255,.6);margin-bottom:14px;word-break:break-all;}
.dl-card .btn{width:100%;height:40px;padding:0 10px;font-size:13.5px;}
@media (max-width:900px){
  .dl-grid{grid-template-columns:minmax(0,1fr);gap:28px;}
}
@media (max-width:520px){
  .dl-cards{grid-template-columns:minmax(0,1fr);}
}

/* CMS 资讯 */
.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start;}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.news-card{
  display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);
  padding:14px;box-shadow:var(--shadow-sm);min-width:0;
  transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;
}
.news-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#E6CDBD;}
.news-thumb{
  flex:0 0 108px;width:108px;border-radius:var(--r-img);overflow:hidden;background:var(--sand-2);
  aspect-ratio:4/3;align-self:flex-start;
}
.news-thumb img{width:100%;height:100%;object-fit:cover;}
.news-body{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;}
.news-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap;}
.tag{
  display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;
  background:var(--sand-2);color:var(--berry-2);font-size:12px;line-height:1.6;
}
.tag-dusk{background:var(--dusk-soft);color:var(--dusk-hover);font-weight:600;}
.news-title{
  font-size:15px;font-weight:700;color:var(--berry);line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  margin-bottom:6px;
}
.news-title a{transition:color .2s ease-out;}
.news-title a:hover{color:var(--dusk);}
.news-desc{
  font-size:13px;line-height:1.7;color:var(--ink-2);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  margin-bottom:10px;
}
.news-foot{display:flex;align-items:center;gap:10px;margin-top:auto;font-size:12px;color:var(--ink-3);}
.news-more{margin-left:auto;color:var(--dusk);font-weight:600;display:inline-flex;align-items:center;gap:4px;}
.news-more:hover{color:var(--dusk-hover);}
.news-empty{
  grid-column:1 / -1;text-align:center;padding:46px 20px;border-radius:var(--r-card);
  background:var(--sand2);border:1px dashed var(--line);color:var(--ink-2);font-size:14.5px;
}
.news-empty svg{margin:0 auto 12px;color:var(--ink-3);}
.news-aside{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px;
  box-shadow:var(--shadow-sm);
}
.news-aside h3{font-size:16px;font-weight:700;color:var(--berry);margin-bottom:12px;}
.news-aside p{font-size:14px;line-height:1.8;color:var(--ink-2);margin-bottom:16px;}
.aside-list{display:grid;gap:12px;}
.aside-list li{display:flex;gap:9px;font-size:13.5px;color:var(--ink-2);line-height:1.7;}
.aside-list li::before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--dusk);margin-top:9px;}
@media (max-width:1023px){
  .news-layout{grid-template-columns:minmax(0,1fr);}
  .news-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:767px){
  .news-grid{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:420px){
  .news-card{flex-direction:column;}
  .news-thumb{width:100%;flex:0 0 auto;aspect-ratio:16/9;}
}

/* 安全守则 */
.rule-list{display:grid;gap:0;border-left:3px solid var(--dusk);padding-left:24px;}
.rule-item{padding:16px 0;border-bottom:1px dashed var(--line);}
.rule-item:last-child{border-bottom:0;}
.rule-item h3{font-size:15.5px;font-weight:700;color:var(--berry);margin-bottom:5px;display:flex;gap:10px;align-items:baseline;}
.rule-item h3 i{font-style:normal;font-size:12.5px;font-weight:800;color:var(--dusk);}
.rule-item p{font-size:14px;line-height:1.8;color:var(--ink-2);}

/* FAQ */
.faq-list{display:grid;gap:12px;max-width:880px;margin:0 auto;}
.faq-item{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;
  transition:border-color .2s ease-out,box-shadow .2s ease-out;
}
.faq-item[open]{border-color:#E6CDBD;box-shadow:var(--shadow-sm);}
.faq-item summary{
  list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:14px;
  padding:18px 22px;font-size:15.5px;font-weight:600;color:var(--berry);line-height:1.6;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:hover{background:var(--dusk-soft);}
.faq-arrow{flex:0 0 18px;margin-left:auto;color:var(--dusk);transition:transform .2s ease-out;margin-top:3px;}
.faq-item[open] .faq-arrow{transform:rotate(180deg);}
.faq-answer{padding:0 22px 20px;font-size:14.5px;line-height:1.85;color:var(--ink-2);background:var(--sand2);}
.faq-answer-inner{padding-top:16px;}

/* 收尾 CTA */
.cta-band{
  background:linear-gradient(180deg,#FFF6F0 0%,var(--sand) 100%);
  border-top:1px solid var(--line);text-align:center;
}
.cta-band h2{font-size:clamp(1.4rem,2.6vw,1.95rem);font-weight:700;color:var(--berry);margin-bottom:12px;}
.cta-band p{font-size:15px;color:var(--ink-2);max-width:640px;margin:0 auto 24px;}
.cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;}
@media (max-width:520px){.cta-actions .btn{width:100%;}}

/* 页脚 */
.site-footer{background:var(--berry);color:rgba(255,255,255,.76);border-top:3px solid var(--dusk);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;padding:56px 0 38px;}
.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.footer-brand .brand-name{color:#fff;}
.footer-brand .brand-sub{color:rgba(255,255,255,.55);}
.footer-slogan{font-size:13.5px;line-height:1.8;color:rgba(255,255,255,.66);margin-bottom:18px;max-width:22em;}
.footer-dl{display:grid;gap:8px;}
.footer-dl a{
  font-size:13.5px;color:rgba(255,255,255,.78);display:inline-flex;align-items:center;gap:7px;
  transition:color .2s ease-out;
}
.footer-dl a:hover{color:var(--peach);}
.footer-col h4{font-size:14px;font-weight:700;color:#fff;margin-bottom:14px;letter-spacing:.02em;}
.footer-col ul{display:grid;gap:10px;}
.footer-col a{font-size:13.5px;color:rgba(255,255,255,.72);transition:color .2s ease-out;}
.footer-col a:hover{color:var(--peach);}
.footer-col li{font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.66);}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.14);padding:18px 0 26px;
  display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;
  font-size:12.5px;color:rgba(255,255,255,.56);line-height:1.7;
}
@media (max-width:1023px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;padding:44px 0 30px;}
}
@media (max-width:639px){
  .footer-grid{grid-template-columns:1fr;gap:26px;}
}

/* roulang page: article */
:root{
  --dusk:#E2603F;
  --dusk-hover:#C74E30;
  --dusk-active:#AE4229;
  --dusk-soft:#FDEDE7;
  --berry:#3B2A3F;
  --berry-2:#5A4258;
  --peach:#F6B7A3;
  --gold:#EFB35F;
  --sand:#FDF8F3;
  --sand-2:#F7EDE4;
  --card:#FFFFFF;
  --line:#EFDDD1;
  --ink:#2B2229;
  --ink-2:#6B5B62;
  --ink-3:#9A8A90;
  --green:#3F8F6B;
  --r-card:18px;
  --r-block:28px;
  --r-img:16px;
  --r-input:12px;
  --shadow-sm:0 1px 2px rgba(43,34,41,.04),0 8px 24px rgba(43,34,41,.06);
  --shadow-lg:0 2px 6px rgba(43,34,41,.06),0 16px 36px rgba(43,34,41,.10);
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  font-family:-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  background:var(--sand);
  color:var(--ink);
  font-size:16px;
  line-height:1.85;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
button,input{font:inherit;}
h1,h2,h3,h4,p{margin:0;}
.site-container{width:100%;max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:46px;padding:0 22px;border-radius:999px;border:1px solid transparent;
  font-size:15px;font-weight:600;line-height:1;cursor:pointer;
  transition:transform .2s ease-out,background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-1px);}
.btn:active{transform:translateY(0);}
.btn:focus-visible{outline:2px solid var(--dusk);outline-offset:2px;}
.btn-primary{background:var(--dusk);color:#fff;box-shadow:0 8px 18px rgba(226,96,63,.24);}
.btn-primary:hover{background:var(--dusk-hover);box-shadow:0 12px 24px rgba(199,78,48,.26);}
.btn-primary:active{background:var(--dusk-active);}
.btn-ghost{background:#fff;color:var(--berry);border-color:var(--line);}
.btn-ghost:hover{background:var(--sand-2);border-color:#E2C9B8;}
.btn-sm{height:38px;padding:0 16px;font-size:14px;}

/* 头部导航 */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.95);
  border-bottom:1px solid var(--line);
  transition:background-color .22s ease-out,box-shadow .22s ease-out;
}
.site-header.is-stuck{
  background:rgba(255,255,255,.88);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  box-shadow:0 6px 22px rgba(43,34,41,.08);
}
.nav-top{display:flex;align-items:center;gap:16px;min-height:66px;padding-top:10px;padding-bottom:10px;transition:min-height .22s ease-out,padding .22s ease-out;}
.site-header.is-stuck .nav-top{min-height:56px;padding-top:6px;padding-bottom:6px;}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.brand-mark{position:relative;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:linear-gradient(135deg,var(--dusk) 0%,var(--peach) 100%);box-shadow:0 4px 10px rgba(226,96,63,.28);}
.brand-mark::after{content:"";position:absolute;left:11px;top:11px;width:20px;height:20px;border-radius:50%;background:var(--berry);opacity:.3;}
.brand-text{display:flex;flex-direction:column;line-height:1.2;min-width:0;}
.brand-name{font-size:16px;font-weight:800;color:var(--berry);letter-spacing:-.01em;white-space:nowrap;}
.brand-sub{font-size:11px;color:var(--ink-3);letter-spacing:.04em;white-space:nowrap;}
.nav-links{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;}
.nav-link{
  display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;
  font-size:14.5px;color:var(--ink-2);white-space:nowrap;
  transition:color .2s ease-out,background-color .2s ease-out;
}
.nav-link:hover{color:var(--dusk);background:var(--dusk-soft);}
.nav-link.active{color:var(--dusk);background:var(--dusk-soft);font-weight:600;}
.nav-link:focus-visible{outline:2px solid var(--dusk);outline-offset:2px;}
.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto;}
.search-box{
  display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-input);
  transition:border-color .2s ease-out,box-shadow .2s ease-out;
}
.search-box:focus-within{border-color:var(--dusk);box-shadow:0 0 0 3px rgba(226,96,63,.14);}
.search-box svg{flex:0 0 16px;color:var(--ink-3);}
.search-box input{border:0;outline:0;background:transparent;width:168px;font-size:14px;color:var(--ink);}
.search-box input::placeholder{color:var(--ink-3);}
.hamburger{
  display:none;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:12px;border:1px solid var(--line);
  background:#fff;color:var(--berry);cursor:pointer;
  transition:background-color .2s ease-out,border-color .2s ease-out;
}
.hamburger:hover{background:var(--sand-2);border-color:#E2C9B8;}
.hamburger:focus-visible{outline:2px solid var(--dusk);outline-offset:2px;}

/* 移动端抽屉 */
.mobile-overlay{position:fixed;inset:0;background:rgba(43,34,41,.42);z-index:80;opacity:0;visibility:hidden;transition:opacity .22s ease-out,visibility .22s ease-out;}
.mobile-overlay.open{opacity:1;visibility:visible;}
.mobile-drawer{
  position:fixed;top:0;right:0;bottom:0;width:min(360px,88vw);z-index:90;
  background:#fff;box-shadow:-16px 0 40px rgba(43,34,41,.18);
  transform:translateX(102%);transition:transform .26s ease-out;
  display:flex;flex-direction:column;gap:14px;padding:18px 18px 28px;overflow-y:auto;
}
.mobile-drawer.open{transform:translateX(0);}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.drawer-close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--berry);cursor:pointer;font-size:16px;}
.drawer-close:hover{background:var(--sand-2);}
.drawer-search{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-input);background:var(--sand);}
.drawer-search input{border:0;outline:0;background:transparent;width:100%;font-size:14px;color:var(--ink);}
.drawer-title{font-size:12px;color:var(--ink-3);letter-spacing:.08em;margin-top:6px;}
.drawer-nav{display:flex;flex-direction:column;gap:2px;}
.drawer-nav a{padding:12px 12px;border-radius:12px;font-size:15px;color:var(--ink-2);transition:background-color .2s ease-out,color .2s ease-out;}
.drawer-nav a:hover,.drawer-nav a.active{background:var(--dusk-soft);color:var(--dusk);font-weight:600;}

@media (max-width:1023px){
  .nav-links{display:none;}
  .nav-actions .search-box{display:none;}
  .nav-actions .btn-ghost{display:none;}
  .hamburger{display:inline-flex;}
  .brand-sub{display:none;}
  .brand-name{font-size:15px;}
}
@media (max-width:520px){
  .nav-actions .btn-primary{display:none;}
  .brand-name{font-size:14px;}
}
@media (min-width:768px){.site-container{padding-left:24px;padding-right:24px;}}
@media (min-width:1024px){.site-container{padding-left:32px;padding-right:32px;}}

/* 文章抬头 */
.article-head{background:var(--sand-2);border-bottom:1px solid var(--line);padding:26px 0 40px;}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:13px;color:var(--ink-3);margin-bottom:20px;line-height:1.6;}
.breadcrumb a{color:var(--ink-2);transition:color .2s ease-out;}
.breadcrumb a:hover{color:var(--dusk);}
.breadcrumb .sep{color:var(--ink-3);}
.crumb-cur{color:var(--ink-3);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.head-inner{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;align-items:center;}
.cat-pill{display:inline-flex;align-items:center;height:26px;padding:0 13px;border-radius:999px;background:var(--dusk-soft);color:var(--dusk);font-size:12px;font-weight:600;margin-bottom:14px;}
.article-title{
  font-size:clamp(1.5rem,3.4vw,2.3rem);
  font-weight:800;line-height:1.32;letter-spacing:-.01em;
  color:var(--berry);margin-bottom:16px;overflow-wrap:break-word;
}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--ink-3);}
.article-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--ink-3);}
.head-thumb{width:100%;}
.head-thumb img{width:100%;height:180px;object-fit:cover;border-radius:var(--r-img);border:1px solid var(--line);}
@media (max-width:900px){
  .head-inner{grid-template-columns:minmax(0,1fr);gap:24px;}
  .head-thumb{max-width:320px;}
  .head-thumb img{height:170px;}
}
@media (max-width:640px){
  .article-head{padding:20px 0 30px;}
  .head-thumb img{height:150px;}
}

/* 正文阅读区 */
.article-body{background:#fff;padding:56px 0 68px;}
.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:start;max-width:1100px;margin:0 auto;}
.toc{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:18px 16px 14px;box-shadow:var(--shadow-sm);}
.toc-title{font-size:12px;font-weight:700;color:var(--ink-3);letter-spacing:.08em;margin-bottom:10px;}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:toc;}
.toc li{counter-increment:toc;min-width:0;}
.toc li a{display:block;position:relative;padding:7px 8px 7px 26px;border-radius:9px;font-size:13.5px;line-height:1.6;color:var(--ink-2);transition:color .2s ease-out,background-color .2s ease-out;}
.toc li a::before{content:counter(toc,decimal-leading-zero);position:absolute;left:8px;top:8px;font-size:11px;font-weight:700;color:var(--dusk);}
.toc li a:hover{color:var(--dusk);background:var(--dusk-soft);}
.article-main{min-width:0;}
.prose-cn{font-size:16px;line-height:1.85;color:var(--ink);max-width:760px;}
.prose-cn p{margin:0 0 1.2em;}
.prose-cn h2{position:relative;font-size:22px;font-weight:700;line-height:1.45;color:var(--berry);margin:2.4em 0 .9em;padding-left:14px;scroll-margin-top:96px;}
.prose-cn h2::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:4px;border-radius:999px;background:var(--dusk);}
.prose-cn h3{font-size:18px;font-weight:600;line-height:1.5;color:var(--berry);margin:1.8em 0 .6em;scroll-margin-top:96px;}
.prose-cn h4{font-size:16px;font-weight:600;color:var(--berry);margin:1.5em 0 .5em;}
.prose-cn blockquote{margin:1.6em 0;padding:20px 22px;background:var(--sand-2);border-left:3px solid var(--dusk);border-radius:12px;color:var(--ink-2);}
.prose-cn blockquote p:last-child{margin-bottom:0;}
.prose-cn ul,.prose-cn ol{margin:0 0 1.2em;padding-left:1.4em;}
.prose-cn li{margin:.4em 0;}
.prose-cn ul li::marker{color:var(--dusk);}
.prose-cn ol li::marker{color:var(--dusk);font-weight:600;}
.prose-cn a{color:var(--dusk);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease-out;}
.prose-cn a:hover{color:var(--dusk-hover);}
.prose-cn strong{font-weight:700;color:var(--berry);}
.prose-cn img{max-width:100%;height:auto;display:block;border-radius:var(--r-img);margin:1.6em auto;box-shadow:var(--shadow-sm);}
.prose-cn figure{margin:1.6em 0;max-width:100%;}
.prose-cn figcaption{font-size:12px;color:var(--ink-3);text-align:center;margin-top:10px;line-height:1.7;}
.prose-cn table{width:100%;border-collapse:collapse;font-size:15px;margin:1.4em 0;border-radius:12px;overflow:hidden;}
.prose-cn th,.prose-cn td{border:1px solid var(--line);padding:10px 14px;text-align:left;}
.prose-cn thead th{background:var(--sand-2);color:var(--berry);}
.prose-cn tbody tr:nth-child(even){background:var(--sand);}
.prose-cn hr{border:0;border-top:1px solid var(--line);margin:2em 0;}
.empty-state{background:var(--sand);border:1px solid var(--line);border-radius:var(--r-card);padding:48px 24px;text-align:center;max-width:760px;}
.empty-state h2{font-size:18px;font-weight:700;color:var(--berry);margin-bottom:10px;padding:0;}
.empty-state h2::before{display:none;}
.empty-state p{font-size:14px;color:var(--ink-2);margin-bottom:20px;}
.article-return{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line);max-width:760px;}
.article-return a{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid var(--line);background:#fff;color:var(--berry);transition:background-color .2s ease-out,border-color .2s ease-out,transform .2s ease-out;}
.article-return a:hover{background:var(--sand-2);border-color:#E2C9B8;transform:translateY(-2px);}
@media (max-width:1279px){
  .article-layout{grid-template-columns:minmax(0,1fr);gap:0;max-width:760px;}
  .toc{display:none;}
}
@media (max-width:767px){
  .article-body{padding:40px 0 48px;}
  .prose-cn{font-size:15px;line-height:1.8;}
  .prose-cn h2{font-size:19px;margin-top:2em;}
  .prose-cn h3{font-size:16.5px;}
  .prose-cn blockquote{padding:16px 16px;}
}

/* 安全速记 */
.notes-band{background:var(--sand);border-top:1px solid var(--line);padding:64px 0;}
.band-head{max-width:640px;margin-bottom:32px;}
.band-kicker{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--dusk);margin-bottom:10px;}
.band-title{font-size:clamp(1.3rem,2.6vw,1.75rem);font-weight:700;line-height:1.4;color:var(--berry);margin-bottom:12px;}
.band-desc{font-size:14.5px;line-height:1.8;color:var(--ink-2);}
.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.note-item{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:20px;box-shadow:var(--shadow-sm);transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;min-width:0;}
.note-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#E9CFC0;}
.note-ico{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:var(--dusk-soft);color:var(--dusk);display:flex;align-items:center;justify-content:center;}
.note-body{min-width:0;}
.note-body h3{font-size:15px;font-weight:700;color:var(--berry);margin-bottom:6px;line-height:1.5;}
.note-body p{font-size:13.5px;line-height:1.75;color:var(--ink-2);margin:0;}
@media (max-width:767px){.notes-band{padding:44px 0;}.notes-grid{grid-template-columns:minmax(0,1fr);}}

/* 话题标签 */
.tags-band{background:#fff;border-top:1px solid var(--line);padding:48px 0;}
.tags-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.tag-pill{display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:999px;background:var(--sand-2);color:var(--berry-2);font-size:13px;transition:background-color .2s ease-out,color .2s ease-out,transform .2s ease-out;}
.tag-pill:hover{background:var(--dusk);color:#fff;transform:translateY(-2px);}
@media (max-width:767px){.tags-band{padding:38px 0;}}

/* 下载区 */
.dl-band{background:var(--berry);color:#fff;padding:60px 0;}
.dl-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:center;}
.dl-band h2{font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:700;line-height:1.4;color:#fff;margin-bottom:10px;}
.dl-band p{font-size:14px;line-height:1.8;color:rgba(255,255,255,.72);max-width:360px;}
.dl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.dl-card{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);transition:background-color .2s ease-out,transform .2s ease-out,border-color .2s ease-out;min-width:0;}
.dl-card:hover{background:rgba(255,255,255,.13);border-color:rgba(246,183,163,.6);transform:translateY(-2px);}
.dl-card:focus-visible{outline:2px solid var(--peach);outline-offset:2px;}
.dl-name{font-size:14px;font-weight:600;color:#fff;line-height:1.4;}
.dl-file{font-size:11.5px;color:rgba(255,255,255,.6);overflow-wrap:break-word;}
.dl-btn{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;border-radius:999px;background:var(--peach);color:#43261F;font-size:12.5px;font-weight:700;transition:background-color .2s ease-out;}
.dl-card:hover .dl-btn{background:#FFD2C2;}
@media (max-width:900px){.dl-inner{grid-template-columns:minmax(0,1fr);gap:26px;}}
@media (max-width:520px){.dl-band{padding:44px 0;}.dl-cards{grid-template-columns:minmax(0,1fr);}}

/* 页脚提示条 */
.page-note{background:var(--sand);border-top:1px solid var(--line);padding:26px 0;}
.page-note p{font-size:12.5px;line-height:1.8;color:var(--ink-3);}

/* 页脚 */
.site-footer{background:var(--berry);color:rgba(255,255,255,.78);border-top:3px solid var(--dusk);padding:56px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:36px;padding-bottom:40px;}
.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.footer-brand .brand-name{color:#fff;font-size:16px;font-weight:800;}
.footer-brand .brand-sub{color:rgba(255,255,255,.55);font-size:11px;}
.footer-slogan{font-size:13.5px;line-height:1.8;color:rgba(255,255,255,.66);margin-bottom:16px;max-width:320px;}
.footer-dl{display:flex;flex-direction:column;gap:8px;}
.footer-dl a{font-size:13px;color:var(--peach);transition:color .2s ease-out;}
.footer-dl a:hover{color:#fff;text-decoration:underline;}
.footer-col h4{font-size:13px;font-weight:700;color:#fff;margin-bottom:14px;letter-spacing:.02em;}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.footer-col li,.footer-col a{font-size:13px;line-height:1.6;color:rgba(255,255,255,.68);}
.footer-col a{transition:color .2s ease-out;}
.footer-col a:hover{color:var(--peach);}
.footer-bottom{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.14);padding:18px 0 22px;font-size:12px;color:rgba(255,255,255,.5);line-height:1.7;}
@media (max-width:900px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;}}
@media (max-width:560px){
  .site-footer{padding-top:40px;}
  .footer-grid{grid-template-columns:minmax(0,1fr);gap:26px;padding-bottom:28px;}
  .footer-bottom{justify-content:flex-start;}
}

/* roulang page: category1 */
:root{
  --dusk:#E2603F;
  --dusk-hover:#C74E30;
  --dusk-active:#AE4229;
  --dusk-soft:#FDEDE7;
  --berry:#3B2A3F;
  --berry-2:#5A4258;
  --peach:#F6B7A3;
  --gold:#EFB35F;
  --sand:#FDF8F3;
  --sand-2:#F7EDE4;
  --card:#FFFFFF;
  --line:#EFDDD1;
  --ink:#2B2229;
  --ink-2:#6B5B62;
  --ink-3:#9A8A90;
  --green:#3F8F6B;
  --r-card:18px;
  --r-block:28px;
  --r-img:16px;
  --r-input:12px;
  --shadow-sm:0 1px 2px rgba(43,34,41,.04),0 8px 24px rgba(43,34,41,.06);
  --shadow-lg:0 2px 6px rgba(43,34,41,.06),0 16px 36px rgba(43,34,41,.10);
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
html body{
  margin:0;
  font-family:-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  background:var(--sand);
  color:var(--ink);
  font-size:16px;
  line-height:1.85;
  letter-spacing:0;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
button,input,select{font:inherit;}
:focus-visible{outline:2px solid var(--dusk);outline-offset:2px;}

/* 容器 */
.site-container{width:100%;max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;}
@media (min-width:768px){.site-container{padding-left:24px;padding-right:24px;}}
@media (min-width:1024px){.site-container{padding-left:32px;padding-right:32px;}}

/* 按钮 */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:46px;padding:0 22px;border-radius:999px;border:1px solid transparent;
  font-size:15px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;
  transition:transform .2s ease-out,background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out;
}
.btn:hover{transform:translateY(-1px);}
.btn:active{transform:translateY(0);}
.btn-primary{background:var(--dusk);color:#fff;box-shadow:0 8px 18px rgba(226,96,63,.24);}
.btn-primary:hover{background:var(--dusk-hover);box-shadow:0 12px 24px rgba(199,78,48,.26);}
.btn-primary:active{background:var(--dusk-active);}
.btn-ghost{background:#fff;color:var(--berry);border-color:var(--line);}
.btn-ghost:hover{background:var(--sand-2);border-color:#E2C9B8;}
.btn-light{background:#fff;color:var(--dusk);}
.btn-light:hover{background:var(--dusk-soft);}
.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);}
.btn-outline-light:hover{background:rgba(255,255,255,.14);}
.btn-sm{height:38px;padding:0 16px;font-size:14px;}
.btn-block{width:100%;}

/* 头部导航 */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.95);
  border-bottom:1px solid var(--line);
  transition:background-color .22s ease-out,box-shadow .22s ease-out;
}
.site-header.is-stuck{
  background:rgba(255,255,255,.88);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  box-shadow:0 6px 22px rgba(43,34,41,.08);
}
.nav-top{
  display:flex;align-items:center;gap:14px;
  min-height:66px;padding-top:10px;padding-bottom:10px;
  transition:padding .22s ease-out,min-height .22s ease-out;
}
.site-header.is-stuck .nav-top{min-height:56px;padding-top:8px;padding-bottom:8px;}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.brand-mark{
  position:relative;width:34px;height:34px;flex:0 0 34px;border-radius:50%;
  background:linear-gradient(135deg,var(--dusk) 0%,var(--peach) 100%);
  box-shadow:0 4px 10px rgba(226,96,63,.28);
}
.brand-mark::after{
  content:"";position:absolute;left:11px;top:11px;width:20px;height:20px;
  border-radius:50%;background:var(--berry);opacity:.3;
}
.brand-text{display:flex;flex-direction:column;line-height:1.2;}
.brand-name{font-size:16.5px;font-weight:800;color:var(--berry);letter-spacing:-.01em;white-space:nowrap;}
.brand-sub{font-size:11px;color:var(--ink-3);letter-spacing:.04em;white-space:nowrap;}
.nav-links{display:none;align-items:center;gap:2px;flex:1 1 auto;min-width:0;}
.nav-link{
  display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;
  font-size:14.5px;color:var(--ink-2);white-space:nowrap;
  transition:color .2s ease-out,background-color .2s ease-out;
}
.nav-link:hover{color:var(--dusk);background:var(--dusk-soft);}
.nav-link.active{color:var(--dusk);background:var(--dusk-soft);font-weight:600;}
.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto;}
.search-box{
  display:none;align-items:center;gap:8px;height:44px;padding:0 14px;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-input);
  transition:border-color .2s ease-out,box-shadow .2s ease-out;
}
.search-box:focus-within{border-color:var(--dusk);box-shadow:0 0 0 3px rgba(226,96,63,.14);}
.search-box svg{flex:0 0 16px;color:var(--ink-3);}
.search-box input{border:0;outline:0;background:transparent;width:150px;font-size:14px;color:var(--ink);}
.search-box input::placeholder{color:var(--ink-3);}
.nav-actions .btn-ghost{display:none;}
.hamburger{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:12px;border:1px solid var(--line);
  background:#fff;color:var(--berry);cursor:pointer;
  transition:background-color .2s ease-out,border-color .2s ease-out;
}
.hamburger:hover{background:var(--sand-2);border-color:#E2C9B8;}
.trend-bar{display:none;align-items:center;gap:12px;padding-bottom:10px;overflow:hidden;}
.trend-label{font-size:12px;color:var(--ink-3);flex:0 0 auto;letter-spacing:.06em;}
.trend-scroll{
  display:flex;align-items:center;gap:8px;overflow-x:auto;
  scrollbar-width:none;-ms-overflow-style:none;
}
.trend-scroll::-webkit-scrollbar{display:none;}
.trend-chip{
  flex:0 0 auto;font-size:12.5px;line-height:1;padding:7px 13px;border-radius:999px;
  background:var(--sand-2);color:var(--berry-2);
  transition:background-color .2s ease-out,color .2s ease-out;
}
.trend-chip:hover{background:var(--dusk);color:#fff;}
@media (min-width:1024px){
  .nav-links{display:flex;}
  .search-box{display:flex;}
  .nav-actions .btn-ghost{display:inline-flex;}
  .hamburger{display:none;}
  .trend-bar{display:flex;}
}

/* 移动抽屉 */
.mobile-overlay{
  position:fixed;inset:0;background:rgba(43,34,41,.42);z-index:80;
  opacity:0;visibility:hidden;transition:opacity .22s ease-out,visibility .22s ease-out;
}
.mobile-overlay.open{opacity:1;visibility:visible;}
.mobile-drawer{
  position:fixed;top:0;right:0;bottom:0;width:min(360px,88vw);z-index:90;
  background:#fff;box-shadow:-16px 0 40px rgba(43,34,41,.18);
  transform:translateX(102%);transition:transform .26s ease-out;
  display:flex;flex-direction:column;padding:18px 18px 26px;overflow-y:auto;
}
.mobile-drawer.open{transform:translateX(0);}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.drawer-title{font-size:15px;font-weight:700;color:var(--berry);}
.drawer-close{
  width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--berry);cursor:pointer;
}
.drawer-search{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-input);margin-bottom:18px;}
.drawer-search input{border:0;outline:0;background:transparent;width:100%;font-size:14px;}
.drawer-section-title{font-size:12px;color:var(--ink-3);letter-spacing:.08em;margin:6px 0 8px;}
.drawer-links{display:flex;flex-direction:column;gap:2px;margin-bottom:18px;}
.drawer-link{
  display:flex;align-items:center;justify-content:space-between;
  min-height:44px;padding:0 12px;border-radius:12px;font-size:15px;color:var(--ink-2);
  transition:background-color .2s ease-out,color .2s ease-out;
}
.drawer-link:hover,.drawer-link.active{background:var(--dusk-soft);color:var(--dusk);font-weight:600;}
.drawer-dl{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);}
.drawer-dl a{
  display:flex;align-items:center;justify-content:space-between;min-height:44px;
  padding:0 14px;border-radius:12px;background:var(--sand-2);font-size:14px;color:var(--berry);font-weight:600;
}
.drawer-dl a:hover{background:var(--dusk-soft);color:var(--dusk);}

/* 分类抬头 */
.cat-hero{background:var(--sand-2);border-bottom:1px solid var(--line);padding:32px 0 36px;}
.cat-hero-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:center;}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--ink-3);margin-bottom:12px;}
.breadcrumb a{color:var(--ink-2);transition:color .2s ease-out;}
.breadcrumb a:hover{color:var(--dusk);}
.breadcrumb .sep{color:var(--ink-3);}
.breadcrumb .current{color:var(--ink-3);}
.cat-h1{
  margin:0 0 12px;font-size:clamp(1.55rem,3.4vw,2.15rem);font-weight:800;line-height:1.35;
  color:var(--berry);letter-spacing:-.01em;
}
.cat-lead{margin:0;font-size:15px;line-height:1.8;color:var(--ink-2);max-width:44em;}
.cat-thumb{width:100%;max-width:200px;}
.cat-thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-img);border:1px solid var(--line);box-shadow:var(--shadow-sm);}
@media (min-width:768px){
  .cat-hero-inner{grid-template-columns:minmax(0,1fr) 180px;gap:32px;}
}
@media (min-width:1024px){
  .cat-hero{padding:36px 0 44px;}
  .cat-hero-inner{grid-template-columns:minmax(0,1fr) 200px;gap:44px;}
}

/* 筛选条 */
.filter-section{background:var(--sand);border-bottom:1px solid var(--line);padding:18px 0;}
.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;}
.chip-group{display:flex;flex-wrap:wrap;gap:8px;min-width:0;}
.chip{
  display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;
  font-size:13.5px;color:var(--ink-2);background:#fff;border:1px solid var(--line);
  transition:color .2s ease-out,border-color .2s ease-out,background-color .2s ease-out;
}
.chip:hover{color:var(--dusk);border-color:var(--peach);}
.chip.is-active{background:var(--dusk-soft);border-color:var(--dusk);color:var(--dusk);font-weight:600;}
.sort-wrap{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-3);flex:0 0 auto;}
.sort-btn{
  display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;
  background:#fff;border:1px solid var(--line);color:var(--berry);font-size:13.5px;
  transition:border-color .2s ease-out,background-color .2s ease-out;
}
.sort-btn:hover{border-color:var(--dusk);background:var(--dusk-soft);}

/* 通用板块 */
.section{padding:48px 0;}
.section-tint{background:var(--sand-2);}
.section-white{background:#fff;}
.sec-head{margin-bottom:28px;max-width:46em;}
.sec-eyebrow{
  display:inline-flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:.1em;
  color:var(--dusk);font-weight:700;margin-bottom:10px;
}
.sec-eyebrow::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--dusk);}
.sec-title{margin:0 0 10px;font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:700;line-height:1.4;color:var(--berry);}
.sec-desc{margin:0;font-size:15px;line-height:1.8;color:var(--ink-2);}
@media (min-width:1024px){.section{padding:72px 0;}}

/* 场景卡 */
.scene-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;}
.scene-card{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);
  overflow:hidden;box-shadow:var(--shadow-sm);
  transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;
  min-width:0;
}
.scene-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--peach);}
.scene-card img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.scene-body{padding:16px 18px 20px;}
.scene-title{margin:0 0 6px;font-size:15.5px;font-weight:700;color:var(--berry);line-height:1.5;}
.scene-text{margin:0;font-size:14px;line-height:1.75;color:var(--ink-2);}
@media (min-width:640px){.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1024px){.scene-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}}

/* 流程步骤 */
.step-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-block);overflow:hidden;box-shadow:var(--shadow-sm);}
.step-item{display:flex;gap:16px;padding:22px 22px;border-bottom:1px solid var(--line);min-width:0;}
.step-item:last-child{border-bottom:0;}
.step-num{
  flex:0 0 auto;font-size:22px;font-weight:800;line-height:1;color:var(--dusk);
  opacity:.55;padding-top:4px;font-variant-numeric:tabular-nums;
}
.step-body{min-width:0;}
.step-title{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--berry);line-height:1.5;}
.step-text{margin:0;font-size:14.5px;line-height:1.8;color:var(--ink-2);}
@media (min-width:1024px){
  .step-list{grid-template-columns:repeat(2,minmax(0,1fr));}
  .step-item{border-bottom:1px solid var(--line);}
  .step-item:nth-last-child(-n+2){border-bottom:0;}
  .step-item:nth-child(odd){border-right:1px solid var(--line);}
  .step-item{padding:28px 28px;}
}

/* 安全双栏 */
.safety-split{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start;}
.safety-left .sec-title{margin-bottom:12px;}
.safety-note{
  display:inline-flex;align-items:center;gap:8px;margin-top:16px;
  padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);
  font-size:13px;color:var(--ink-2);
}
.safety-note .dot{width:8px;height:8px;border-radius:50%;background:var(--green);}
.safety-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
.safety-item{
  display:flex;gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-card);box-shadow:var(--shadow-sm);min-width:0;
  transition:border-color .2s ease-out,transform .2s ease-out;
}
.safety-item:hover{border-color:var(--peach);transform:translateY(-2px);}
.safety-icon{
  flex:0 0 34px;width:34px;height:34px;border-radius:12px;background:var(--dusk-soft);
  display:inline-flex;align-items:center;justify-content:center;color:var(--dusk);
}
.safety-item-body{min-width:0;}
.safety-item-title{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--berry);line-height:1.5;}
.safety-item-text{margin:0;font-size:14px;line-height:1.75;color:var(--ink-2);}
@media (min-width:900px){
  .safety-split{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px;}
}

/* 专题聚合 */
.topic-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
.topic-item{
  display:flex;gap:16px;align-items:flex-start;padding:18px 20px;
  background:#fff;border:1px solid var(--line);border-left:3px solid var(--dusk);
  border-radius:14px;min-width:0;
  transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;
}
.topic-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-left-color:var(--dusk-hover);}
.topic-num{flex:0 0 auto;font-size:13px;font-weight:800;color:var(--dusk);letter-spacing:.08em;padding-top:3px;}
.topic-body{min-width:0;}
.topic-title{margin:0 0 4px;font-size:15.5px;font-weight:700;color:var(--berry);line-height:1.5;}
.topic-link{color:var(--berry);transition:color .2s ease-out;}
.topic-link:hover{color:var(--dusk);text-decoration:underline;text-underline-offset:3px;}
.topic-text{margin:0;font-size:14px;line-height:1.75;color:var(--ink-2);}
@media (min-width:900px){.topic-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}}

/* FAQ */
.faq-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;}
.faq-item{
  background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  transition:border-color .2s ease-out,box-shadow .2s ease-out;
}
.faq-item[open]{border-color:var(--peach);box-shadow:var(--shadow-sm);}
.faq-item summary{
  list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:12px;
  padding:16px 18px;font-size:15px;font-weight:600;color:var(--berry);line-height:1.6;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary .arrow{
  flex:0 0 auto;margin-left:auto;color:var(--dusk);
  transition:transform .2s ease-out;transform:rotate(0deg);padding-top:2px;
}
.faq-item[open] summary .arrow{transform:rotate(180deg);}
.faq-body{
  padding:0 18px 18px;font-size:14.5px;line-height:1.85;color:var(--ink-2);
  background:var(--sand);border-top:1px solid var(--line);padding-top:14px;
  animation:fadeIn .18s ease-out;
}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}

/* 资讯列表 */
.news-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;}
.news-card{
  display:flex;gap:16px;padding:18px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-card);box-shadow:var(--shadow-sm);min-width:0;
  transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;
}
.news-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--peach);}
.news-thumb{
  flex:0 0 96px;width:96px;height:76px;border-radius:12px;background:var(--sand-2);
  border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-3);
}
.news-body{min-width:0;display:flex;flex-direction:column;gap:6px;}
.news-title{
  font-size:15.5px;font-weight:700;color:var(--berry);line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.news-card:hover .news-title{color:var(--dusk);}
.news-excerpt{
  margin:0;font-size:13.5px;line-height:1.7;color:var(--ink-2);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.news-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-3);margin-top:auto;}
.news-tag{
  display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;
  background:var(--sand-2);color:var(--berry-2);font-size:12px;
}
.empty-state{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding:44px 20px;background:#fff;border:1px dashed var(--line);border-radius:var(--r-card);
  color:var(--ink-3);font-size:14px;text-align:center;
}
@media (min-width:900px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}}

/* 下载 CTA */
.cta-band{background:var(--berry);color:#F5E7EA;padding:36px 0;}
.cta-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:center;}
.cta-title{margin:0 0 8px;font-size:clamp(1.2rem,2.2vw,1.55rem);font-weight:700;color:#fff;line-height:1.4;}
.cta-text{margin:0;font-size:14px;line-height:1.75;color:rgba(245,231,234,.82);}
.dl-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;}
.dl-card{
  display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:56px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:14px;
  transition:background-color .2s ease-out,border-color .2s ease-out,transform .2s ease-out;
}
.dl-card:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.45);transform:translateY(-1px);}
.dl-icon{
  flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:rgba(246,183,163,.22);
  display:inline-flex;align-items:center;justify-content:center;color:var(--peach);
}
.dl-info{min-width:0;}
.dl-name{display:block;font-size:14.5px;font-weight:600;color:#fff;line-height:1.4;}
.dl-file{display:block;font-size:12px;color:rgba(245,231,234,.65);}
.cta-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
@media (min-width:640px){.dl-row{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (min-width:1024px){
  .cta-band{padding:52px 0;}
  .cta-inner{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:40px;}
}

/* 页脚 */
.site-footer{background:var(--berry);color:#E9DCE0;border-top:3px solid var(--dusk);padding:48px 0 0;}
.footer-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;}
.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.brand-text .brand-name{color:#fff;}
.brand-sub{font-size:11px;color:rgba(233,220,224,.6);letter-spacing:.04em;}
.footer-slogan{margin:0 0 16px;font-size:13.5px;line-height:1.8;color:rgba(233,220,224,.76);max-width:26em;}
.footer-dl{display:flex;flex-direction:column;gap:6px;}
.footer-dl a{font-size:13.5px;color:rgba(233,220,224,.86);transition:color .2s ease-out;}
.footer-dl a:hover{color:var(--peach);}
.footer-col h4{margin:0 0 12px;font-size:14px;font-weight:700;color:#fff;}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.footer-col li{font-size:13.5px;line-height:1.7;color:rgba(233,220,224,.76);}
.footer-col a{color:rgba(233,220,224,.86);transition:color .2s ease-out;}
.footer-col a:hover{color:var(--peach);}
.footer-bottom{
  margin-top:32px;padding:16px 0 22px;border-top:1px solid rgba(255,255,255,.14);
  display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;
  font-size:12.5px;color:rgba(233,220,224,.6);
}
@media (min-width:768px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1024px){.site-footer{padding-top:56px;}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;}}