/* roulang page: index */
:root {
      --ink: #17231f;
      --muted: #67736e;
      --moss: #315c4c;
      --moss-deep: #183c32;
      --mint: #dcefe1;
      --mint-2: #eef7ed;
      --coral: #ef765d;
      --coral-deep: #d95f49;
      --sand: #f7f2e9;
      --paper: #fffdfa;
      --line: rgba(23,35,31,.12);
      --gold: #c69b5a;
      --radius-xl: 30px;
      --radius-lg: 22px;
      --radius-md: 16px;
      --shadow: 0 18px 55px rgba(23,35,31,.10);
      --shadow-hover: 0 24px 65px rgba(23,35,31,.16);
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
      line-height: 1.8;
      font-size: 16px;
      -webkit-font-smoothing: antialiased;
    }
    a { color: inherit; text-decoration: none; }
    img { display: block; max-width: 100%; }
    button, input, textarea { font: inherit; }
    button { cursor: pointer; }
    :focus-visible {
      outline: 3px solid rgba(239,118,93,.55);
      outline-offset: 3px;
    }
    .container {
      width: min(1180px, calc(100% - 40px));
      margin: 0 auto;
    }
    .section {
      padding: 105px 0;
      position: relative;
    }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      color: var(--coral-deep);
      letter-spacing: .12em;
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
    }
    .eyebrow::before {
      content: "";
      width: 28px;
      height: 2px;
      background: var(--coral);
      border-radius: 4px;
    }
    .section-title {
      margin: 14px 0 16px;
      color: var(--ink);
      font-size: clamp(30px, 4vw, 52px);
      line-height: 1.18;
      letter-spacing: -.045em;
      font-weight: 900;
    }
    .section-lead {
      max-width: 700px;
      color: var(--muted);
      font-size: 17px;
      line-height: 1.95;
    }
    .section-head {
      display: flex;
      justify-content: space-between;
      gap: 36px;
      align-items: end;
      margin-bottom: 48px;
    }
    .section-head .section-lead { margin-bottom: 4px; }
    .btn {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      min-height: 50px;
      padding: 0 23px;
      border: 1px solid transparent;
      border-radius: 999px;
      font-weight: 800;
      font-size: 14px;
      transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
      white-space: nowrap;
    }
    .btn:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }
    .btn-primary { color: #fff; background: var(--coral); }
    .btn-primary:hover { background: var(--coral-deep); }
    .btn-dark { color: #fff; background: var(--moss-deep); }
    .btn-dark:hover { background: var(--moss); }
    .btn-light { color: var(--moss-deep); background: #fff; border-color: rgba(255,255,255,.45); }
    .btn-outline { color: var(--moss); border-color: rgba(49,92,76,.28); background: transparent; }
    .btn-outline:hover { color: #fff; background: var(--moss); border-color: var(--moss); }
    .chip {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 0 11px;
      border-radius: 999px;
      color: var(--moss);
      background: var(--mint);
      font-size: 12px;
      font-weight: 800;
    }
    .site-header {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(255,253,250,.9);
      border-bottom: 1px solid rgba(23,35,31,.07);
      backdrop-filter: blur(18px);
    }
    .nav-wrap {
      display: flex;
      align-items: center;
      gap: 34px;
      min-height: 78px;
    }
    .brand {
      display: inline-flex;
      align-items: center;
      gap: 11px;
      flex: 0 0 auto;
      font-weight: 950;
      letter-spacing: -.06em;
      font-size: 23px;
      color: var(--moss-deep);
    }
    .brand-mark {
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      color: #fff;
      background: var(--coral);
      border-radius: 11px 11px 11px 4px;
      font-size: 16px;
      transform: rotate(-7deg);
    }
    .main-nav {
      display: flex;
      align-items: center;
      gap: 5px;
      flex: 1;
      min-width: 0;
    }
    .main-nav a {
      position: relative;
      padding: 10px 12px;
      color: #53615b;
      font-size: 13px;
      font-weight: 700;
      border-radius: 12px;
      transition: color .2s ease, background .2s ease;
      white-space: nowrap;
    }
    .main-nav a:hover,
    .main-nav a.active {
      color: var(--moss-deep);
      background: var(--mint-2);
    }
    .main-nav a.active::after {
      content: "";
      position: absolute;
      left: 12px;
      right: 12px;
      bottom: 3px;
      height: 2px;
      background: var(--coral);
      border-radius: 4px;
    }
    .location-link {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      color: var(--moss);
      font-size: 12px;
      font-weight: 800;
      white-space: nowrap;
    }
    .location-dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: var(--coral);
      box-shadow: 0 0 0 5px rgba(239,118,93,.14);
    }
    .mobile-toggle { display: none; border: 0; background: transparent; color: var(--moss-deep); font-size: 25px; }

    .hero {
      min-height: 710px;
      display: flex;
      align-items: center;
      color: #fff;
      background:
        linear-gradient(90deg, rgba(14,39,31,.97) 0%, rgba(20,57,46,.91) 55%, rgba(20,57,46,.64) 100%),
        url("/assets/images/backpic/back-1.webp") center/cover no-repeat;
      overflow: hidden;
      position: relative;
    }
    .hero::after {
      content: "";
      position: absolute;
      right: -8%;
      bottom: -30%;
      width: 58%;
      height: 65%;
      background: rgba(220,239,225,.13);
      transform: rotate(-9deg);
      border-radius: 45px;
    }
    .hero-inner {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: minmax(0, 1.02fr) minmax(430px, .98fr);
      gap: 75px;
      align-items: center;
      padding: 70px 0;
    }
    .hero-copy { max-width: 610px; }
    .hero .eyebrow { color: #ffd6a9; }
    .hero .eyebrow::before { background: var(--coral); }
    .hero h1 {
      margin: 17px 0 23px;
      font-size: clamp(42px, 6vw, 78px);
      line-height: 1.08;
      letter-spacing: -.075em;
      font-weight: 950;
    }
    .hero h1 span { color: #ffd2a2; }
    .hero-intro {
      max-width: 600px;
      color: rgba(255,255,255,.78);
      font-size: 18px;
      line-height: 1.95;
    }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
    .hero-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 25px;
      margin-top: 42px;
      padding-top: 22px;
      border-top: 1px solid rgba(255,255,255,.18);
    }
    .hero-meta strong { display: block; color: #fff; font-size: 24px; line-height: 1.1; }
    .hero-meta small { color: rgba(255,255,255,.58); font-size: 12px; }
    .hero-panel {
      position: relative;
      z-index: 3;
      padding: 27px;
      border: 1px solid rgba(255,255,255,.2);
      border-radius: var(--radius-xl);
      background: rgba(255,255,255,.1);
      box-shadow: 0 25px 80px rgba(0,0,0,.23);
      backdrop-filter: blur(18px);
    }
    .panel-top { display:flex; justify-content:space-between; align-items:center; margin-bottom: 24px; }
    .panel-title { font-size: 15px; font-weight: 900; }
    .live {
      display: inline-flex; align-items:center; gap: 7px; color: #b8ebc3; font-size: 11px; font-weight: 800;
    }
    .live i { display:block; width:7px; height:7px; border-radius:50%; background:#8be29c; box-shadow:0 0 0 5px rgba(139,226,156,.12); }
    .rank-list { display: grid; gap: 11px; }
    .rank-item {
      display: grid;
      grid-template-columns: 28px 48px 1fr auto;
      gap: 12px;
      align-items: center;
      padding: 11px 12px;
      border-radius: 15px;
      background: rgba(255,255,255,.1);
      transition: background .2s ease, transform .2s ease;
    }
    .rank-item:hover { transform: translateX(4px); background: rgba(255,255,255,.18); }
    .rank-no { color: #ffd2a2; font-weight: 900; font-size: 17px; }
    .rank-avatar { width:48px; height:48px; object-fit:cover; border-radius:13px; }
    .rank-name { font-size: 13px; font-weight: 800; }
    .rank-sub { color: rgba(255,255,255,.55); font-size: 11px; }
    .rank-score { color:#ffd2a2; font-size:12px; font-weight:900; }
    .panel-foot { margin-top:18px; display:flex; justify-content:space-between; color:rgba(255,255,255,.54); font-size:11px; }

    .offer-band { background: var(--sand); }
    .offer-grid { display:grid; grid-template-columns: 1.05fr 1.95fr; gap: 35px; align-items:stretch; }
    .offer-intro { padding: 35px 0; }
    .offer-intro h2 { margin: 14px 0; font-size: 40px; line-height:1.2; letter-spacing:-.05em; }
    .offer-intro p { color:var(--muted); }
    .offer-note { margin-top: 28px; padding:18px 20px; color:var(--moss-deep); background:#fff; border-left:3px solid var(--coral); border-radius:0 15px 15px 0; font-size:13px; }
    .offer-steps { display:grid; grid-template-columns: repeat(3,1fr); gap:14px; }
    .offer-card { min-height: 285px; padding: 25px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid var(--line); border-radius:var(--radius-lg); background:#fff; box-shadow:0 10px 35px rgba(23,35,31,.05); transition:transform .25s, box-shadow .25s; }
    .offer-card:hover { transform: translateY(-7px); box-shadow:var(--shadow-hover); }
    .offer-card:nth-child(2) { background:var(--moss); color:#fff; transform: translateY(18px); }
    .offer-card:nth-child(2):hover { transform:translateY(11px); }
    .offer-number { color:var(--coral); font-size:34px; font-weight:950; letter-spacing:-.08em; }
    .offer-card:nth-child(2) .offer-number { color:#ffd2a2; }
    .offer-card h3 { margin: 12px 0 8px; font-size:20px; }
    .offer-card p { color:var(--muted); font-size:13px; line-height:1.75; }
    .offer-card:nth-child(2) p { color:rgba(255,255,255,.68); }
    .offer-link { color:var(--moss); font-size:12px; font-weight:900; }
    .offer-card:nth-child(2) .offer-link { color:#ffd2a2; }

    .package-section { background:#fff; }
    .package-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
    .package-card { position:relative; padding:33px 28px 29px; border:1px solid var(--line); border-radius:var(--radius-lg); background:#fff; transition:all .25s; }
    .package-card:hover { border-color:rgba(49,92,76,.45); box-shadow:var(--shadow); transform:translateY(-5px); }
    .package-card.featured { color:#fff; background:var(--moss-deep); border-color:var(--moss-deep); box-shadow:var(--shadow); }
    .package-badge { position:absolute; top:18px; right:18px; color:#fff; background:var(--coral); padding:4px 9px; border-radius:999px; font-size:10px; font-weight:900; }
    .package-card h3 { margin: 0 0 10px; font-size:23px; }
    .package-desc { min-height:58px; color:var(--muted); font-size:13px; line-height:1.7; }
    .featured .package-desc { color:rgba(255,255,255,.68); }
    .price { margin:24px 0; font-size:38px; line-height:1; font-weight:950; letter-spacing:-.07em; }
    .price small { font-size:13px; font-weight:600; letter-spacing:0; color:var(--muted); }
    .featured .price small { color:rgba(255,255,255,.6); }
    .feature-list { display:grid; gap:12px; padding:0; margin:0 0 28px; list-style:none; }
    .feature-list li { display:flex; gap:9px; align-items:flex-start; color:#596761; font-size:13px; }
    .featured .feature-list li { color:rgba(255,255,255,.77); }
    .feature-list li::before { content:"✓"; flex:0 0 auto; color:var(--coral); font-weight:900; }
    .featured .feature-list li::before { color:#ffd2a2; }
    .package-card .btn { width:100%; }

    .assurance-strip { background:var(--mint-2); padding:28px 0; border-top:1px solid rgba(49,92,76,.08); border-bottom:1px solid rgba(49,92,76,.08); }
    .assurance-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
    .assurance-item { display:flex; gap:13px; align-items:center; }
    .assurance-icon { width:42px; height:42px; display:grid; place-items:center; flex:0 0 auto; color:var(--moss); background:#fff; border-radius:14px; font-size:19px; box-shadow:0 6px 18px rgba(49,92,76,.08); }
    .assurance-item strong { display:block; font-size:14px; }
    .assurance-item span { display:block; color:var(--muted); font-size:11px; }

    .dynamics { background:#fff; }
    .dynamic-layout { display:grid; grid-template-columns:1.4fr .8fr; gap:24px; }
    .dynamic-table { border-top:1px solid var(--line); }
    .dynamic-row { display:grid; grid-template-columns:100px 1fr 100px; gap:18px; align-items:center; min-height:82px; border-bottom:1px solid var(--line); transition:padding .2s, background .2s; }
    .dynamic-row:hover { padding-left:12px; padding-right:12px; background:var(--mint-2); }
    .dynamic-date { color:var(--coral-deep); font-size:12px; font-weight:900; }
    .dynamic-row h3 { margin:0; font-size:16px; line-height:1.4; }
    .dynamic-row p { margin:3px 0 0; color:var(--muted); font-size:12px; }
    .dynamic-status { color:var(--moss); font-size:11px; font-weight:900; text-align:right; }
    .featured-news { padding:30px; min-height:100%; color:#fff; border-radius:var(--radius-lg); background:linear-gradient(145deg,rgba(24,60,50,.9),rgba(49,92,76,.82)),url("/assets/images/coverpic/cover-4.webp") center/cover; }
    .featured-news .chip { color:#fff; background:rgba(255,255,255,.16); }
    .featured-news h3 { margin:52px 0 12px; font-size:26px; line-height:1.35; }
    .featured-news p { color:rgba(255,255,255,.72); font-size:13px; line-height:1.85; }
    .featured-news a { display:inline-flex; margin-top:24px; color:#ffd2a2; font-size:13px; font-weight:900; }

    .entry-section { background:var(--sand); }
    .entry-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
    .entry-card { min-height:190px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; border-radius:var(--radius-lg); background:#fff; border:1px solid rgba(23,35,31,.08); transition:all .25s; }
    .entry-card:hover { background:var(--moss); color:#fff; transform:translateY(-6px); box-shadow:var(--shadow); }
    .entry-top { display:flex; justify-content:space-between; align-items:start; }
    .entry-symbol { width:37px; height:37px; display:grid; place-items:center; border-radius:12px; color:var(--moss); background:var(--mint); font-weight:900; }
    .entry-card:hover .entry-symbol { background:rgba(255,255,255,.15); color:#fff; }
    .entry-arrow { color:var(--coral); font-size:20px; transition:transform .2s; }
    .entry-card:hover .entry-arrow { color:#ffd2a2; transform:translate(3px,-3px); }
    .entry-card h3 { margin:26px 0 3px; font-size:17px; }
    .entry-card p { margin:0; color:var(--muted); font-size:12px; line-height:1.65; }
    .entry-card:hover p { color:rgba(255,255,255,.67); }

    .scene-section { background:#fff; }
    .scene-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:62px; align-items:center; }
    .scene-image { position:relative; min-height:540px; overflow:hidden; border-radius:35px 35px 35px 8px; }
    .scene-image img { width:100%; height:100%; min-height:540px; object-fit:cover; }
    .scene-image::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(23,35,31,.6),transparent 60%); }
    .scene-caption { position:absolute; z-index:1; left:28px; bottom:27px; color:#fff; }
    .scene-caption strong { display:block; font-size:23px; }
    .scene-caption span { color:rgba(255,255,255,.72); font-size:12px; }
    .scene-list { display:grid; gap:18px; margin-top:30px; }
    .scene-item { display:grid; grid-template-columns:44px 1fr; gap:15px; padding-bottom:19px; border-bottom:1px solid var(--line); }
    .scene-item:last-child { border-bottom:0; }
    .scene-num { width:38px; height:38px; display:grid; place-items:center; color:#fff; background:var(--coral); border-radius:12px 12px 12px 3px; font-weight:900; }
    .scene-item h3 { margin:0 0 3px; font-size:17px; }
    .scene-item p { margin:0; color:var(--muted); font-size:13px; line-height:1.75; }

    .story-section { color:#fff; background:var(--moss-deep); overflow:hidden; }
    .story-section::before { content:""; position:absolute; right:-100px; top:-170px; width:510px; height:510px; border:1px solid rgba(255,255,255,.15); border-radius:50%; box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025); }
    .story-layout { display:grid; grid-template-columns:1fr 1fr; gap:75px; align-items:start; position:relative; z-index:1; }
    .story-section .section-title { color:#fff; }
    .story-section .section-lead { color:rgba(255,255,255,.68); }
    .story-copy p { color:rgba(255,255,255,.72); line-height:2; font-size:15px; }
    .story-signature { display:flex; align-items:center; gap:13px; margin-top:28px; color:#ffd2a2; font-weight:800; }
    .signature-line { width:45px; height:1px; background:var(--coral); }
    .story-facts { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
    .fact-card { padding:24px; min-height:145px; border:1px solid rgba(255,255,255,.14); border-radius:var(--radius-lg); background:rgba(255,255,255,.07); }
    .fact-card strong { display:block; color:#ffd2a2; font-size:32px; line-height:1; }
    .fact-card span { display:block; margin-top:13px; color:rgba(255,255,255,.64); font-size:12px; line-height:1.6; }

    .case-section { background:var(--mint-2); }
    .case-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:20px; }
    .case-card { overflow:hidden; border-radius:var(--radius-xl); background:#fff; box-shadow:0 12px 35px rgba(49,92,76,.07); }
    .case-main { display:grid; grid-template-columns:.82fr 1.18fr; }
    .case-main img { width:100%; height:100%; min-height:330px; object-fit:cover; }
    .case-content { padding:35px; }
    .case-content h3 { margin:16px 0 10px; font-size:25px; line-height:1.35; }
    .case-content p { color:var(--muted); font-size:13px; line-height:1.9; }
    .case-result { margin-top:24px; padding-top:18px; border-top:1px solid var(--line); display:flex; gap:24px; }
    .case-result strong { display:block; color:var(--moss); font-size:24px; }
    .case-result span { color:var(--muted); font-size:11px; }
    .case-side { display:grid; gap:20px; }
    .mini-case { display:flex; gap:18px; align-items:center; padding:22px; background:#fff; border-radius:var(--radius-lg); transition:transform .2s; }
    .mini-case:hover { transform:translateX(5px); }
    .mini-case img { width:90px; height:90px; object-fit:cover; border-radius:15px; }
    .mini-case h3 { margin:0 0 4px; font-size:16px; }
    .mini-case p { margin:0; color:var(--muted); font-size:12px; line-height:1.65; }

    .testimonial-section { background:#fff; }
    .quote-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
    .quote-card { padding:29px; border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--paper); }
    .quote-mark { color:var(--coral); font-size:42px; line-height:.8; font-family:Georgia,serif; }
    .quote-card p { margin:16px 0 25px; font-size:14px; line-height:1.9; color:#495852; }
    .quote-author { display:flex; align-items:center; gap:11px; }
    .quote-avatar { width:38px; height:38px; display:grid; place-items:center; color:#fff; background:var(--moss); border-radius:50%; font-size:12px; font-weight:900; }
    .quote-author strong { display:block; font-size:13px; }
    .quote-author span { display:block; color:var(--muted); font-size:11px; }

    .process-section { background:var(--sand); }
    .process-track { display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative; }
    .process-track::before { content:""; position:absolute; top:25px; left:10%; right:10%; height:1px; background:rgba(49,92,76,.22); }
    .process-item { position:relative; z-index:1; padding:0 20px; text-align:center; }
    .process-dot { width:50px; height:50px; display:grid; place-items:center; margin:0 auto 22px; color:#fff; background:var(--moss); border:7px solid var(--sand); border-radius:50%; font-weight:900; }
    .process-item h3 { margin:0 0 7px; font-size:17px; }
    .process-item p { margin:0; color:var(--muted); font-size:12px; line-height:1.75; }

    .ranking-section { background:#fff; }
    .ranking-layout { display:grid; grid-template-columns:.76fr 1.24fr; gap:25px; }
    .ranking-intro { padding:36px; border-radius:var(--radius-xl); color:#fff; background:linear-gradient(145deg,#315c4c,#183c32); }
    .ranking-intro .section-title { color:#fff; font-size:36px; }
    .ranking-intro p { color:rgba(255,255,255,.68); font-size:13px; line-height:1.9; }
    .ranking-intro .btn { margin-top:20px; }
    .ranking-table { border:1px solid var(--line); border-radius:var(--radius-xl); overflow:hidden; }
    .ranking-head, .ranking-line { display:grid; grid-template-columns:50px 1fr 100px 100px; gap:15px; align-items:center; padding:16px 22px; }
    .ranking-head { color:var(--muted); background:var(--mint-2); font-size:11px; font-weight:900; }
    .ranking-line { min-height:69px; border-top:1px solid var(--line); font-size:13px; }
    .ranking-line:hover { background:#fffaf3; }
    .ranking-line strong { font-size:14px; }
    .ranking-line span { color:var(--muted); font-size:12px; }
    .trend { color:var(--coral-deep)!important; font-weight:900; }

    .faq-section { background:var(--mint-2); }
    .faq-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:65px; align-items:start; }
    .faq-aside { position:sticky; top:110px; }
    .faq-aside .section-title { font-size:40px; }
    .faq-aside p { color:var(--muted); font-size:14px; line-height:1.9; }
    .faq-list { display:grid; gap:11px; }
    .faq-item { border:1px solid rgba(49,92,76,.14); border-radius:16px; background:#fff; overflow:hidden; }
    .faq-item summary { list-style:none; display:flex; justify-content:space-between; gap:20px; align-items:center; padding:21px 23px; cursor:pointer; font-size:15px; font-weight:900; }
    .faq-item summary::-webkit-details-marker { display:none; }
    .faq-item summary::after { content:"＋"; color:var(--coral); font-size:21px; font-weight:400; }
    .faq-item[open] summary::after { content:"−"; }
    .faq-answer { padding:0 23px 22px; color:var(--muted); font-size:13px; line-height:1.9; }

    .limit-section { color:#fff; background:var(--coral-deep); }
    .limit-wrap { display:grid; grid-template-columns:1.05fr .95fr; gap:45px; align-items:center; }
    .limit-section .eyebrow { color:#ffe3b6; }
    .limit-section .section-title { color:#fff; font-size:46px; }
    .limit-section .section-lead { color:rgba(255,255,255,.78); }
    .deadline { display:flex; gap:10px; margin-top:25px; }
    .time-box { min-width:67px; padding:12px 9px; text-align:center; border:1px solid rgba(255,255,255,.27); border-radius:14px; background:rgba(255,255,255,.11); }
    .time-box strong { display:block; color:#fff; font-size:25px; line-height:1.1; }
    .time-box span { color:rgba(255,255,255,.63); font-size:10px; }
    .limit-form { padding:28px; border-radius:var(--radius-xl); background:#fff; color:var(--ink); box-shadow:0 18px 45px rgba(119,42,28,.2); }
    .limit-form h3 { margin:0 0 6px; font-size:21px; }
    .limit-form p { margin:0 0 18px; color:var(--muted); font-size:12px; }
    .form-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
    .field { width:100%; min-height:47px; padding:0 14px; color:var(--ink); border:1px solid var(--line); border-radius:12px; background:#fff; font-size:13px; }
    .field::placeholder { color:#9ba49f; }
    .limit-form .btn { width:100%; margin-top:12px; }
    .form-tip { margin-top:10px!important; font-size:11px!important; color:#89918d!important; }

    .contact-section { background:#fff; }
    .contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
    .contact-card { padding:31px; border-radius:var(--radius-lg); background:var(--sand); }
    .contact-card h3 { margin:0 0 8px; font-size:21px; }
    .contact-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.85; }
    .contact-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
    .contact-links a { padding:9px 14px; color:var(--moss); border:1px solid rgba(49,92,76,.2); border-radius:999px; font-size:12px; font-weight:800; transition:all .2s; }
    .contact-links a:hover { color:#fff; background:var(--moss); }

    .floating-bar { position:fixed; z-index:40; left:50%; bottom:18px; transform:translateX(-50%); width:min(660px,calc(100% - 30px)); display:flex; align-items:center; justify-content:space-between; gap:15px; padding:10px 12px 10px 20px; color:#fff; border:1px solid rgba(255,255,255,.15); border-radius:999px; background:rgba(24,60,50,.94); box-shadow:0 18px 40px rgba(23,35,31,.23); backdrop-filter:blur(14px); }
    .floating-bar span { font-size:12px; font-weight:700; }
    .floating-bar .btn { min-height:39px; padding:0 17px; font-size:12px; }

    .site-footer { padding:62px 0 105px; color:rgba(255,255,255,.67); background:#132a24; }
    .footer-grid { display:grid; grid-template-columns:1.35fr 1fr 1fr 1fr; gap:36px; padding-bottom:42px; border-bottom:1px solid rgba(255,255,255,.13); }
    .footer-brand { color:#fff; }
    .footer-brand p { max-width:330px; margin:18px 0 0; color:rgba(255,255,255,.58); font-size:13px; line-height:1.9; }
    .footer-col h3 { margin:0 0 15px; color:#ffd2a2; font-size:13px; }
    .footer-col a { display:block; width:max-content; margin:7px 0; color:rgba(255,255,255,.6); font-size:12px; transition:color .2s; }
    .footer-col a:hover { color:#fff; }
    .footer-bottom { display:flex; justify-content:space-between; gap:25px; padding-top:23px; color:rgba(255,255,255,.47); font-size:11px; }
    .record-links { display:flex; flex-wrap:wrap; gap:13px; }
    .record-links a { text-decoration:underline; text-underline-offset:3px; }

    @media (max-width: 1100px) {
      .nav-wrap { gap:15px; }
      .main-nav { gap:0; overflow-x:auto; scrollbar-width:none; }
      .main-nav::-webkit-scrollbar { display:none; }
      .main-nav a { padding-left:9px; padding-right:9px; font-size:12px; }
      .hero-inner { gap:38px; }
      .container { width:min(100% - 30px,1180px); }
    }
    @media (max-width: 900px) {
      .hero-inner, .offer-grid, .dynamic-layout, .scene-layout, .story-layout, .case-grid, .ranking-layout, .faq-grid, .limit-wrap { grid-template-columns:1fr; }
      .hero { min-height:auto; }
      .hero-panel { max-width:600px; }
      .offer-intro { padding:0; }
      .offer-steps { margin-top:5px; }
      .story-facts { max-width:650px; }
      .faq-aside { position:static; }
      .footer-grid { grid-template-columns:1.5fr 1fr 1fr; }
      .footer-grid .footer-col:last-child { grid-column:2 / 4; }
    }
    @media (max-width: 700px) {
      .section { padding:72px 0; }
      .section-head { display:block; margin-bottom:30px; }
      .section-head .section-lead { margin-top:10px; }
      .nav-wrap { min-height:66px; }
      .brand { font-size:20px; }
      .mobile-toggle { display:block; margin-left:auto; }
      .main-nav { display:none; position:absolute; left:15px; right:15px; top:72px; padding:9px; flex-wrap:wrap; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow); }
      .main-nav.open { display:flex; }
      .main-nav a { flex:1 0 45%; }
      .location-link { display:none; }
      .hero-inner { padding:70px 0 75px; }
      .hero h1 { font-size:52px; }
      .hero-intro { font-size:15px; }
      .hero-meta { gap:18px; }
      .hero-panel { padding:18px; }
      .offer-steps, .package-grid, .quote-grid, .assurance-grid { grid-template-columns:1fr; }
      .offer-card:nth-child(2) { transform:none; }
      .offer-card:nth-child(2):hover { transform:translateY(-7px); }
      .assurance-grid { gap:15px; }
      .dynamic-row { grid-template-columns:72px 1fr; gap:11px; padding:14px 0; }
      .dynamic-status { grid-column:2; text-align:left; }
      .entry-grid { grid-template-columns:1fr 1fr; }
      .scene-image, .scene-image img { min-height:370px; }
      .case-main { grid-template-columns:1fr; }
      .case-main img { min-height:230px; max-height:280px; }
      .process-track { grid-template-columns:1fr 1fr; gap:30px 0; }
      .process-track::before { display:none; }
      .process-item { padding:0 9px; }
      .ranking-head, .ranking-line { grid-template-columns:35px 1fr 70px; padding:14px 15px; gap:9px; }
      .ranking-head span:nth-child(4), .ranking-line span:nth-child(4) { display:none; }
      .form-row { grid-template-columns:1fr; }
      .contact-grid { grid-template-columns:1fr; }
      .footer-grid { grid-template-columns:1fr 1fr; }
      .footer-grid .footer-brand { grid-column:1 / 3; }
      .footer-grid .footer-col:last-child { grid-column:auto; }
      .footer-bottom { display:block; }
      .record-links { margin-top:9px; }
      .floating-bar { padding-left:14px; }
      .floating-bar span { font-size:11px; }
    }
    @media (max-width: 430px) {
      .container { width:calc(100% - 26px); }
      .hero h1 { font-size:45px; }
      .hero-actions .btn { width:100%; }
      .entry-grid { grid-template-columns:1fr; }
      .section-title { font-size:34px; }
      .story-facts { grid-template-columns:1fr; }
      .mini-case { align-items:flex-start; }
    }

/* roulang page: category1 */
:root {
      --ink:#17231f;--muted:#67736e;--moss:#315c4c;--moss-deep:#183c32;
      --mint:#dcefe1;--mint-2:#eef7ed;--coral:#ef765d;--coral-deep:#d95f49;
      --sand:#f7f2e9;--paper:#fffdfa;--line:rgba(23,35,31,.12);--gold:#c69b5a;
      --radius-xl:30px;--radius-lg:22px;--radius-md:16px;
      --shadow:0 18px 55px rgba(23,35,31,.10);--shadow-hover:0 24px 65px rgba(23,35,31,.16);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;line-height:1.8;font-size:16px;-webkit-font-smoothing:antialiased}
    a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button,input,textarea{font:inherit} button{cursor:pointer}
    .container{width:min(1180px,calc(100% - 40px));margin:0 auto}
    .section{padding:100px 0;position:relative}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--coral-deep);letter-spacing:.12em;font-size:12px;font-weight:800}
    .eyebrow:before{content:"";width:28px;height:2px;background:var(--coral);border-radius:4px}
    .section-title{margin:14px 0 16px;color:var(--ink);font-size:clamp(30px,4vw,52px);line-height:1.18;letter-spacing:-.045em;font-weight:900}
    .section-lead{max-width:700px;color:var(--muted);font-size:17px;line-height:1.95}
    .section-head{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:46px}
    .btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 23px;border:1px solid transparent;border-radius:999px;font-weight:800;font-size:14px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;white-space:nowrap}
    .btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)} .btn:focus-visible,.main-nav a:focus-visible{outline:3px solid rgba(239,118,93,.45);outline-offset:3px}
    .btn-primary{color:#fff;background:var(--coral)} .btn-primary:hover{background:var(--coral-deep)}
    .btn-dark{color:#fff;background:var(--moss-deep)} .btn-dark:hover{background:var(--moss)}
    .btn-light{color:var(--moss-deep);background:#fff;border-color:rgba(255,255,255,.45)}
    .btn-outline{color:var(--moss);border-color:rgba(49,92,76,.28);background:transparent}.btn-outline:hover{color:#fff;background:var(--moss);border-color:var(--moss)}
    .chip{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;color:var(--moss);background:var(--mint);font-size:12px;font-weight:800}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,250,.92);border-bottom:1px solid rgba(23,35,31,.07);backdrop-filter:blur(18px)}
    .nav-wrap{display:flex;align-items:center;gap:26px;min-height:78px}
    .brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto;font-weight:950;letter-spacing:-.06em;font-size:23px;color:var(--moss-deep)}
    .brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--coral);border-radius:11px 11px 11px 4px;font-size:16px;transform:rotate(-7deg)}
    .main-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0}
    .main-nav a{position:relative;padding:10px 10px;color:#53615b;font-size:13px;font-weight:700;border-radius:12px;transition:color .2s ease,background .2s ease;white-space:nowrap}
    .main-nav a:hover,.main-nav a.active{color:var(--moss-deep);background:var(--mint-2)}
    .main-nav a.active:after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;background:var(--coral);border-radius:4px}
    .location-link{display:flex;align-items:center;gap:7px;color:var(--moss);font-size:13px;font-weight:800;white-space:nowrap}
    .pin{width:9px;height:9px;border-radius:50% 50% 50% 0;background:var(--coral);transform:rotate(-45deg)}
    .mobile-toggle{display:none;border:0;background:transparent;color:var(--moss-deep);font-size:25px}
    .page-hero{position:relative;overflow:hidden;background:linear-gradient(100deg,rgba(16,52,42,.96),rgba(24,60,50,.78)),url("/assets/images/backpic/back-2.webp") center/cover no-repeat;color:#fff}
    .page-hero:after{content:"";position:absolute;width:420px;height:420px;right:-120px;bottom:-185px;border:1px solid rgba(255,255,255,.22);border-radius:50%}
    .page-hero-inner{min-height:515px;padding:82px 0 70px;position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px}
    .page-hero .eyebrow{color:#ffd6a9}.page-hero .eyebrow:before{background:var(--coral)}
    .page-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.1;letter-spacing:-.07em;font-weight:950;margin:16px 0 22px}
    .page-hero p{max-width:650px;font-size:18px;line-height:1.95;color:rgba(255,255,255,.8)}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
    .hero-panel{background:rgba(255,253,250,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);padding:27px;border-radius:var(--radius-lg);box-shadow:0 20px 40px rgba(0,0,0,.13)}
    .hero-panel h2{font-size:17px;margin:0 0 18px;color:#fff;font-weight:900}.city-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .city-item{padding:13px;border-radius:14px;background:rgba(255,255,255,.1);font-size:14px;font-weight:800}.city-item small{display:block;color:rgba(255,255,255,.6);font-size:11px;font-weight:500;margin-top:2px}
    .intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center}
    .image-frame{position:relative}.image-frame img{width:100%;height:500px;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow)}
    .image-note{position:absolute;right:-24px;bottom:30px;max-width:235px;padding:20px;background:var(--coral);color:#fff;border-radius:18px;box-shadow:var(--shadow)}
    .image-note strong{display:block;font-size:30px;line-height:1;margin-bottom:7px}.image-note span{font-size:13px;line-height:1.5;display:block}
    .content-copy p{color:var(--muted);font-size:16px;margin:0 0 18px}.content-copy p:first-of-type{font-size:19px;color:#44524c;line-height:1.9}
    .feature-strip{background:var(--mint-2);padding:28px 0}.feature-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
    .feature-item{display:flex;gap:13px;align-items:flex-start}.feature-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;background:#fff;border-radius:14px;color:var(--coral);font-size:20px;font-weight:900}
    .feature-item strong{display:block;font-size:15px}.feature-item p{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.65}
    .experience-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
    .experience-main{position:relative;min-height:510px;overflow:hidden;border-radius:var(--radius-xl);background:var(--moss-deep)}
    .experience-main img{width:100%;height:100%;object-fit:cover;opacity:.7}.experience-overlay{position:absolute;inset:auto 0 0;padding:80px 34px 34px;background:linear-gradient(transparent,rgba(15,35,29,.96));color:#fff}
    .experience-overlay h3{font-size:30px;margin:0 0 8px;font-weight:900}.experience-overlay p{margin:0;color:rgba(255,255,255,.77);max-width:520px}
    .experience-side{display:grid;gap:24px}.experience-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:0 8px 26px rgba(23,35,31,.05);transition:.25s ease}
    .experience-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.experience-card img{width:100%;height:178px;object-fit:cover}.experience-card-body{padding:20px}.experience-card h3{font-size:19px;margin:8px 0}.experience-card p{color:var(--muted);font-size:14px;line-height:1.75;margin:0}
    .scenario{background:var(--sand)}.scenario-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px}.scenario-list{display:grid;gap:12px}
    .scenario-item{background:rgba(255,255,255,.72);padding:18px 20px;border-radius:var(--radius-md);border:1px solid transparent;transition:.2s}.scenario-item:hover{border-color:rgba(49,92,76,.25);background:#fff;transform:translateX(5px)}
    .scenario-item strong{display:block;font-size:17px}.scenario-item span{color:var(--muted);font-size:14px}
    .journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.journey-card{position:relative;padding:28px 23px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg)}
    .journey-card:after{content:"";position:absolute;right:-17px;top:50%;width:16px;border-top:2px dotted var(--gold)}.journey-card:last-child:after{display:none}
    .journey-num{color:var(--coral);font-weight:950;font-size:13px;letter-spacing:.1em}.journey-card h3{font-size:19px;margin:17px 0 8px}.journey-card p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}
    .quote-section{background:var(--moss-deep);color:#fff}.quote-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.quote-section .section-title{color:#fff}.quote-section .section-lead{color:rgba(255,255,255,.7)}
    .quote-card{padding:34px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-xl)}.quote-mark{font-size:54px;color:#ffd2a2;height:44px;line-height:1}.quote-card blockquote{font-size:20px;line-height:1.9;margin:15px 0 20px}.quote-card cite{font-style:normal;color:#b9d5c2;font-size:14px}
    .notice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.notice-card{padding:26px;border-radius:var(--radius-lg);border:1px solid var(--line);background:#fff}.notice-card b{display:grid;place-items:center;width:38px;height:38px;background:var(--mint);color:var(--moss);border-radius:12px;font-size:17px}.notice-card h3{font-size:18px;margin:17px 0 7px}.notice-card p{font-size:14px;color:var(--muted);line-height:1.75;margin:0}
    .faq-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);background:#fff;border-radius:var(--radius-md);overflow:hidden}.faq-item summary{padding:18px 50px 18px 20px;position:relative;cursor:pointer;font-weight:850;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:20px;color:var(--coral);font-size:24px;line-height:1}.faq-item[open] summary:after{content:"−"}.faq-answer{padding:0 20px 19px;color:var(--muted);font-size:14px;line-height:1.85}
    .contact-cta{padding:0 0 105px}.cta-box{position:relative;overflow:hidden;padding:58px 62px;background:var(--coral);color:#fff;border-radius:var(--radius-xl);display:flex;justify-content:space-between;align-items:center;gap:32px}.cta-box:after{content:"";position:absolute;width:300px;height:300px;right:-70px;top:-170px;border:1px solid rgba(255,255,255,.3);border-radius:50%}.cta-box>*{position:relative;z-index:1}.cta-box h2{font-size:clamp(28px,3vw,42px);line-height:1.2;margin:0 0 10px;font-weight:950}.cta-box p{margin:0;color:rgba(255,255,255,.82)}
    .site-footer{background:#122d25;color:rgba(255,255,255,.68);padding:72px 0 28px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:45px}.site-footer .brand{color:#fff}.footer-brand p{max-width:390px;font-size:14px;line-height:1.9;margin:20px 0 0}.footer-col h3{margin:0 0 17px;color:#fff;font-size:15px}.footer-col a{display:block;font-size:14px;margin:9px 0;transition:color .2s}.footer-col a:hover{color:#ffd2a2}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:55px;padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.record-links{display:flex;flex-wrap:wrap;gap:14px}.record-links a:hover{color:#fff}
    @media(max-width:1024px){.nav-wrap{gap:14px}.main-nav{overflow-x:auto}.main-nav a{padding:10px 8px}.location-link{display:none}.page-hero-inner,.intro-grid,.scenario-layout,.faq-wrap,.quote-layout{gap:40px}.feature-list{grid-template-columns:repeat(2,1fr)}.journey-grid{grid-template-columns:repeat(2,1fr)}.journey-card:after{display:none}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}
    @media(max-width:768px){.container{width:min(100% - 32px,1180px)}.section{padding:72px 0}.mobile-toggle{display:block;margin-left:auto}.nav-wrap{min-height:68px;flex-wrap:wrap}.main-nav{display:none;width:100%;order:3;padding:0 0 13px;overflow:auto}.main-nav.open{display:flex}.main-nav a{font-size:12px}.page-hero-inner{min-height:auto;padding:70px 0;grid-template-columns:1fr}.hero-panel{max-width:480px}.page-hero h1{font-size:45px}.section-head{display:block;margin-bottom:34px}.section-head .section-lead{margin-top:12px}.intro-grid,.scenario-layout,.faq-wrap,.quote-layout{grid-template-columns:1fr}.image-frame img{height:360px}.experience-grid{grid-template-columns:1fr}.experience-main{min-height:410px}.experience-side{grid-template-columns:1fr 1fr}.notice-grid{grid-template-columns:1fr}.cta-box{padding:42px 30px;display:block}.cta-box .btn{margin-top:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.record-links{margin-top:10px}}
    @media(max-width:520px){body{font-size:15px}.page-hero h1{font-size:38px}.page-hero p{font-size:16px}.city-list,.experience-side,.feature-list,.journey-grid{grid-template-columns:1fr}.image-note{right:12px;bottom:15px}.section-title{font-size:31px}.experience-main{min-height:360px}.experience-overlay{padding:60px 22px 24px}.experience-overlay h3{font-size:25px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{font-size:11px}.record-links{gap:8px}.cta-box{border-radius:22px}}

/* roulang page: category2 */
:root{--ink:#17231f;--muted:#67736e;--moss:#315c4c;--moss-deep:#183c32;--mint:#dcefe1;--mint-2:#eef7ed;--coral:#ef765d;--coral-deep:#d95f49;--sand:#f7f2e9;--paper:#fffdfa;--line:rgba(23,35,31,.12);--gold:#c69b5a;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--shadow:0 18px 55px rgba(23,35,31,.10);--shadow-hover:0 24px 65px rgba(23,35,31,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;line-height:1.8;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.section{padding:94px 0;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--coral-deep);letter-spacing:.12em;font-size:12px;font-weight:800}.eyebrow:before{content:"";width:28px;height:2px;background:var(--coral);border-radius:4px}.section-title{margin:14px 0 16px;color:var(--ink);font-size:clamp(30px,4vw,52px);line-height:1.18;letter-spacing:-.045em;font-weight:900}.section-lead{max-width:720px;color:var(--muted);font-size:17px;line-height:1.95}.section-head{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:45px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 23px;border:1px solid transparent;border-radius:999px;font-weight:800;font-size:14px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;white-space:nowrap}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.btn:focus,.main-nav a:focus,input:focus{outline:3px solid rgba(239,118,93,.32);outline-offset:3px}.btn-primary{color:#fff;background:var(--coral)}.btn-primary:hover{background:var(--coral-deep)}.btn-dark{color:#fff;background:var(--moss-deep)}.btn-dark:hover{background:var(--moss)}.btn-light{color:var(--moss-deep);background:#fff;border-color:rgba(255,255,255,.45)}.btn-outline{color:var(--moss);border-color:rgba(49,92,76,.28);background:transparent}.btn-outline:hover{color:#fff;background:var(--moss);border-color:var(--moss)}.chip{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;color:var(--moss);background:var(--mint);font-size:12px;font-weight:800}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,250,.92);border-bottom:1px solid rgba(23,35,31,.07);backdrop-filter:blur(18px)}.nav-wrap{display:flex;align-items:center;gap:25px;min-height:78px}.brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto;font-weight:950;letter-spacing:-.06em;font-size:23px;color:var(--moss-deep)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--coral);border-radius:11px 11px 11px 4px;font-size:16px;transform:rotate(-7deg)}.main-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.main-nav a{position:relative;padding:10px 11px;color:#53615b;font-size:13px;font-weight:700;border-radius:12px;transition:color .2s ease,background .2s ease;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:var(--moss-deep);background:var(--mint-2)}.main-nav a.active:after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;background:var(--coral);border-radius:4px}.location-link{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:var(--moss-deep);font-size:12px;font-weight:800;white-space:nowrap}.location-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(239,118,93,.14)}.mobile-toggle{display:none;border:0;background:transparent;color:var(--moss-deep);font-size:25px}
.flash-bar{background:var(--coral);color:#fff}.flash-inner{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:700}.flash-inner strong{font-size:14px}.countdown{display:flex;align-items:center;gap:7px}.countdown b{display:inline-grid;place-items:center;min-width:26px;height:25px;background:rgba(24,60,50,.28);border-radius:6px;font-size:12px}
.page-hero{overflow:hidden;background:var(--sand);position:relative}.page-hero:after{content:"";position:absolute;width:48vw;height:48vw;right:-18vw;top:-18vw;border:1px solid rgba(49,92,76,.14);border-radius:50%;box-shadow:0 0 0 42px rgba(220,239,225,.45),0 0 0 84px rgba(220,239,225,.22)}.page-hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center;padding:73px 0;position:relative;z-index:1}.breadcrumb{display:flex;gap:8px;color:var(--muted);font-size:13px;margin-bottom:19px}.breadcrumb span{color:var(--coral)}.page-hero h1{margin:0 0 21px;font-size:clamp(40px,5vw,68px);letter-spacing:-.075em;line-height:1.07;font-weight:950}.page-hero p{max-width:600px;color:var(--muted);font-size:17px;line-height:1.95}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.offer-card{padding:24px;background:var(--moss-deep);color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow);transform:rotate(2deg)}.offer-card-inner{padding:18px;border:1px solid rgba(255,255,255,.17);border-radius:18px}.offer-card .chip{background:rgba(255,255,255,.14);color:#fff}.offer-card h2{font-size:25px;line-height:1.3;margin:16px 0 9px}.offer-card p{color:rgba(255,255,255,.7);font-size:14px;line-height:1.8;margin:0}.offer-price{display:flex;align-items:end;justify-content:space-between;margin-top:23px}.offer-price strong{font-size:30px;color:#ffd2a2;line-height:1}.offer-price small{color:rgba(255,255,255,.58)}
.summary{padding:38px 0;border-bottom:1px solid var(--line);background:#fff}.summary-grid{display:grid;grid-template-columns:180px 1fr 190px;gap:35px;align-items:center}.summary-grid h2{font-size:21px;line-height:1.35;margin:0}.summary-grid p{color:var(--muted);margin:0}.summary-num{color:var(--moss-deep);font-size:14px;font-weight:800}.summary-num b{display:block;font-size:30px;line-height:1.1;color:var(--coral)}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{padding:28px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(49,92,76,.28)}.service-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--mint);color:var(--moss-deep);border-radius:14px;font-size:20px;font-weight:900}.service-card h3{font-size:20px;margin:19px 0 9px}.service-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}
.dark-band{background:var(--moss-deep);color:#fff}.dark-band .section-title{color:#fff}.dark-band .section-lead{color:rgba(255,255,255,.7)}.scene-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.scene-image{position:relative}.scene-image img{height:480px;width:100%;object-fit:cover;border-radius:var(--radius-xl)}.scene-image:after{content:"完美真人 · 私享时光";position:absolute;bottom:20px;left:20px;padding:8px 13px;background:rgba(255,253,250,.9);border-radius:999px;color:var(--moss-deep);font-size:12px;font-weight:900}.scene-list{display:grid;gap:13px;margin-top:28px}.scene-list div{padding:17px 18px;border-left:3px solid var(--coral);background:rgba(255,255,255,.08);border-radius:0 13px 13px 0}.scene-list strong{display:block;font-size:16px}.scene-list span{display:block;color:rgba(255,255,255,.64);font-size:13px;margin-top:3px}
.flow{background:var(--mint-2)}.flow-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.flow-item{position:relative;padding:26px;background:var(--paper);border-radius:var(--radius-lg);border:1px solid rgba(49,92,76,.1)}.flow-item:not(:last-child):after{content:"→";position:absolute;right:-17px;top:50%;transform:translateY(-50%);color:var(--coral);font-size:26px;font-weight:900;z-index:1}.flow-no{display:block;color:var(--coral);font-size:13px;font-weight:900;letter-spacing:.08em}.flow-item h3{margin:10px 0 8px;font-size:19px}.flow-item p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.feature-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:68px;align-items:center}.feature-image img{width:100%;height:500px;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow)}.feature-list{display:grid;gap:17px;margin-top:28px}.feature-list article{display:grid;grid-template-columns:48px 1fr;gap:16px;padding-bottom:17px;border-bottom:1px solid var(--line)}.feature-list article:last-child{border:0}.feature-list b{width:48px;height:48px;display:grid;place-items:center;color:var(--coral-deep);background:var(--sand);border-radius:15px;font-size:19px}.feature-list h3{margin:0 0 3px;font-size:18px}.feature-list p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}
.quote-section{padding-top:0}.quote-box{display:grid;grid-template-columns:120px 1fr 220px;gap:32px;align-items:center;padding:38px 45px;background:var(--sand);border-radius:var(--radius-xl)}.quote-avatar{width:92px;height:92px;border-radius:50%;object-fit:cover}.quote-box blockquote{margin:0;font-size:20px;font-weight:800;line-height:1.8}.quote-box cite{display:block;margin-top:12px;color:var(--muted);font-size:13px;font-style:normal}.quote-tag{text-align:right;color:var(--moss);font-weight:900;font-size:14px}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.faq-list{display:grid;gap:12px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.faq-item button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;border:0;background:transparent;color:var(--ink);text-align:left;font-size:16px;font-weight:800}.faq-item button span{color:var(--coral);font-size:22px;line-height:1}.faq-answer{display:none;padding:0 20px 19px;color:var(--muted);font-size:14px;line-height:1.9}.faq-item.open .faq-answer{display:block}.faq-item.open button{color:var(--moss-deep)}
.contact-section{padding:0 0 100px}.contact-box{position:relative;overflow:hidden;padding:58px 64px;background:linear-gradient(105deg,var(--moss-deep),#28604e);color:#fff;border-radius:var(--radius-xl)}.contact-box:after{content:"";position:absolute;right:-70px;bottom:-120px;width:350px;height:350px;border:35px solid rgba(220,239,225,.12);border-radius:50%}.contact-box>*{position:relative;z-index:1}.contact-box h2{max-width:700px;font-size:clamp(30px,4vw,50px);line-height:1.2;letter-spacing:-.05em;margin:14px 0}.contact-box p{max-width:670px;color:rgba(255,255,255,.72);font-size:16px}.contact-form{display:flex;gap:12px;max-width:720px;margin-top:27px}.contact-form input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:0 19px;background:rgba(255,255,255,.1);color:#fff;height:51px}.contact-form input::placeholder{color:rgba(255,255,255,.62)}
.site-footer{background:#102a22;color:rgba(255,255,255,.68);padding:72px 0 25px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:45px;padding-bottom:53px}.footer-brand .brand{color:#fff}.footer-brand p{max-width:350px;margin:20px 0 0;font-size:14px;line-height:1.9}.footer-col h3{margin:3px 0 16px;color:#fff;font-size:15px}.footer-col a{display:block;width:max-content;max-width:100%;margin:8px 0;color:rgba(255,255,255,.63);font-size:14px;transition:color .2s,transform .2s}.footer-col a:hover{color:#ffd2a2;transform:translateX(3px)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid rgba(255,255,255,.13);font-size:12px}.record-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px}.record-links a:hover{color:#ffd2a2}
@media(max-width:1100px){.nav-wrap{gap:12px}.main-nav{overflow:auto}.main-nav::-webkit-scrollbar{display:none}.location-link{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container{width:min(100% - 30px,1180px)}.section{padding:70px 0}.site-header{position:relative}.nav-wrap{min-height:67px;justify-content:space-between}.mobile-toggle{display:block}.main-nav{display:none;position:absolute;top:67px;left:0;right:0;padding:12px 15px 18px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-wrap:wrap}.main-nav.open{display:flex}.main-nav a{font-size:13px}.page-hero-inner,.scene-grid,.feature-layout,.faq-layout{grid-template-columns:1fr;gap:38px}.page-hero-inner{padding:58px 0}.offer-card{max-width:500px;transform:none}.summary-grid{grid-template-columns:1fr;gap:13px}.summary-num{display:flex;align-items:center;gap:11px}.summary-num b{display:inline}.section-head{display:block;margin-bottom:32px}.flow-wrap{grid-template-columns:repeat(2,1fr)}.flow-item:not(:last-child):after{display:none}.scene-image{order:2}.scene-image img,.feature-image img{height:350px}.quote-box{grid-template-columns:75px 1fr;padding:27px}.quote-avatar{width:67px;height:67px}.quote-tag{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.contact-box{padding:40px 28px}.contact-form{flex-direction:column}.contact-form .btn{width:100%}}
@media(max-width:520px){body{font-size:15px}.flash-inner{justify-content:center;min-height:43px}.flash-inner strong{display:none}.page-hero h1{font-size:42px}.service-grid,.flow-wrap{grid-template-columns:1fr}.section-title{font-size:31px}.page-hero p,.section-lead{font-size:15px}.hero-actions .btn{width:100%}.quote-box{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.record-links{justify-content:flex-start;margin-top:10px;gap:8px 13px}.contact-section{padding-bottom:70px}}

/* roulang page: category3 */
:root{
      --ink:#17231f;--muted:#67736e;--moss:#315c4c;--moss-deep:#183c32;--mint:#dcefe1;--mint-2:#eef7ed;
      --coral:#ef765d;--coral-deep:#d95f49;--sand:#f7f2e9;--paper:#fffdfa;--line:rgba(23,35,31,.12);
      --gold:#c69b5a;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--shadow:0 18px 55px rgba(23,35,31,.10);--shadow-hover:0 24px 65px rgba(23,35,31,.16);
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}
    a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button,input,textarea{font:inherit} button{cursor:pointer}.container{width:min(1180px,calc(100% - 40px));margin:auto}
    .section{padding:100px 0;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--coral-deep);letter-spacing:.12em;font-size:12px;font-weight:800}.eyebrow:before{content:"";width:28px;height:2px;border-radius:4px;background:var(--coral)}
    .section-title{margin:14px 0 16px;font-size:clamp(30px,4vw,52px);line-height:1.18;letter-spacing:-.045em;font-weight:900}.section-lead{max-width:720px;margin:0;color:var(--muted);font-size:17px;line-height:1.95}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:46px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 23px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:800;white-space:nowrap;transition:.25s ease}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.btn:focus-visible,a:focus-visible{outline:3px solid rgba(239,118,93,.45);outline-offset:3px}.btn-primary{color:#fff;background:var(--coral)}.btn-primary:hover{background:var(--coral-deep)}.btn-dark{color:#fff;background:var(--moss-deep)}.btn-dark:hover{background:var(--moss)}.btn-light{background:#fff;color:var(--moss-deep)}.btn-outline{color:var(--moss);border-color:rgba(49,92,76,.28)}.btn-outline:hover{color:#fff;background:var(--moss);border-color:var(--moss)}
    .chip{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;color:var(--moss);background:var(--mint);font-size:12px;font-weight:800}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,250,.92);border-bottom:1px solid rgba(23,35,31,.07);backdrop-filter:blur(18px)}.nav-wrap{display:flex;align-items:center;gap:28px;min-height:78px}.brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto;color:var(--moss-deep);font-size:23px;font-weight:950;letter-spacing:-.06em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px 11px 11px 4px;background:var(--coral);color:white;font-size:16px;transform:rotate(-7deg)}
    .main-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.main-nav a{position:relative;padding:10px 11px;border-radius:12px;color:#53615b;font-size:13px;font-weight:700;white-space:nowrap;transition:.2s}.main-nav a:hover,.main-nav a.active{background:var(--mint-2);color:var(--moss-deep)}.main-nav a.active:after{content:"";position:absolute;right:12px;bottom:3px;left:12px;height:2px;border-radius:4px;background:var(--coral)}.nav-location{display:flex;align-items:center;gap:7px;color:var(--moss);font-size:13px;font-weight:800;white-space:nowrap}.location-dot{width:9px;height:9px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(239,118,93,.13)}.mobile-toggle{display:none;border:0;background:transparent;color:var(--moss-deep);font-size:25px}
    .page-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(100deg,rgba(17,49,39,.97),rgba(25,65,52,.84)),url("/assets/images/backpic/back-2.webp") center/cover;padding:94px 0 88px}.page-hero:after{content:"";position:absolute;right:-100px;bottom:-150px;width:480px;height:480px;border:1px solid rgba(255,255,255,.17);border-radius:50%}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.04fr .96fr;gap:55px;align-items:center}.page-hero .eyebrow{color:#ffd6a9}.page-hero .eyebrow:before{background:var(--coral)}.page-hero h1{max-width:700px;margin:14px 0 20px;font-size:clamp(42px,6vw,70px);line-height:1.08;letter-spacing:-.07em;font-weight:950}.page-hero h1 span{color:#ffd2a2}.hero-text{max-width:655px;color:rgba(255,255,255,.78);font-size:17px;line-height:1.95}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.group-panel{padding:28px;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-xl);background:rgba(255,255,255,.11);box-shadow:0 20px 60px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.group-panel h2{margin:7px 0 6px;font-size:25px;line-height:1.35;font-weight:900}.group-panel p{margin:0;color:rgba(255,255,255,.72);font-size:14px}.group-row{display:flex;justify-content:space-between;gap:12px;margin:24px 0 18px;padding:17px 0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.group-row strong{display:block;font-size:28px;line-height:1.1}.group-row span{color:rgba(255,255,255,.64);font-size:12px}.group-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.group-btns .btn{width:100%}
    .trust-bar{background:var(--moss-deep);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:25px 25px;border-right:1px solid rgba(255,255,255,.14)}.trust-item:last-child{border:0}.trust-item strong{display:block;font-size:22px;line-height:1.15}.trust-item span{color:rgba(255,255,255,.64);font-size:13px}
    .intro-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:80px;align-items:start}.intro-side{position:sticky;top:105px}.intro-copy p{margin:0 0 21px;color:#52615b;font-size:17px;line-height:2.05}.intro-copy p:first-child{color:var(--ink);font-size:21px;font-weight:700;line-height:1.85}.quote-card{margin-top:32px;padding:26px;border-left:4px solid var(--coral);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--sand);font-weight:800;line-height:1.85}
    .service-section{background:var(--mint-2)}.service-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:stretch}.service-image{min-height:550px;overflow:hidden;border-radius:var(--radius-xl);box-shadow:var(--shadow)}.service-image img{width:100%;height:100%;object-fit:cover}.service-list{display:grid;gap:14px}.service-card{display:grid;grid-template-columns:60px 1fr;gap:17px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);transition:.25s}.service-card:hover{transform:translateX(7px);border-color:rgba(239,118,93,.45);box-shadow:var(--shadow)}.service-num{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--mint);color:var(--moss-deep);font-size:15px;font-weight:950}.service-card h3{margin:0 0 4px;font-size:19px;font-weight:900}.service-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
    .scene-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:20px}.scene-card{position:relative;min-height:282px;overflow:hidden;border-radius:var(--radius-lg);background:var(--moss-deep);color:#fff}.scene-card:first-child{grid-row:span 2;min-height:584px}.scene-card img{width:100%;height:100%;object-fit:cover;opacity:.74;transition:transform .5s}.scene-card:hover img{transform:scale(1.06)}.scene-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,36,29,.9),rgba(13,36,29,.08) 70%)}.scene-content{position:absolute;z-index:1;right:25px;bottom:22px;left:25px}.scene-content h3{margin:9px 0 5px;font-size:25px;line-height:1.25;font-weight:900}.scene-card:not(:first-child) h3{font-size:19px}.scene-content p{margin:0;color:rgba(255,255,255,.77);font-size:13px;line-height:1.75}
    .process{background:var(--sand)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-step{position:relative;padding:29px 25px;min-height:250px;border-radius:var(--radius-lg);background:var(--paper);box-shadow:0 10px 30px rgba(23,35,31,.06)}.process-step:not(:last-child):after{content:"→";position:absolute;right:-16px;top:50%;z-index:2;color:var(--coral);font-size:26px;font-weight:900}.step-no{color:var(--coral);font-size:13px;font-weight:950;letter-spacing:.1em}.process-step h3{margin:28px 0 9px;font-size:21px;font-weight:900}.process-step p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}
    .case-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:26px}.case-feature{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:var(--radius-xl);background:var(--moss-deep);color:#fff;box-shadow:var(--shadow)}.case-feature img{width:100%;height:100%;min-height:410px;object-fit:cover}.case-copy{display:flex;flex-direction:column;justify-content:center;padding:42px}.case-copy h3{margin:12px 0;font-size:29px;line-height:1.3;font-weight:900}.case-copy p{color:rgba(255,255,255,.72);font-size:15px}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.case-tags span{padding:5px 10px;border:1px solid rgba(255,255,255,.26);border-radius:99px;color:#dbf3e1;font-size:12px}.case-side{display:grid;gap:20px}.mini-case{display:grid;grid-template-columns:130px 1fr;gap:20px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;transition:.25s}.mini-case:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.mini-case img{width:100%;height:100%;min-height:190px;object-fit:cover}.mini-case div{padding:20px 20px 20px 0}.mini-case h3{margin:8px 0;font-size:19px;font-weight:900}.mini-case p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}
    .price-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center}.price-note{padding:38px;border-radius:var(--radius-xl);background:var(--moss-deep);color:#fff}.price-note h2{margin:15px 0;font-size:34px;line-height:1.28;font-weight:900}.price-note p{color:rgba(255,255,255,.73)}.price-list{display:grid;gap:12px}.price-item{display:flex;align-items:center;gap:15px;padding:19px 20px;border-bottom:1px solid var(--line)}.price-item b{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--mint);color:var(--moss);font-size:14px}.price-item span{color:var(--muted);font-size:14px}
    .faq-wrap{max-width:900px;margin:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:23px 3px;border:0;background:transparent;color:var(--ink);text-align:left;font-size:18px;font-weight:850}.faq-icon{color:var(--coral);font-size:25px;transition:.2s}.faq-answer{display:none;padding:0 3px 22px;color:var(--muted);font-size:15px;line-height:1.95}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-icon{transform:rotate(45deg)}
    .contact-section{padding:0 0 100px}.contact-box{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;overflow:hidden;padding:53px 57px;border-radius:var(--radius-xl);background:linear-gradient(115deg,var(--coral),#df6852);color:#fff}.contact-box h2{margin:12px 0;font-size:clamp(30px,4vw,48px);line-height:1.18;font-weight:950}.contact-box p{max-width:650px;color:rgba(255,255,255,.82);font-size:16px}.contact-form{display:grid;align-content:center;gap:12px}.contact-form input{width:100%;height:50px;padding:0 16px;border:1px solid rgba(255,255,255,.4);border-radius:13px;background:rgba(255,255,255,.14);color:#fff;outline:0}.contact-form input::placeholder{color:rgba(255,255,255,.72)}.contact-form input:focus{border-color:#fff;background:rgba(255,255,255,.21)}.form-tip{margin:0;color:rgba(255,255,255,.73);font-size:12px;line-height:1.65}
    .site-footer{padding:70px 0 27px;background:#122c24;color:#dce9df}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:42px}.site-footer .brand{color:#fff}.footer-brand p{max-width:365px;margin:19px 0 0;color:rgba(220,233,223,.67);font-size:14px;line-height:1.9}.footer-col h3{margin:0 0 15px;color:#fff;font-size:14px}.footer-col a{display:block;margin:8px 0;color:rgba(220,233,223,.7);font-size:13px;transition:.2s}.footer-col a:hover{color:#ffd2a2;transform:translateX(3px)}.footer-bottom{display:flex;justify-content:space-between;gap:22px;margin-top:55px;padding-top:23px;border-top:1px solid rgba(255,255,255,.13);color:rgba(220,233,223,.55);font-size:12px}.record-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.record-links a:hover{color:#fff}
    @media(max-width:1050px){.nav-wrap{gap:15px}.main-nav{overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.nav-location{display:none}.hero-grid,.service-layout,.intro-layout,.price-grid{grid-template-columns:1fr}.group-panel{max-width:600px}.intro-side{position:static}.service-image{min-height:390px}.process-grid{grid-template-columns:repeat(2,1fr)}.process-step:nth-child(2):after{display:none}.scene-grid{grid-template-columns:1fr 1fr}.scene-card:first-child{grid-column:span 2;grid-row:auto;min-height:380px}.case-layout{grid-template-columns:1fr}}
    @media(max-width:768px){.container{width:min(100% - 28px,1180px)}.section{padding:70px 0}.site-header{position:relative}.nav-wrap{min-height:68px;flex-wrap:wrap}.mobile-toggle{display:block;margin-left:auto}.main-nav{display:none;order:3;width:100%;padding:5px 0 14px;flex-wrap:wrap}.main-nav.open{display:flex}.main-nav a{padding:7px 9px;font-size:12px}.section-head{display:block;margin-bottom:32px}.section-lead{font-size:16px}.page-hero{padding:66px 0}.page-hero h1{font-size:43px}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:0}.trust-item{padding:20px}.scene-grid{grid-template-columns:1fr}.scene-card:first-child{grid-column:auto;min-height:350px}.scene-card{min-height:250px}.case-feature{grid-template-columns:1fr}.case-feature img{min-height:260px}.case-copy{padding:30px}.contact-box{grid-template-columns:1fr;padding:38px 27px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:span 2}.footer-bottom{display:block}.record-links{justify-content:flex-start;margin-top:10px}.group-btns{grid-template-columns:1fr}.service-card:hover{transform:none}}
    @media(max-width:520px){.section-title{font-size:31px}.page-hero h1{font-size:38px}.hero-actions,.hero-actions .btn{width:100%}.trust-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.process-grid{grid-template-columns:1fr}.process-step:not(:last-child):after{display:none}.mini-case{grid-template-columns:105px 1fr}.mini-case div{padding:15px 14px 15px 0}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.contact-box h2{font-size:31px}}

/* roulang page: category5 */
:root {
      --ink:#17231f;
      --muted:#67736e;
      --moss:#315c4c;
      --moss-deep:#183c32;
      --mint:#dcefe1;
      --mint-2:#eef7ed;
      --coral:#ef765d;
      --coral-deep:#d95f49;
      --sand:#f7f2e9;
      --paper:#fffdfa;
      --line:rgba(23,35,31,.12);
      --gold:#c69b5a;
      --radius-xl:30px;
      --radius-lg:22px;
      --radius-md:16px;
      --shadow:0 18px 55px rgba(23,35,31,.10);
      --shadow-hover:0 24px 65px rgba(23,35,31,.16);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    :focus-visible{outline:3px solid rgba(239,118,93,.5);outline-offset:3px}
    .container{width:min(1180px,calc(100% - 40px));margin:0 auto}
    .section{position:relative;padding:104px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--coral-deep);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
    .eyebrow:before{content:"";width:28px;height:2px;background:var(--coral);border-radius:4px}
    .section-title{margin:14px 0 16px;color:var(--ink);font-size:clamp(30px,4vw,52px);font-weight:900;line-height:1.18;letter-spacing:-.045em}
    .section-lead{max-width:730px;margin:0;color:var(--muted);font-size:17px;line-height:1.95}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:46px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 23px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:800;white-space:nowrap;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}
    .btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}
    .btn:active{transform:translateY(-1px)}
    .btn-primary{color:#fff;background:var(--coral)}
    .btn-primary:hover{background:var(--coral-deep)}
    .btn-dark{color:#fff;background:var(--moss-deep)}
    .btn-dark:hover{background:var(--moss)}
    .btn-light{color:var(--moss-deep);background:#fff;border-color:rgba(255,255,255,.5)}
    .btn-outline{color:var(--moss);background:transparent;border-color:rgba(49,92,76,.28)}
    .btn-outline:hover{color:#fff;background:var(--moss);border-color:var(--moss)}
    .chip{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;background:var(--mint);color:var(--moss);font-size:12px;font-weight:800}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,250,.91);border-bottom:1px solid rgba(23,35,31,.07);backdrop-filter:blur(18px)}
    .nav-wrap{display:flex;align-items:center;gap:26px;min-height:78px}
    .brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto;color:var(--moss-deep);font-size:23px;font-weight:950;letter-spacing:-.06em}
    .brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:11px 11px 11px 4px;background:var(--coral);color:#fff;font-size:16px;transform:rotate(-7deg)}
    .main-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0}
    .main-nav a{position:relative;padding:10px 11px;border-radius:12px;color:#53615b;font-size:13px;font-weight:700;white-space:nowrap;transition:color .2s ease,background .2s ease}
    .main-nav a:hover,.main-nav a.active{background:var(--mint-2);color:var(--moss-deep)}
    .main-nav a.active:after{position:absolute;right:12px;bottom:3px;left:12px;height:2px;border-radius:4px;background:var(--coral);content:""}
    .location-link{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;color:var(--moss);font-size:13px;font-weight:800}
    .location-dot{width:9px;height:9px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(239,118,93,.13)}
    .mobile-toggle{display:none;border:0;background:transparent;color:var(--moss-deep);font-size:26px}
    .flashbar{background:var(--moss-deep);color:#fff}
    .flashbar-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px}
    .flash-info{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}
    .flash-label{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;background:var(--coral);font-size:12px;font-weight:900;letter-spacing:.06em}
    .countdown{display:flex;gap:5px;align-items:center;color:#ffe0b8;font-variant-numeric:tabular-nums;font-weight:900}
    .flashbar .btn{min-height:34px;padding:0 15px;font-size:12px}
    .topic-hero{position:relative;overflow:hidden;background:linear-gradient(100deg,rgba(23,60,50,.98),rgba(29,83,65,.9)),url("/assets/images/backpic/back-2.webp") center/cover no-repeat;color:#fff}
    .topic-hero:after{position:absolute;right:-150px;bottom:-190px;width:550px;height:550px;border:70px solid rgba(220,239,225,.12);border-radius:50%;content:""}
    .topic-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:64px;align-items:center;padding:86px 0}
    .topic-hero .eyebrow{color:#ffd6a9}.topic-hero .eyebrow:before{background:var(--coral)}
    .topic-hero h1{max-width:670px;margin:16px 0 22px;font-size:clamp(42px,5.5vw,74px);font-weight:950;line-height:1.08;letter-spacing:-.075em}
    .topic-hero h1 em{color:#ffd2a2;font-style:normal}
    .topic-hero p{max-width:645px;margin:0;color:rgba(255,255,255,.8);font-size:17px;line-height:1.95}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
    .deal-card{overflow:hidden;border:1px solid rgba(255,255,255,.23);border-radius:var(--radius-xl);background:rgba(255,253,250,.96);box-shadow:0 25px 65px rgba(0,0,0,.2);color:var(--ink)}
    .deal-image{height:180px;overflow:hidden;position:relative}.deal-image img{width:100%;height:100%;object-fit:cover}
    .deal-image:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(15,43,34,.58));content:""}
    .deal-tag{position:absolute;z-index:2;top:16px;left:16px;border-radius:999px;padding:5px 11px;background:var(--coral);color:#fff;font-size:12px;font-weight:900}
    .deal-body{padding:21px 23px 23px}.deal-body h2{margin:0 0 7px;font-size:23px;line-height:1.35;font-weight:900}.deal-body p{color:var(--muted);font-size:14px;line-height:1.75}
    .price-row{display:flex;align-items:end;justify-content:space-between;gap:8px;margin:17px 0}.price{color:var(--coral-deep);font-size:30px;font-weight:950;line-height:1}.price small{font-size:13px}.old-price{color:#9ba39f;font-size:13px;text-decoration:line-through}
    .deal-card .btn{width:100%}
    .signal-strip{border-bottom:1px solid var(--line);background:var(--mint-2)}
    .signal-grid{display:grid;grid-template-columns:repeat(4,1fr)}
    .signal-item{padding:24px 28px;border-right:1px solid var(--line)}.signal-item:last-child{border-right:0}
    .signal-item strong{display:block;color:var(--moss-deep);font-size:24px;line-height:1.15}.signal-item span{color:var(--muted);font-size:13px}
    .intro-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.intro-photo{position:relative}.intro-photo img{width:100%;height:550px;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow)}
    .photo-note{position:absolute;right:-32px;bottom:30px;max-width:245px;padding:22px;border:1px solid rgba(23,35,31,.08);border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow)}
    .photo-note strong{display:block;color:var(--moss-deep);font-size:15px}.photo-note p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
    .rich-copy p{margin:0 0 18px;color:var(--muted);font-size:16px;line-height:2}.check-list{display:grid;gap:13px;margin:28px 0 0;padding:0;list-style:none}.check-list li{display:flex;gap:12px;align-items:flex-start;color:var(--ink);font-weight:700}.check-list i{display:grid;flex:0 0 24px;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--mint);color:var(--moss);font-style:normal;font-size:13px}
    .offer-section{background:var(--sand)}.offer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.offer-main,.offer-side{border-radius:var(--radius-xl);overflow:hidden}.offer-main{min-height:420px;position:relative;padding:44px;color:#fff;background:linear-gradient(90deg,rgba(20,57,46,.97),rgba(20,57,46,.52)),url("/assets/images/coverpic/cover-6.webp") center/cover}.offer-main h3{max-width:470px;margin:14px 0;font-size:37px;line-height:1.2;font-weight:900}.offer-main p{max-width:460px;color:rgba(255,255,255,.79)}
    .offer-side{display:grid;gap:20px}.offer-mini{min-height:200px;padding:29px;background:var(--paper);box-shadow:0 10px 30px rgba(23,35,31,.06);transition:transform .25s ease,box-shadow .25s ease}.offer-mini:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.offer-icon{display:grid;width:45px;height:45px;place-items:center;border-radius:15px;background:var(--mint);color:var(--moss-deep);font-size:22px}.offer-mini h3{margin:16px 0 7px;font-size:20px;font-weight:900}.offer-mini p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
    .scene-grid{display:grid;grid-template-columns:1fr 1fr}.scene-card{position:relative;min-height:350px;overflow:hidden;background:#203e35}.scene-card img{width:100%;height:100%;object-fit:cover;opacity:.76;transition:transform .6s ease}.scene-card:hover img{transform:scale(1.06)}.scene-copy{position:absolute;right:0;bottom:0;left:0;padding:72px 35px 30px;background:linear-gradient(transparent,rgba(15,39,31,.94));color:#fff}.scene-copy h3{margin:0 0 7px;font-size:25px;font-weight:900}.scene-copy p{max-width:470px;margin:0;color:rgba(255,255,255,.78);font-size:14px;line-height:1.8}
    .journey-wrap{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow)}.journey-list{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 25px}.journey-item{position:relative;padding:12px 27px;border-right:1px solid var(--line)}.journey-item:last-child{border-right:0}.journey-no{display:block;margin-bottom:13px;color:var(--coral);font-size:13px;font-weight:950;letter-spacing:.08em}.journey-item h3{margin:0 0 8px;font-size:18px;font-weight:900}.journey-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}
    .quote-section{background:var(--moss-deep);color:#fff}.quote-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:68px;align-items:center}.quote-section .section-title{color:#fff}.quote-section .section-lead{color:rgba(255,255,255,.7)}.quote-card{padding:37px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-xl);background:rgba(255,255,255,.08)}.quote-mark{color:#ffd2a2;font-size:55px;line-height:.8}.quote-text{margin:14px 0 23px;font-size:21px;line-height:1.8;font-weight:700}.quote-person{display:flex;align-items:center;gap:12px}.avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--coral);font-size:15px;font-weight:900}.quote-person span{display:block;color:rgba(255,255,255,.6);font-size:12px}.quote-person strong{display:block;font-size:14px}
    .faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);overflow:hidden}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;color:var(--ink);font-size:16px;font-weight:850;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"＋";color:var(--coral);font-size:22px;font-weight:500}.faq-item[open] summary:after{content:"－"}.faq-answer{padding:0 22px 20px;color:var(--muted);font-size:14px;line-height:1.9}
    .contact-section{padding:85px 0;background:var(--mint-2)}.contact-box{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:51px 58px;border-radius:var(--radius-xl);background:var(--moss);color:#fff;box-shadow:var(--shadow)}.contact-box h2{margin:10px 0 12px;font-size:clamp(29px,4vw,46px);line-height:1.2;font-weight:950}.contact-box p{max-width:650px;margin:0;color:rgba(255,255,255,.76);font-size:16px}.contact-box .eyebrow{color:#ffd6a9}.contact-box .eyebrow:before{background:#ffd2a2}.contact-buttons{display:flex;gap:12px;flex-wrap:wrap}
    .site-footer{background:#122d26;color:#fff;padding:74px 0 27px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:46px;padding-bottom:55px}.footer-brand p{max-width:370px;margin:18px 0 0;color:rgba(255,255,255,.62);font-size:14px;line-height:1.9}.site-footer .brand{color:#fff}.footer-col h3{margin:4px 0 17px;color:#ffd2a2;font-size:14px;font-weight:900}.footer-col a{display:block;margin:9px 0;color:rgba(255,255,255,.68);font-size:14px;transition:color .2s ease,transform .2s ease}.footer-col a:hover{color:#fff;transform:translateX(3px)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.57);font-size:12px}.record-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px}.record-links a:hover{color:#ffd2a2}
    @media(max-width:1100px){.nav-wrap{gap:12px}.main-nav{overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.location-link{display:none}.topic-hero-inner{grid-template-columns:1fr 380px;gap:35px}.intro-layout,.faq-layout,.quote-grid{gap:45px}}
    @media(max-width:820px){.section{padding:76px 0}.mobile-toggle{display:block;margin-left:auto}.site-header .btn,.main-nav{display:none}.main-nav.open{position:absolute;top:78px;right:0;left:0;display:flex;align-items:stretch;flex-direction:column;gap:2px;padding:14px 20px 20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.main-nav.open a{padding:12px}.main-nav.open a.active:after{display:none}.topic-hero-inner{grid-template-columns:1fr;padding:66px 0}.deal-card{max-width:480px}.signal-grid{grid-template-columns:1fr 1fr}.signal-item:nth-child(2){border-right:0}.signal-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.intro-layout,.offer-grid,.quote-grid,.faq-layout{grid-template-columns:1fr}.intro-photo{max-width:570px}.journey-list{grid-template-columns:1fr 1fr;gap:20px}.journey-item:nth-child(2){border-right:0}.journey-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.contact-box{grid-template-columns:1fr;padding:42px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-brand{grid-column:1/-1}.section-head{display:block}.section-head .btn{margin-top:23px}}
    @media(max-width:520px){.container{width:min(100% - 30px,1180px)}.nav-wrap{min-height:68px}.brand{font-size:21px}.flashbar-inner{min-height:58px}.flash-info{gap:7px;font-size:11px}.flash-info span:not(.flash-label){display:none}.topic-hero h1{font-size:42px}.topic-hero p{font-size:15px}.topic-hero-inner{padding:53px 0}.signal-item{padding:20px 16px}.signal-item strong{font-size:20px}.photo-note{right:10px;bottom:12px}.intro-photo img{height:400px}.offer-main{min-height:370px;padding:30px}.offer-main h3{font-size:29px}.scene-grid{grid-template-columns:1fr}.scene-card{min-height:290px}.journey-list{grid-template-columns:1fr;padding:18px}.journey-item{border-right:0!important;border-bottom:1px solid var(--line);padding:22px 10px}.journey-item:last-child{border-bottom:0}.quote-card{padding:27px}.quote-text{font-size:18px}.contact-box{padding:32px 25px}.contact-buttons .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.record-links{justify-content:flex-start;gap:8px 13px}.flashbar .btn{padding:0 10px}.price-row{margin:14px 0}}

/* roulang page: category4 */
:root {
      --ink: #17231f;
      --muted: #67736e;
      --moss: #315c4c;
      --moss-deep: #183c32;
      --mint: #dcefe1;
      --mint-2: #eef7ed;
      --coral: #ef765d;
      --coral-deep: #d95f49;
      --sand: #f7f2e9;
      --paper: #fffdfa;
      --line: rgba(23,35,31,.12);
      --gold: #c69b5a;
      --radius-xl: 30px;
      --radius-lg: 22px;
      --radius-md: 16px;
      --shadow: 0 18px 55px rgba(23,35,31,.10);
      --shadow-hover: 0 24px 65px rgba(23,35,31,.16);
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0; color: var(--ink); background: var(--paper);
      font-family: "PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;
      font-size: 16px; line-height: 1.8; -webkit-font-smoothing: antialiased;
    }
    a { color: inherit; text-decoration: none; }
    img { display: block; max-width: 100%; }
    button, input, textarea { font: inherit; }
    button { cursor: pointer; }
    a:focus-visible, button:focus-visible, input:focus-visible {
      outline: 3px solid rgba(239,118,93,.45); outline-offset: 3px;
    }
    .container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
    .section { padding: 100px 0; position: relative; }
    .section-soft { background: var(--mint-2); }
    .eyebrow {
      display: inline-flex; align-items: center; gap: 9px; color: var(--coral-deep);
      letter-spacing: .12em; font-size: 12px; font-weight: 800;
    }
    .eyebrow::before { content: ""; width: 28px; height: 2px; background: var(--coral); border-radius: 4px; }
    .section-title {
      margin: 14px 0 16px; color: var(--ink); font-size: clamp(30px,4vw,52px);
      line-height: 1.18; letter-spacing: -.045em; font-weight: 900;
    }
    .section-lead { max-width: 720px; color: var(--muted); font-size: 17px; line-height: 1.95; }
    .section-head {
      display: flex; justify-content: space-between; gap: 36px; align-items: end; margin-bottom: 46px;
    }
    .btn {
      display: inline-flex; justify-content: center; align-items: center; gap: 9px; min-height: 50px;
      padding: 0 23px; border: 1px solid transparent; border-radius: 999px; font-weight: 800;
      font-size: 14px; white-space: nowrap;
      transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
    }
    .btn:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }
    .btn:active { transform: translateY(-1px); }
    .btn-primary { color: #fff; background: var(--coral); }
    .btn-primary:hover { background: var(--coral-deep); }
    .btn-dark { color: #fff; background: var(--moss-deep); }
    .btn-dark:hover { background: var(--moss); }
    .btn-light { color: var(--moss-deep); background: #fff; border-color: rgba(255,255,255,.45); }
    .btn-outline { color: var(--moss); border-color: rgba(49,92,76,.28); background: transparent; }
    .btn-outline:hover { color: #fff; background: var(--moss); border-color: var(--moss); }
    .chip {
      display: inline-flex; align-items: center; min-height: 28px; padding: 0 11px; border-radius: 999px;
      color: var(--moss); background: var(--mint); font-size: 12px; font-weight: 800;
    }
    .site-header {
      position: sticky; top: 0; z-index: 50; background: rgba(255,253,250,.92);
      border-bottom: 1px solid rgba(23,35,31,.07); backdrop-filter: blur(18px);
    }
    .nav-wrap { display: flex; align-items: center; gap: 25px; min-height: 78px; }
    .brand {
      display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; font-weight: 950;
      letter-spacing: -.06em; font-size: 23px; color: var(--moss-deep);
    }
    .brand-mark {
      width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: var(--coral);
      border-radius: 11px 11px 11px 4px; font-size: 16px; transform: rotate(-7deg);
    }
    .main-nav { display: flex; align-items: center; gap: 3px; flex: 1; min-width: 0; }
    .main-nav a {
      position: relative; padding: 10px 10px; color: #53615b; font-size: 13px; font-weight: 700;
      border-radius: 12px; transition: color .2s ease, background .2s ease; white-space: nowrap;
    }
    .main-nav a:hover, .main-nav a.active { color: var(--moss-deep); background: var(--mint-2); }
    .main-nav a.active::after {
      content: ""; position: absolute; left: 12px; right: 12px; bottom: 3px; height: 2px;
      background: var(--coral); border-radius: 4px;
    }
    .nav-location {
      display: inline-flex; align-items: center; gap: 7px; color: var(--moss); background: var(--mint-2);
      border: 1px solid rgba(49,92,76,.12); padding: 7px 11px; border-radius: 999px; white-space: nowrap;
      font-size: 12px; font-weight: 800;
    }
    .mobile-toggle { display: none; border: 0; background: transparent; color: var(--moss-deep); font-size: 25px; }
    .page-hero {
      overflow: hidden; position: relative; color: #fff;
      background: linear-gradient(105deg,rgba(18,57,45,.98),rgba(25,69,54,.87)),url("/assets/images/backpic/back-2.webp") center/cover no-repeat;
    }
    .page-hero::after {
      content: ""; position: absolute; width: 420px; height: 420px; right: -120px; top: -140px;
      border: 1px solid rgba(255,255,255,.2); border-radius: 50%;
      box-shadow: 0 0 0 48px rgba(255,255,255,.05), 0 0 0 96px rgba(255,255,255,.035);
    }
    .page-hero-inner {
      position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1fr) 430px;
      gap: 58px; align-items: center; padding: 90px 0 82px;
    }
    .breadcrumb { display: flex; align-items: center; gap: 9px; color: rgba(255,255,255,.66); font-size: 13px; }
    .breadcrumb a:hover { color: #fff; }
    .page-hero .eyebrow { margin-top: 28px; color: #ffd6a9; }
    .page-hero h1 {
      margin: 15px 0 20px; font-size: clamp(40px,5.2vw,68px); line-height: 1.08;
      letter-spacing: -.07em; font-weight: 950;
    }
    .page-hero p { max-width: 650px; color: rgba(255,255,255,.78); font-size: 17px; line-height: 1.95; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 29px; }
    .hero-panel {
      padding: 26px; background: rgba(255,255,255,.97); border-radius: var(--radius-xl); color: var(--ink);
      box-shadow: 0 22px 55px rgba(5,27,20,.25); transform: translateY(16px);
    }
    .hero-panel-top { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
    .hero-panel h2 { margin: 9px 0 3px; font-size: 25px; line-height: 1.3; font-weight: 900; }
    .hero-panel p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
    .mini-list { margin: 20px 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
    .mini-list li {
      display: flex; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--line);
      font-size: 13px; font-weight: 700;
    }
    .mini-list span:last-child { color: var(--moss); }
    .feature-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 60px; align-items: center; }
    .image-frame { overflow: hidden; border-radius: var(--radius-xl); box-shadow: var(--shadow); min-height: 520px; }
    .image-frame img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; }
    .prose p { margin: 0 0 20px; color: var(--muted); font-size: 16px; line-height: 2; }
    .check-list { display: grid; gap: 14px; margin: 28px 0 0; padding: 0; list-style: none; }
    .check-list li { display: flex; gap: 13px; align-items: flex-start; color: #405049; font-weight: 700; }
    .check-icon {
      flex: 0 0 auto; width: 25px; height: 25px; display: grid; place-items: center; margin-top: 3px;
      border-radius: 50%; background: var(--mint); color: var(--moss); font-size: 13px;
    }
    .format-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 18px; }
    .format-card {
      position: relative; overflow: hidden; min-height: 285px; padding: 26px; border: 1px solid var(--line);
      border-radius: var(--radius-lg); background: #fff; transition: transform .25s ease, box-shadow .25s ease;
    }
    .format-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
    .format-card.large { grid-column: span 6; background: var(--moss-deep); color: #fff; }
    .format-card.medium { grid-column: span 3; }
    .format-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .25; }
    .format-card .card-content { position: relative; z-index: 1; }
    .format-card h3 { margin: 54px 0 10px; font-size: 23px; line-height: 1.28; font-weight: 900; }
    .format-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
    .format-card.large p { color: rgba(255,255,255,.75); }
    .format-icon {
      width: 44px; height: 44px; display: grid; place-items: center; border-radius: 15px;
      background: var(--mint); color: var(--moss); font-size: 21px;
    }
    .format-card.large .format-icon { background: rgba(255,255,255,.16); color: #fff; }
    .audience-layout { display: grid; grid-template-columns: 1.04fr .96fr; gap: 25px; }
    .audience-main {
      padding: 42px; background: var(--sand); border-radius: var(--radius-xl);
    }
    .audience-main .section-title { font-size: clamp(28px,3.4vw,43px); }
    .audience-points { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 29px; }
    .audience-point { padding: 17px; background: rgba(255,255,255,.62); border-radius: var(--radius-md); }
    .audience-point strong { display: block; margin-bottom: 5px; font-size: 15px; }
    .audience-point span { color: var(--muted); font-size: 13px; line-height: 1.65; }
    .quote-card {
      display: flex; flex-direction: column; justify-content: end; min-height: 390px; overflow: hidden; position: relative;
      padding: 38px; color: #fff; border-radius: var(--radius-xl);
      background: linear-gradient(0deg,rgba(12,42,33,.94),rgba(12,42,33,.16)),url("/assets/images/coverpic/cover-6.webp") center/cover;
    }
    .quote-card blockquote { margin: 0; font-size: 25px; line-height: 1.55; font-weight: 850; letter-spacing: -.04em; }
    .quote-card cite { margin-top: 18px; color: rgba(255,255,255,.72); font-size: 13px; font-style: normal; }
    .process-wrap { display: grid; grid-template-columns: 310px 1fr; gap: 70px; align-items: start; }
    .process-intro { position: sticky; top: 110px; }
    .process-list { border-top: 1px solid var(--line); }
    .process-item {
      display: grid; grid-template-columns: 70px 1fr auto; gap: 20px; align-items: center;
      padding: 25px 0; border-bottom: 1px solid var(--line);
    }
    .step-number { color: var(--coral); font-size: 28px; font-weight: 950; letter-spacing: -.06em; }
    .process-item h3 { margin: 0 0 4px; font-size: 18px; font-weight: 900; }
    .process-item p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
    .step-tag { color: var(--moss); background: var(--mint-2); padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; }
    .story-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 23px; }
    .story-card {
      overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff;
      transition: transform .25s ease, box-shadow .25s ease;
    }
    .story-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
    .story-card img { width: 100%; height: 230px; object-fit: cover; }
    .story-body { padding: 25px; }
    .story-body h3 { margin: 11px 0 10px; font-size: 21px; line-height: 1.35; font-weight: 900; }
    .story-body p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.85; }
    .story-meta { color: var(--coral-deep); font-size: 12px; font-weight: 800; letter-spacing: .04em; }
    .safety-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 17px; }
    .safety-card { padding: 26px 22px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; }
    .safety-card span { display: block; color: var(--coral); font-size: 28px; font-weight: 950; line-height: 1; }
    .safety-card h3 { margin: 18px 0 8px; font-size: 17px; font-weight: 900; }
    .safety-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
    .schedule { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-xl); background: #fff; box-shadow: var(--shadow); }
    .schedule-row {
      display: grid; grid-template-columns: 150px 1fr auto; align-items: center; gap: 25px; padding: 22px 30px;
      border-bottom: 1px solid var(--line);
    }
    .schedule-row:last-child { border-bottom: 0; }
    .schedule-date { color: var(--coral-deep); font-size: 14px; font-weight: 900; }
    .schedule-info strong { display: block; font-size: 17px; line-height: 1.4; }
    .schedule-info span { color: var(--muted); font-size: 13px; }
    .faq-wrap { display: grid; grid-template-columns: .82fr 1.18fr; gap: 72px; align-items: start; }
    .faq-list { border-top: 1px solid var(--line); }
    .faq-item { border-bottom: 1px solid var(--line); }
    .faq-question {
      width: 100%; display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 21px 0;
      border: 0; background: transparent; color: var(--ink); text-align: left; font-size: 16px; font-weight: 850;
    }
    .faq-question span:last-child { color: var(--coral); font-size: 24px; font-weight: 400; transition: transform .25s ease; }
    .faq-answer { display: none; padding: 0 38px 21px 0; color: var(--muted); font-size: 14px; line-height: 1.9; }
    .faq-item.open .faq-answer { display: block; }
    .faq-item.open .faq-question span:last-child { transform: rotate(45deg); }
    .contact-card {
      overflow: hidden; position: relative; padding: 58px 62px; border-radius: var(--radius-xl); color: #fff;
      background: var(--moss-deep);
    }
    .contact-card::after {
      content: ""; position: absolute; width: 430px; height: 430px; right: -110px; top: -190px; border-radius: 50%;
      background: rgba(220,239,225,.12); box-shadow: 0 0 0 65px rgba(220,239,225,.055);
    }
    .contact-content { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 45px; align-items: end; }
    .contact-card h2 { max-width: 700px; margin: 13px 0; font-size: clamp(30px,4vw,50px); line-height: 1.2; letter-spacing: -.05em; font-weight: 950; }
    .contact-card p { max-width: 670px; margin: 0; color: rgba(255,255,255,.75); font-size: 16px; }
    .site-footer { padding: 78px 0 25px; color: rgba(255,255,255,.7); background: #112d25; }
    .footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3,1fr); gap: 44px; padding-bottom: 53px; }
    .site-footer .brand { color: #fff; }
    .footer-brand p { max-width: 350px; margin: 20px 0 0; font-size: 14px; line-height: 1.9; }
    .footer-col h3 { margin: 4px 0 17px; color: #fff; font-size: 14px; font-weight: 850; }
    .footer-col a { display: block; margin: 8px 0; font-size: 13px; transition: color .2s ease, transform .2s ease; }
    .footer-col a:hover { color: #ffd2a2; transform: translateX(3px); }
    .footer-bottom {
      display: flex; justify-content: space-between; gap: 18px; align-items: center; padding-top: 23px;
      border-top: 1px solid rgba(255,255,255,.13); font-size: 12px;
    }
    .record-links { display: flex; flex-wrap: wrap; justify-content: end; gap: 14px; }
    .record-links a:hover { color: #ffd2a2; }
    @media (max-width: 1100px) {
      .nav-wrap { gap: 13px; }
      .main-nav { overflow-x: auto; scrollbar-width: none; }
      .main-nav::-webkit-scrollbar { display: none; }
      .nav-location { display: none; }
      .page-hero-inner { grid-template-columns: 1fr 370px; gap: 34px; }
      .process-wrap { gap: 42px; }
    }
    @media (max-width: 860px) {
      .section { padding: 75px 0; }
      .mobile-toggle { display: block; margin-left: auto; }
      .nav-wrap { flex-wrap: wrap; padding: 13px 0; min-height: 66px; }
      .main-nav { display: none; width: 100%; order: 3; padding: 6px 0 3px; flex-wrap: wrap; }
      .main-nav.open { display: flex; }
      .main-nav a { padding: 8px 10px; }
      .page-hero-inner, .feature-grid, .audience-layout, .faq-wrap { grid-template-columns: 1fr; }
      .page-hero-inner { padding: 68px 0; }
      .hero-panel { max-width: 520px; transform: none; }
      .image-frame, .image-frame img { min-height: 390px; }
      .process-wrap { grid-template-columns: 1fr; }
      .process-intro { position: static; }
      .safety-grid { grid-template-columns: 1fr 1fr; }
      .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
      .footer-brand { grid-column: 1 / -1; }
    }
    @media (max-width: 620px) {
      .container { width: min(100% - 28px, 1180px); }
      .section { padding: 62px 0; }
      .section-head { display: block; margin-bottom: 31px; }
      .section-head .btn { margin-top: 19px; }
      .page-hero h1 { font-size: 42px; }
      .page-hero p { font-size: 15px; }
      .hero-panel { padding: 21px; }
      .format-grid { grid-template-columns: 1fr; }
      .format-card.large, .format-card.medium { grid-column: span 1; min-height: 245px; }
      .audience-main { padding: 29px 23px; }
      .audience-points { grid-template-columns: 1fr; }
      .process-item { grid-template-columns: 50px 1fr; gap: 12px; }
      .step-tag { display: none; }
      .story-grid, .safety-grid { grid-template-columns: 1fr; }
      .schedule-row { grid-template-columns: 1fr; gap: 5px; padding: 21px; }
      .schedule-row .btn { margin-top: 10px; width: fit-content; }
      .contact-card { padding: 38px 25px; }
      .contact-content { display: block; }
      .contact-content .btn { margin-top: 25px; }
      .footer-grid { grid-template-columns: 1fr 1fr; gap: 27px; }
      .footer-brand { grid-column: 1 / -1; }
      .footer-bottom, .record-links { align-items: flex-start; flex-direction: column; }
      .record-links { gap: 6px; }
    }

/* roulang page: category6 */
:root {
      --ink:#17231f;
      --muted:#67736e;
      --moss:#315c4c;
      --moss-deep:#183c32;
      --mint:#dcefe1;
      --mint-2:#eef7ed;
      --coral:#ef765d;
      --coral-deep:#d95f49;
      --sand:#f7f2e9;
      --paper:#fffdfa;
      --line:rgba(23,35,31,.12);
      --gold:#c69b5a;
      --radius-xl:30px;
      --radius-lg:22px;
      --radius-md:16px;
      --shadow:0 18px 55px rgba(23,35,31,.10);
      --shadow-hover:0 24px 65px rgba(23,35,31,.16);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background:var(--paper);
      font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;
      line-height:1.8;
      font-size:16px;
      -webkit-font-smoothing:antialiased;
    }
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(1180px,calc(100% - 40px));margin:0 auto}
    .section{padding:105px 0;position:relative}
    .section-soft{background:var(--mint-2)}
    .section-sand{background:var(--sand)}
    .eyebrow{
      display:inline-flex;align-items:center;gap:9px;color:var(--coral-deep);
      letter-spacing:.12em;font-size:12px;font-weight:800;text-transform:uppercase
    }
    .eyebrow::before{content:"";width:28px;height:2px;background:var(--coral);border-radius:4px}
    .section-title{
      margin:14px 0 16px;color:var(--ink);font-size:clamp(30px,4vw,52px);
      line-height:1.18;letter-spacing:-.045em;font-weight:900
    }
    .section-lead{max-width:720px;color:var(--muted);font-size:17px;line-height:1.95}
    .section-head{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:48px}
    .section-head .section-lead{margin-bottom:4px}
    .btn{
      display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:50px;
      padding:0 23px;border:1px solid transparent;border-radius:999px;font-weight:800;
      font-size:14px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;
      white-space:nowrap
    }
    .btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}
    .btn:focus-visible,.main-nav a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{
      outline:3px solid rgba(239,118,93,.42);outline-offset:3px
    }
    .btn-primary{color:#fff;background:var(--coral)}
    .btn-primary:hover{background:var(--coral-deep)}
    .btn-dark{color:#fff;background:var(--moss-deep)}
    .btn-dark:hover{background:var(--moss)}
    .btn-light{color:var(--moss-deep);background:#fff;border-color:rgba(255,255,255,.45)}
    .btn-outline{color:var(--moss);border-color:rgba(49,92,76,.28);background:transparent}
    .btn-outline:hover{color:#fff;background:var(--moss);border-color:var(--moss)}
    .chip{
      display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;
      color:var(--moss);background:var(--mint);font-size:12px;font-weight:800
    }
    .site-header{
      position:sticky;top:0;z-index:50;background:rgba(255,253,250,.92);
      border-bottom:1px solid rgba(23,35,31,.07);backdrop-filter:blur(18px)
    }
    .nav-wrap{display:flex;align-items:center;gap:30px;min-height:78px}
    .brand{
      display:inline-flex;align-items:center;gap:11px;flex:0 0 auto;font-weight:950;
      letter-spacing:-.06em;font-size:23px;color:var(--moss-deep)
    }
    .brand-mark{
      width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--coral);
      border-radius:11px 11px 11px 4px;font-size:16px;transform:rotate(-7deg)
    }
    .main-nav{display:flex;align-items:center;gap:5px;flex:1;min-width:0}
    .main-nav a{
      position:relative;padding:10px 11px;color:#53615b;font-size:13px;font-weight:700;
      border-radius:12px;transition:color .2s ease,background .2s ease;white-space:nowrap
    }
    .main-nav a:hover,.main-nav a.active{color:var(--moss-deep);background:var(--mint-2)}
    .main-nav a.active::after{
      content:"";position:absolute;left:11px;right:11px;bottom:3px;height:2px;background:var(--coral);border-radius:4px
    }
    .location-link{
      display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--line);
      border-radius:999px;color:var(--moss);font-size:12px;font-weight:800;white-space:nowrap
    }
    .location-dot{width:7px;height:7px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 5px rgba(239,118,93,.13)}
    .mobile-toggle{display:none;border:0;background:transparent;color:var(--moss-deep);font-size:25px}
    .page-hero{
      color:#fff;overflow:hidden;position:relative;
      background:linear-gradient(90deg,rgba(14,39,31,.97),rgba(20,57,46,.88) 57%,rgba(20,57,46,.62)),
      url("/assets/images/backpic/back-2.webp") center/cover no-repeat
    }
    .page-hero::before{
      content:"";position:absolute;inset:auto -10% -42% 40%;height:75%;
      background:rgba(220,239,225,.12);transform:rotate(-8deg);border-radius:50px
    }
    .page-hero-inner{
      position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.75fr);
      gap:65px;align-items:center;padding:104px 0 112px
    }
    .page-hero h1{
      margin:16px 0 22px;font-size:clamp(42px,6vw,72px);line-height:1.08;
      letter-spacing:-.075em;font-weight:950
    }
    .page-hero h1 span{color:#ffd2a2}
    .hero-text{max-width:650px;color:rgba(255,255,255,.78);font-size:18px;line-height:1.95}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
    .hero-side{
      padding:25px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
      border-radius:var(--radius-xl);backdrop-filter:blur(12px)
    }
    .side-label{color:#ffd6a9;font-size:12px;font-weight:800;letter-spacing:.12em}
    .side-title{margin:10px 0 20px;font-size:25px;line-height:1.35;font-weight:900}
    .countdown{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
    .count-box{padding:14px 8px;text-align:center;background:rgba(255,255,255,.13);border-radius:15px}
    .count-box strong{display:block;font-size:27px;line-height:1.1;color:#fff}
    .count-box small{display:block;margin-top:5px;color:rgba(255,255,255,.6);font-size:11px}
    .dots{display:flex;gap:7px;margin-top:22px}
    .dot{width:28px;height:5px;border:0;padding:0;border-radius:99px;background:rgba(255,255,255,.3)}
    .dot.active{background:#ffd2a2}
    .trust-strip{padding:19px 0;background:var(--moss-deep);color:#fff}
    .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
    .trust-item{display:flex;gap:12px;align-items:center;color:rgba(255,255,255,.74);font-size:13px}
    .trust-item b{display:block;color:#fff;font-size:18px;line-height:1.2}
    .trust-icon{width:35px;height:35px;display:grid;place-items:center;background:rgba(220,239,225,.14);border-radius:11px;color:#ffd2a2;font-weight:900}
    .promise-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:start}
    .promise-copy p{color:var(--muted);font-size:16px;line-height:2}
    .promise-note{margin-top:27px;padding:22px 24px;border-left:4px solid var(--coral);background:var(--sand);border-radius:0 18px 18px 0;color:var(--moss-deep);font-weight:700}
    .standard-list{display:grid;gap:13px}
    .standard-item{
      display:flex;gap:16px;align-items:flex-start;padding:19px 20px;background:#fff;
      border:1px solid var(--line);border-radius:18px;box-shadow:0 9px 28px rgba(23,35,31,.05);
      transition:transform .25s ease,box-shadow .25s ease
    }
    .standard-item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .standard-number{color:var(--coral-deep);font-size:13px;font-weight:900;min-width:27px}
    .standard-item h3{margin:0 0 3px;font-size:16px}
    .standard-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
    .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .feature-card{
      position:relative;min-height:245px;padding:27px;background:#fff;border:1px solid var(--line);
      border-radius:var(--radius-lg);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease
    }
    .feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}
    .feature-card::after{content:"";position:absolute;right:-35px;bottom:-45px;width:125px;height:125px;background:var(--mint-2);border-radius:50%}
    .feature-card:nth-child(2)::after{background:#fff0e8}
    .feature-card:nth-child(3)::after{background:#f6ead7}
    .feature-no{color:var(--coral);font-size:12px;font-weight:900;letter-spacing:.12em}
    .feature-card h3{margin:25px 0 10px;font-size:21px;position:relative;z-index:1}
    .feature-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.85;position:relative;z-index:1}
    .process-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}
    .process-image{height:450px;border-radius:var(--radius-xl);object-fit:cover;width:100%;box-shadow:var(--shadow)}
    .process-list{display:grid;gap:0}
    .process-row{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid var(--line)}
    .process-row:last-child{border-bottom:0}
    .process-step{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--moss-deep);font-weight:900}
    .process-row h3{margin:0 0 5px;font-size:18px}
    .process-row p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
    .scene-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
    .scene-card{position:relative;min-height:280px;padding:28px;color:#fff;border-radius:var(--radius-lg);overflow:hidden;background-size:cover;background-position:center}
    .scene-card::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,60,50,.92),rgba(24,60,50,.08))}
    .scene-card>*{position:relative;z-index:1}
    .scene-card:first-child{grid-row:span 2;min-height:580px;background-image:url("/assets/images/coverpic/cover-10.webp")}
    .scene-card:nth-child(2){background-image:url("/assets/images/coverpic/cover-11.webp")}
    .scene-card:nth-child(3){background-image:url("/assets/images/coverpic/cover-12.webp")}
    .scene-card h3{margin-top:145px;font-size:28px;line-height:1.25}
    .scene-card:first-child h3{margin-top:360px}
    .scene-card p{margin:0;color:rgba(255,255,255,.76);font-size:14px;line-height:1.8}
    .scene-card .chip{color:#fff;background:rgba(239,118,93,.88)}
    .evidence-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}
    .evidence-image{height:400px;width:100%;object-fit:cover;border-radius:var(--radius-xl)}
    .quote-box{padding:33px;background:var(--moss-deep);color:#fff;border-radius:var(--radius-xl)}
    .quote-box blockquote{margin:0;font-size:24px;line-height:1.6;font-weight:800;letter-spacing:-.03em}
    .quote-box cite{display:block;margin-top:22px;color:rgba(255,255,255,.6);font-size:13px;font-style:normal}
    .metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}
    .metric{padding:18px;background:rgba(255,255,255,.08);border-radius:15px}
    .metric strong{display:block;color:#ffd2a2;font-size:25px;line-height:1.2}
    .metric span{font-size:12px;color:rgba(255,255,255,.6)}
    .info-table{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .info-cell{padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px}
    .info-cell h3{margin:0 0 10px;color:var(--moss-deep);font-size:17px}
    .info-cell p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}
    .faq-list{max-width:900px;margin:0 auto;border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-item summary{display:flex;justify-content:space-between;gap:20px;list-style:none;padding:23px 4px;font-weight:800;cursor:pointer}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary::after{content:"+";color:var(--coral);font-size:24px;font-weight:400;line-height:1}
    .faq-item[open] summary::after{content:"−"}
    .faq-answer{padding:0 45px 24px 4px;color:var(--muted);font-size:14px;line-height:1.9}
    .cta{
      padding:72px 0;color:#fff;background:var(--coral);
      position:relative;overflow:hidden
    }
    .cta::after{content:"";position:absolute;width:420px;height:420px;right:-130px;top:-220px;border:70px solid rgba(255,255,255,.12);border-radius:50%}
    .cta-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:35px}
    .cta h2{margin:10px 0 7px;font-size:clamp(28px,4vw,45px);line-height:1.2;letter-spacing:-.05em}
    .cta p{margin:0;color:rgba(255,255,255,.8);max-width:600px}
    .contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:920px;margin:0 auto}
    .field-full{grid-column:1/-1}
    .contact-form input,.contact-form textarea{
      width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 16px;
      color:var(--ink);transition:border-color .2s,box-shadow .2s
    }
    .contact-form textarea{min-height:125px;resize:vertical}
    .contact-form input:focus,.contact-form textarea:focus{border-color:var(--moss);box-shadow:0 0 0 4px rgba(49,92,76,.1);outline:0}
    .form-note{grid-column:1/-1;color:var(--muted);font-size:12px}
    .site-footer{padding:68px 0 25px;background:var(--moss-deep);color:#fff}
    .footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:45px}
    .footer-brand .brand{color:#fff}
    .footer-brand p{max-width:310px;margin:22px 0 0;color:rgba(255,255,255,.6);font-size:13px;line-height:1.9}
    .footer-col{display:grid;align-content:start;gap:10px}
    .footer-col h3{margin:0 0 9px;color:#ffd2a2;font-size:14px}
    .footer-col a{color:rgba(255,255,255,.66);font-size:13px;transition:color .2s,transform .2s}
    .footer-col a:hover{color:#fff;transform:translateX(3px)}
    .footer-bottom{
      display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:52px;padding-top:20px;
      border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.55);font-size:12px
    }
    .record-links{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}
    .record-links a:hover{color:#fff}
    .toast{
      position:fixed;right:22px;bottom:22px;z-index:80;padding:14px 18px;background:var(--moss-deep);
      color:#fff;border-radius:14px;box-shadow:var(--shadow-hover);opacity:0;pointer-events:none;transform:translateY(15px);
      transition:all .25s ease;font-size:13px
    }
    .toast.show{opacity:1;transform:translateY(0)}
    @media(max-width:1100px){
      .main-nav{gap:0}.main-nav a{padding:9px 7px;font-size:12px}.nav-wrap{gap:17px}
      .page-hero-inner{gap:38px}.hero-side{min-width:0}
    }
    @media(max-width:850px){
      .mobile-toggle{display:block;margin-left:auto}
      .location-link{display:none}
      .main-nav{
        display:none;position:absolute;left:20px;right:20px;top:70px;padding:10px;
        background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);
        flex-direction:column;align-items:stretch
      }
      .main-nav.open{display:flex}.main-nav a{padding:12px 14px}
      .page-hero-inner,.promise-grid,.process-wrap,.evidence-layout{grid-template-columns:1fr}
      .page-hero-inner{padding:75px 0 80px}.hero-side{max-width:540px}
      .section-head{display:block}.section-head .section-lead{margin-top:16px}
      .feature-grid{grid-template-columns:1fr 1fr}
      .scene-grid{grid-template-columns:1fr 1fr}.scene-card:first-child{grid-row:auto;min-height:360px}.scene-card:first-child h3{margin-top:190px}
      .info-table{grid-template-columns:1fr 1fr}
      .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
      .footer-grid .footer-col:last-child{grid-column:2/4}
    }
    @media(max-width:560px){
      .container{width:min(100% - 28px,1180px)}
      .section{padding:70px 0}.page-hero h1{font-size:43px}.hero-text{font-size:16px}
      .feature-grid,.scene-grid,.info-table,.contact-form{grid-template-columns:1fr}
      .scene-card:first-child{min-height:330px}.scene-card:first-child h3{margin-top:170px}
      .scene-card:nth-child(2),.scene-card:nth-child(3){min-height:250px}
      .scene-card h3{margin-top:125px}.metric-row{gap:7px}.metric{padding:13px 8px}
      .metric strong{font-size:20px}.quote-box blockquote{font-size:20px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-grid .footer-col:last-child{grid-column:auto}
      .footer-bottom{display:block}.record-links{justify-content:flex-start;margin-top:14px;gap:9px 14px}
      .hero-actions .btn{width:100%}
    }

/* roulang page: category7 */
:root {
      --ink:#17231f; --muted:#67736e; --moss:#315c4c; --moss-deep:#183c32;
      --mint:#dcefe1; --mint-2:#eef7ed; --coral:#ef765d; --coral-deep:#d95f49;
      --sand:#f7f2e9; --paper:#fffdfa; --line:rgba(23,35,31,.12); --gold:#c69b5a;
      --radius-xl:30px; --radius-lg:22px; --radius-md:16px;
      --shadow:0 18px 55px rgba(23,35,31,.10); --shadow-hover:0 24px 65px rgba(23,35,31,.16);
    }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; color:var(--ink); background:var(--paper); font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif; line-height:1.8; font-size:16px; -webkit-font-smoothing:antialiased; }
    a { color:inherit; text-decoration:none; }
    img { display:block; max-width:100%; }
    button,input,textarea { font:inherit; }
    button { cursor:pointer; }
    .container { width:min(1180px,calc(100% - 40px)); margin:0 auto; }
    .section { padding:96px 0; position:relative; }
    .eyebrow { display:inline-flex; align-items:center; gap:9px; color:var(--coral-deep); letter-spacing:.12em; font-size:12px; font-weight:800; }
    .eyebrow::before { content:""; width:28px; height:2px; background:var(--coral); border-radius:4px; }
    .section-title { margin:14px 0 16px; color:var(--ink); font-size:clamp(30px,4vw,52px); line-height:1.18; letter-spacing:-.045em; font-weight:900; }
    .section-lead { max-width:740px; color:var(--muted); font-size:17px; line-height:1.95; }
    .section-head { display:flex; justify-content:space-between; align-items:end; gap:36px; margin-bottom:46px; }
    .btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:50px; padding:0 23px; border:1px solid transparent; border-radius:999px; font-weight:800; font-size:14px; transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease; white-space:nowrap; }
    .btn:hover { transform:translateY(-3px); box-shadow:var(--shadow-hover); }
    .btn:focus-visible,a:focus-visible { outline:3px solid rgba(239,118,93,.45); outline-offset:3px; }
    .btn-primary { color:#fff; background:var(--coral); }
    .btn-primary:hover { background:var(--coral-deep); }
    .btn-dark { color:#fff; background:var(--moss-deep); }
    .btn-dark:hover { background:var(--moss); }
    .btn-light { color:var(--moss-deep); background:#fff; border-color:rgba(255,255,255,.45); }
    .btn-outline { color:var(--moss); border-color:rgba(49,92,76,.28); background:transparent; }
    .btn-outline:hover { color:#fff; background:var(--moss); border-color:var(--moss); }
    .chip { display:inline-flex; align-items:center; min-height:28px; padding:0 11px; border-radius:999px; color:var(--moss); background:var(--mint); font-size:12px; font-weight:800; }
    .site-header { position:sticky; top:0; z-index:50; background:rgba(255,253,250,.92); border-bottom:1px solid rgba(23,35,31,.07); backdrop-filter:blur(18px); }
    .nav-wrap { display:flex; align-items:center; gap:28px; min-height:78px; }
    .brand { display:inline-flex; align-items:center; gap:11px; flex:0 0 auto; font-weight:950; letter-spacing:-.06em; font-size:23px; color:var(--moss-deep); }
    .brand-mark { width:34px; height:34px; display:grid; place-items:center; color:#fff; background:var(--coral); border-radius:11px 11px 11px 4px; font-size:16px; transform:rotate(-7deg); }
    .main-nav { display:flex; align-items:center; gap:4px; flex:1; min-width:0; }
    .main-nav a { position:relative; padding:10px 11px; color:#53615b; font-size:13px; font-weight:700; border-radius:12px; transition:color .2s ease,background .2s ease; white-space:nowrap; }
    .main-nav a:hover,.main-nav a.active { color:var(--moss-deep); background:var(--mint-2); }
    .main-nav a.active::after { content:""; position:absolute; left:12px; right:12px; bottom:3px; height:2px; background:var(--coral); border-radius:4px; }
    .location-link { display:inline-flex; align-items:center; gap:7px; padding:9px 13px; color:var(--moss-deep); background:var(--sand); border-radius:999px; font-size:12px; font-weight:800; white-space:nowrap; }
    .location-dot { width:8px; height:8px; background:var(--coral); border-radius:50%; box-shadow:0 0 0 4px rgba(239,118,93,.13); }
    .mobile-toggle { display:none; border:0; background:transparent; color:var(--moss-deep); font-size:25px; }
    .subhero { position:relative; overflow:hidden; color:#fff; background:linear-gradient(94deg,rgba(16,52,41,.97),rgba(26,74,58,.80)),url("/assets/images/backpic/back-2.webp") center/cover no-repeat; }
    .subhero::before { content:""; position:absolute; width:470px; height:470px; right:-120px; top:-185px; border:1px solid rgba(255,255,255,.22); border-radius:50%; box-shadow:0 0 0 48px rgba(255,255,255,.04),0 0 0 96px rgba(255,255,255,.03); }
    .subhero-inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr); gap:70px; align-items:center; padding:92px 0; }
    .subhero .eyebrow { color:#ffd6a9; }
    .subhero h1 { margin:15px 0 22px; max-width:760px; font-size:clamp(42px,6vw,72px); line-height:1.1; letter-spacing:-.07em; font-weight:950; }
    .subhero p { max-width:680px; color:rgba(255,255,255,.80); font-size:17px; line-height:1.95; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
    .brief-card { padding:26px; background:rgba(255,253,250,.96); color:var(--ink); border-radius:var(--radius-lg); box-shadow:0 24px 55px rgba(5,25,18,.28); }
    .brief-card h2 { margin:10px 0 13px; color:var(--moss-deep); font-size:25px; line-height:1.35; font-weight:900; }
    .brief-card p { color:var(--muted); font-size:14px; line-height:1.8; }
    .brief-list { display:grid; gap:11px; margin:19px 0 0; padding:0; list-style:none; }
    .brief-list li { display:flex; align-items:center; gap:10px; padding-top:11px; border-top:1px solid var(--line); font-size:13px; font-weight:700; }
    .round-icon { display:grid; width:25px; height:25px; place-items:center; flex:0 0 auto; color:var(--coral-deep); background:var(--mint); border-radius:50%; font-size:13px; }
    .announcement { margin-top:-1px; background:var(--moss-deep); color:#fff; }
    .announcement-inner { display:flex; align-items:center; gap:18px; padding:16px 0; font-size:14px; }
    .announcement strong { color:#ffd2a2; white-space:nowrap; }
    .announcement span { color:rgba(255,255,255,.76); }
    .announcement a { margin-left:auto; color:#fff; font-weight:800; white-space:nowrap; }
    .feature-grid { display:grid; grid-template-columns:1.06fr .94fr; gap:28px; }
    .feature-story { min-height:510px; display:flex; align-items:end; padding:42px; color:#fff; border-radius:var(--radius-xl); overflow:hidden; position:relative; background:linear-gradient(0deg,rgba(14,42,32,.91),rgba(14,42,32,.12)),url("/assets/images/coverpic/cover-7.webp") center/cover no-repeat; box-shadow:var(--shadow); }
    .feature-story::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(14,42,32,.25),transparent); }
    .feature-story > div { position:relative; z-index:1; max-width:560px; }
    .feature-story h3 { margin:15px 0; font-size:clamp(28px,3vw,42px); line-height:1.25; font-weight:900; }
    .feature-story p { color:rgba(255,255,255,.78); }
    .side-stories { display:grid; gap:28px; }
    .side-story { display:grid; grid-template-columns:160px 1fr; gap:21px; align-items:center; padding:18px; border:1px solid var(--line); border-radius:var(--radius-lg); background:#fff; transition:transform .25s ease,box-shadow .25s ease; }
    .side-story:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
    .side-story img { width:160px; height:150px; object-fit:cover; border-radius:14px; }
    .side-story h3 { margin:9px 0 7px; font-size:19px; line-height:1.45; font-weight:900; }
    .side-story p { margin:0; color:var(--muted); font-size:13px; line-height:1.75; }
    .date { color:var(--coral-deep); font-size:12px; font-weight:850; letter-spacing:.05em; }
    .signal-section { background:var(--mint-2); }
    .signal-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; align-items:start; }
    .signal-copy { position:sticky; top:105px; }
    .signal-list { display:grid; gap:18px; }
    .signal-item { display:grid; grid-template-columns:90px 1fr auto; gap:22px; align-items:center; padding:24px 0; border-bottom:1px solid var(--line); }
    .signal-item:first-child { border-top:1px solid var(--line); }
    .signal-date strong { display:block; color:var(--moss-deep); font-size:25px; line-height:1; }
    .signal-date span { color:var(--muted); font-size:12px; font-weight:700; }
    .signal-item h3 { margin:0 0 5px; font-size:20px; line-height:1.45; font-weight:900; }
    .signal-item p { margin:0; color:var(--muted); font-size:14px; line-height:1.78; }
    .text-link { color:var(--coral-deep); font-size:13px; font-weight:850; white-space:nowrap; }
    .text-link:hover { color:var(--moss-deep); }
    .story-section { overflow:hidden; }
    .story-layout { display:grid; grid-template-columns:1fr 1fr; gap:75px; align-items:center; }
    .story-image { position:relative; }
    .story-image img { width:100%; min-height:455px; object-fit:cover; border-radius:var(--radius-xl); box-shadow:var(--shadow); }
    .floating-note { position:absolute; right:-28px; bottom:28px; max-width:245px; padding:19px 20px; background:var(--coral); color:#fff; border-radius:18px; box-shadow:var(--shadow); font-size:14px; font-weight:700; line-height:1.7; }
    .story-copy p { color:var(--muted); font-size:16px; line-height:2; }
    .check-list { display:grid; gap:13px; margin:26px 0 0; padding:0; list-style:none; }
    .check-list li { display:flex; gap:12px; align-items:flex-start; color:#39473f; font-size:15px; }
    .check-list b { display:grid; place-items:center; width:23px; height:23px; flex:0 0 auto; margin-top:3px; color:#fff; background:var(--moss); border-radius:50%; font-size:12px; }
    .event-panel { padding:70px 0; background:var(--sand); }
    .event-shell { display:grid; grid-template-columns:.88fr 1.12fr; overflow:hidden; border-radius:var(--radius-xl); background:var(--moss-deep); box-shadow:var(--shadow); }
    .event-visual { min-height:430px; background:linear-gradient(0deg,rgba(24,60,50,.28),rgba(24,60,50,.05)),url("/assets/images/coverpic/cover-3.webp") center/cover no-repeat; }
    .event-info { padding:53px; color:#fff; }
    .event-info h2 { margin:12px 0 17px; max-width:600px; font-size:clamp(30px,4vw,47px); line-height:1.22; font-weight:900; }
    .event-info p { color:rgba(255,255,255,.74); }
    .event-meta { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 31px; }
    .event-meta span { padding:7px 12px; color:#e4f3e7; border:1px solid rgba(255,255,255,.22); border-radius:999px; font-size:12px; font-weight:700; }
    .steps { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:38px; }
    .step { padding:25px; border:1px solid var(--line); border-radius:var(--radius-lg); background:#fff; }
    .step-num { display:inline-grid; place-items:center; width:31px; height:31px; color:var(--coral-deep); background:var(--mint); border-radius:10px; font-size:13px; font-weight:900; }
    .step h3 { margin:15px 0 8px; font-size:18px; font-weight:900; }
    .step p { margin:0; color:var(--muted); font-size:14px; line-height:1.78; }
    .news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
    .news-card { display:flex; flex-direction:column; min-height:100%; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius-lg); background:#fff; transition:transform .25s ease,box-shadow .25s ease; }
    .news-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-hover); }
    .news-card img { width:100%; height:190px; object-fit:cover; }
    .news-card-body { display:flex; flex:1; flex-direction:column; padding:24px; }
    .news-card h3 { margin:10px 0 11px; font-size:20px; line-height:1.45; font-weight:900; }
    .news-card p { margin:0 0 19px; color:var(--muted); font-size:14px; line-height:1.8; }
    .news-card .text-link { margin-top:auto; }
    .quote-band { padding:90px 0; color:#fff; background:linear-gradient(100deg,rgba(24,60,50,.98),rgba(49,92,76,.93)),url("/assets/images/backpic/back-3.jpg") center/cover no-repeat; }
    .quote-layout { display:grid; grid-template-columns:100px minmax(0,1fr); gap:32px; align-items:start; }
    .quote-mark { color:#ffd2a2; font-family:Georgia,serif; font-size:100px; line-height:.7; }
    .quote-band blockquote { margin:0; font-size:clamp(25px,3.4vw,43px); line-height:1.55; letter-spacing:-.04em; font-weight:850; }
    .quote-band cite { display:block; margin-top:24px; color:rgba(255,255,255,.67); font-style:normal; font-size:14px; }
    .faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:75px; align-items:start; }
    .faq-list { display:grid; gap:12px; }
    .faq-item { overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#fff; }
    .faq-question { width:100%; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:19px 21px; border:0; color:var(--ink); background:#fff; text-align:left; font-weight:850; font-size:16px; }
    .faq-question span:last-child { color:var(--coral-deep); font-size:23px; font-weight:400; transition:transform .25s ease; }
    .faq-answer { display:none; padding:0 21px 21px; color:var(--muted); font-size:14px; line-height:1.9; }
    .faq-item.open .faq-answer { display:block; }
    .faq-item.open .faq-question span:last-child { transform:rotate(45deg); }
    .contact-section { padding:0 0 105px; }
    .contact-box { display:grid; grid-template-columns:1fr auto; align-items:center; gap:40px; padding:56px 62px; color:#fff; background:var(--coral); border-radius:var(--radius-xl); box-shadow:0 24px 55px rgba(217,95,73,.22); }
    .contact-box h2 { margin:10px 0; font-size:clamp(29px,4vw,47px); line-height:1.22; font-weight:900; }
    .contact-box p { max-width:690px; margin:0; color:rgba(255,255,255,.82); }
    .site-footer { padding:72px 0 24px; color:#d5e1d9; background:#122b24; }
    .footer-grid { display:grid; grid-template-columns:1.6fr repeat(3,1fr); gap:45px; padding-bottom:55px; }
    .site-footer .brand { color:#fff; }
    .footer-brand p { max-width:330px; margin:17px 0 0; color:#aebeb5; font-size:14px; line-height:1.85; }
    .footer-col h3 { margin:0 0 17px; color:#fff; font-size:14px; font-weight:850; }
    .footer-col a { display:block; margin:8px 0; color:#aebeb5; font-size:13px; transition:color .2s ease,transform .2s ease; }
    .footer-col a:hover { color:#fff; transform:translateX(3px); }
    .footer-bottom { display:flex; justify-content:space-between; gap:25px; padding-top:22px; border-top:1px solid rgba(255,255,255,.13); color:#9fb0a7; font-size:12px; }
    .record-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px 17px; }
    .record-links a:hover { color:#fff; }
    @media (max-width:1100px) {
      .nav-wrap { gap:15px; } .main-nav { gap:0; } .main-nav a { padding:9px 8px; font-size:12px; } .location-link { display:none; }
      .subhero-inner,.story-layout,.faq-layout,.signal-layout { gap:45px; }
    }
    @media (max-width:860px) {
      .mobile-toggle { display:block; margin-left:auto; }
      .main-nav { display:none; position:absolute; top:78px; left:0; right:0; padding:14px 20px 19px; background:rgba(255,253,250,.98); border-bottom:1px solid var(--line); box-shadow:var(--shadow); flex-wrap:wrap; }
      .main-nav.open { display:flex; } .main-nav a { padding:10px 12px; }
      .subhero-inner,.feature-grid,.story-layout,.event-shell,.faq-layout,.signal-layout { grid-template-columns:1fr; }
      .subhero-inner { gap:35px; padding:72px 0; } .brief-card { max-width:540px; } .signal-copy { position:static; }
      .feature-story { min-height:420px; } .event-visual { min-height:290px; } .event-info { padding:38px; }
      .news-grid { grid-template-columns:repeat(2,1fr); } .steps { grid-template-columns:1fr; }
      .contact-box { grid-template-columns:1fr; padding:45px; } .footer-grid { grid-template-columns:1.3fr 1fr 1fr; } .footer-col:last-child { display:none; }
    }
    @media (max-width:560px) {
      .container { width:min(100% - 28px,1180px); } .section { padding:70px 0; } .section-head { display:block; margin-bottom:30px; }
      .subhero h1 { font-size:43px; } .subhero p { font-size:16px; } .side-story { grid-template-columns:108px 1fr; gap:14px; padding:12px; } .side-story img { width:108px; height:120px; }
      .signal-item { grid-template-columns:62px 1fr; gap:13px; } .signal-item .text-link { grid-column:2; } .signal-date strong { font-size:20px; }
      .floating-note { right:12px; bottom:14px; max-width:210px; } .news-grid { grid-template-columns:1fr; } .quote-layout { grid-template-columns:1fr; gap:14px; } .quote-mark { font-size:72px; }
      .contact-box { padding:34px 27px; } .footer-grid { grid-template-columns:1fr 1fr; gap:30px 20px; } .footer-brand { grid-column:1/-1; } .footer-bottom { display:block; } .record-links { justify-content:flex-start; margin-top:10px; }
      .announcement-inner { align-items:flex-start; flex-wrap:wrap; gap:7px 13px; } .announcement a { margin-left:0; } .event-info { padding:31px 25px; }
    }