/* roulang page: index */
:root{
    --ink:#1b2a41;
    --ink-2:#243752;
    --ink-soft:#4a5568;
    --muted:#6b7688;
    --bg:#f7f5f1;
    --surface:#ffffff;
    --line:#e6e1d8;
    --line-strong:#d9d2c4;
    --accent:#bf7a1a;
    --accent-dark:#9d6210;
    --accent-soft:#fdf3e3;
    --accent-glow:#f0c987;
    --radius-xl:20px;
    --radius-lg:16px;
    --radius-md:13px;
    --radius-sm:9px;
    --shadow-sm:0 1px 2px rgba(27,42,65,.05),0 3px 10px rgba(27,42,65,.05);
    --shadow-md:0 10px 26px rgba(27,42,65,.10);
    --shadow-lg:0 20px 52px rgba(27,42,65,.16);
    --font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  }
  *,*::before,*::after{box-sizing:border-box;}
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
  body{
    margin:0;font-family:var(--font);font-size:16px;line-height:1.78;
    color:var(--ink);background:var(--bg);
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.01em;color:var(--ink);}
  p{margin:0;}
  img{display:block;max-width:100%;height:auto;}
  a{color:inherit;text-decoration:none;}
  ul{margin:0;padding:0;list-style:none;}
  button{font-family:inherit;cursor:pointer;}
  input,textarea,select{font-family:inherit;}
  :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px;}
  .container{width:100%;max-width:1180px;margin:0 auto;padding:0 22px;}

  /* ---------- Header ---------- */
  .site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .25s ease;}
  .site-header.is-stuck{box-shadow:0 6px 24px rgba(27,42,65,.10);}
  .promo-bar{background:var(--ink);color:#f2ece1;font-size:13px;line-height:1.5;}
  .promo-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 16px;min-height:38px;padding:6px 22px;text-align:center;}
  .promo-inner strong{color:var(--accent-glow);font-weight:600;}
  .promo-dot{width:4px;height:4px;border-radius:50%;background:rgba(240,201,135,.7);}
  .nav-main{display:flex;align-items:center;gap:20px;min-height:64px;}
  .brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:700;color:var(--ink);letter-spacing:.01em;}
  .brand-mark{width:36px;height:36px;border-radius:11px;background:var(--ink);color:var(--accent-glow);display:grid;place-items:center;font-size:15px;font-weight:700;flex:0 0 auto;}
  .nav-links{display:flex;align-items:center;gap:2px;}
  .nav-link{position:relative;display:inline-flex;align-items:center;height:40px;padding:0 13px;border-radius:var(--radius-sm);font-size:15px;color:var(--ink-soft);transition:color .2s,background .2s;}
  .nav-link:hover{color:var(--ink);background:var(--accent-soft);}
  .nav-link.active{color:var(--accent-dark);font-weight:600;background:var(--accent-soft);}
  .nav-link.active::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;border-radius:2px;background:var(--accent);}
  .nav-tools{margin-left:auto;display:flex;align-items:center;gap:10px;}
  .search-box{display:flex;align-items:center;gap:8px;height:40px;padding:0 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;min-width:186px;transition:border-color .2s,box-shadow .2s;}
  .search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(191,122,26,.14);}
  .search-box svg{flex:0 0 auto;color:var(--muted);}
  .search-box input{border:0;outline:0;background:transparent;width:100%;font-size:14px;color:var(--ink);}
  .search-box input::placeholder{color:#9aa3b1;}
  .icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink-soft);transition:border-color .2s,color .2s,background .2s;}
  .icon-btn:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft);}
  .menu-toggle{display:none;}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:15px;font-weight:600;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s;}
  .btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(191,122,26,.26);}
  .btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 12px 26px rgba(191,122,26,.34);}
  .btn-primary:active{transform:translateY(0);}
  .btn-ghost{background:#fff;color:var(--ink);border-color:var(--line-strong);}
  .btn-ghost:hover{border-color:var(--accent);color:var(--accent-dark);transform:translateY(-1px);}
  .nav-cta{height:40px;padding:0 18px;font-size:14px;}
  .mobile-menu{display:none;border-top:1px solid var(--line);background:#fff;padding:10px 22px 18px;}
  .mobile-menu.open{display:block;}
  .mobile-menu a{display:block;padding:11px 4px;font-size:15px;color:var(--ink-soft);border-bottom:1px solid var(--line);}
  .mobile-menu a:last-child{border-bottom:0;}
  .mobile-menu a:hover{color:var(--accent-dark);}

  /* ---------- Section base ---------- */
  .section{padding:66px 0;background:var(--bg);}
  .section--surface{background:var(--surface);}
  .section--ink{background:linear-gradient(160deg,#1b2a41 0%,#22364f 100%);color:#e8edf4;}
  .section-head{max-width:760px;margin-bottom:34px;}
  .section-head--center{margin-left:auto;margin-right:auto;text-align:center;}
  .section-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.14em;color:var(--accent-dark);}
  .section-kicker::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent);}
  .section-head--center .section-kicker::after{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent);}
  .section-title{font-size:clamp(22px,2.6vw,30px);line-height:1.36;margin:14px 0 12px;}
  .section-desc{font-size:15px;color:var(--muted);max-width:700px;}
  .section--ink .section-title{color:#fff;}
  .section--ink .section-desc{color:#b9c4d3;}
  .section--ink .section-kicker{color:var(--accent-glow);}
  .section--ink .section-kicker::before{background:var(--accent-glow);}

  /* ---------- Hero ---------- */
  .hero-section{position:relative;overflow:hidden;padding:48px 0 60px;background:linear-gradient(180deg,#fcfaf6 0%,#f5f1e8 100%);}
  .hero-section::before{content:"";position:absolute;inset:0;background:url('/assets/images/6a9db9698be54c63.webp') center/cover no-repeat;opacity:.07;}
  .hero-section::after{content:"";position:absolute;width:520px;height:520px;right:-160px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(191,122,26,.16),transparent 68%);}
  .hero-section > .container{position:relative;z-index:2;}
  .bento{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;}
  .bento-main{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);padding:36px 34px;box-shadow:var(--shadow-sm);}
  .bento-main h1{font-size:clamp(26px,3.4vw,40px);line-height:1.28;margin:16px 0 16px;}
  .hero-lead{font-size:15.5px;line-height:1.85;color:var(--ink-soft);max-width:640px;}
  .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
  .pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}
  .pill{display:inline-flex;align-items:center;height:31px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--line-strong);font-size:13px;color:var(--ink-soft);transition:border-color .2s,color .2s;}
  .pill:hover{border-color:var(--accent);color:var(--accent-dark);}
  .bento-side{display:grid;grid-template-rows:auto 1fr;gap:18px;}
  .mini-card{border-radius:var(--radius-xl);padding:24px;position:relative;overflow:hidden;}
  .mini-card--stat{background:var(--ink);color:#eef2f7;}
  .mini-head{font-size:13px;letter-spacing:.06em;color:#a9b8cc;}
  .mini-num{font-size:46px;line-height:1.1;font-weight:800;color:var(--accent-glow);margin:6px 0 10px;letter-spacing:-.02em;}
  .mini-num span{font-size:16px;font-weight:600;color:#c7d2e0;margin-left:6px;}
  .mini-text{font-size:13.5px;line-height:1.72;color:#b3c0d1;}
  .mini-card--media{padding:0;min-height:210px;border:1px solid var(--line);}
  .mini-card--media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .mini-overlay{position:absolute;inset:auto 0 0 0;padding:20px;background:linear-gradient(180deg,rgba(20,32,49,0) 0%,rgba(20,32,49,.88) 68%);color:#f1f5fa;}
  .mini-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:rgba(240,201,135,.2);color:var(--accent-glow);font-size:12px;font-weight:600;margin-bottom:8px;}
  .mini-overlay p{font-size:13.5px;line-height:1.7;color:#dbe3ed;}
  .hero-cta-bar{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);}
  .hero-cta-bar strong{display:block;font-size:16px;color:var(--ink);}
  .hero-cta-bar span{display:block;font-size:13.5px;color:var(--muted);margin-top:4px;}

  /* ---------- Grids ---------- */
  .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
  .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
  .grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}

  /* ---------- Cards ---------- */
  .card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
  .card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong);}
  .card-media{aspect-ratio:16/10;overflow:hidden;background:#eceae5;}
  .card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
  .card:hover .card-media img{transform:scale(1.045);}
  .card-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1;}
  .card-title{font-size:17px;line-height:1.5;}
  .card-text{font-size:14px;line-height:1.78;color:var(--muted);}
  .card-foot{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;}
  .tag{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-size:12px;font-weight:600;}
  .tag--line{background:#fff;border:1px solid var(--line);color:var(--muted);font-weight:500;}

  /* ---------- Stats ---------- */
  .stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
  .stat-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);padding:24px 20px;transition:background .22s,border-color .22s,transform .22s;}
  .stat-item:hover{background:rgba(255,255,255,.1);border-color:rgba(240,201,135,.5);transform:translateY(-3px);}
  .stat-num{font-size:34px;font-weight:800;line-height:1.15;color:var(--accent-glow);letter-spacing:-.02em;}
  .stat-num small{font-size:15px;font-weight:600;margin-left:4px;color:#c7d2e0;}
  .stat-label{margin-top:8px;font-size:14px;color:#bcc7d6;line-height:1.7;}

  /* ---------- Compare ---------- */
  .compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  .compare-col{border-radius:var(--radius-md);padding:26px;background:#fff;border:1px solid var(--line);}
  .compare-col--after{background:var(--accent-soft);border-color:#ecd6ad;}
  .compare-col h3{font-size:17px;margin-bottom:16px;}
  .compare-col--after h3{color:var(--accent-dark);}
  .compare-list li{position:relative;padding-left:22px;font-size:14px;line-height:1.75;color:var(--ink-soft);margin-bottom:13px;}
  .compare-list li:last-child{margin-bottom:0;}
  .compare-list li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:#c9c2b4;}
  .compare-col--after .compare-list li::before{background:var(--accent);}

  /* ---------- Steps ---------- */
  .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
  .step{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:24px 20px;transition:transform .22s,box-shadow .22s,border-color .22s;}
  .step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong);}
  .step-num{width:36px;height:36px;border-radius:11px;background:var(--ink);color:var(--accent-glow);display:grid;place-items:center;font-weight:700;font-size:15px;margin-bottom:15px;}
  .step h3{font-size:16px;margin-bottom:9px;}
  .step p{font-size:13.5px;line-height:1.75;color:var(--muted);}

  /* ---------- Rules cards ---------- */
  .rule-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:24px 20px;transition:transform .22s,box-shadow .22s,border-color .22s;}
  .rule-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong);}
  .rule-card h3{font-size:17px;margin-bottom:6px;}
  .rule-card .tag{margin-bottom:12px;}
  .rule-card p{font-size:13.5px;line-height:1.76;color:var(--muted);}

  /* ---------- Channel ---------- */
  .channel-card{display:block;position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:26px 24px;transition:transform .22s,box-shadow .22s,border-color .22s;}
  .channel-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent);}
  .channel-card h3{font-size:18px;margin-bottom:10px;display:flex;align-items:center;gap:10px;}
  .channel-card h3::after{content:"→";font-size:15px;color:var(--accent);transition:transform .22s;}
  .channel-card:hover h3::after{transform:translateX(4px);}
  .channel-card p{font-size:14px;line-height:1.78;color:var(--muted);}
  .channel-meta{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;}

  /* ---------- News ---------- */
  .news-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:26px;align-items:start;}
  .news-item{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:22px;margin-bottom:14px;transition:transform .22s,box-shadow .22s,border-color .22s;}
  .news-item:last-child{margin-bottom:0;}
  .news-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--line-strong);}
  .news-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--muted);margin-bottom:9px;}
  .news-meta .nm-cat{color:var(--accent-dark);font-weight:600;}
  .news-item h3{font-size:17px;line-height:1.5;margin-bottom:8px;}
  .news-item p{font-size:14px;line-height:1.75;color:var(--muted);}
  .empty-tip{padding:26px;border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--muted);font-size:14px;background:#fff;}
  .side-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;}
  .side-card h3{font-size:16px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line);}
  .side-list li + li{margin-top:2px;}
  .side-list a{display:flex;gap:12px;padding:13px 0;border-bottom:1px dashed var(--line);font-size:14px;line-height:1.6;color:var(--ink-soft);transition:color .2s;}
  .side-list li:last-child a{border-bottom:0;}
  .side-list a:hover{color:var(--accent-dark);}
  .side-list .idx{flex:0 0 auto;width:22px;height:22px;border-radius:7px;background:var(--accent-soft);color:var(--accent-dark);font-size:12px;font-weight:700;display:grid;place-items:center;margin-top:2px;}

  /* ---------- QA ---------- */
  .qa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
  .qa-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;transition:transform .22s,box-shadow .22s,border-color .22s;}
  .qa-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--line-strong);}
  .qa-item h3{font-size:16px;margin-bottom:10px;display:flex;gap:10px;}
  .qa-item h3::before{content:"问";flex:0 0 auto;width:24px;height:24px;border-radius:8px;background:var(--accent-soft);color:var(--accent-dark);font-size:12px;font-weight:700;display:grid;place-items:center;margin-top:2px;}
  .qa-item p{font-size:14px;line-height:1.8;color:var(--muted);padding-left:34px;}

  /* ---------- Crowd ---------- */
  .crowd-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:24px 20px;transition:transform .22s,box-shadow .22s,border-color .22s;}
  .crowd-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent);}
  .crowd-icon{width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent-dark);display:grid;place-items:center;margin-bottom:14px;}
  .crowd-card h3{font-size:16px;margin-bottom:8px;}
  .crowd-card p{font-size:13.5px;line-height:1.75;color:var(--muted);}

  /* ---------- Assurance ---------- */
  .assure{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
  .assure-item{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:22px 20px;transition:transform .22s,box-shadow .22s;}
  .assure-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
  .assure-icon{flex:0 0 auto;width:40px;height:40px;border-radius:11px;background:var(--accent-soft);color:var(--accent-dark);display:grid;place-items:center;}
  .assure-item h3{font-size:15px;margin-bottom:6px;}
  .assure-item p{font-size:13.5px;line-height:1.72;color:var(--muted);}

  /* ---------- Lead form ---------- */
  .lead-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;}
  .lead-copy h2{font-size:clamp(22px,2.6vw,30px);line-height:1.36;color:#fff;margin:14px 0 14px;}
  .lead-copy p{font-size:15px;line-height:1.85;color:#b9c4d3;max-width:460px;}
  .lead-points{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;}
  .lead-points span{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);font-size:13px;color:#dbe3ed;}
  .lead-form{background:#fff;border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-lg);color:var(--ink);}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .field{margin-bottom:14px;}
  .field label{display:block;font-size:13px;font-weight:600;color:var(--ink-soft);margin-bottom:7px;}
  .field input,.field textarea{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:11px 13px;font-size:14px;line-height:1.6;color:var(--ink);background:#fff;transition:border-color .2s,box-shadow .2s;}
  .field textarea{resize:vertical;min-height:88px;}
  .field input::placeholder,.field textarea::placeholder{color:#a3abba;}
  .field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(191,122,26,.16);}
  .lead-form .btn{width:100%;margin-top:4px;}
  .form-note{margin-top:12px;font-size:12.5px;color:var(--muted);line-height:1.7;}
  .form-done{margin-top:12px;padding:12px 14px;border-radius:var(--radius-sm);background:#eef7ef;border:1px solid #cfe6d2;color:#2f6b3a;font-size:13.5px;}

  /* ---------- Footer ---------- */
  .site-footer{background:#16233a;color:#c3cdda;border-top:1px solid rgba(255,255,255,.08);}
  .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px;padding:54px 0 34px;}
  .brand--footer{color:#fff;font-size:19px;margin-bottom:14px;}
  .brand--footer .brand-mark{background:rgba(255,255,255,.1);color:var(--accent-glow);}
  .footer-brand-col p{font-size:13.5px;line-height:1.8;color:#93a2b6;max-width:330px;}
  .footer-col h4{font-size:14px;color:#fff;margin-bottom:16px;letter-spacing:.02em;}
  .footer-col li + li{margin-top:10px;}
  .footer-col a{font-size:13.5px;color:#9dabbd;transition:color .2s;}
  .footer-col a:hover{color:var(--accent-glow);}
  .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:18px 22px 26px;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;color:#7f8fa4;}

  /* ---------- Responsive ---------- */
  @media (max-width:1024px){
    .nav-links{display:none;}
    .search-box{display:none;}
    .menu-toggle{display:grid;}
    .bento{grid-template-columns:1fr;}
    .bento-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
    .mini-card--media{min-height:200px;}
    .grid-4,.stat-grid,.steps,.assure{grid-template-columns:repeat(2,minmax(0,1fr));}
    .grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}
    .news-layout{grid-template-columns:1fr;}
    .lead-wrap{grid-template-columns:1fr;gap:28px;}
    .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
    .footer-brand-col{grid-column:1 / -1;}
  }
  @media (max-width:768px){
    .section{padding:50px 0;}
    .hero-section{padding:32px 0 44px;}
    .bento-main{padding:26px 22px;}
    .bento-side{grid-template-columns:1fr;}
    .grid-2,.grid-3,.compare,.qa-grid{grid-template-columns:1fr;}
    .hero-cta-bar{padding:18px 20px;}
    .hero-cta-bar .btn{width:100%;}
    .news-item{padding:18px;}
    .form-row{grid-template-columns:1fr;}
    .promo-inner{font-size:12px;}
  }
  @media (max-width:560px){
    .container{padding:0 16px;}
    .nav-main{min-height:58px;gap:12px;}
    .brand{font-size:17px;}
    .brand-mark{width:32px;height:32px;border-radius:10px;font-size:14px;}
    .nav-cta{height:36px;padding:0 14px;font-size:13px;}
    .grid-4,.stat-grid,.steps,.assure{grid-template-columns:1fr;}
    .mini-num{font-size:38px;}
    .stat-num{font-size:30px;}
    .footer-grid{grid-template-columns:1fr;padding:38px 0 24px;}
    .footer-bottom{flex-direction:column;align-items:flex-start;}
    .hero-actions .btn{width:100%;}
    .lead-form{padding:22px;}
  }
  @media (prefers-reduced-motion:reduce){
    *{transition:none!important;animation:none!important;scroll-behavior:auto!important;}
  }

/* roulang page: article */
:root{
 --ink:#1b2a41;
 --ink-2:#243752;
 --ink-soft:#4a5568;
 --muted:#6b7688;
 --bg:#f7f5f1;
 --surface:#ffffff;
 --line:#e6e1d8;
 --line-strong:#d9d2c4;
 --accent:#bf7a1a;
 --accent-dark:#9d6210;
 --accent-soft:#fdf3e3;
 --accent-glow:#f0c987;
 --radius-xl:20px;
 --radius-lg:16px;
 --radius-md:13px;
 --radius-sm:9px;
 --shadow-sm:0 1px 2px rgba(27,42,65,.05),0 3px 10px rgba(27,42,65,.05);
 --shadow-md:0 10px 26px rgba(27,42,65,.10);
 --shadow-lg:0 20px 52px rgba(27,42,65,.16);
 --font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
 margin:0;font-family:var(--font);font-size:16px;line-height:1.78;
 color:var(--ink);background:var(--bg);
 -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
input,textarea,select{font-family:inherit;}
h1,h2,h3,h4,p,ul,ol{margin:0;}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 22px;}

/* ---------- 顶部公告条 ---------- */
.promo-bar{background:var(--ink);color:#dfe6ef;font-size:13px;}
.promo-inner{display:flex;align-items:center;gap:10px;min-height:38px;flex-wrap:wrap;}
.promo-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-glow);box-shadow:0 0 0 4px rgba(240,201,135,.16);flex:0 0 auto;}
.promo-link{margin-left:auto;color:var(--accent-glow);font-weight:600;border-bottom:1px solid transparent;transition:border-color .2s,color .2s;}
.promo-link:hover{color:#fff;border-color:var(--accent-glow);}

/* ---------- 头部导航 ---------- */
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .25s ease;}
.site-header.is-stuck{box-shadow:0 6px 24px rgba(27,42,65,.10);}
.nav-main{display:flex;align-items:center;gap:20px;min-height:64px;}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:700;color:var(--ink);letter-spacing:.01em;flex:0 0 auto;}
.brand-mark{width:36px;height:36px;border-radius:11px;background:var(--ink);color:var(--accent-glow);display:grid;place-items:center;font-size:15px;font-weight:700;flex:0 0 auto;}
.nav-links{display:flex;align-items:center;gap:2px;}
.nav-link{position:relative;display:inline-flex;align-items:center;height:40px;padding:0 13px;border-radius:var(--radius-sm);font-size:15px;color:var(--ink-soft);transition:color .2s,background .2s;}
.nav-link:hover{color:var(--ink);background:var(--accent-soft);}
.nav-link.active{color:var(--accent-dark);font-weight:600;background:var(--accent-soft);}
.nav-link.active::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;border-radius:2px;background:var(--accent);}
.nav-tools{margin-left:auto;display:flex;align-items:center;gap:10px;}
.search-box{display:flex;align-items:center;gap:8px;height:40px;padding:0 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;min-width:186px;transition:border-color .2s,box-shadow .2s;}
.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(191,122,26,.14);}
.search-box svg{flex:0 0 auto;color:var(--muted);}
.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:14px;color:var(--ink);}
.search-box input::placeholder{color:#9aa3b1;}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink-soft);transition:border-color .2s,color .2s,background .2s;}
.icon-btn:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft);}
.icon-btn:focus-visible{outline:3px solid rgba(191,122,26,.35);outline-offset:2px;}
.menu-toggle{display:none;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:15px;font-weight:600;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s;}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(191,122,26,.26);}
.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 12px 26px rgba(191,122,26,.34);}
.btn-primary:active{transform:translateY(0);}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line-strong);}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent-dark);transform:translateY(-1px);}
.btn:focus-visible{outline:3px solid rgba(191,122,26,.35);outline-offset:2px;}
.nav-cta{height:40px;padding:0 18px;font-size:14px;}
.mobile-menu{display:none;border-top:1px solid var(--line);background:#fff;padding:10px 22px 18px;}
.mobile-menu.open{display:block;}
.mobile-menu a{display:block;padding:11px 4px;font-size:15px;color:var(--ink-soft);border-bottom:1px solid var(--line);}
.mobile-menu a:last-child{border-bottom:0;}
.mobile-menu a:hover{color:var(--accent-dark);}

/* ---------- 板块基础 ---------- */
.section{padding:62px 0;background:var(--bg);}
.section--surface{background:var(--surface);}
.section--ink{background:linear-gradient(160deg,#1b2a41 0%,#22364f 100%);color:#e8edf4;}
.section-head{max-width:760px;margin-bottom:32px;}
.section-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.14em;color:var(--accent-dark);}
.section-kicker::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent);}
.section-title{font-size:clamp(22px,2.6vw,29px);line-height:1.38;margin:14px 0 12px;color:var(--ink);}
.section-desc{font-size:15px;color:var(--muted);max-width:700px;line-height:1.8;}
.section--ink .section-title{color:#fff;}
.section--ink .section-desc{color:#b9c4d3;}
.section--ink .section-kicker{color:var(--accent-glow);}
.section--ink .section-kicker::before{background:var(--accent-glow);}

/* ---------- 文章头部 ---------- */
.article-hero{position:relative;overflow:hidden;padding:34px 0 52px;background:linear-gradient(180deg,#fcfaf6 0%,#f4efe5 100%);border-bottom:1px solid var(--line);}
.article-hero::before{content:"";position:absolute;inset:0;background:url('/assets/images/53f30ac610957a2a.webp') center/cover no-repeat;opacity:.06;}
.article-hero > .container{position:relative;z-index:2;}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted);flex-wrap:wrap;margin-bottom:22px;}
.breadcrumb a{color:var(--ink-soft);transition:color .2s;}
.breadcrumb a:hover{color:var(--accent-dark);}
.crumb-current{color:var(--ink-2);font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.article-head-grid{display:grid;grid-template-columns:1.32fr .95fr;gap:40px;align-items:start;}
.article-tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 13px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-size:12.5px;font-weight:700;letter-spacing:.05em;border:1px solid var(--accent-glow);}
.article-head-text h1{font-size:clamp(25px,3.3vw,37px);line-height:1.32;margin:16px 0 14px;color:var(--ink);}
.article-sub{font-size:15.5px;color:var(--ink-soft);line-height:1.85;max-width:600px;}
.article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;font-size:13.5px;color:var(--muted);}
.meta-chip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);}
.meta-chip svg{color:var(--accent);}
.article-hero-media{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-md);aspect-ratio:4/3;background:#efe9df;}
.article-hero-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.article-hero-media:hover img{transform:scale(1.03);}

/* ---------- 导读区 ---------- */
.lead-wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:26px;align-items:stretch;}
.lead-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 28px;box-shadow:var(--shadow-sm);}
.lead-card h2{font-size:17px;color:var(--ink);margin-bottom:12px;display:flex;align-items:center;gap:9px;}
.lead-card h2::before{content:"";width:4px;height:17px;border-radius:3px;background:var(--accent);display:inline-block;}
.lead-card p{font-size:15px;line-height:1.9;color:var(--ink-soft);}
.lead-points{list-style:none;padding:24px 26px;margin:0;background:linear-gradient(160deg,#1b2a41,#233952);border-radius:var(--radius-lg);display:grid;gap:14px;align-content:center;box-shadow:var(--shadow-md);}
.lead-points li{display:flex;gap:11px;font-size:14.5px;line-height:1.7;color:#cfd9e5;}
.lead-points .pt-icon{flex:0 0 auto;width:20px;height:20px;border-radius:6px;background:rgba(240,201,135,.18);color:var(--accent-glow);display:grid;place-items:center;font-size:11px;font-weight:700;margin-top:2px;}

/* ---------- 正文 ---------- */
.article-shell{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:40px 44px;box-shadow:var(--shadow-sm);max-width:900px;margin:0 auto;}
.article-body{font-size:16.5px;line-height:1.92;color:var(--ink-soft);word-break:break-word;}
.article-body h2{font-size:22px;line-height:1.5;color:var(--ink);margin:38px 0 14px;padding-left:14px;border-left:4px solid var(--accent);}
.article-body h2:first-child{margin-top:0;}
.article-body h3{font-size:18px;line-height:1.6;color:var(--ink);margin:26px 0 10px;}
.article-body h4{font-size:16px;color:var(--ink-2);margin:20px 0 8px;}
.article-body p{margin:0 0 16px;}
.article-body ul,.article-body ol{padding-left:22px;margin:0 0 18px;}
.article-body li{margin-bottom:8px;}
.article-body strong{color:var(--ink);font-weight:700;}
.article-body a{color:var(--accent-dark);border-bottom:1px solid var(--accent-glow);}
.article-body a:hover{color:var(--accent);}
.article-body img{border-radius:var(--radius-md);margin:22px auto;box-shadow:var(--shadow-sm);}
.article-body blockquote{margin:24px 0;padding:16px 22px;background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--ink-2);}
.article-body blockquote p:last-child{margin-bottom:0;}
.article-body table{width:100%;border-collapse:collapse;font-size:15px;margin:20px 0;border-radius:var(--radius-sm);overflow:hidden;}
.article-body th,.article-body td{border:1px solid var(--line);padding:10px 13px;text-align:left;}
.article-body th{background:var(--accent-soft);color:var(--ink);font-weight:600;}
.article-body hr{border:0;border-top:1px solid var(--line);margin:28px 0;}
.empty-state{text-align:center;padding:34px 10px;}
.empty-state h2{font-size:21px;color:var(--ink);border:0;padding:0;margin:0 0 12px;}
.empty-state p{font-size:15px;color:var(--muted);margin-bottom:22px;}

/* ---------- 到店参考数据 ---------- */
.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.fact-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:22px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;}
.fact-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent-glow);}
.fact-num{font-size:27px;font-weight:800;color:var(--accent-dark);line-height:1.2;letter-spacing:.01em;}
.fact-num small{font-size:14px;font-weight:600;margin-left:3px;color:var(--ink-2);}
.fact-label{font-size:14px;color:var(--ink-soft);margin-top:8px;font-weight:600;}
.fact-note{font-size:13px;color:var(--muted);margin-top:4px;line-height:1.7;}

/* ---------- 相关推荐 ---------- */
.rail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.post-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-glow);}
.post-card .thumb{aspect-ratio:16/10;overflow:hidden;background:#efe9df;}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
.post-card:hover .thumb img{transform:scale(1.05);}
.post-body{padding:16px 17px 19px;}
.post-body h3{font-size:15.5px;line-height:1.55;color:var(--ink);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.post-excerpt{font-size:13.5px;line-height:1.75;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ---------- FAQ ---------- */
.faq-list{display:grid;gap:12px;max-width:880px;}
.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:0 20px;transition:border-color .2s,box-shadow .2s;}
.faq-item[open]{border-color:var(--accent-glow);box-shadow:var(--shadow-sm);}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:17px 0;font-size:15.5px;font-weight:600;color:var(--ink);}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";margin-left:auto;font-size:19px;font-weight:600;color:var(--accent);line-height:1;transition:transform .2s;}
.faq-item[open] summary::after{content:"–";}
.faq-item p{font-size:14.5px;line-height:1.85;color:var(--ink-soft);padding:0 0 18px;}

/* ---------- CTA ---------- */
.cta-band{display:grid;grid-template-columns:1.4fr auto;gap:28px;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(240,201,135,.22);border-radius:var(--radius-xl);padding:34px 36px;}
.cta-band h2{font-size:clamp(20px,2.3vw,25px);color:#fff;line-height:1.45;margin-bottom:10px;}
.cta-band p{font-size:15px;color:#b9c4d3;line-height:1.85;max-width:640px;}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap;}
.btn-onink{background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(191,122,26,.34);}
.btn-onink:hover{background:var(--accent-glow);color:#3a2a0c;transform:translateY(-1px);}
.btn-outline-light{background:transparent;color:#e8edf4;border-color:rgba(255,255,255,.32);}
.btn-outline-light:hover{border-color:var(--accent-glow);color:var(--accent-glow);transform:translateY(-1px);}

/* ---------- 页脚 ---------- */
.site-footer{background:#16233a;color:#c6d0dd;padding:54px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:38px;padding-bottom:38px;}
.brand--footer{color:#fff;}
.brand--footer .brand-mark{background:var(--accent);color:#fff;}
.footer-brand-col p{font-size:14.5px;line-height:1.9;color:#a9b6c6;margin-top:14px;max-width:380px;}
.footer-col h4{font-size:15px;color:#fff;margin-bottom:14px;font-weight:600;}
.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.footer-col a{font-size:14.5px;color:#a9b6c6;transition:color .2s;}
.footer-col a:hover{color:var(--accent-glow);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;padding-bottom:22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13.5px;color:#8fa0b5;}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
 .article-head-grid{grid-template-columns:1fr;gap:26px;}
 .article-hero-media{aspect-ratio:16/9;}
 .lead-wrap{grid-template-columns:1fr;}
 .fact-grid{grid-template-columns:repeat(2,1fr);}
 .rail-grid{grid-template-columns:repeat(2,1fr);}
 .article-shell{padding:32px 28px;}
 .cta-band{grid-template-columns:1fr;padding:28px 26px;}
 .footer-grid{grid-template-columns:1fr 1fr;gap:30px;}
 .footer-brand-col{grid-column:1 / -1;}
}
@media (max-width:900px){
 .search-box{display:none;}
}
@media (max-width:820px){
 .nav-links{display:none;}
 .nav-cta{display:none;}
 .menu-toggle{display:grid;}
 .promo-inner{font-size:12px;min-height:34px;padding:6px 0;}
 .promo-link{margin-left:0;}
}
@media (max-width:640px){
 .container{padding:0 16px;}
 .section{padding:46px 0;}
 .article-hero{padding:24px 0 38px;}
 .article-shell{padding:24px 18px;border-radius:var(--radius-lg);}
 .article-body{font-size:15.5px;line-height:1.88;}
 .article-body h2{font-size:19.5px;margin-top:30px;}
 .article-body h3{font-size:17px;}
 .fact-grid{grid-template-columns:1fr;}
 .rail-grid{grid-template-columns:1fr;}
 .footer-grid{grid-template-columns:1fr;}
 .faq-item{padding:0 16px;}
 .lead-card{padding:20px 18px;}
 .cta-band{padding:24px 18px;}
 .brand{font-size:17px;}
 .btn{height:42px;padding:0 18px;font-size:14.5px;}
}

/* roulang page: category1 */
:root{
  --ink:#1b2a41;
  --ink-2:#243752;
  --ink-soft:#4a5568;
  --muted:#6b7688;
  --bg:#f7f5f1;
  --surface:#ffffff;
  --line:#e6e1d8;
  --line-strong:#d9d2c4;
  --accent:#bf7a1a;
  --accent-dark:#9d6210;
  --accent-soft:#fdf3e3;
  --accent-glow:#f0c987;
  --radius-xl:20px;
  --radius-lg:16px;
  --radius-md:13px;
  --radius-sm:9px;
  --shadow-sm:0 1px 2px rgba(27,42,65,.05),0 3px 10px rgba(27,42,65,.05);
  --shadow-md:0 10px 26px rgba(27,42,65,.10);
  --shadow-lg:0 20px 52px rgba(27,42,65,.16);
  --font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.78;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
input,textarea,select{font-family:inherit;}
h1,h2,h3,h4,p,ul,ol,figure{margin:0;}
ul,ol{padding:0;list-style:none;}
:focus-visible{outline:3px solid rgba(191,122,26,.45);outline-offset:2px;border-radius:4px;}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 22px;}

/* ---------- Header ---------- */
.promo-bar{background:var(--ink);color:#e8edf4;font-size:13px;}
.promo-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:38px;}
.promo-tag{display:inline-flex;align-items:center;gap:9px;line-height:1.4;}
.promo-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-glow);flex:0 0 auto;}
.promo-bar a{color:var(--accent-glow);font-weight:600;white-space:nowrap;}
.promo-bar a:hover{text-decoration:underline;}
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .25s ease;}
.site-header.is-stuck{box-shadow:0 6px 24px rgba(27,42,65,.10);}
.nav-main{display:flex;align-items:center;gap:20px;min-height:64px;}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:700;color:var(--ink);letter-spacing:.01em;}
.brand-mark{width:36px;height:36px;border-radius:11px;background:var(--ink);color:var(--accent-glow);display:grid;place-items:center;font-size:15px;font-weight:700;flex:0 0 auto;}
.nav-links{display:flex;align-items:center;gap:2px;}
.nav-link{position:relative;display:inline-flex;align-items:center;height:40px;padding:0 13px;border-radius:var(--radius-sm);font-size:15px;color:var(--ink-soft);transition:color .2s,background .2s;}
.nav-link:hover{color:var(--ink);background:var(--accent-soft);}
.nav-link.active{color:var(--accent-dark);font-weight:600;background:var(--accent-soft);}
.nav-link.active::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;border-radius:2px;background:var(--accent);}
.nav-tools{margin-left:auto;display:flex;align-items:center;gap:10px;}
.search-box{display:flex;align-items:center;gap:8px;height:40px;padding:0 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;min-width:186px;transition:border-color .2s,box-shadow .2s;}
.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(191,122,26,.14);}
.search-box svg{flex:0 0 auto;color:var(--muted);}
.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:14px;color:var(--ink);}
.search-box input::placeholder{color:#9aa3b1;}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink-soft);transition:border-color .2s,color .2s,background .2s;}
.icon-btn:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft);}
.menu-toggle{display:none;}
.mobile-menu{display:none;border-top:1px solid var(--line);background:#fff;padding:10px 22px 18px;}
.mobile-menu.open{display:block;}
.mobile-menu a{display:block;padding:12px 4px;font-size:15px;color:var(--ink-soft);border-bottom:1px solid var(--line);}
.mobile-menu a:last-child{border-bottom:0;}
.mobile-menu a:hover,.mobile-menu a.active{color:var(--accent-dark);}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:15px;font-weight:600;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s;}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(191,122,26,.26);}
.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 12px 26px rgba(191,122,26,.34);}
.btn-primary:active{transform:translateY(0);}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line-strong);}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent-dark);transform:translateY(-1px);}
.nav-cta{height:40px;padding:0 18px;font-size:14px;}

/* ---------- Section base ---------- */
.section{padding:66px 0;background:var(--bg);}
.section--surface{background:var(--surface);}
.section--ink{background:linear-gradient(160deg,#1b2a41 0%,#22364f 100%);color:#e8edf4;}
.section-head{max-width:790px;margin-bottom:34px;}
.section-head--center{margin-left:auto;margin-right:auto;text-align:center;}
.section-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.14em;color:var(--accent-dark);}
.section-kicker::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent);}
.section-head--center .section-kicker::after{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent);}
.section-title{font-size:clamp(22px,2.6vw,30px);line-height:1.36;margin:14px 0 12px;}
.section-desc{font-size:15px;color:var(--muted);max-width:720px;}
.section--ink .section-title{color:#fff;}
.section--ink .section-desc{color:#b9c4d3;}
.section--ink .section-kicker{color:var(--accent-glow);}
.section--ink .section-kicker::before,.section--ink .section-kicker::after{background:var(--accent-glow);}

/* ---------- Hero ---------- */
.page-hero{position:relative;overflow:hidden;padding:50px 0 62px;background:linear-gradient(180deg,#fcfaf6 0%,#f5f1e8 100%);}
.page-hero::before{content:"";position:absolute;inset:0;background:url('/assets/images/53f30ac610957a2a.webp') center/cover no-repeat;opacity:.07;}
.page-hero::after{content:"";position:absolute;width:540px;height:540px;right:-180px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(191,122,26,.16),transparent 68%);}
.page-hero > .container{position:relative;z-index:2;}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start;}
.hero-copy{max-width:640px;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-glow);color:var(--accent-dark);font-size:13px;font-weight:600;}
.hero-copy h1{font-size:clamp(27px,3.5vw,42px);line-height:1.26;margin:18px 0 16px;letter-spacing:-.01em;}
.hero-copy h1 em{font-style:normal;color:var(--accent-dark);}
.hero-lead{font-size:16px;line-height:1.8;color:var(--ink-soft);}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.tag-pill{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--line-strong);font-size:13.5px;color:var(--ink-soft);transition:border-color .2s,color .2s,transform .2s;}
.tag-pill:hover{border-color:var(--accent);color:var(--accent-dark);transform:translateY(-1px);}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-md);}
.hero-card figure{border-radius:var(--radius-md);overflow:hidden;background:var(--accent-soft);}
.hero-card figure img{width:100%;aspect-ratio:16/10;object-fit:cover;}
.hero-card h2{font-size:17px;margin:16px 0 4px;}
.hero-card .hero-card-sub{font-size:13.5px;color:var(--muted);}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 18px;}
.hero-stats div{background:var(--accent-soft);border-radius:var(--radius-sm);padding:10px 8px;text-align:center;}
.hero-stats strong{display:block;font-size:19px;color:var(--accent-dark);line-height:1.3;}
.hero-stats span{font-size:12px;color:var(--muted);}
.hero-card .btn{width:100%;}

/* ---------- Rule cards ---------- */
.rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.rule-card{position:relative;display:flex;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;}
.rule-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-glow);}
.rule-icon{width:46px;height:46px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-dark);border:1px solid var(--line);}
.rule-card h3{font-size:17px;margin-bottom:6px;}
.rule-card p{font-size:14.5px;color:var(--ink-soft);line-height:1.76;}
.rule-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.chip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:12.5px;color:var(--muted);}

/* ---------- Cheat sheet ---------- */
.cheat-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:26px;align-items:start;}
.cheat-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);}
.cheat-row{display:flex;align-items:flex-start;gap:16px;padding:16px 22px;border-bottom:1px solid var(--line);transition:background .2s;}
.cheat-row:last-child{border-bottom:0;}
.cheat-row:hover{background:var(--accent-soft);}
.cheat-name{flex:0 0 132px;font-weight:600;font-size:15px;}
.cheat-desc{flex:1;font-size:14px;color:var(--ink-soft);line-height:1.72;}
.cheat-mult{flex:0 0 auto;font-size:13px;font-weight:700;color:var(--accent-dark);background:var(--accent-soft);border:1px solid var(--accent-glow);border-radius:999px;padding:3px 12px;white-space:nowrap;}
.cheat-aside{background:var(--ink);color:#e8edf4;border-radius:var(--radius-lg);padding:26px 24px;box-shadow:var(--shadow-md);}
.cheat-aside h3{font-size:18px;color:#fff;margin-bottom:10px;}
.cheat-aside p{font-size:14px;color:#b9c4d3;line-height:1.8;}
.cheat-aside ul{margin-top:16px;display:grid;gap:10px;}
.cheat-aside li{position:relative;padding-left:18px;font-size:14px;color:#d6dfea;}
.cheat-aside li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:2px;background:var(--accent-glow);}

/* ---------- Steps ---------- */
.step-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.step-card{position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:22px 20px;transition:background .2s,transform .2s,border-color .2s;}
.step-card:hover{background:rgba(255,255,255,.1);transform:translateY(-3px);border-color:rgba(240,201,135,.5);}
.step-num{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent-glow);color:#3a2708;font-weight:700;font-size:14px;margin-bottom:14px;}
.step-card h3{font-size:16px;color:#fff;margin-bottom:8px;}
.step-card p{font-size:14px;color:#b9c4d3;line-height:1.76;}

/* ---------- Compare ---------- */
.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.compare-col{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);}
.compare-col h3{display:flex;align-items:center;gap:9px;font-size:17px;margin-bottom:16px;}
.dot-bad,.dot-good{width:9px;height:9px;border-radius:50%;flex:0 0 auto;}
.dot-bad{background:#c96a4a;}
.dot-good{background:#3f8f6b;}
.compare-col li{position:relative;padding:12px 0 12px 20px;border-bottom:1px dashed var(--line);font-size:14.5px;color:var(--ink-soft);line-height:1.76;}
.compare-col li:last-child{border-bottom:0;}
.compare-col li::before{content:"";position:absolute;left:0;top:20px;width:6px;height:6px;border-radius:2px;background:var(--line-strong);}
.compare-col strong{color:var(--ink);}

/* ---------- Crowd ---------- */
.crowd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.crowd-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 20px;text-align:left;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;}
.crowd-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent-glow);}
.crowd-card span.crowd-ico{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--accent-soft);color:var(--accent-dark);margin-bottom:12px;}
.crowd-card h3{font-size:15.5px;margin-bottom:6px;}
.crowd-card p{font-size:14px;color:var(--muted);line-height:1.74;}

/* ---------- FAQ ---------- */
.faq-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start;}
.faq-list{display:grid;gap:12px;}
.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:0 20px;transition:border-color .2s,box-shadow .2s,background .2s;}
.faq-item:hover{border-color:var(--line-strong);}
.faq-item[open]{border-color:var(--accent-glow);box-shadow:var(--shadow-sm);background:#fffdf9;}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;font-size:15.5px;font-weight:600;color:var(--ink);}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";color:var(--accent-dark);font-weight:700;font-size:18px;line-height:1;}
.faq-item[open] summary::after{content:"–";}
.faq-item p{padding:0 0 16px;font-size:14.5px;color:var(--ink-soft);line-height:1.78;}

/* ---------- News ---------- */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.news-card{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;}
.news-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent-glow);}
.news-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted);}
.news-cat{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-weight:600;}
.news-card h3{font-size:16px;line-height:1.6;}
.news-card h3 a:hover{color:var(--accent-dark);}
.news-card p{font-size:14px;color:var(--ink-soft);line-height:1.74;flex:1;}
.news-more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--accent-dark);}
.news-more:hover{text-decoration:underline;}
.news-empty{background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);padding:34px;text-align:center;color:var(--muted);font-size:15px;}

/* ---------- CTA ---------- */
.cta-band{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:44px 40px;background:linear-gradient(150deg,#1b2a41,#25394f);color:#e8edf4;box-shadow:var(--shadow-lg);}
.cta-band::before{content:"";position:absolute;inset:0;background:url('/assets/images/2dd51946cb796c56.webp') center/cover no-repeat;opacity:.14;}
.cta-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;}
.cta-inner h2{font-size:clamp(20px,2.4vw,27px);color:#fff;line-height:1.4;}
.cta-inner p{margin-top:10px;font-size:14.5px;color:#c3cddb;max-width:560px;}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap;}
.cta-actions .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4);}
.cta-actions .btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff;border-color:var(--accent-glow);}

/* ---------- Footer ---------- */
.site-footer{background:#16233a;color:#c3cddb;padding:56px 0 0;margin-top:0;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;padding-bottom:36px;}
.brand--footer{color:#fff;margin-bottom:14px;}
.brand--footer .brand-mark{background:rgba(255,255,255,.1);color:var(--accent-glow);}
.footer-brand-col p{font-size:14px;line-height:1.8;color:#9fadbe;max-width:420px;}
.footer-col h4{font-size:15px;color:#fff;margin-bottom:14px;}
.footer-col ul{display:grid;gap:10px;}
.footer-col a{font-size:14px;color:#9fadbe;transition:color .2s;}
.footer-col a:hover{color:var(--accent-glow);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:18px;padding-bottom:22px;font-size:13px;color:#8494a7;}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr;gap:28px;}
  .hero-card{max-width:520px;}
  .cheat-layout{grid-template-columns:1fr;}
  .step-flow{grid-template-columns:repeat(2,1fr);}
  .crowd-grid{grid-template-columns:repeat(2,1fr);}
  .news-grid{grid-template-columns:repeat(2,1fr);}
  .faq-wrap{grid-template-columns:1fr;gap:22px;}
  .nav-main{flex-wrap:wrap;gap:12px;padding-top:10px;padding-bottom:10px;}
  .search-box{display:none;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:26px;}
  .footer-brand-col{grid-column:1 / -1;}
}
@media (max-width:768px){
  .nav-links{display:none;}
  .menu-toggle{display:grid;}
  .nav-tools{margin-left:auto;}
  .section{padding:48px 0;}
  .page-hero{padding:36px 0 46px;}
  .rule-grid{grid-template-columns:1fr;}
  .compare-grid{grid-template-columns:1fr;}
  .news-grid{grid-template-columns:1fr;}
  .cheat-row{flex-wrap:wrap;gap:8px 14px;padding:15px 18px;}
  .cheat-name{flex:0 0 100%;}
  .cta-band{padding:32px 24px;}
  .cta-inner{flex-direction:column;align-items:flex-start;}
}
@media (max-width:520px){
  .container{padding:0 16px;}
  .promo-inner{font-size:12px;gap:8px;}
  .promo-tag{line-height:1.5;}
  .nav-main{gap:10px;}
  .brand{font-size:17px;}
  .nav-cta{height:38px;padding:0 14px;font-size:13px;}
  .step-flow,.crowd-grid{grid-template-columns:1fr;}
  .hero-stats{grid-template-columns:1fr 1fr 1fr;}
  .hero-actions .btn{flex:1 1 auto;}
  .footer-grid{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;gap:6px;}
  .rule-card{flex-direction:column;gap:12px;padding:20px;}
}

/* roulang page: category3 */
:root{
 --ink:#1b2a41;
 --ink-2:#243752;
 --ink-soft:#4a5568;
 --muted:#6b7688;
 --bg:#f7f5f1;
 --surface:#ffffff;
 --line:#e6e1d8;
 --line-strong:#d9d2c4;
 --accent:#bf7a1a;
 --accent-dark:#9d6210;
 --accent-soft:#fdf3e3;
 --accent-glow:#f0c987;
 --radius-xl:20px;
 --radius-lg:16px;
 --radius-md:13px;
 --radius-sm:9px;
 --shadow-sm:0 1px 2px rgba(27,42,65,.05),0 3px 10px rgba(27,42,65,.05);
 --shadow-md:0 10px 26px rgba(27,42,65,.10);
 --shadow-lg:0 20px 52px rgba(27,42,65,.16);
 --font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
 margin:0;font-family:var(--font);font-size:16px;line-height:1.78;
 color:var(--ink);background:var(--bg);
 -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,p{margin:0;}
button{font-family:inherit;cursor:pointer;}
input,select,textarea{font-family:inherit;}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 22px;}

/* ---------- 顶部促销条 ---------- */
.promo-bar{background:var(--ink);color:#e8eef6;font-size:13px;line-height:1.6;}
.promo-bar .container{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:38px;}
.promo-note{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;}
.promo-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-glow);display:inline-block;flex:0 0 auto;}
.promo-bar strong{color:var(--accent-glow);font-weight:600;}
.promo-links{display:flex;align-items:center;gap:20px;color:#b8c4d4;}
.promo-links a{transition:color .2s;}
.promo-links a:hover{color:#fff;}

/* ---------- 导航 ---------- */
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .25s ease;}
.site-header.is-stuck{box-shadow:0 6px 24px rgba(27,42,65,.10);}
.nav-main{display:flex;align-items:center;gap:20px;min-height:64px;}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:700;color:var(--ink);letter-spacing:.01em;}
.brand-mark{width:36px;height:36px;border-radius:11px;background:var(--ink);color:var(--accent-glow);display:grid;place-items:center;font-size:15px;font-weight:700;flex:0 0 auto;}
.nav-links{display:flex;align-items:center;gap:2px;}
.nav-link{position:relative;display:inline-flex;align-items:center;height:40px;padding:0 13px;border-radius:var(--radius-sm);font-size:15px;color:var(--ink-soft);transition:color .2s,background .2s;}
.nav-link:hover{color:var(--ink);background:var(--accent-soft);}
.nav-link.active{color:var(--accent-dark);font-weight:600;background:var(--accent-soft);}
.nav-link.active::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;border-radius:2px;background:var(--accent);}
.nav-tools{margin-left:auto;display:flex;align-items:center;gap:10px;}
.search-box{display:flex;align-items:center;gap:8px;height:40px;padding:0 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;min-width:186px;transition:border-color .2s,box-shadow .2s;}
.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(191,122,26,.14);}
.search-box svg{flex:0 0 auto;color:var(--muted);}
.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:14px;color:var(--ink);}
.search-box input::placeholder{color:#9aa3b1;}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink-soft);transition:border-color .2s,color .2s,background .2s;}
.icon-btn:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft);}
.menu-toggle{display:none;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:15px;font-weight:600;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s;}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(191,122,26,.26);}
.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 12px 26px rgba(191,122,26,.34);}
.btn-primary:active{transform:translateY(0);}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line-strong);}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent-dark);transform:translateY(-1px);}
.btn-sm{height:40px;padding:0 18px;font-size:14px;}
.nav-cta{height:40px;padding:0 18px;font-size:14px;}
.mobile-menu{display:none;border-top:1px solid var(--line);background:#fff;padding:10px 22px 18px;}
.mobile-menu.open{display:block;}
.mobile-menu a{display:block;padding:11px 4px;font-size:15px;color:var(--ink-soft);border-bottom:1px solid var(--line);}
.mobile-menu a:last-child{border-bottom:0;}
.mobile-menu a:hover{color:var(--accent-dark);}

/* ---------- 通用板块 ---------- */
.section{padding:66px 0;background:var(--bg);}
.section--surface{background:var(--surface);}
.section--ink{background:linear-gradient(160deg,#1b2a41 0%,#22364f 100%);color:#e8edf4;}
.section-head{max-width:760px;margin-bottom:34px;}
.section-head--center{margin-left:auto;margin-right:auto;text-align:center;}
.section-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.14em;color:var(--accent-dark);}
.section-kicker::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent);}
.section-head--center .section-kicker::after{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent);}
.section-title{font-size:clamp(22px,2.6vw,30px);line-height:1.36;margin:14px 0 12px;font-weight:700;}
.section-desc{font-size:15px;color:var(--muted);max-width:700px;}
.section--ink .section-title{color:#fff;}
.section--ink .section-desc{color:#b9c4d3;}
.section--ink .section-kicker{color:var(--accent-glow);}
.section--ink .section-kicker::before,.section--ink .section-kicker::after{background:var(--accent-glow);}

/* ---------- 分类页首屏 ---------- */
.hero-cat{position:relative;overflow:hidden;padding:50px 0 62px;background:linear-gradient(180deg,#fcfaf6 0%,#f3eee3 100%);border-bottom:1px solid var(--line);}
.hero-cat::before{content:"";position:absolute;inset:0;background:url('/assets/images/6a9db9698be54c63.webp') center/cover no-repeat;opacity:.07;}
.hero-cat::after{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(191,122,26,.18),transparent 68%);}
.hero-cat > .container{position:relative;z-index:2;}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:18px;flex-wrap:wrap;}
.breadcrumb a:hover{color:var(--accent-dark);}
.breadcrumb span.sep{color:#b8b1a3;}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:38px;align-items:start;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 13px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-glow);color:var(--accent-dark);font-size:13px;font-weight:600;}
.hero-cat h1{font-size:clamp(26px,3.3vw,38px);line-height:1.3;margin:18px 0 16px;font-weight:800;letter-spacing:-.01em;}
.hero-cat h1 em{font-style:normal;color:var(--accent-dark);}
.hero-lead{font-size:16px;color:var(--ink-soft);max-width:560px;}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.tag{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--line-strong);font-size:13px;color:var(--ink-soft);transition:border-color .2s,color .2s,transform .2s,box-shadow .2s;}
.tag:hover{border-color:var(--accent);color:var(--accent-dark);transform:translateY(-2px);box-shadow:var(--shadow-sm);}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.hero-metrics{display:flex;flex-wrap:wrap;gap:26px;margin-top:30px;padding-top:22px;border-top:1px dashed var(--line-strong);}
.hero-metrics div strong{display:block;font-size:24px;line-height:1.2;color:var(--ink);}
.hero-metrics div span{font-size:13px;color:var(--muted);}

/* 留台咨询面板 */
.booking-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;}
.booking-panel-top{padding:20px 22px 16px;background:linear-gradient(135deg,#fffaf1,#fdf3e3);border-bottom:1px solid var(--line);}
.booking-panel-top h2{font-size:17px;font-weight:700;}
.booking-panel-top p{font-size:13px;color:var(--muted);margin-top:6px;}
.booking-form{padding:20px 22px 24px;display:grid;gap:14px;}
.field{display:grid;gap:6px;}
.field label{font-size:13px;font-weight:600;color:var(--ink-soft);}
.field select,.field input{height:42px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;font-size:14px;color:var(--ink);transition:border-color .2s,box-shadow .2s;}
.field select:hover,.field input:hover{border-color:var(--accent-glow);}
.field select:focus,.field input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(191,122,26,.14);}
.form-hint{font-size:12.5px;color:var(--muted);line-height:1.7;}
.form-note{font-size:12.5px;color:#8a8272;background:#faf7f1;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);padding:10px 12px;}

/* ---------- 卖点卡 ---------- */
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px 22px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-glow);}
.card-icon{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent-dark);display:grid;place-items:center;margin-bottom:16px;}
.card h3{font-size:17px;font-weight:700;margin-bottom:9px;}
.card p{font-size:14.5px;color:var(--muted);line-height:1.75;}
.card .card-tag{display:inline-block;margin-top:14px;font-size:12.5px;font-weight:600;color:var(--accent-dark);background:var(--accent-soft);border-radius:999px;padding:4px 11px;}

/* ---------- 时段卡 ---------- */
.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.slot-card{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent-glow);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;}
.slot-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-left-color:var(--accent);}
.slot-time{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--accent-dark);letter-spacing:.03em;}
.slot-card h3{font-size:18px;margin:10px 0 8px;font-weight:700;}
.slot-card p{font-size:14.5px;color:var(--muted);}
.slot-list{margin-top:14px;display:grid;gap:7px;}
.slot-list li{position:relative;padding-left:16px;font-size:14px;color:var(--ink-soft);}
.slot-list li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--accent);}

/* ---------- 桌型图文卡 ---------- */
.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.room-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;}
.room-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-glow);}
.room-card img{width:100%;aspect-ratio:16/10;object-fit:cover;}
.room-body{padding:20px 20px 22px;}
.room-body h3{font-size:17px;font-weight:700;margin-bottom:8px;}
.room-body p{font-size:14.5px;color:var(--muted);}
.room-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.chip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:#f5f2ec;border:1px solid var(--line);font-size:12px;color:var(--ink-soft);}

/* ---------- 流程 ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step;}
.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:26px 22px 22px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;}
.step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-glow);}
.step-num{width:38px;height:38px;border-radius:11px;background:var(--ink);color:var(--accent-glow);display:grid;place-items:center;font-size:15px;font-weight:700;margin-bottom:14px;}
.step h3{font-size:16.5px;font-weight:700;margin-bottom:8px;}
.step p{font-size:14px;color:var(--muted);}

/* ---------- 数据条 ---------- */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);padding:24px 22px;transition:transform .2s,background .2s,border-color .2s;}
.stat:hover{transform:translateY(-3px);background:rgba(255,255,255,.10);border-color:rgba(240,201,135,.5);}
.stat strong{display:block;font-size:32px;line-height:1.16;color:var(--accent-glow);font-weight:800;letter-spacing:-.01em;}
.stat span{display:block;margin-top:6px;font-size:14px;color:#c8d2e0;}

/* ---------- 牌友反馈 ---------- */
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.quote-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;}
.quote-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-glow);}
.quote-card blockquote{margin:0;font-size:15px;color:var(--ink-soft);line-height:1.8;}
.quote-person{display:flex;align-items:center;gap:11px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);}
.avatar{width:38px;height:38px;border-radius:50%;background:var(--accent-soft);color:var(--accent-dark);display:grid;place-items:center;font-size:14px;font-weight:700;flex:0 0 auto;}
.quote-person b{display:block;font-size:14px;font-weight:600;}
.quote-person span{font-size:12.5px;color:var(--muted);}

/* ---------- FAQ ---------- */
.faq-list{display:grid;gap:12px;max-width:880px;}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color .2s,box-shadow .2s;}
.faq-item[open]{border-color:var(--accent-glow);box-shadow:var(--shadow-md);}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font-size:15.5px;font-weight:600;color:var(--ink);}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";font-size:20px;line-height:1;color:var(--accent-dark);flex:0 0 auto;transition:transform .2s;}
.faq-item[open] summary::after{content:"−";}
.faq-item summary:hover{background:#fffdf8;}
.faq-body{padding:0 22px 20px;font-size:14.5px;color:var(--muted);line-height:1.8;}

/* ---------- 资讯列表 ---------- */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.news-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;}
.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-glow);}
.news-link{display:block;padding:22px;height:100%;}
.news-link h3{font-size:16px;font-weight:700;line-height:1.6;margin-bottom:9px;}
.news-link p{font-size:14px;color:var(--muted);line-height:1.75;}
.news-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);}
.news-meta b{font-weight:600;color:var(--accent-dark);background:var(--accent-soft);border-radius:999px;padding:2px 10px;}
.news-empty{background:#fff;border:1px dashed var(--line-strong);border-radius:var(--radius-md);padding:28px;text-align:center;color:var(--muted);font-size:14px;}

/* ---------- 收口行动区 ---------- */
.cta-band{position:relative;overflow:hidden;background:linear-gradient(135deg,#1b2a41 0%,#27405e 100%);color:#fff;border-radius:var(--radius-xl);padding:44px 40px;display:grid;grid-template-columns:1.4fr .6fr;gap:28px;align-items:center;box-shadow:var(--shadow-lg);}
.cta-band::before{content:"";position:absolute;inset:0;background:url('/assets/images/53f30ac610957a2a.webp') center/cover no-repeat;opacity:.12;}
.cta-band > *{position:relative;z-index:2;}
.cta-band h2{font-size:clamp(20px,2.4vw,27px);line-height:1.4;margin-bottom:12px;}
.cta-band p{font-size:15px;color:#c8d2e0;max-width:560px;}
.cta-actions{display:flex;flex-direction:column;gap:12px;}
.cta-actions .btn-primary{background:var(--accent-glow);color:#37260c;box-shadow:0 10px 24px rgba(240,201,135,.28);}
.cta-actions .btn-primary:hover{background:#f7d9a3;color:#2c1f09;}
.cta-actions .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.36);}
.cta-actions .btn-ghost:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.08);}
.cta-tip{font-size:12.5px;color:#a9b6c8;text-align:center;}

/* ---------- 页脚 ---------- */
.site-footer{background:#141f30;color:#c3ccda;margin-top:0;}
.footer-grid{display:grid;grid-template-columns:1.6fr .8fr .8fr;gap:36px;padding:52px 22px 38px;}
.brand--footer{color:#fff;font-size:18px;}
.brand--footer .brand-mark{background:rgba(255,255,255,.10);color:var(--accent-glow);}
.footer-brand-col p{margin-top:14px;font-size:14px;color:#9dabbf;line-height:1.8;max-width:420px;}
.footer-col h4{font-size:14.5px;color:#fff;margin-bottom:14px;font-weight:700;letter-spacing:.02em;}
.footer-col ul{display:grid;gap:10px;}
.footer-col a{font-size:14px;color:#9dabbf;transition:color .2s,padding-left .2s;}
.footer-col a:hover{color:var(--accent-glow);padding-left:4px;}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.10);padding-top:18px;padding-bottom:24px;font-size:13px;color:#8d99aa;}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
 .hero-grid{grid-template-columns:1fr;}
 .card-grid{grid-template-columns:repeat(2,1fr);}
 .room-grid{grid-template-columns:repeat(2,1fr);}
 .news-grid{grid-template-columns:repeat(2,1fr);}
 .quote-grid{grid-template-columns:1fr 1fr;}
 .stat-grid{grid-template-columns:repeat(2,1fr);}
 .steps{grid-template-columns:repeat(2,1fr);}
 .slot-grid{grid-template-columns:1fr 1fr;}
 .cta-band{grid-template-columns:1fr;padding:36px 28px;}
}
@media (max-width:992px){
 .nav-links{display:none;}
 .search-box{display:none;}
 .menu-toggle{display:grid;}
 .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
}
@media (max-width:768px){
 .promo-links{display:none;}
 .section{padding:52px 0;}
 .hero-cat{padding:38px 0 48px;}
 .footer-grid{grid-template-columns:1fr;}
 .cta-actions{flex-direction:row;flex-wrap:wrap;}
 .cta-actions .btn{flex:1 1 auto;}
}
@media (max-width:640px){
 .card-grid,.room-grid,.news-grid,.quote-grid,.slot-grid,.stat-grid,.steps{grid-template-columns:1fr;}
 .nav-cta{display:none;}
 .hero-metrics{gap:18px;}
 .hero-metrics div strong{font-size:20px;}
 .booking-form{padding:18px 18px 22px;}
 .cta-band{padding:28px 22px;border-radius:var(--radius-lg);}
 .container{padding:0 18px;}
 .footer-grid{padding:40px 18px 28px;}
 .footer-bottom{padding-bottom:20px;font-size:12.5px;}
}

/* roulang page: category2 */
:root{
  --ink:#1b2a41;
  --ink-2:#243752;
  --ink-soft:#4a5568;
  --muted:#6b7688;
  --bg:#f7f5f1;
  --surface:#ffffff;
  --line:#e6e1d8;
  --line-strong:#d9d2c4;
  --accent:#bf7a1a;
  --accent-dark:#9d6210;
  --accent-soft:#fdf3e3;
  --accent-glow:#f0c987;
  --radius-xl:20px;
  --radius-lg:16px;
  --radius-md:13px;
  --radius-sm:9px;
  --shadow-sm:0 1px 2px rgba(27,42,65,.05),0 3px 10px rgba(27,42,65,.05);
  --shadow-md:0 10px 26px rgba(27,42,65,.10);
  --shadow-lg:0 20px 52px rgba(27,42,65,.16);
  --font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
html body{
  margin:0;
  font-family:var(--font);
  font-size:16px;
  line-height:1.78;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
input,textarea,select{font-family:inherit;}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,p{margin:0;}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 22px;}

/* ---------- 促销条 ---------- */
.promo-bar{background:var(--ink);color:#dfe6ef;font-size:13.5px;}
.promo-inner{display:flex;align-items:center;gap:14px;min-height:38px;padding-top:6px;padding-bottom:6px;}
.promo-tag{flex:0 0 auto;background:var(--accent);color:#fff;font-size:12px;font-weight:600;letter-spacing:.05em;padding:3px 9px;border-radius:6px;}
.promo-text{margin:0;color:#c8d3e1;font-size:13px;line-height:1.5;}
.promo-link{margin-left:auto;flex:0 0 auto;color:var(--accent-glow);font-size:13px;font-weight:600;border-bottom:1px solid rgba(240,201,135,.45);padding-bottom:1px;transition:color .2s,border-color .2s;}
.promo-link:hover{color:#fff;border-color:#fff;}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .25s ease;}
.site-header.is-stuck{box-shadow:0 6px 24px rgba(27,42,65,.10);}
.nav-main{display:flex;align-items:center;gap:20px;min-height:64px;}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:700;color:var(--ink);letter-spacing:.01em;}
.brand-mark{width:36px;height:36px;border-radius:11px;background:var(--ink);color:var(--accent-glow);display:grid;place-items:center;font-size:15px;font-weight:700;flex:0 0 auto;}
.nav-links{display:flex;align-items:center;gap:2px;margin-left:10px;}
.nav-link{position:relative;display:inline-flex;align-items:center;height:40px;padding:0 13px;border-radius:var(--radius-sm);font-size:15px;color:var(--ink-soft);transition:color .2s,background .2s;}
.nav-link:hover{color:var(--ink);background:var(--accent-soft);}
.nav-link.active{color:var(--accent-dark);font-weight:600;background:var(--accent-soft);}
.nav-link.active::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;border-radius:2px;background:var(--accent);}
.nav-tools{margin-left:auto;display:flex;align-items:center;gap:10px;}
.search-box{display:flex;align-items:center;gap:8px;height:40px;padding:0 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;min-width:186px;transition:border-color .2s,box-shadow .2s;}
.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(191,122,26,.14);}
.search-box svg{flex:0 0 auto;color:var(--muted);}
.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:14px;color:var(--ink);}
.search-box input::placeholder{color:#9aa3b1;}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink-soft);transition:border-color .2s,color .2s,background .2s;}
.icon-btn:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft);}
.icon-btn:focus-visible,.btn:focus-visible,.nav-link:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.menu-toggle{display:none;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:15px;font-weight:600;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s;}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(191,122,26,.26);}
.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 12px 26px rgba(191,122,26,.34);}
.btn-primary:active{transform:translateY(0);}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line-strong);}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent-dark);transform:translateY(-1px);}
.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.42);}
.btn-outline-light:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-1px);}
.nav-cta{height:40px;padding:0 18px;font-size:14px;}
.mobile-menu{display:none;border-top:1px solid var(--line);background:#fff;padding:10px 22px 18px;}
.mobile-menu.open{display:block;}
.mobile-menu a{display:block;padding:11px 4px;font-size:15px;color:var(--ink-soft);border-bottom:1px solid var(--line);}
.mobile-menu a:last-child{border-bottom:0;}
.mobile-menu a:hover{color:var(--accent-dark);}
.mobile-menu .mobile-cta{margin-top:12px;display:flex;align-items:center;justify-content:center;height:44px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-weight:600;border-bottom:0;}

/* ---------- 通用板块 ---------- */
.section{padding:66px 0;background:var(--bg);}
.section--surface{background:var(--surface);}
.section--ink{background:linear-gradient(160deg,#1b2a41 0%,#22364f 100%);color:#e8edf4;}
.section--tight{padding:46px 0;}
.section-head{max-width:760px;margin-bottom:34px;}
.section-head--center{margin-left:auto;margin-right:auto;text-align:center;}
.section-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.14em;color:var(--accent-dark);}
.section-kicker::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent);}
.section-head--center .section-kicker::after{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent);}
.section-title{font-size:clamp(22px,2.6vw,30px);line-height:1.36;margin:14px 0 12px;}
.section-desc{font-size:15px;color:var(--muted);max-width:700px;}
.section--ink .section-title{color:#fff;}
.section--ink .section-desc{color:#b9c4d3;}
.section--ink .section-kicker{color:var(--accent-glow);}
.section--ink .section-kicker::before{background:var(--accent-glow);}

/* ---------- 分类页 Hero ---------- */
.hero-wrap{padding:40px 0 18px;background:linear-gradient(180deg,#fcfaf6 0%,#f5f1e8 100%);}
.hero-panel{position:relative;overflow:hidden;background:linear-gradient(155deg,#1b2a41 0%,#243752 62%,#2b415e 100%);border-radius:var(--radius-xl);padding:44px 42px;color:#e9eef5;box-shadow:var(--shadow-lg);}
.hero-panel::before{content:"";position:absolute;inset:0;background:url('/assets/images/53f30ac610957a2a.webp') center/cover no-repeat;opacity:.16;}
.hero-panel::after{content:"";position:absolute;width:440px;height:440px;right:-140px;bottom:-200px;border-radius:50%;background:radial-gradient(circle,rgba(240,201,135,.20),transparent 68%);}
.hero-panel > *{position:relative;z-index:2;}
.hero-grid{display:grid;grid-template-columns:1.3fr .85fr;gap:38px;align-items:start;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.14em;color:var(--accent-glow);}
.hero-eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent-glow);}
.hero-panel h1{font-size:clamp(26px,3.4vw,40px);line-height:1.28;margin:16px 0 16px;color:#fff;letter-spacing:.01em;}
.hero-lead{font-size:15.5px;line-height:1.8;color:#c3cddb;max-width:560px;}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 26px;}
.tag-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 13px;border-radius:999px;border:1px solid rgba(240,201,135,.34);background:rgba(240,201,135,.12);color:var(--accent-glow);}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;}
.rank-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:24px;backdrop-filter:blur(6px);}
.rank-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;}
.rank-head h2{font-size:15.5px;color:#fff;font-weight:600;}
.rank-badge{font-size:11.5px;padding:3px 9px;border-radius:999px;background:rgba(240,201,135,.16);color:var(--accent-glow);border:1px solid rgba(240,201,135,.3);}
.rank-row{margin-bottom:15px;}
.rank-row:last-of-type{margin-bottom:0;}
.rank-meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#cfd8e4;margin-bottom:7px;}
.rank-meta b{color:#fff;font-weight:600;}
.rank-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden;}
.rank-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-glow));}
.rank-note{font-size:12.5px;line-height:1.6;color:#9fb0c4;border-top:1px dashed rgba(255,255,255,.18);padding-top:12px;margin-top:18px;}

/* ---------- 网格与卡片 ---------- */
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong);}
.card-media{aspect-ratio:16/10;overflow:hidden;background:#eceae4;}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.card:hover .card-media img{transform:scale(1.04);}
.card-body{padding:20px;}
.card-title{font-size:17px;line-height:1.45;margin:0 0 9px;color:var(--ink);}
.card-text{font-size:14.5px;line-height:1.75;color:var(--muted);margin:0 0 14px;}
.tags{display:flex;flex-wrap:wrap;gap:8px;}
.tag{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);border:1px solid rgba(191,122,26,.18);}
.pain-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.pain-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong);}
.icon-badge{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent-dark);display:grid;place-items:center;margin-bottom:16px;border:1px solid rgba(191,122,26,.16);}
.pain-card h3{font-size:16.5px;margin:0 0 8px;line-height:1.45;}
.pain-card p{font-size:14.5px;color:var(--muted);line-height:1.75;margin:0;}
.pain-fix{display:block;margin-top:14px;font-size:13px;color:var(--accent-dark);font-weight:600;padding-top:12px;border-top:1px dashed var(--line);}

/* ---------- 图文分栏 ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;}
.split-figure{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--line);}
.split-figure img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.split-figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 18px 14px;font-size:12.5px;color:#e8edf4;background:linear-gradient(180deg,rgba(27,42,65,0),rgba(27,42,65,.86));}
.check-list li{display:flex;gap:12px;padding:13px 0;border-bottom:1px dashed var(--line);}
.check-list li:last-child{border-bottom:0;}
.check-ico{flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:var(--accent-soft);color:var(--accent-dark);display:grid;place-items:center;margin-top:3px;border:1px solid rgba(191,122,26,.16);}
.check-list strong{display:block;font-size:15px;color:var(--ink);margin-bottom:2px;}
.check-list span{font-size:14px;color:var(--muted);line-height:1.72;}

/* ---------- 规格表 ---------- */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:var(--surface);}
.spec-table{width:100%;border-collapse:collapse;min-width:640px;}
.spec-table thead th{background:var(--accent-soft);color:var(--accent-dark);font-size:13px;letter-spacing:.06em;text-align:left;padding:14px 20px;border-bottom:1px solid rgba(191,122,26,.2);font-weight:600;}
.spec-table tbody td{padding:16px 20px;font-size:14.5px;color:var(--ink-soft);border-bottom:1px solid var(--line);line-height:1.7;}
.spec-table tbody tr:last-child td{border-bottom:0;}
.spec-table tbody tr{transition:background .2s ease;}
.spec-table tbody tr:hover{background:#fbf8f2;}
.spec-table td:first-child{font-weight:600;color:var(--ink);white-space:nowrap;}

/* ---------- 步骤 ---------- */
.step-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong);}
.step-num{width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--accent-glow);display:grid;place-items:center;font-size:15px;font-weight:700;margin-bottom:14px;}
.step h3{font-size:16px;margin:0 0 8px;line-height:1.45;}
.step p{font-size:14px;color:var(--muted);line-height:1.75;margin:0;}

/* ---------- 数据条 ---------- */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-md);padding:24px;}
.stat-num{font-size:32px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:.01em;}
.stat-num em{font-style:normal;font-size:14px;font-weight:600;color:var(--accent-glow);margin-left:4px;}
.stat-label{font-size:13.5px;color:#b9c4d3;margin-top:8px;line-height:1.65;}

/* ---------- 证言 ---------- */
.quote-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:26px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.quote-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong);}
.quote-text{font-size:15px;line-height:1.82;color:var(--ink-soft);}
.quote-meta{display:flex;align-items:center;gap:11px;margin-top:18px;padding-top:16px;border-top:1px dashed var(--line);}
.avatar{width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--accent-glow);display:grid;place-items:center;font-size:13px;font-weight:700;flex:0 0 auto;}
.quote-meta b{display:block;font-size:14px;color:var(--ink);font-weight:600;}
.quote-meta span{font-size:12.5px;color:var(--muted);}

/* ---------- 人群 ---------- */
.crowd-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:22px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.crowd-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong);}
.crowd-card h3{font-size:16px;margin:0 0 8px;line-height:1.45;}
.crowd-card p{font-size:14px;color:var(--muted);line-height:1.75;margin:0;}

/* ---------- 收口 CTA ---------- */
.cta-band{position:relative;overflow:hidden;background:linear-gradient(140deg,#1b2a41 0%,#2a405c 100%);border-radius:var(--radius-xl);padding:42px;color:#e8edf4;display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center;box-shadow:var(--shadow-lg);}
.cta-band::before{content:"";position:absolute;inset:0;background:url('/assets/images/6a9db9698be54c63.webp') center/cover no-repeat;opacity:.10;}
.cta-band > *{position:relative;z-index:2;}
.cta-band h2{font-size:clamp(21px,2.4vw,27px);color:#fff;line-height:1.4;margin:0 0 12px;}
.cta-band p{font-size:14.5px;color:#bfc9d6;line-height:1.8;margin:0;}
.update-list{margin-top:22px;display:grid;gap:10px;}
.update-list li{display:flex;gap:10px;font-size:14px;color:#c6d0dd;line-height:1.7;}
.update-list li::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--accent-glow);margin-top:9px;}
.cta-side{display:flex;flex-direction:column;gap:12px;}
.cta-side .btn{width:100%;}
.cta-hint{font-size:12.5px;color:#9fb0c4;line-height:1.65;}

/* ---------- Footer ---------- */
.site-footer{background:#16233a;color:#b9c4d3;padding:52px 0 0;margin-top:0;}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:38px;padding-bottom:36px;}
.brand--footer{color:#fff;margin-bottom:14px;}
.brand--footer .brand-mark{background:#22364f;color:var(--accent-glow);}
.footer-brand-col p{font-size:14px;line-height:1.8;color:#9fb0c4;max-width:430px;margin:0;}
.footer-col h4{color:#fff;font-size:15px;margin:0 0 14px;letter-spacing:.02em;}
.footer-col ul{display:grid;gap:10px;}
.footer-col a{font-size:14px;color:#b9c4d3;transition:color .2s ease;}
.footer-col a:hover{color:var(--accent-glow);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;padding-bottom:26px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:#8b9bb0;}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr;gap:28px;}
  .rank-card{max-width:560px;}
  .grid-4,.stats-grid,.step-list{grid-template-columns:repeat(2,1fr);}
  .split{grid-template-columns:1fr;gap:26px;}
  .cta-band{grid-template-columns:1fr;gap:26px;padding:34px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .footer-brand-col{grid-column:1 / -1;}
}
@media (max-width:860px){
  .nav-links{display:none;}
  .search-box{display:none;}
  .menu-toggle{display:grid;}
  .grid-3{grid-template-columns:1fr;}
  .hero-panel{padding:32px 24px;}
}
@media (max-width:768px){
  .section{padding:52px 0;}
  .section--tight{padding:38px 0;}
  .grid-2,.grid-4,.stats-grid,.step-list{grid-template-columns:1fr;}
  .promo-text{display:none;}
  .promo-inner{min-height:36px;}
  .nav-main{min-height:60px;gap:12px;}
  .brand{font-size:17px;}
  .footer-bottom{justify-content:flex-start;}
}
@media (max-width:520px){
  .container{padding:0 16px;}
  .hero-wrap{padding:24px 0 12px;}
  .hero-panel{padding:26px 18px;border-radius:var(--radius-lg);}
  .hero-actions .btn{width:100%;}
  .card-body{padding:17px;}
  .nav-cta{padding:0 13px;font-size:13px;}
  .footer-grid{grid-template-columns:1fr;}
  .cta-band{padding:26px 20px;}
}