/* roulang page: index */
:root {
      --color-ink-green: #10231E;
      --color-field-green: #2F7D46;
      --color-warm: #F7F3EA;
      --color-amber: #D7A84F;
      --color-carbon: #202421;
      --color-muted: #65706A;
      --color-line: rgba(16, 35, 30, .14);
      --radius-xl: 22px;
      --radius-lg: 18px;
      --shadow-soft: 0 18px 55px rgba(16, 35, 30, .13);
      --shadow-card: 0 12px 36px rgba(16, 35, 30, .10);
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
      color: var(--color-carbon);
      background:
        linear-gradient(90deg, rgba(16,35,30,.035) 1px, transparent 1px),
        linear-gradient(0deg, rgba(16,35,30,.028) 1px, transparent 1px),
        var(--color-warm);
      background-size: 44px 44px;
      line-height: 1.78;
      text-rendering: optimizeLegibility;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    img {
      display: block;
      max-width: 100%;
    }

    button,
    input {
      font: inherit;
    }

    button {
      cursor: pointer;
    }

    .site-container {
      width: min(100% - 64px, 1220px);
      margin-inline: auto;
    }

    .glass-nav {
      background: rgba(16, 35, 30, .54);
      border: 1px solid rgba(247, 243, 234, .18);
      box-shadow: 0 16px 45px rgba(0, 0, 0, .18);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      transition: background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
    }

    .glass-nav.is-solid {
      background: rgba(16, 35, 30, .96);
      border-color: rgba(247, 243, 234, .12);
      box-shadow: 0 14px 40px rgba(16, 35, 30, .24);
    }

    .nav-link {
      position: relative;
      color: rgba(247, 243, 234, .82);
      font-weight: 600;
      font-size: 14px;
      transition: color .2s ease;
      white-space: nowrap;
    }

    .nav-link::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -10px;
      height: 2px;
      border-radius: 999px;
      background: var(--color-amber);
      transform: scaleX(0);
      transform-origin: center;
      transition: transform .2s ease;
    }

    .nav-link:hover,
    .nav-link.active {
      color: #fff8e9;
    }

    .nav-link:hover::after,
    .nav-link.active::after {
      transform: scaleX(1);
    }

    .mobile-panel {
      max-height: 0;
      overflow: hidden;
      transition: max-height .28s ease;
    }

    .mobile-panel.open {
      max-height: 520px;
    }

    .hero-pattern {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 16% 18%, rgba(215, 168, 79, .24), transparent 28%),
        radial-gradient(circle at 84% 22%, rgba(47, 125, 70, .30), transparent 30%),
        linear-gradient(135deg, #10231E 0%, #17342D 52%, #0D1B18 100%);
    }

    .hero-pattern::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: .08;
      background-image:
        linear-gradient(90deg, #F7F3EA 1px, transparent 1px),
        linear-gradient(0deg, #F7F3EA 1px, transparent 1px);
      background-size: 52px 52px;
      mask-image: linear-gradient(to bottom, #000, transparent 88%);
    }

    .hero-pattern::after {
      content: "";
      position: absolute;
      inset: auto 0 0 0;
      height: 160px;
      background: linear-gradient(to bottom, transparent, var(--color-warm));
      pointer-events: none;
    }

    .btn-primary,
    .btn-secondary,
    .btn-ghost {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 48px;
      padding: 13px 22px;
      border-radius: 999px;
      font-weight: 700;
      line-height: 1.25;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
      white-space: normal;
      text-align: center;
    }

    .btn-primary {
      background: var(--color-field-green);
      color: #fffaf0;
      border: 1px solid rgba(247, 243, 234, .18);
      box-shadow: 0 12px 28px rgba(47, 125, 70, .26);
    }

    .btn-primary:hover {
      transform: translateY(-2px);
      background: #358D4F;
      border-color: rgba(215, 168, 79, .65);
      box-shadow: 0 18px 36px rgba(47, 125, 70, .30);
    }

    .btn-secondary {
      color: #fffaf0;
      border: 1px solid rgba(247, 243, 234, .32);
      background: rgba(247, 243, 234, .08);
    }

    .btn-secondary:hover {
      transform: translateY(-2px);
      background: rgba(247, 243, 234, .14);
      border-color: rgba(215, 168, 79, .72);
    }

    .btn-ghost {
      color: var(--color-ink-green);
      border: 1px solid rgba(16, 35, 30, .18);
      background: rgba(255, 255, 255, .46);
    }

    .btn-ghost:hover {
      transform: translateY(-2px);
      background: rgba(47, 125, 70, .10);
      border-color: rgba(47, 125, 70, .42);
    }

    .btn-primary:focus-visible,
    .btn-secondary:focus-visible,
    .btn-ghost:focus-visible,
    .faq-trigger:focus-visible,
    .nav-toggle:focus-visible,
    input:focus-visible {
      outline: 3px solid rgba(215, 168, 79, .48);
      outline-offset: 3px;
    }

    .badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      width: fit-content;
      padding: 7px 12px;
      border-radius: 999px;
      background: rgba(215, 168, 79, .15);
      color: #7A5A16;
      border: 1px solid rgba(215, 168, 79, .30);
      font-size: 13px;
      font-weight: 700;
      line-height: 1.25;
    }

    .dark-badge {
      background: rgba(247, 243, 234, .10);
      color: #fff2cf;
      border-color: rgba(247, 243, 234, .18);
    }

    .section-pad {
      padding: 96px 0;
    }

    .section-kicker {
      color: var(--color-field-green);
      font-weight: 800;
      font-size: 14px;
      letter-spacing: 0;
    }

    .section-title {
      margin-top: 10px;
      color: var(--color-ink-green);
      font-weight: 800;
      line-height: 1.18;
      font-size: 40px;
    }

    .section-lead {
      margin-top: 16px;
      max-width: 760px;
      color: var(--color-muted);
      font-size: 17px;
      line-height: 1.86;
    }

    .feature-card {
      position: relative;
      overflow: hidden;
      border-radius: var(--radius-xl);
      background: rgba(255, 252, 244, .82);
      border: 1px solid var(--color-line);
      box-shadow: var(--shadow-card);
      transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    }

    .feature-card:hover {
      transform: translateY(-5px);
      border-color: rgba(47, 125, 70, .48);
      box-shadow: 0 22px 58px rgba(16, 35, 30, .15);
    }

    .cover-block {
      min-height: 150px;
      background:
        linear-gradient(135deg, rgba(16,35,30,.96), rgba(47,125,70,.74)),
        repeating-linear-gradient(90deg, rgba(247,243,234,.16) 0 1px, transparent 1px 18px);
      position: relative;
      overflow: hidden;
    }

    .cover-block::after {
      content: "";
      position: absolute;
      inset: 20px;
      border: 1px solid rgba(247, 243, 234, .16);
      border-radius: 18px;
    }

    .status-row {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      color: rgba(247, 243, 234, .84);
      font-size: 14px;
    }

    .status-dot {
      width: 9px;
      height: 9px;
      border-radius: 999px;
      background: var(--color-amber);
      box-shadow: 0 0 0 5px rgba(215, 168, 79, .14);
      flex: 0 0 auto;
    }

    .comparison-card {
      border-radius: var(--radius-xl);
      border: 1px solid rgba(16, 35, 30, .14);
      background: rgba(255, 252, 244, .78);
      padding: 28px;
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

    .comparison-card.recommended {
      background: var(--color-ink-green);
      color: var(--color-warm);
      border-color: rgba(215, 168, 79, .56);
      box-shadow: 0 22px 60px rgba(16, 35, 30, .24);
      transform: translateY(-10px);
    }

    .comparison-card:hover {
      transform: translateY(-5px);
      border-color: rgba(47, 125, 70, .48);
      box-shadow: var(--shadow-soft);
    }

    .comparison-card.recommended:hover {
      transform: translateY(-12px);
    }

    .news-link {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 16px;
      padding: 18px 0;
      border-bottom: 1px solid rgba(16, 35, 30, .12);
      transition: color .18s ease, padding-left .18s ease;
    }

    .news-link:hover {
      color: var(--color-field-green);
      padding-left: 8px;
    }

    .snap-carousel {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: calc((100% - 48px) / 3);
      gap: 24px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      padding-bottom: 8px;
    }

    .snap-carousel::-webkit-scrollbar {
      display: none;
    }

    .review-card {
      scroll-snap-align: start;
      border-radius: var(--radius-xl);
      background: rgba(255, 252, 244, .82);
      border: 1px solid rgba(16, 35, 30, .12);
      padding: 26px;
      min-height: 220px;
      box-shadow: var(--shadow-card);
    }

    .guarantee-bar {
      background: var(--color-ink-green);
      color: var(--color-warm);
      border-radius: 28px;
      overflow: hidden;
      border: 1px solid rgba(247, 243, 234, .13);
      box-shadow: 0 22px 60px rgba(16, 35, 30, .22);
    }

    .guarantee-item {
      border-right: 1px solid rgba(247, 243, 234, .12);
    }

    .guarantee-item:last-child {
      border-right: 0;
    }

    .faq-item {
      border: 1px solid rgba(16, 35, 30, .13);
      background: rgba(255, 252, 244, .72);
      border-radius: 18px;
      overflow: hidden;
    }

    .faq-trigger {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: 22px 24px;
      color: var(--color-ink-green);
      font-weight: 800;
      text-align: left;
    }

    .faq-panel {
      display: none;
      padding: 0 24px 22px;
      color: var(--color-muted);
      line-height: 1.85;
    }

    .faq-item.open .faq-panel {
      display: block;
    }

    .faq-icon {
      width: 28px;
      height: 28px;
      border-radius: 999px;
      display: inline-grid;
      place-items: center;
      background: rgba(47, 125, 70, .10);
      color: var(--color-field-green);
      flex: 0 0 auto;
      transition: transform .2s ease;
    }

    .faq-item.open .faq-icon {
      transform: rotate(45deg);
    }

    .cta-band {
      position: relative;
      overflow: hidden;
      border-radius: 30px;
      background:
        radial-gradient(circle at 16% 20%, rgba(215, 168, 79, .22), transparent 30%),
        linear-gradient(135deg, #10231E, #1D3B32 62%, #0C1715);
      color: var(--color-warm);
      box-shadow: 0 24px 72px rgba(16, 35, 30, .25);
    }

    .cta-band::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: .07;
      background-image:
        linear-gradient(90deg, #F7F3EA 1px, transparent 1px),
        linear-gradient(0deg, #F7F3EA 1px, transparent 1px);
      background-size: 44px 44px;
    }

    .footer-link {
      color: rgba(247, 243, 234, .72);
      transition: color .18s ease;
    }

    .footer-link:hover {
      color: #fff8e9;
    }

    @media (max-width: 1024px) {
      .site-container {
        width: min(100% - 48px, 920px);
      }

      .section-pad {
        padding: 78px 0;
      }

      .section-title {
        font-size: 34px;
      }

      .snap-carousel {
        grid-auto-columns: calc((100% - 24px) / 2);
      }

      .comparison-card.recommended {
        transform: none;
      }

      .comparison-card.recommended:hover {
        transform: translateY(-5px);
      }

      .guarantee-item:nth-child(2) {
        border-right: 0;
      }
    }

    @media (max-width: 768px) {
      .site-container {
        width: min(100% - 36px, 680px);
      }

      .section-pad {
        padding: 64px 0;
      }

      .section-title {
        font-size: 29px;
      }

      .section-lead {
        font-size: 16px;
      }

      .snap-carousel {
        grid-auto-columns: 82%;
      }

      .guarantee-item {
        border-right: 0;
        border-bottom: 1px solid rgba(247, 243, 234, .12);
      }

      .guarantee-item:last-child {
        border-bottom: 0;
      }

      .news-link {
        grid-template-columns: 1fr;
        gap: 6px;
      }
    }

    @media (max-width: 520px) {
      .site-container {
        width: min(100% - 32px, 100%);
      }

      .btn-primary,
      .btn-secondary,
      .btn-ghost {
        width: 100%;
        min-height: 50px;
        padding-inline: 18px;
      }

      .hero-pattern {
        min-height: auto;
      }

      .review-card {
        min-height: 240px;
      }

      .comparison-card {
        padding: 22px;
      }
    }

/* roulang page: category1 */
:root{
      --ink:#10231E;
      --field:#2F7D46;
      --warm:#F7F3EA;
      --amber:#D7A84F;
      --slate:#202421;
      --line:rgba(16,35,30,.12);
      --line-soft:rgba(255,255,255,.12);
      --shadow:0 20px 60px rgba(16,35,30,.12);
      --shadow-strong:0 28px 80px rgba(16,35,30,.18);
      --radius:20px;
      --radius-sm:14px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--slate);
      background:
        linear-gradient(180deg, rgba(247,243,234,1) 0%, rgba(247,243,234,1) 100%),
        repeating-linear-gradient(90deg, rgba(16,35,30,.018) 0, rgba(16,35,30,.018) 1px, transparent 1px, transparent 72px),
        repeating-linear-gradient(180deg, rgba(16,35,30,.018) 0, rgba(16,35,30,.018) 1px, transparent 1px, transparent 72px);
      font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
      line-height:1.8;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    ::selection{background:rgba(215,168,79,.28);color:var(--ink)}
    .site-container{
      width:min(1280px, calc(100% - 36px));
      margin:0 auto;
    }
    .bg-ink{background-color:var(--ink)!important}
    .bg-amber{background-color:var(--amber)!important}
    .bg-warm{background-color:var(--warm)!important}
    .text-warm{color:var(--warm)!important}
    .text-ink{color:var(--ink)!important}
    .text-field{color:var(--field)!important}
    .glass-nav{
      background:rgba(16,35,30,.52);
      backdrop-filter:blur(18px);
      -webkit-backdrop-filter:blur(18px);
      border:1px solid rgba(255,255,255,.12);
      box-shadow:0 16px 45px rgba(0,0,0,.16);
      transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease;
    }
    .glass-nav.scrolled{
      background:rgba(16,35,30,.94);
      border-color:rgba(255,255,255,.08);
      box-shadow:0 12px 30px rgba(0,0,0,.22);
    }
    .nav-link{
      position:relative;
      display:inline-flex;
      align-items:center;
      gap:.35rem;
      color:rgba(247,243,234,.78);
      font-weight:700;
      font-size:15px;
      letter-spacing:0;
      transition:color .2s ease,transform .2s ease;
      white-space:nowrap;
    }
    .nav-link:hover,.nav-link:focus-visible,.nav-link.active{
      color:var(--warm);
      transform:translateY(-1px);
    }
    .nav-link.active::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:-10px;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, transparent, var(--amber), transparent);
    }
    .btn-primary{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.5rem;
      min-height:46px;
      padding:.8rem 1.15rem;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.08);
      background:linear-gradient(135deg, var(--field), #256136);
      color:var(--warm);
      font-weight:800;
      box-shadow:0 12px 28px rgba(47,125,70,.22);
      transition:transform .18s ease,filter .18s ease,box-shadow .18s ease,border-color .18s ease;
      white-space:normal;
      line-height:1.25;
    }
    .btn-primary:hover,.btn-primary:focus-visible{
      transform:translateY(-1px);
      filter:brightness(1.05);
      box-shadow:0 16px 34px rgba(47,125,70,.26);
      border-color:rgba(215,168,79,.56);
    }
    .btn-secondary{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.5rem;
      min-height:46px;
      padding:.8rem 1.15rem;
      border-radius:999px;
      border:1px solid rgba(16,35,30,.14);
      background:rgba(255,255,255,.62);
      color:var(--ink);
      font-weight:800;
      transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease;
      backdrop-filter:blur(10px);
      white-space:normal;
      line-height:1.25;
    }
    .btn-secondary:hover,.btn-secondary:focus-visible{
      transform:translateY(-1px);
      background:rgba(47,125,70,.08);
      border-color:rgba(47,125,70,.26);
    }
    .footer-link{
      color:rgba(247,243,234,.72);
      transition:color .18s ease,transform .18s ease;
    }
    .footer-link:hover,.footer-link:focus-visible{
      color:var(--warm);
      transform:translateX(2px);
    }
    .mobile-panel{
      max-height:0;
      overflow:hidden;
      opacity:0;
      transition:max-height .28s ease,opacity .22s ease;
    }
    .mobile-panel.open{
      max-height:520px;
      opacity:1;
    }
    .hero-pattern{
      position:relative;
      isolation:isolate;
      background:
        linear-gradient(180deg, rgba(16,35,30,.98) 0%, rgba(16,35,30,.92) 55%, rgba(16,35,30,.86) 100%),
        repeating-linear-gradient(90deg, rgba(255,255,255,.055) 0, rgba(255,255,255,.055) 1px, transparent 1px, transparent 62px),
        repeating-linear-gradient(180deg, rgba(255,255,255,.035) 0, rgba(255,255,255,.035) 1px, transparent 1px, transparent 62px);
    }
    .hero-pattern::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(135deg, transparent 0%, transparent 30%, rgba(215,168,79,.12) 31%, transparent 32%),
        linear-gradient(315deg, transparent 0%, transparent 60%, rgba(47,125,70,.12) 61%, transparent 62%);
      opacity:.55;
      pointer-events:none;
    }
    .panel{
      background:rgba(255,255,255,.76);
      border:1px solid rgba(16,35,30,.1);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      backdrop-filter:blur(10px);
    }
    .panel-dark{
      background:rgba(16,35,30,.9);
      border:1px solid rgba(255,255,255,.08);
      color:var(--warm);
      box-shadow:var(--shadow-strong);
    }
    .card{
      background:rgba(255,255,255,.86);
      border:1px solid rgba(16,35,30,.1);
      border-radius:20px;
      box-shadow:0 14px 32px rgba(16,35,30,.08);
      transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
      overflow:hidden;
    }
    .card:hover{
      transform:translateY(-2px);
      border-color:rgba(47,125,70,.22);
      box-shadow:0 20px 44px rgba(16,35,30,.12);
    }
    .card-cover{
      position:relative;
      overflow:hidden;
      min-height:160px;
      background:
        linear-gradient(135deg, rgba(16,35,30,.96), rgba(47,125,70,.82) 55%, rgba(215,168,79,.72));
    }
    .card-cover::after{
      content:"";
      position:absolute;
      inset:0;
      background:
        repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0, rgba(255,255,255,.08) 1px, transparent 1px, transparent 18px),
        repeating-linear-gradient(180deg, rgba(255,255,255,.07) 0, rgba(255,255,255,.07) 1px, transparent 1px, transparent 18px);
      opacity:.42;
      mix-blend-mode:screen;
    }
    .badge{
      display:inline-flex;
      align-items:center;
      gap:.35rem;
      padding:.38rem .72rem;
      border-radius:999px;
      background:rgba(215,168,79,.12);
      color:var(--field);
      border:1px solid rgba(215,168,79,.28);
      font-size:12px;
      font-weight:800;
      letter-spacing:0;
      white-space:nowrap;
    }
    .badge-ink{
      background:rgba(16,35,30,.08);
      color:var(--ink);
      border-color:rgba(16,35,30,.12);
    }
    .stat-line{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:0;
      border-radius:18px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.1);
      background:rgba(16,35,30,.88);
      color:var(--warm);
      box-shadow:var(--shadow-strong);
    }
    .stat-item{
      padding:1rem 1.1rem;
      border-right:1px solid rgba(255,255,255,.08);
    }
    .stat-item:last-child{border-right:0}
    .toolbar{
      background:rgba(255,255,255,.84);
      border:1px solid rgba(16,35,30,.1);
      border-radius:24px;
      box-shadow:var(--shadow);
      backdrop-filter:blur(12px);
    }
    .filter-chip{
      display:inline-flex;
      align-items:center;
      gap:.35rem;
      border-radius:999px;
      border:1px solid rgba(16,35,30,.12);
      background:rgba(247,243,234,.85);
      color:var(--slate);
      padding:.6rem .85rem;
      font-size:14px;
      font-weight:700;
      transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
      white-space:nowrap;
    }
    .filter-chip:hover,.filter-chip:focus-visible{
      transform:translateY(-1px);
      border-color:rgba(47,125,70,.28);
      background:rgba(47,125,70,.08);
    }
    .filter-chip.active{
      background:rgba(16,35,30,.92);
      color:var(--warm);
      border-color:rgba(16,35,30,.2);
    }
    .search-shell{
      display:flex;
      align-items:center;
      gap:.6rem;
      border-radius:999px;
      border:1px solid rgba(16,35,30,.14);
      background:rgba(255,255,255,.72);
      padding:.8rem 1rem;
      min-height:48px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.56);
    }
    .search-shell input{
      width:100%;
      border:0;
      background:transparent;
      outline:none;
      color:var(--ink);
      min-width:0;
    }
    .search-shell input::placeholder{color:rgba(32,36,33,.48)}
    .faq details{
      border:1px solid rgba(16,35,30,.12);
      border-radius:18px;
      background:rgba(255,255,255,.86);
      box-shadow:0 12px 28px rgba(16,35,30,.06);
      overflow:hidden;
    }
    .faq details[open]{
      border-color:rgba(47,125,70,.24);
    }
    .faq summary{
      list-style:none;
      cursor:pointer;
      padding:1rem 1.05rem;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:1rem;
      font-weight:800;
      color:var(--ink);
    }
    .faq summary::-webkit-details-marker{display:none}
    .faq .answer{
      padding:0 1.05rem 1rem;
      color:rgba(32,36,33,.8);
      line-height:1.8;
    }
    .hero-shadow{
      box-shadow:0 24px 100px rgba(0,0,0,.28);
    }
    .overflow-mask{
      position:relative;
    }
    .overflow-mask::after{
      content:"";
      position:absolute;
      inset:auto 0 0 0;
      height:80px;
      background:linear-gradient(180deg, rgba(247,243,234,0), rgba(247,243,234,1));
      pointer-events:none;
    }
    @media (max-width: 1024px){
      .stat-line{grid-template-columns:repeat(2,minmax(0,1fr))}
      .stat-item:nth-child(2n){border-right:0}
    }
    @media (max-width: 640px){
      .site-container{width:min(1280px, calc(100% - 28px));}
      .stat-line{grid-template-columns:1fr}
      .stat-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
      .stat-item:last-child{border-bottom:0}
    }