/* roulang page: index */
:root{
    --xm-primary:#1a1a1a;
    --xm-accent:#ff3d00;
    --xm-accent-2:#ff2e63;
    --xm-warm:#f5f1ec;
    --xm-sand:#e8ddd0;
    --xm-white:#ffffff;
    --xm-text:#1a1a1a;
    --xm-text-2:#55504b;
    --xm-muted:#8a8378;
    --xm-text-dark:#f5f1ec;
    --xm-text-dark-muted:#bdb3a6;
    --xm-border:#e5ded4;
    --xm-border-dark:rgba(255,255,255,.14);
    --xm-serif:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;
    --xm-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    --xm-radius-card:4px;
    --xm-radius-btn:0;
    --xm-shadow-card:0 6px 0 0 var(--xm-primary);
    --xm-shadow-orange:0 6px 0 0 var(--xm-accent);
    --xm-gutter:24px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
    font-family:var(--xm-sans);
    background:var(--xm-warm);
    color:var(--xm-text);
    font-size:1.0625rem;
    line-height:1.8;
    -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.serif-title{font-family:var(--xm-serif)}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
.container{max-width:1240px;padding-left:var(--xm-gutter);padding-right:var(--xm-gutter)}
.section-pad{padding:6rem 0}
.bg-warm-sec{background:var(--xm-warm)}
.bg-sand-sec{background:var(--xm-sand)}
.bg-white-sec{background:#fff}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--xm-accent);margin-bottom:1.25rem}
.eyebrow::before{content:"";width:24px;height:2px;background:var(--xm-accent)}
.sec-title{font-size:2.6rem;line-height:1.25;font-weight:700;margin-bottom:1rem;letter-spacing:.01em}
.sec-lead{font-size:1.0625rem;color:var(--xm-text-2);max-width:600px;margin-bottom:2rem;line-height:1.9}
.btn-xm{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 2rem;font-weight:600;font-size:1rem;border:2px solid transparent;transition:all .28s ease;border-radius:var(--xm-radius-btn);line-height:1.4;letter-spacing:.02em;white-space:nowrap}
.btn-primary-xm{background:var(--xm-accent);color:#fff;border-color:var(--xm-accent)}
.btn-primary-xm:hover{background:var(--xm-primary);color:#fff;border-color:var(--xm-primary);transform:translateY(-2px)}
.btn-outline-xm{background:transparent;color:var(--xm-text);border-color:var(--xm-text)}
.btn-outline-xm:hover{background:var(--xm-text);color:#fff;transform:translateY(-2px)}
.badge-xm-dark{display:inline-block;border:1px solid var(--xm-text);border-radius:999px;padding:.35rem 1rem;font-size:.8rem;font-weight:500;color:var(--xm-text);line-height:1.5;background:transparent;transition:background .3s,color .3s,border-color .3s}
.badge-xm-dark:hover{background:var(--xm-accent);color:#fff;border-color:var(--xm-accent)}
.badge-xm-white{display:inline-block;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:.3rem 1rem;font-size:.8rem;font-weight:500;color:#fff;line-height:1.5}
.link-arrow{font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;gap:.35rem;color:var(--xm-text);transition:color .25s;border-bottom:1px solid transparent}
.link-arrow i{transition:transform .25s ease;font-style:normal;display:inline-block}
.link-arrow:hover{color:var(--xm-accent);border-color:var(--xm-accent)}
.link-arrow:hover i{transform:translateX(5px)}

/* header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1050;background:rgba(245,241,236,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:all .4s ease;height:82px}
.site-header.is-scrolled{border-bottom-color:var(--xm-border);height:72px;background:rgba(245,241,236,.98)}
.navbar-xm{height:100%;display:flex;align-items:center}
.brand-xm{display:flex;align-items:center;gap:.6rem}
.brand-mark{position:relative;width:36px;height:36px;background:var(--xm-primary);border:2px solid var(--xm-primary);border-radius:4px;overflow:hidden;flex:0 0 36px}
.brand-mark::before{content:"新";position:absolute;left:4px;top:2px;color:#fff;font-family:var(--xm-serif);font-weight:700;font-size:11px;line-height:1}
.brand-mark::after{content:"麻";position:absolute;right:3px;bottom:2px;color:var(--xm-accent);font-family:var(--xm-serif);font-weight:700;font-size:12px;line-height:1}
.brand-name-xm{font-family:var(--xm-serif);font-weight:900;font-size:1.45rem;letter-spacing:.03em;color:var(--xm-text);line-height:1}
.nav-menu-xm{display:flex;align-items:center;gap:2rem}
.nav-link-xm{font-size:.9375rem;font-weight:500;color:var(--xm-text);position:relative;padding:.55rem 0!important;letter-spacing:.02em;white-space:nowrap;transition:color .25s}
.nav-link-xm::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--xm-accent);transition:width .3s}
.nav-link-xm:hover{color:var(--xm-accent)}
.nav-link-xm:hover::after,.nav-link-xm.active::after{width:100%}
.nav-link-xm.active{color:var(--xm-accent)}
.nav-cta-holder{margin-left:1rem}
.nav-btn{padding:.5rem 1.4rem;font-size:.9rem}
@media(max-width:991.98px){
    .site-header{height:68px}
    .collapse-menu-xm{background:var(--xm-warm);border-top:1px solid var(--xm-border)}
    .nav-menu-xm{flex-direction:column;gap:0;padding:1rem 0}
    .nav-item-xm{width:100%}
    .nav-link-xm{display:block;padding:.9rem 0!important;border-bottom:1px solid var(--xm-border)}
    .nav-btn{width:100%}
}

/* category hero */
.cat-hero{position:relative;padding:10rem 0 4.5rem;background:linear-gradient(100deg,var(--xm-warm) 0%,var(--xm-warm) 55%,var(--xm-sand) 100%);overflow:hidden}
.cat-hero .bg-texture{position:absolute;inset:0;background-image:url('/assets/images/backpic/back-3.jpg');background-size:cover;background-position:center;opacity:.08;pointer-events:none}
.cat-hero-inner{position:relative;z-index:2}
.cat-hero-grid{display:grid;grid-template-columns:1fr auto;gap:3.5rem;align-items:center}
.crumb{font-size:.8125rem;color:var(--xm-muted);display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-bottom:1.5rem}
.crumb a{transition:color .25s}
.crumb a:hover{color:var(--xm-accent)}
.crumb span{color:var(--xm-text-2)}
.cat-hero h1{font-size:2.8rem;line-height:1.2;font-weight:900;margin-bottom:1.2rem}
.cat-hero h1 .cat-mark{color:var(--xm-accent);position:relative;font-weight:900}
.cat-hero-sub{font-size:1.05rem;color:var(--xm-text-2);max-width:560px;line-height:1.9}
.cat-hero-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.cat-hero-visual{position:relative;max-width:300px}
.cat-hero-visual img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--xm-radius-card);box-shadow:0 16px 40px rgba(0,0,0,.12);position:absolute;top:-3rem;right:0}
.cat-hero-visual::before{content:"";position:absolute;right:1rem;top:-1.2rem;width:100%;height:90%;background:var(--xm-sand);border-radius:4px;z-index:-1}
@media(max-width:991px){
    .cat-hero{padding:8rem 0 3rem}
    .cat-hero h1{font-size:2rem}
    .cat-hero-grid{grid-template-columns:1fr;gap:2.5rem}
    .cat-hero-visual{display:none}
}
@media(max-width:520px){
    .cat-hero h1{font-size:1.75rem}
}

/* double horizontal cards */
.feature-stack{margin-top:3.5rem}
.feature-stack .row+.row{margin-top:1.5rem}
.feature-big-card{border-radius:0;display:grid;grid-template-columns:1.1fr 1fr;box-shadow:0 1px 0 rgba(26,26,26,.03);transition:all .4s ease}
.feature-big-card.white-card{background:#fff;border-left:4px solid var(--xm-accent)}
.feature-big-card.sand-card{background:var(--xm-sand)}
.feature-big-card:hover{transform:translateY(-4px);box-shadow:var(--xm-shadow-card)}
.feature-media{overflow:hidden;position:relative}
.feature-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.feature-content{padding:2.6rem 2.2rem;display:flex;flex-direction:column;justify-content:center;gap:1rem;min-height:320px}
.feature-tag{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--xm-accent);margin-bottom:.2rem}
.feature-content h2{font-size:1.7rem;font-weight:700;line-height:1.35}
.feature-quote{border-left:3px solid var(--xm-accent);padding-left:1rem;font-family:var(--xm-serif);font-size:1.05rem;font-style:italic;color:var(--xm-text-2);margin:.2rem 0}
.feature-desc{color:var(--xm-text-2);font-size:.95rem;line-height:1.85}
@media(max-width:767px){
    .feature-big-card{grid-template-columns:1fr}
    .feature-media{min-height:190px;position:relative}
    .feature-media img{position:absolute}
    .feature-content{padding:1.6rem;min-height:auto}
    .feature-content h2{font-size:1.35rem}
}

/* split story */
.split-section{padding:4.5rem 0}
.split-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:3.5rem;align-items:start}
.split-visual img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--xm-radius-card);transition:all .5s}
.split-visual img:hover{box-shadow:var(--xm-shadow-card);transform:translateY(-4px)}
.split-text-inner{max-width:66%}
.lead-drop::first-letter{font-family:var(--xm-serif);font-weight:900;font-size:3.2em;line-height:.8;float:left;margin:.08em .14em 0 0;color:var(--xm-accent)}
.split-text-inner h3{font-size:1.6rem;margin-bottom:1.2rem;font-weight:700}
.split-text-inner p{color:var(--xm-text-2);margin-bottom:1.1rem;line-height:1.95}
.split-mt{margin-top:1rem}
.split-list{padding-left:0;margin-top:1.5rem}
.split-list li{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.8rem;color:var(--xm-text-2)}
.split-list li strong{color:var(--xm-text);font-family:var(--xm-serif)}
.split-list li::before{content:"";width:8px;height:8px;background:var(--xm-accent);flex:0 0 8px;margin-top:.8rem}
@media(max-width:991px){
    .split-grid{grid-template-columns:1fr;gap:2.5rem}
    .split-visual img{aspect-ratio:16/9}
    .split-text-inner{max-width:100%}
}

/* index rows */
.editor-rows{margin-top:3rem}
.editor-row{display:grid;grid-template-columns:80px 200px 1fr auto;align-items:center;gap:1.2rem;padding:1.35rem 1rem;border-bottom:1px solid var(--xm-border);transition:all .3s ease;border-radius:0}
.editor-row:first-child{border-top:1px solid var(--xm-border)}
.editor-row:hover{background:var(--xm-sand);padding-left:1.5rem}
.row-index{font-family:var(--xm-serif);font-weight:900;font-size:1.4rem;color:var(--xm-text);line-height:1;transition:color .3s}
.editor-row:hover .row-index{color:var(--xm-accent)}
.row-title{font-size:1.1rem;font-weight:700;line-height:1.5}
.row-desc{color:var(--xm-text-2);font-size:.92rem}
.row-more{color:var(--xm-text);font-weight:600;font-size:.92rem;transition:all .25s;white-space:nowrap}
.row-more:hover{color:var(--xm-accent)}
@media(max-width:767px){
    .editor-row{grid-template-columns:48px 1fr;gap:.4rem;padding:1.1rem .7rem}
    .row-index{font-size:1.1rem}
    .row-title{font-size:1rem}
    .row-desc{grid-column:2;font-size:.875rem}
    .row-more{grid-column:2;padding-bottom:.6rem}
    .row-more i{display:none}
}

/* faq reuse */
.accordion-xm{background:#fff;border:1px solid var(--xm-border);border-radius:var(--xm-radius-card);margin-bottom:1rem;overflow:hidden;transition:box-shadow .3s ease}
.accordion-xm.active{border-color:var(--xm-accent);border-left:4px solid var(--xm-accent)}
.accordion-xm-header{padding:1.25rem 1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1.02rem;font-weight:600;color:var(--xm-text);transition:color .25s}
.accordion-xm-header:hover{color:var(--xm-accent)}
.acc-icon{position:relative;flex:0 0 22px;height:22px;display:inline-block}
.acc-icon::before,.acc-icon::after{content:"";position:absolute;background:var(--xm-text);top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease}
.acc-icon::before{width:14px;height:2px}
.acc-icon::after{width:2px;height:14px}
.accordion-xm.active .acc-icon::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.accordion-xm.active .acc-icon::before{background:var(--xm-accent)}
.abs-panel{padding:0 1.3rem 1.3rem;color:var(--xm-text-2);font-size:.9375rem}

/* contact CTA */
.contact-sec{background:var(--xm-primary);color:var(--xm-text-dark);position:relative;overflow:hidden}
.contact-sec::before{content:"联系";position:absolute;right:-.5rem;top:1rem;font-family:var(--xm-serif);font-weight:900;font-size:10rem;line-height:1;color:rgba(255,255,255,.04)}
.contact-title{font-size:2.3rem;font-weight:700;color:#fff;line-height:1.25;margin-bottom:1.4rem}
.contact-sub{color:var(--xm-text-dark-muted);margin-bottom:2.2rem;max-width:440px}
.contact-info-list li{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:1rem;flex-wrap:wrap}
.sq-icon{width:8px;height:8px;background:var(--xm-accent);display:inline-block;flex:0 0 8px;margin-top:.8rem}
.info-key{min-width:70px;font-weight:600;color:#fff}
.info-val{color:var(--xm-text-dark-muted);word-break:break-all}
.contact-form-card{background:var(--xm-text);padding:2.4rem;border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.form-control-xm{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.9rem 1rem;border-radius:0;font-size:.98rem;outline:none;transition:border .3s,background .3s;margin-bottom:1.2rem}
.form-control-xm::placeholder{color:rgba(245,241,236,.55)}
.form-control-xm:focus{background:rgba(255,255,255,.12);border-color:#fff}
textarea.form-control-xm{min-height:110px;resize:vertical}
.btn-dark-xm{background:var(--xm-primary);color:#fff;border-color:var(--xm-primary)}
.btn-dark-xm:hover{background:#fff;color:var(--xm-text);border-color:#fff}
@media(max-width:991px){.contact-form-card{margin-top:2rem}}

.site-footer{background:var(--xm-primary);color:var(--xm-text-dark);padding:4.5rem 0 0;border-top:1px solid var(--xm-border-dark)}
.footer-brand{font-size:1.7rem;font-weight:900;font-family:var(--xm-serif);color:#fff;margin-bottom:.8rem}
.footer-about{color:var(--xm-text-dark-muted);font-size:.95rem;line-height:1.9;max-width:320px}
.footer-title{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--xm-accent);font-weight:600;margin-bottom:1.4rem;display:block}
.footer-link{display:block;padding:.22rem 0;color:var(--xm-text-dark-muted);font-size:.93rem;transition:color .25s}
.footer-link:hover{color:var(--xm-accent)}
.footer-bottom{border-top:1px solid var(--xm-border-dark);padding:1.5rem 0;margin-top:3.5rem;font-size:.875rem;color:var(--xm-text-dark-muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8rem}
@media(max-width:767px){.footer-bottom{flex-direction:column;text-align:center}}
.section-pad{padding:6rem 0}
@media(max-width:767px){.section-pad{padding:4rem 0}}
.form-tip{background:rgba(255,255,255,.05);border-left:3px solid var(--xm-accent);padding:.8rem 1rem;font-size:.875rem;color:var(--xm-text-dark-muted);margin-top:.6rem}

/* roulang page: category1 */
/* ========== 设计变量 ========== */
:root{
  --xm-primary:#1a1a1a;
  --xm-accent:#ff3d00;
  --xm-accent-2:#ff2e63;
  --xm-warm:#f5f1ec;
  --xm-sand:#e8ddd0;
  --xm-white:#ffffff;
  --xm-text:#1a1a1a;
  --xm-text-2:#55504b;
  --xm-muted:#8a8378;
  --xm-text-dark:#f5f1ec;
  --xm-text-dark-muted:#bdb3a6;
  --xm-border:#e5ded4;
  --xm-border-dark:rgba(255,255,255,.14);
  --xm-serif:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;
  --xm-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --xm-radius-card:4px;
  --xm-radius-btn:0;
  --xm-shadow-card:0 6px 0 0 #1a1a1a;
  --xm-shadow-orange:0 6px 0 0 #ff3d00;
  --xm-gutter:24px;
}
/* ========== Reset / 基础 ========== */
*,
*::before,
*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--xm-sans);
  background:var(--xm-warm);
  color:var(--xm-text);
  font-size:1.0625rem;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.serif-title{font-family:var(--xm-serif);margin:0;line-height:1.3;}
p{margin-top:0;margin-bottom:1rem;}
ul,ol{padding:0;margin:0;list-style:none;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
button,input,textarea{font-family:inherit;}
.container{max-width:1280px;padding-left:var(--xm-gutter);padding-right:var(--xm-gutter);}
.section-pad{padding:5.5rem 0;}
.eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;
  font-weight:600;color:var(--xm-accent);margin-bottom:1.1rem;
}
.eyebrow::before{content:"";width:24px;height:2px;background:var(--xm-accent);}
.sec-title{font-size:2.6rem;line-height:1.25;font-weight:700;letter-spacing:.01em;}
.sec-lead{color:var(--xm-text-2);max-width:620px;margin-bottom:2.25rem;line-height:1.9;}
/* ========== 按钮 ========== */
.btn-xm{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.9rem 2rem;font-weight:600;font-size:1rem;
  border:2px solid transparent;border-radius:0;
  transition:background .28s ease,color .28s ease,border-color .28s ease,transform .28s ease;
  line-height:1.4;letter-spacing:.02em;white-space:nowrap;
}
.btn-primary-xm{background:var(--xm-accent);color:#fff;border-color:var(--xm-accent);}
.btn-primary-xm:hover{background:var(--xm-primary);color:#fff;border-color:var(--xm-primary);transform:translateY(-2px);}
.btn-primary-xm:focus-visible{outline:2px solid var(--xm-accent);outline-offset:3px;}
.btn-primary-xm:active{transform:translateY(1px);}
.btn-outline-xm{background:transparent;color:var(--xm-text);border-color:var(--xm-text);}
.btn-outline-xm:hover{background:var(--xm-text);color:#fff;border-color:var(--xm-text);transform:translateY(-2px);}
.btn-outline-xm:focus-visible{outline:2px solid var(--xm-text);outline-offset:3px;}
.btn-outline-xm:active{transform:translateY(1px);}
.btn-dark-xm{background:var(--xm-primary);color:var(--xm-text-dark);border-color:var(--xm-primary);}
.btn-dark-xm:hover{background:var(--xm-accent);color:#fff;border-color:var(--xm-accent);transform:translateY(-2px);}
.btn-dark-xm:active{transform:translateY(1px);}
/* ========== 标签 / 文字链接 ========== */
.badge-xm-dark{
  display:inline-block;border:1px solid var(--xm-text);border-radius:999px;
  padding:.35rem 1rem;font-size:.8rem;font-weight:500;color:var(--xm-text);
  line-height:1.5;background:transparent;transition:background .3s,color .3s,border-color .3s;
}
.badge-xm-dark:hover{background:var(--xm-accent);color:#fff;border-color:var(--xm-accent);}
.badge-xm-white{
  display:inline-block;border:1px solid rgba(255,255,255,.6);border-radius:999px;
  padding:.3rem 1rem;font-size:.8rem;font-weight:500;color:#fff;line-height:1.5;
}
.link-arrow{
  font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;gap:.35rem;
  color:var(--xm-text);transition:color .25s;cursor:pointer;
}
.link-arrow b{font-style:normal;font-weight:400;display:inline-block;transition:transform .25s ease;}
.link-arrow:hover{color:var(--xm-accent);}
.link-arrow:hover b{transform:translateX(5px);}
/* ========== Header ========== */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:1050;
  background:rgba(245,241,236,.94);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;
  transition:background .35s,border-color .35s,box-shadow .35s;
}
.site-header.is-scrolled{border-bottom-color:var(--xm-border);box-shadow:0 8px 30px rgba(0,0,0,.03);}
.navbar-xm{display:flex;flex-wrap:wrap;align-items:center;min-height:76px;padding:.65rem 0;position:relative;}
.brand-xm{display:flex;align-items:center;gap:.6rem;}
.brand-mark{
  position:relative;width:36px;height:36px;background:var(--xm-primary);
  border:2px solid var(--xm-primary);border-radius:4px;overflow:hidden;flex:0 0 36px;
}
.brand-mark::before{content:"新";position:absolute;left:4px;top:2px;color:#fff;font-family:var(--xm-serif);font-weight:700;font-size:11px;line-height:1;}
.brand-mark::after{content:"麻";position:absolute;right:3px;bottom:2px;color:var(--xm-accent);font-family:var(--xm-serif);font-weight:700;font-size:12px;line-height:1;}
.brand-name-xm{font-family:var(--xm-serif);font-weight:900;font-size:1.45rem;letter-spacing:.03em;color:var(--xm-text);line-height:1;}
.navbar-toggler{margin-left:auto;display:inline-flex;}
.navbar-toggler:focus{box-shadow:none;}
.collapse-menu-xm{width:100%;background:var(--xm-warm);border-top:1px solid var(--xm-border);margin-top:.6rem;padding-bottom:.4rem;}
.nav-menu-xm{display:flex;flex-direction:column;gap:0;}
.nav-item-xm{width:100%;}
.nav-link-xm{
  display:block;padding:.85rem 0 !important;color:var(--xm-text);font-size:.9375rem;
  font-weight:500;letter-spacing:.02em;border-bottom:1px solid var(--xm-border);
  transition:color .25s;
}
.nav-link-xm:hover{color:var(--xm-accent);}
.nav-link-xm.active{color:var(--xm-accent);}
.nav-btn{width:100%;margin:.9rem 0 .5rem;}
/* ========== Footer ========== */
.site-footer{background:var(--xm-primary);color:var(--xm-text-dark);font-size:.9375rem;padding:4.5rem 0 0;}
.footer-brand{font-family:var(--xm-serif);font-weight:900;font-size:1.6rem;display:flex;align-items:center;color:#fff;}
.footer-about{color:var(--xm-text-dark-muted);max-width:330px;margin:1.1rem 0 0;line-height:1.9;}
.footer-title{display:block;color:#fff;font-family:var(--xm-serif);font-weight:600;margin-bottom:1.2rem;font-size:1.05rem;}
.footer-link{display:block;color:var(--xm-text-dark-muted);margin-bottom:.65rem;transition:color .25s,transform .25s;}
.footer-link:hover{color:var(--xm-accent);transform:translateX(3px);}
.footer-bottom{
  margin-top:3.5rem;border-top:1px solid var(--xm-border-dark);
  padding:1.5rem 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;
  color:var(--xm-text-dark-muted);font-size:.8125rem;
}
.footer-bottom a{color:inherit;}
/* ========== 分类页页头 ========== */
.cat-hero{position:relative;padding:8.5rem 0 4rem;overflow:hidden;background:var(--xm-warm);}
.cat-hero-bg{
  position:absolute;right:-12%;top:-22%;width:58%;height:150%;
  background:url('/assets/images/backpic/back-4.jpg') no-repeat center center / cover;
  opacity:.08;transform:rotate(2deg);pointer-events:none;
}
.cat-hero-accent-bar{position:absolute;left:0;top:0;width:100%;height:4px;background:var(--xm-accent);z-index:2;}
.cat-hero-inner{position:relative;z-index:3;}
.cat-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;color:var(--xm-muted);font-size:.8125rem;margin-bottom:1.5rem;}
.cat-crumb a{transition:color .25s;}
.cat-crumb a:hover{color:var(--xm-accent);}
.crumbs-sep{color:var(--xm-accent);font-weight:600;}
.cat-hero h1{font-size:2.9rem;line-height:1.18;font-weight:900;letter-spacing:.01em;margin-bottom:1.3rem;max-width:760px;}
.cat-hero h1 .cat-em{color:var(--xm-accent);}
.cat-hero-sub{color:var(--xm-text-2);font-size:1.0625rem;line-height:1.95;max-width:570px;margin-bottom:1.8rem;}
.cat-hero-tags{display:flex;flex-wrap:wrap;gap:.55rem;}
.cat-hero-visual{position:relative;max-width:340px;}
.cat-hero-visual .visual-shadow{position:absolute;right:-16px;bottom:-16px;width:100%;height:100%;border:2px solid var(--xm-accent);border-radius:4px;z-index:1;}
.cat-hero-visual img{position:relative;z-index:2;aspect-ratio:4/3;object-fit:cover;border-radius:4px;width:100%;box-shadow:0 18px 40px rgba(0,0,0,.08);}
/* ========== 分类页主体：特征卡 ========== */
.cat-feature{background:var(--xm-warm);padding-top:1.5rem;}
.cat-feature-card{
  background:var(--xm-white);border:1px solid var(--xm-border);border-radius:var(--xm-radius-card);
  overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;
}
.cat-feature-card.sand{background:var(--xm-sand);border-color:transparent;}
.cat-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 0 0 var(--xm-primary);}
.cat-feature-card .feat-media{height:100%;min-height:300px;background:var(--xm-sand);overflow:hidden;}
.cat-feature-card .feat-media img{width:100%;height:100%;min-height:300px;object-fit:cover;transition:transform .5s ease;}
.cat-feature-card:hover .feat-media img{transform:scale(1.02);}
.feat-body{padding:2.8rem 3rem 2.6rem;}
.feat-num{
  display:inline-flex;align-items:center;gap:.45rem;font-family:var(--xm-serif);
  font-weight:700;color:var(--xm-accent);letter-spacing:.06em;font-size:1rem;margin-bottom:1rem;
}
.feat-tag{display:inline-block;background:var(--xm-warm);border-radius:999px;padding:.25rem .9rem;font-size:.8rem;font-weight:600;margin-left:.75rem;}
.feat-body h3{font-size:1.65rem;font-weight:700;margin-bottom:1.1rem;line-height:1.45;}
.feat-quote{
  font-family:var(--xm-serif);font-size:1.1rem;line-height:1.8;font-weight:600;
  border-left:3px solid var(--xm-accent);padding-left:1.1rem;margin:1.35rem 0 1.1rem;
}
.feat-body p{color:var(--xm-text-2);font-size:1rem;line-height:1.9;margin-bottom:1.6rem;}
/* ========== 编辑视角区 ========== */
.cat-editorial{background:var(--xm-warm);}
.editorial-media{position:relative;border-radius:4px;overflow:hidden;}
.editorial-media img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px;}
.editorial-media::after{
  content:"";position:absolute;left:-14px;bottom:24px;width:100%;height:100%;
  border:2px solid var(--xm-sand);border-radius:4px;z-index:-1;
}
.editorial-content{max-width:640px;}
.editorial-content h2{font-size:2.2rem;font-weight:800;line-height:1.3;margin-bottom:2rem;}
.editorial-subtitle{font-weight:600;font-size:1.1rem;margin:1.6rem 0 .8rem;display:block;color:var(--xm-text);padding-left:.75rem;border-left:3px solid var(--xm-accent);}
.editorial-content p{color:var(--xm-text-2);line-height:1.95;margin-bottom:1.4rem;}
.dropcap::first-letter{
  font-family:var(--xm-serif);float:left;font-size:3em;line-height:.9;padding:.08em .14em 0 0;
  color:var(--xm-accent);font-weight:900;
}
.xm-divider{height:1px;background:var(--xm-border);margin:2.2rem 0;border:0;}
.editorial-quote{
  font-family:var(--xm-serif);font-weight:600;font-size:1.35rem;line-height:1.7;
  margin:1.6rem 0 0;padding:0 0 .35rem 1.2rem;border-left:4px solid var(--xm-accent);
}
/* ========== 栏目索引列表 ========== */
.cat-catalogue{background:var(--xm-sand);padding:5.5rem 0 4rem;}
.catalogue-head{margin-bottom:.5rem;}
.catalogue-head .sec-lead{margin-bottom:0;}
.catalogue-panel{background:var(--xm-white);border:1px solid var(--xm-border);border-radius:4px;margin-top:2.5rem;overflow:hidden;}
.cat-list-row{
  display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:1.25rem;
  padding:1.8rem 1.6rem;border-bottom:1px solid var(--xm-border);transition:background .25s ease;
}
.cat-list-row:first-child{border-top:0;}
.cat-list-row:last-child{border-bottom:0;}
.cat-list-row:hover{background:var(--xm-sand);}
.cat-index{font-family:var(--xm-serif);font-weight:700;color:var(--xm-text);letter-spacing:.05em;font-size:1.4rem;transition:color .25s;}
.cat-list-row:hover .cat-index{color:var(--xm-accent);}
.cat-list-main .list-title{font-size:1.2rem;font-weight:700;font-family:var(--xm-serif);margin-bottom:.4rem;line-height:1.5;}
.cat-list-main .list-summary{color:var(--xm-text-2);font-size:.9375rem;margin:0;line-height:1.8;}
.cat-more{white-space:nowrap;font-size:.9rem;font-weight:600;color:var(--xm-text);display:inline-flex;align-items:center;gap:.3rem;transition:color .25s;}
.cat-more span{transition:transform .25s;font-style:normal;}
.cat-list-row:hover .cat-more{color:var(--xm-accent);}
.cat-list-row:hover .cat-more span{transform:translateX(4px);}
/* ========== FAQ ========== */
.cat-faq{background:var(--xm-warm);}
.faq-aside p{color:var(--xm-text-2);line-height:1.9;max-width:320px;}
.accordion-xm .accordion-item{
  border:1px solid var(--xm-border);border-radius:4px;overflow:hidden;margin-bottom:1rem;
  background:var(--xm-white);transition:border-color .25s;
}
.accordion-xm .accordion-item:has(.accordion-button:not(.collapsed)){border-left:4px solid var(--xm-accent);}
.accordion-xm .accordion-button{
  background:var(--xm-white);color:var(--xm-text);font-family:var(--xm-sans);
  font-weight:600;font-size:1.05rem;padding:1.15rem 1.4rem;box-shadow:none;
  transition:color .25s;
}
.accordion-xm .accordion-button:hover{color:var(--xm-accent);}
.accordion-xm .accordion-button.collapsed{background:var(--xm-white);}
.accordion-xm .accordion-button:not(.collapsed){background:var(--xm-white);color:var(--xm-text);box-shadow:none;}
.accordion-xm .accordion-button:focus{box-shadow:none;border-color:transparent;}
.accordion-xm .accordion-button::after{
  content:"+";background-image:none;width:22px;height:22px;font-size:1.3rem;font-weight:400;
  color:var(--xm-accent);display:flex;align-items:center;justify-content:center;
  transform:none;transition:transform .25s ease;line-height:1;
}
.accordion-xm .accordion-button:not(.collapsed)::after{content:"×";transform:rotate(180deg);}
.accordion-xm .accordion-body{padding:.3rem 1.4rem 1.25rem;color:var(--xm-text-2);line-height:1.9;font-size:.975rem;}
/* ========== 联系 CTA ========== */
.cat-contact{background:var(--xm-primary);position:relative;overflow:hidden;}
.cat-contact::before{
  content:"XINMADO";position:absolute;right:-20px;bottom:-40px;font-size:11rem;font-weight:900;
  color:rgba(255,255,255,.035);line-height:1;font-family:var(--xm-serif);letter-spacing:-.02em;
  pointer-events:none;
}
.cat-contact .container{position:relative;z-index:2;}
.contact-copy h2{color:#fff;font-size:2.1rem;line-height:1.35;margin-bottom:1.4rem;font-weight:800;}
.contact-copy .contact-intro{color:var(--xm-text-dark-muted);max-width:390px;margin-bottom:2.3rem;line-height:1.9;}
.contact-line{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:.85rem;color:var(--xm-text-dark-muted);line-height:1.7;}
.contact-dot{width:8px;height:8px;flex:0 0 8px;background:var(--xm-accent);margin-top:.75rem;display:inline-block;}
.contact-line a{color:var(--xm-text-dark);border-bottom:1px solid rgba(255,255,255,.15);transition:color .2s;word-break:break-all;}
.contact-line a:hover{color:var(--xm-accent);border-color:var(--xm-accent);}
.xm-form-panel{background:var(--xm-white);border-radius:4px;padding:2.3rem 2.2rem;border-left:4px solid var(--xm-accent);}
.xm-form-panel .form-label{font-size:.9rem;font-weight:600;color:var(--xm-text);margin-bottom:.45rem;}
.xm-form-panel .form-control{
  background:var(--xm-warm);border:1px solid var(--xm-border);border-radius:0;
  padding:.8rem 1rem;font-size:.95rem;color:var(--xm-text);transition:border-color .2s,box-shadow .2s,background-color .2s;
}
.xm-form-panel .form-control::placeholder{color:var(--xm-muted);}
.xm-form-panel .form-control:focus{background:#fff;border-color:var(--xm-text);box-shadow:none;outline:none;}
.xm-form-panel textarea.form-control{min-height:100px;resize:vertical;}
.form-tip{font-size:.8rem;color:var(--xm-muted);margin-top:.35rem;margin-bottom:0;}
/* ========== 响应式 ========== */
@media (min-width:992px){
  .site-header.is-scrolled{border-bottom-color:var(--xm-border);}
  .site-header{height:82px;background:rgba(245,241,236,.92);}
  .navbar-xm{min-height:82px;flex-wrap:nowrap;padding:0;}
  .navbar-toggler{display:none;}
  .collapse-menu-xm{
    width:auto;background:transparent;border-top:0;margin-top:0;padding-bottom:0;
    display:flex!important;align-items:center;flex-grow:0;
  }
  .nav-menu-xm{flex-direction:row;gap:2rem;align-items:center;margin-left:auto;}
  .nav-item-xm{width:auto;}
  .nav-link-xm{display:inline-block;padding:.4rem 0!important;border-bottom:0;position:relative;}
  .nav-link-xm::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--xm-accent);transition:width .3s;}
  .nav-link-xm:hover::after,.nav-link-xm.active::after{width:100%;}
  .nav-btn{width:auto;margin:0 0 0 1.6rem;}
}
@media (min-width:768px) and (max-width:991.98px){
  .cat-hero h1{font-size:2.4rem;}
  .feat-body{padding:2.2rem;}
  .cat-list-row{grid-template-columns:70px 1fr;gap:1rem;}
  .cat-more{grid-column:2;justify-self:start;}
}
@media (max-width:767.98px){
  .section-pad{padding:3.4rem 0;}
  .sec-title{font-size:1.8rem;}
  .cat-hero{padding:7.2rem 0 3rem;}
  .cat-hero .row{gap:2.4rem;}
  .cat-hero h1{font-size:2.05rem;line-height:1.35;}
  .cat-hero-sub{font-size:.975rem;}
  .cat-hero-visual{max-width:100%;}
  .cat-hero-visual img{width:100%;}
  .visual-shadow{display:none;}
  .cat-hero-tags{gap:.4rem;}
  .feat-body{padding:1.8rem 1.4rem;}
  .feat-body h3{font-size:1.3rem;}
  .feat-num{flex-wrap:wrap;}
  .feat-tag{margin-left:0;margin-top:.2rem;}
  .cat-feature-card .feat-media,.cat-feature-card .feat-media img{min-height:220px;}
  .editorial-content h2{font-size:1.7rem;margin-top:1.2rem;}
  .cat-list-row{grid-template-columns:52px 1fr;gap:.9rem;padding:1.5rem .4rem;}
  .cat-index{font-size:1.2rem;}
  .cat-list-main .list-title{font-size:1.06rem;}
  .cat-list-main .list-summary{font-size:.875rem;}
  .cat-more{grid-column:1 / -1;justify-self:end;font-size:.875rem;}
  .contact-copy h2{font-size:1.8rem;}
  .xm-form-panel{padding:1.6rem 1.2rem;}
  .footer-bottom{flex-direction:column;gap:.8rem;}
}
@media (min-width:1200px){
  .cat-editorial .container .editorial-content{max-width:660px;}
}

/* roulang: framework shim */
/* 覆盖 Bootstrap 等对 a/btn 的全局默认，避免导航出现下划线/蓝链 */
.site-header a,.site-header a:hover,.navbar a,.navbar a:hover,.nav-links a,.nav-links a:hover,header nav a,header nav a:hover{text-decoration:none}
.site-header .btn,.navbar .btn,.nav-cta{text-decoration:none}