/* roulang page: index */
:root {
      --plum: #552b49;
      --plum-dark: #3b1c32;
      --wine: #873f4f;
      --coral: #c45d51;
      --coral-dark: #9d403d;
      --paper: #fbf8f4;
      --cream: #f2ebe5;
      --rose: #f4e2e2;
      --ink: #2d2930;
      --muted: #746d73;
      --line: #ddd2d1;
      --white: #fffdfb;
      --shadow: 0 10px 28px rgba(70, 42, 54, .08);
      --radius: 12px;
    }

    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
      line-height: 1.8;
      letter-spacing: 0;
    }
    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }
    button, input, select { font: inherit; }
    button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible {
      outline: 3px solid rgba(196, 93, 81, .28);
      outline-offset: 3px;
    }
    .container { max-width: 1180px; }
    .topbar {
      background: var(--white);
      border-bottom: 1px solid var(--line);
    }
    .brand-row {
      min-height: 78px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }
    .brand {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      color: var(--plum);
      font-weight: 800;
      font-size: 1.15rem;
      line-height: 1.25;
    }
    .brand-mark {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      color: var(--white);
      background: var(--plum);
      border-radius: 9px;
      font-size: .84rem;
      font-weight: 800;
    }
    .utility-nav {
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--muted);
      font-size: .88rem;
    }
    .utility-link {
      padding: 7px 10px;
      border-radius: 7px;
      transition: .2s ease;
    }
    .utility-link:hover { color: var(--plum); background: var(--rose); }
    .age-badge, .tag {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      border-radius: 5px;
      padding: 3px 9px;
      font-size: .76rem;
      line-height: 1.5;
      font-weight: 700;
    }
    .age-badge { color: var(--plum); background: var(--rose); }
    .tag { color: var(--plum); background: #eee2ea; }
    .tag.warm { color: #853b39; background: #f5deda; }
    .channel-row {
      background: var(--cream);
      border-top: 1px solid rgba(221,210,209,.8);
      border-bottom: 1px solid var(--line);
    }
    .channel-list {
      display: flex;
      gap: 6px;
      align-items: center;
      overflow-x: auto;
      scrollbar-width: none;
    }
    .channel-list::-webkit-scrollbar { display: none; }
    .channel-link {
      display: inline-flex;
      align-items: center;
      min-height: 46px;
      padding: 8px 15px;
      color: var(--muted);
      font-size: .91rem;
      white-space: nowrap;
      border-bottom: 3px solid transparent;
      transition: .2s ease;
    }
    .channel-link:hover { color: var(--plum); background: #eee2df; }
    .channel-link.active {
      color: var(--plum);
      font-weight: 800;
      border-bottom-color: var(--coral);
    }

    .hero {
      position: relative;
      overflow: hidden;
      min-height: 430px;
      display: flex;
      align-items: center;
      background:
        linear-gradient(90deg, rgba(47,24,39,.95) 0%, rgba(67,31,51,.82) 48%, rgba(67,31,51,.36) 100%),
        repeating-linear-gradient(118deg, #6d3b55 0, #6d3b55 16px, #4d2944 16px, #4d2944 34px);
      color: var(--white);
    }
    .hero::after {
      content: "";
      position: absolute;
      right: 7%;
      top: 16%;
      width: 260px;
      height: 330px;
      border: 1px solid rgba(255,255,255,.22);
      background: linear-gradient(145deg, rgba(246,213,203,.38), rgba(81,34,59,.2));
      transform: rotate(7deg);
      box-shadow: 18px 18px 0 rgba(196,93,81,.2), 36px 36px 0 rgba(255,255,255,.08);
    }
    .hero-content { position: relative; z-index: 1; max-width: 700px; padding: 78px 0 72px; }
    .eyebrow {
      color: #f4c7bc;
      font-size: .8rem;
      font-weight: 800;
      letter-spacing: .08em;
      margin-bottom: 15px;
    }
    h1, h2, h3 { color: var(--plum-dark); font-weight: 800; line-height: 1.28; }
    .hero h1 { color: var(--white); font-size: clamp(2.1rem, 5vw, 4.2rem); margin: 0 0 20px; }
    .hero p { max-width: 650px; color: #f2e8e8; font-size: 1.05rem; margin: 0 0 26px; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 11px; }
    .btn-main, .btn-quiet {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 45px;
      padding: 9px 18px;
      border-radius: 7px;
      font-weight: 800;
      border: 1px solid transparent;
      transition: .2s ease;
    }
    .btn-main { color: #fff; background: var(--coral); }
    .btn-main:hover { color: #fff; background: var(--coral-dark); transform: translateY(-2px); }
    .btn-quiet { color: var(--white); border-color: rgba(255,255,255,.48); background: rgba(255,255,255,.08); }
    .btn-quiet:hover { color: var(--white); background: rgba(255,255,255,.17); }
    .hero-note { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 30px; color: #ead7d9; font-size: .84rem; }

    .section { padding: 84px 0; }
    .section-paper { background: var(--white); }
    .section-head { max-width: 690px; margin-bottom: 34px; }
    .section-kicker { color: var(--coral-dark); font-size: .78rem; font-weight: 800; letter-spacing: .08em; margin-bottom: 9px; }
    .section h2 { font-size: clamp(1.7rem, 3vw, 2.5rem); margin: 0 0 12px; }
    .section-head p { color: var(--muted); margin: 0; }

    .metric-band {
      display: grid;
      grid-template-columns: 1.1fr .9fr .9fr 1.2fr;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }
    .metric {
      position: relative;
      padding: 25px 24px;
      border-right: 1px solid var(--line);
    }
    .metric:last-child { border-right: 0; }
    .metric strong { display: block; color: var(--plum); font-size: 2rem; line-height: 1.2; }
    .metric span { display: block; color: var(--muted); font-size: .86rem; margin-top: 5px; }
    .metric small { color: var(--muted); font-size: .76rem; }
    .metric::before { content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: var(--coral); opacity: .75; }

    .matrix-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 52px; align-items: start; }
    .filter-panel { position: sticky; top: 20px; }
    .filter-panel h3 { font-size: 1.28rem; margin: 0 0 12px; }
    .filter-panel p { color: var(--muted); font-size: .92rem; margin-bottom: 19px; }
    .filter-tags { display: flex; flex-wrap: wrap; gap: 8px; }
    .filter-tag { padding: 6px 11px; border: 1px solid var(--line); border-radius: 6px; color: var(--muted); font-size: .82rem; background: var(--paper); }
    .filter-tag.active, .filter-tag:hover { color: var(--plum); border-color: var(--plum); background: var(--rose); }
    .channel-entry {
      display: grid;
      grid-template-columns: 132px 1fr auto;
      gap: 20px;
      align-items: center;
      padding: 20px 0;
      border-top: 1px solid var(--line);
    }
    .channel-entry:first-child { border-top: 0; padding-top: 0; }
    .media-tile {
      height: 104px;
      border-radius: 9px;
      background: linear-gradient(145deg, #d8a6a0 0%, #773e55 48%, #362237 100%);
      position: relative;
      overflow: hidden;
    }
    .media-tile::after {
      content: "18+";
      position: absolute;
      right: 9px;
      bottom: 8px;
      color: #fff;
      background: rgba(42,23,34,.68);
      border-radius: 4px;
      padding: 2px 6px;
      font-size: .72rem;
    }
    .media-tile.alt { background: linear-gradient(145deg, #bd7568, #5e2f4e 62%, #2c2330); }
    .media-tile.soft { background: linear-gradient(145deg, #dfb5a0, #884d59 55%, #41253b); }
    .entry-title { color: var(--plum-dark); font-size: 1.12rem; font-weight: 800; margin: 8px 0 4px; }
    .entry-copy { color: var(--muted); font-size: .88rem; line-height: 1.65; margin: 0; }
    .entry-meta { color: var(--muted); font-size: .78rem; white-space: nowrap; }

    .compare-wrap { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); }
    .compare-col { padding: 30px; }
    .compare-col + .compare-col { background: var(--plum); color: #fff; }
    .compare-col + .compare-col h3, .compare-col + .compare-col .compare-label { color: #fff; }
    .compare-col h3 { font-size: 1.35rem; margin: 0 0 19px; }
    .compare-label { color: var(--muted); font-size: .78rem; font-weight: 800; }
    .compare-list { list-style: none; padding: 0; margin: 0; }
    .compare-list li { display: flex; gap: 10px; padding: 11px 0; border-bottom: 1px solid rgba(221,210,209,.72); font-size: .9rem; }
    .compare-col + .compare-col li { border-bottom-color: rgba(255,255,255,.18); }
    .check { color: var(--coral); font-weight: 900; }
    .compare-col + .compare-col .check { color: #f3b3a6; }

    .timeline {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
      border-left: 1px solid var(--line);
    }
    .timeline-item { padding: 4px 22px 4px 24px; border-right: 1px solid var(--line); }
    .timeline-item strong { display: block; color: var(--coral-dark); font-size: 1.15rem; margin-bottom: 8px; }
    .timeline-item span { color: var(--muted); font-size: .88rem; }

    .faq-list { max-width: 900px; }
    .accordion-item { border: 0; border-top: 1px solid var(--line); background: transparent; }
    .accordion-item:last-child { border-bottom: 1px solid var(--line); }
    .accordion-button { color: var(--plum-dark); background: transparent; box-shadow: none !important; padding: 20px 4px; font-weight: 800; }
    .accordion-button:not(.collapsed) { color: var(--coral-dark); background: transparent; }
    .accordion-button::after { filter: sepia(1) saturate(2); }
    .accordion-body { color: var(--muted); padding: 0 28px 22px 4px; font-size: .92rem; }

    .cta-section { background: var(--cream); }
    .cta-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; align-items: start; }
    .cta-copy h2 { margin-bottom: 13px; }
    .cta-copy p { color: var(--muted); }
    .privacy-note { display: inline-flex; margin-top: 16px; padding: 8px 11px; color: var(--plum); background: var(--rose); border-radius: 6px; font-size: .78rem; }
    .signup-form { background: var(--white); border: 1px solid var(--line); padding: 28px; border-radius: var(--radius); box-shadow: var(--shadow); }
    .form-label { color: var(--plum-dark); font-size: .84rem; font-weight: 800; margin-bottom: 6px; }
    .form-control, .form-select { color: var(--ink); border: 1px solid #cfc2c2; border-radius: 7px; background: #fff; min-height: 45px; }
    .form-control:focus, .form-select:focus { border-color: var(--plum); box-shadow: 0 0 0 4px rgba(85,43,73,.12); }
    .form-check-label { color: var(--muted); font-size: .78rem; }
    .form-status { min-height: 25px; color: var(--coral-dark); font-size: .82rem; margin-top: 8px; }

    footer { color: #d9c8d0; background: var(--plum-dark); padding: 44px 0 24px; }
    footer .brand { color: #fff; }
    footer .brand-mark { color: var(--plum-dark); background: #f2c3b9; }
    .footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 45px; padding-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,.16); }
    .footer-copy { color: #cbbac3; font-size: .84rem; max-width: 390px; margin: 15px 0 0; }
    footer h3 { color: #fff; font-size: .95rem; margin: 3px 0 12px; }
    .footer-links { display: grid; gap: 6px; color: #cbbac3; font-size: .84rem; }
    .footer-links a:hover { color: #fff; }
    .copyright { display: flex; justify-content: space-between; gap: 15px; padding-top: 18px; color: #a9949f; font-size: .76rem; }

    @media (max-width: 991.98px) {
      .matrix-layout, .cta-layout { grid-template-columns: 1fr; gap: 32px; }
      .filter-panel { position: static; }
      .metric-band { grid-template-columns: repeat(2, 1fr); }
      .metric:nth-child(2) { border-right: 0; }
      .metric:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
      .timeline { grid-template-columns: repeat(2, 1fr); }
      .timeline-item { border-bottom: 1px solid var(--line); padding: 17px 20px; }
    }
    @media (max-width: 767.98px) {
      .brand-row { min-height: 68px; gap: 12px; }
      .brand { font-size: .94rem; }
      .brand-mark { width: 33px; height: 33px; font-size: .72rem; }
      .utility-link.search-text { display: none; }
      .hero { min-height: 420px; }
      .hero::after { right: -90px; opacity: .65; }
      .hero-content { padding: 64px 0 58px; }
      .hero h1 { max-width: 480px; }
      .section { padding: 62px 0; }
      .channel-entry { grid-template-columns: 98px 1fr; gap: 14px; }
      .channel-entry .btn-main { grid-column: 2; justify-self: start; }
      .media-tile { height: 90px; }
      .compare-wrap { grid-template-columns: 1fr; }
      .compare-col + .compare-col { border-top: 1px solid rgba(255,255,255,.2); }
      .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
      .footer-grid > :first-child { grid-column: 1 / -1; }
    }
    @media (max-width: 575.98px) {
      .utility-nav { gap: 3px; }
      .age-badge { padding: 3px 7px; }
      .metric-band { grid-template-columns: 1fr 1fr; }
      .metric { padding: 20px 15px; }
      .metric strong { font-size: 1.55rem; }
      .channel-entry { grid-template-columns: 86px 1fr; }
      .entry-title { font-size: 1rem; }
      .timeline { grid-template-columns: 1fr; }
      .signup-form { padding: 20px; }
      .footer-grid { grid-template-columns: 1fr; }
      .footer-grid > :first-child { grid-column: auto; }
      .copyright { flex-direction: column; }
    }

/* roulang page: category1 */
:root{
      --plum:#552b49;--plum-dark:#3b1c32;--wine:#873f4f;--coral:#c45d51;--coral-dark:#9d403d;
      --paper:#fbf8f4;--cream:#f2ebe5;--rose:#f4e2e2;--ink:#2d2930;--muted:#746d73;
      --line:#ddd2d1;--white:#fffdfb;--shadow:0 10px 28px rgba(70,42,54,.08);--radius:12px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input,select{font:inherit}
    button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(196,93,81,.3);outline-offset:3px}
    .container{max-width:1180px}
    .topbar{background:var(--white);border-bottom:1px solid var(--line)}
    .brand-row{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:inline-flex;align-items:center;gap:12px;color:var(--plum);font-weight:800;font-size:1.15rem;line-height:1.25}
    .brand-mark{width:38px;height:38px;display:grid;place-items:center;color:var(--white);background:var(--plum);border-radius:9px;font-size:.84rem;font-weight:800}
    .utility-nav{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.88rem}
    .age-badge,.tag{display:inline-flex;align-items:center;width:fit-content;border-radius:5px;padding:3px 9px;font-size:.76rem;line-height:1.5;font-weight:700}
    .age-badge{color:var(--plum);background:var(--rose)}
    .tag{color:var(--plum);background:#eee2ea}
    .tag.warm{color:#853b39;background:#f5deda}
    .utility-link{padding:7px 10px;border-radius:6px;transition:.2s ease}
    .utility-link:hover{color:var(--plum);background:var(--rose)}
    .channel-row{background:var(--cream);border-top:1px solid rgba(221,210,209,.8);border-bottom:1px solid var(--line)}
    .channel-list{display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none}
    .channel-list::-webkit-scrollbar{display:none}
    .channel-link{padding:12px 17px;color:var(--muted);font-size:.9rem;font-weight:700;white-space:nowrap;border-bottom:3px solid transparent;transition:.2s ease}
    .channel-link:hover{color:var(--plum);background:rgba(244,226,226,.65)}
    .channel-link.active{color:var(--white);background:var(--plum);border-bottom-color:var(--coral)}
    .page-hero{padding:60px 0 46px;background:var(--cream);border-bottom:1px solid var(--line)}
    .breadcrumb-line{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.82rem;margin-bottom:24px}
    .breadcrumb-line a:hover{color:var(--plum)}
    .hero-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:48px;align-items:end}
    .eyebrow,.section-kicker{color:var(--coral-dark);font-size:.78rem;font-weight:800;letter-spacing:.08em}
    .eyebrow{margin-bottom:12px}
    h1,h2,h3{color:var(--plum-dark);font-weight:800;line-height:1.28}
    h1{font-size:clamp(2rem,4.5vw,3.8rem);margin:0 0 18px}
    .hero-copy{max-width:690px;color:var(--muted);font-size:1.03rem;margin:0}
    .hero-note{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
    .hero-panel{padding:25px;background:var(--plum);color:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}
    .hero-panel:before{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(255,255,255,.17);right:-35px;top:-40px;transform:rotate(22deg)}
    .panel-label{position:relative;color:#f3b3a6;font-size:.76rem;font-weight:800;letter-spacing:.08em}
    .hero-panel h2{position:relative;color:var(--white);font-size:1.35rem;margin:10px 0 12px}
    .hero-panel p{position:relative;color:#ead7d9;font-size:.9rem;margin:0}
    .metric-strip{background:var(--white);border-bottom:1px solid var(--line)}
    .metrics{display:grid;grid-template-columns:repeat(4,1fr)}
    .metric{padding:25px 24px;border-right:1px solid var(--line)}
    .metric:last-child{border-right:0}
    .metric-number{color:var(--plum);font-size:1.8rem;font-weight:800;line-height:1.2}
    .metric-label{font-weight:800;margin-top:5px}
    .metric small{display:block;color:var(--muted);font-size:.78rem;line-height:1.5;margin-top:4px}
    .section{padding:78px 0}
    .section-paper{background:var(--white)}
    .section-head{max-width:700px;margin-bottom:32px}
    .section-kicker{margin-bottom:9px}
    .section h2{font-size:clamp(1.65rem,3vw,2.45rem);margin:0 0 12px}
    .section-head p{color:var(--muted);margin:0}
    .filter-board{display:grid;grid-template-columns:220px 1fr;gap:30px}
    .filter-side{padding:23px;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);height:max-content}
    .filter-side h3{font-size:1.05rem;margin:0 0 16px}
    .filter-group{margin-bottom:21px}
    .filter-group:last-child{margin-bottom:0}
    .filter-group label{display:block;color:var(--muted);font-size:.78rem;font-weight:800;margin-bottom:7px}
    .form-select,.search-input{border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--white);padding:9px 11px}
    .form-select:focus,.search-input:focus{border-color:var(--wine);box-shadow:0 0 0 3px rgba(135,63,79,.12)}
    .filter-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:23px}
    .filter-tag{padding:6px 11px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:.82rem;background:var(--paper);transition:.2s ease}
    .filter-tag:hover,.filter-tag.active{color:var(--plum);border-color:var(--plum);background:var(--rose)}
    .search-row{display:flex;gap:9px;margin-bottom:22px}
    .search-row .search-input{flex:1;min-width:0}
    .btn-main,.btn-quiet{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:8px 17px;border-radius:7px;font-weight:800;border:1px solid transparent;transition:.2s ease}
    .btn-main{color:#fff;background:var(--coral)}
    .btn-main:hover{color:#fff;background:var(--coral-dark);transform:translateY(-2px)}
    .btn-quiet{color:var(--plum);border-color:var(--plum);background:transparent}
    .btn-quiet:hover{color:var(--white);background:var(--plum);transform:translateY(-1px)}
    .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .content-entry{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:17px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);transition:.2s ease}
    .content-entry:hover{border-color:#c9aeb5;box-shadow:var(--shadow);transform:translateY(-2px)}
    .media-tile{height:142px;border-radius:9px;background:linear-gradient(145deg,#d8a6a0 0%,#773e55 48%,#362237 100%);position:relative;overflow:hidden}
    .media-tile:before{content:"专题封面";position:absolute;left:12px;top:13px;color:rgba(255,255,255,.78);font-size:.75rem;letter-spacing:.08em}
    .media-tile:after{content:"18+";position:absolute;right:9px;bottom:8px;color:#fff;background:rgba(42,23,34,.68);border-radius:4px;padding:2px 6px;font-size:.72rem}
    .media-tile.alt{background:linear-gradient(145deg,#bd7568,#5e2f4e 62%,#2c2330)}
    .media-tile.soft{background:linear-gradient(145deg,#dfb5a0,#884d59 55%,#41253b)}
    .media-tile.dark{background:linear-gradient(145deg,#98626d,#4b2946 55%,#25202c)}
    .entry-title{color:var(--plum-dark);font-size:1.08rem;font-weight:800;line-height:1.4;margin:9px 0 5px}
    .entry-meta{color:var(--muted);font-size:.77rem}
    .entry-copy{color:var(--muted);font-size:.86rem;line-height:1.65;margin:8px 0 12px}
    .entry-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
    .entry-actions .btn-main{font-size:.8rem;min-height:34px;padding:5px 11px}
    .entry-actions a:not(.btn-main){color:var(--wine);font-size:.8rem;font-weight:800}
    .feature-band{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:var(--plum);color:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
    .feature-visual{min-height:280px;background:linear-gradient(145deg,#d29a91 0%,#7d4057 45%,#281d2b 100%);position:relative}
    .feature-visual span{position:absolute;left:25px;bottom:22px;padding:5px 9px;background:rgba(42,23,34,.72);border-radius:5px;font-size:.78rem}
    .feature-text{padding:34px}
    .feature-text .tag{margin-bottom:14px}
    .feature-text h2{color:#fff;font-size:1.7rem;margin:0 0 12px}
    .feature-text p{color:#ead7d9;margin:0 0 22px}
    .feature-text .btn-quiet{color:#fff;border-color:rgba(255,255,255,.55)}
    .feature-text .btn-quiet:hover{background:rgba(255,255,255,.13)}
    .pagination-wrap{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:28px}
    .result-note{color:var(--muted);font-size:.83rem}
    .pagination .page-link{color:var(--plum);border-color:var(--line);background:var(--white);margin:0 3px;border-radius:6px!important}
    .pagination .active .page-link{color:#fff;background:var(--plum);border-color:var(--plum)}
    .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .info-card{padding:25px;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius)}
    .info-card h3{font-size:1.12rem;margin:0 0 9px}
    .info-card p{color:var(--muted);font-size:.9rem;margin:0}
    .faq-wrap{max-width:860px}
    .accordion-item{border:1px solid var(--line)!important;border-radius:8px!important;overflow:hidden;margin-bottom:10px;background:var(--white)}
    .accordion-button{color:var(--plum-dark);font-weight:800;background:var(--white);box-shadow:none!important;padding:17px 20px}
    .accordion-button:not(.collapsed){color:var(--plum);background:var(--rose)}
    .accordion-button:after{filter:hue-rotate(290deg)}
    .accordion-body{color:var(--muted);font-size:.9rem;padding:0 20px 18px;background:var(--rose)}
    .cta-section{padding:70px 0;background:var(--rose)}
    .cta-box{display:flex;align-items:center;justify-content:space-between;gap:25px}
    .cta-box h2{font-size:1.75rem;margin:0 0 8px}
    .cta-box p{color:var(--muted);margin:0}
    footer{padding:48px 0 20px;background:var(--plum-dark);color:#e9dfe1}
    footer .brand{color:#fff}
    footer .brand-mark{background:var(--coral)}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:44px;padding-bottom:34px}
    .footer-copy{max-width:420px;color:#cdbdc1;font-size:.86rem;margin:17px 0 0}
    footer h3{color:#fff;font-size:.95rem;margin:0 0 13px}
    .footer-links{display:grid;gap:7px;color:#cdbdc1;font-size:.84rem}
    .footer-links a:hover{color:#fff}
    .copyright{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);color:#bdaeb3;font-size:.75rem}
    .empty-state{display:none;padding:35px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);background:var(--paper)}
    @media(max-width:991px){
      .hero-layout,.feature-band{grid-template-columns:1fr}
      .hero-panel{max-width:560px}
      .filter-board{grid-template-columns:190px 1fr}
      .content-entry{grid-template-columns:120px 1fr}
      .media-tile{height:125px}
    }
    @media(max-width:767px){
      .brand-row{min-height:67px;gap:12px}
      .brand{font-size:1rem}
      .brand-mark{width:34px;height:34px}
      .utility-nav{gap:3px;font-size:.77rem}
      .utility-link{padding:5px}
      .search-text{display:none}
      .page-hero{padding:42px 0 35px}
      .hero-layout{gap:28px}
      .metrics{grid-template-columns:1fr 1fr}
      .metric{padding:19px 15px;border-bottom:1px solid var(--line)}
      .metric:nth-child(2){border-right:0}
      .section{padding:57px 0}
      .filter-board{grid-template-columns:1fr}
      .filter-side{order:0}
      .content-grid,.info-grid{grid-template-columns:1fr}
      .feature-visual{min-height:210px}
      .feature-text{padding:25px}
      .pagination-wrap{align-items:flex-start;flex-direction:column}
      .cta-box{align-items:flex-start;flex-direction:column}
      .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
      .footer-grid>div:first-child{grid-column:1/-1}
      .copyright{flex-direction:column;gap:5px}
    }
    @media(max-width:520px){
      h1{font-size:2rem}
      .content-entry{grid-template-columns:1fr;gap:12px}
      .media-tile{height:155px}
      .search-row{display:grid;grid-template-columns:1fr auto}
      .footer-grid{grid-template-columns:1fr}
      .footer-grid>div:first-child{grid-column:auto}
    }