/* roulang page: index */
:root{
      --bg-dark:#111111;
      --bg-darker:#090909;
      --bg-card:#181818;
      --bg-warm:#F7F3EC;
      --bg-soft:#FFF9F0;
      --text:#242424;
      --muted:#6B6B6B;
      --line:#E8E1D8;
      --orange:#FF7A00;
      --red:#FF4B1F;
      --yellow:#FFD166;
      --green:#18A058;
      --white:#ffffff;
      --radius-xl:24px;
      --radius-lg:18px;
      --radius-md:14px;
      --shadow-hot:0 18px 45px rgba(255,75,31,.20);
      --shadow-card:0 18px 45px rgba(0,0,0,.08);
      --shadow-dark:0 24px 60px rgba(0,0,0,.32);
      --container:1160px;
      --ease:all .25s ease;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Arial,sans-serif;
      color:var(--text);
      background:var(--bg-warm);
      line-height:1.75;
      overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none;transition:var(--ease)}
    a:hover{color:var(--red)}
    img{max-width:100%;height:auto;display:block}
    button,.btn,input{font-family:inherit}
    button:focus,.btn:focus,a:focus,input:focus{
      outline:3px solid rgba(255,122,0,.28)!important;
      outline-offset:3px;
      box-shadow:none!important;
    }
    .container{max-width:var(--container)}
    .section-pad{padding:86px 0}
    .section-pad-sm{padding:64px 0}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:7px 13px;
      border-radius:999px;
      background:rgba(255,75,31,.10);
      color:var(--red);
      font-size:14px;
      font-weight:800;
      letter-spacing:.02em;
    }
    .eyebrow.dark{
      background:rgba(255,255,255,.10);
      color:var(--yellow);
      border:1px solid rgba(255,255,255,.16);
    }
    .section-title{
      margin:16px 0 14px;
      font-size:36px;
      line-height:1.18;
      font-weight:900;
      letter-spacing:-.03em;
    }
    .section-desc{
      max-width:760px;
      margin:0;
      color:var(--muted);
      font-size:16px;
    }
    .btn-hot{
      border:0;
      border-radius:999px;
      padding:13px 22px;
      color:#fff!important;
      background:linear-gradient(135deg,var(--red),var(--orange));
      font-weight:900;
      box-shadow:0 12px 28px rgba(255,75,31,.26);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      transition:var(--ease);
    }
    .btn-hot:hover{
      transform:translateY(-2px);
      box-shadow:0 18px 36px rgba(255,75,31,.34);
      color:#fff!important;
    }
    .btn-ghost{
      border:1px solid rgba(255,75,31,.35);
      border-radius:999px;
      padding:12px 20px;
      color:var(--red)!important;
      background:#fff7ef;
      font-weight:850;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      transition:var(--ease);
    }
    .btn-ghost:hover{
      background:linear-gradient(135deg,var(--red),var(--orange));
      color:#fff!important;
      transform:translateY(-2px);
      box-shadow:var(--shadow-hot);
    }
    .tag{
      display:inline-flex;
      align-items:center;
      gap:5px;
      padding:5px 10px;
      border-radius:999px;
      font-size:12px;
      font-weight:800;
      background:#fff0e6;
      color:var(--red);
      border:1px solid rgba(255,75,31,.16);
      white-space:nowrap;
    }
    .tag.gray{background:#f1eee8;color:#6b6259;border-color:#e6ddd3}
    .tag.yellow{background:rgba(255,209,102,.18);color:#8A5A00;border-color:rgba(255,209,102,.35)}
    .tag.green{background:rgba(24,160,88,.10);color:var(--green);border-color:rgba(24,160,88,.22)}

    .top-strip{
      height:38px;
      color:#ddd;
      background:#090909;
      font-size:13px;
      display:flex;
      align-items:center;
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    .top-strip .container{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:18px;
    }
    .status-dot{
      width:8px;height:8px;border-radius:50%;
      background:var(--green);
      display:inline-block;
      box-shadow:0 0 0 4px rgba(24,160,88,.18);
      margin-right:8px;
    }
    .top-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}
    .top-actions a{color:#f4e9df}
    .top-actions .mini-badge{
      padding:3px 8px;
      border-radius:999px;
      background:linear-gradient(135deg,var(--red),var(--orange));
      color:#fff;
      font-weight:800;
    }
    .main-header{
      position:sticky;
      top:0;
      z-index:99;
      background:rgba(247,243,236,.96);
      backdrop-filter:blur(14px);
      border-bottom:3px solid transparent;
      border-image:linear-gradient(90deg,var(--red),var(--orange),transparent) 1;
      box-shadow:0 10px 30px rgba(0,0,0,.06);
    }
    .navbar{min-height:72px;padding:0}
    .navbar-brand{
      display:flex;
      align-items:center;
      gap:12px;
      color:#171717!important;
      font-size:21px;
      font-weight:950;
      letter-spacing:-.03em;
    }
    .logo-mark{
      width:42px;height:42px;border-radius:14px;
      background:linear-gradient(135deg,#111,var(--red) 58%,var(--orange));
      box-shadow:0 10px 26px rgba(255,75,31,.24);
      position:relative;
      overflow:hidden;
    }
    .logo-mark:before,.logo-mark:after{
      content:"";
      position:absolute;
      inset:10px -7px auto;
      height:2px;
      background:rgba(255,255,255,.58);
      transform:rotate(-22deg);
    }
    .logo-mark:after{top:25px;background:rgba(255,209,102,.75)}
    .navbar-nav{gap:8px}
    .nav-link{
      color:#2b2b2b!important;
      font-weight:850;
      padding:10px 14px!important;
      border-radius:999px;
      position:relative;
    }
    .nav-link:hover,.nav-link.active{
      color:var(--red)!important;
      background:rgba(255,75,31,.08);
    }
    .navbar-toggler{
      border:0;
      padding:8px 0;
    }
    .navbar-toggler-icon{
      width:32px;height:24px;
      background-image:none;
      position:relative;
      border-top:3px solid #111;
      border-bottom:3px solid #111;
    }
    .navbar-toggler-icon:after{
      content:"";
      position:absolute;
      left:0;right:0;top:8px;
      border-top:3px solid var(--red);
    }

    .hero{
      position:relative;
      min-height:680px;
      color:#fff;
      display:flex;
      align-items:center;
      overflow:hidden;
      background:
        radial-gradient(circle at 20% 12%,rgba(255,122,0,.34),transparent 32%),
        radial-gradient(circle at 82% 18%,rgba(255,75,31,.30),transparent 30%),
        linear-gradient(135deg,#080808 0%,#171717 52%,#0d0d0d 100%);
    }
    .hero:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(120deg,transparent 0 18%,rgba(255,255,255,.05) 18% 18.4%,transparent 18.4% 34%,rgba(255,255,255,.04) 34% 34.4%,transparent 34.4%),
        repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 82px);
      opacity:.68;
      pointer-events:none;
    }
    .hero:after{
      content:"";
      position:absolute;
      left:-8%;
      right:-8%;
      bottom:-110px;
      height:220px;
      background:linear-gradient(135deg,var(--red),var(--orange));
      transform:skewY(-4deg);
      opacity:.92;
      box-shadow:0 -18px 60px rgba(255,75,31,.24);
    }
    .hero-inner{position:relative;z-index:2;width:100%;padding:92px 0 126px}
    .hero-stage{
      border:1px solid rgba(255,255,255,.15);
      border-radius:32px;
      background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
      box-shadow:var(--shadow-dark);
      overflow:hidden;
    }
    .hero-video-mask{
      position:relative;
      min-height:492px;
      padding:50px;
      display:grid;
      grid-template-columns:1.12fr .88fr;
      gap:34px;
      align-items:center;
    }
    .hero-video-mask:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 50% 50%,rgba(255,122,0,.14),transparent 34%),
        linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.50));
      pointer-events:none;
    }
    .hero-copy,.hero-board{position:relative;z-index:1}
    .hero h1{
      max-width:760px;
      margin:18px 0 18px;
      font-size:52px;
      line-height:1.12;
      font-weight:950;
      letter-spacing:-.05em;
    }
    .hero-lead{
      max-width:720px;
      color:#f4e9df;
      font-size:18px;
      line-height:1.85;
      margin:0 0 28px;
    }
    .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
    .hero .btn-ghost{
      background:rgba(255,255,255,.09);
      color:#fff!important;
      border-color:rgba(255,255,255,.24);
    }
    .hero .btn-ghost:hover{border-color:transparent}
    .play-pill{
      width:62px;height:62px;border-radius:50%;
      display:inline-flex;align-items:center;justify-content:center;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.22);
      color:#fff;
      margin-right:12px;
      box-shadow:0 18px 42px rgba(0,0,0,.28);
      vertical-align:middle;
    }
    .play-pill span{
      width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid var(--yellow);
      margin-left:4px;
    }
    .hero-metrics{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:12px;
      max-width:680px;
    }
    .metric-mini{
      padding:14px 16px;
      border-radius:18px;
      background:rgba(255,255,255,.09);
      border:1px solid rgba(255,255,255,.14);
    }
    .metric-mini strong{
      display:block;
      color:var(--yellow);
      font-size:24px;
      line-height:1.1;
      font-weight:950;
    }
    .metric-mini span{font-size:13px;color:#e8ded2}
    .hero-board{
      display:grid;
      gap:14px;
    }
    .score-card{
      border-radius:24px;
      padding:22px;
      background:#101010;
      border:1px solid rgba(255,255,255,.14);
      box-shadow:0 18px 48px rgba(0,0,0,.30);
    }
    .score-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      margin-bottom:18px;
      color:#ddd;
      font-size:14px;
      font-weight:900;
    }
    .score-price{
      display:flex;
      align-items:flex-end;
      gap:10px;
      padding:18px;
      border-radius:18px;
      background:linear-gradient(135deg,rgba(255,75,31,.22),rgba(255,122,0,.12));
      border:1px dashed rgba(255,209,102,.45);
      margin-bottom:16px;
    }
    .score-price strong{
      color:var(--yellow);
      font-size:42px;
      line-height:1;
      font-weight:950;
    }
    .score-price span{color:#fff3df;font-weight:850}
    .entry-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:10px;
    }
    .entry-tile{
      padding:14px;
      border-radius:16px;
      color:#fff;
      background:rgba(255,255,255,.07);
      border:1px solid rgba(255,255,255,.12);
      transition:var(--ease);
    }
    .entry-tile:hover{
      transform:translateY(-2px);
      background:rgba(255,75,31,.16);
      color:#fff;
    }
    .entry-tile b{display:block;font-size:15px}
    .entry-tile small{color:#d5ccc2}
    .trust-bar{
      position:absolute;
      left:50%;
      bottom:22px;
      transform:translateX(-50%);
      z-index:3;
      width:min(1120px,calc(100% - 32px));
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:10px;
      padding:12px;
      border-radius:22px;
      background:rgba(255,255,255,.96);
      box-shadow:var(--shadow-hot);
    }
    .trust-item{
      display:flex;
      align-items:center;
      gap:10px;
      padding:11px 12px;
      border-radius:16px;
      background:#fff7ef;
      color:#2b2b2b;
      font-weight:850;
      font-size:14px;
      white-space:nowrap;
    }
    .trust-icon{
      width:34px;height:34px;border-radius:50%;
      display:inline-flex;align-items:center;justify-content:center;
      background:rgba(255,122,0,.14);
      color:var(--red);
      font-weight:950;
      flex:0 0 auto;
    }

    .calendar-section{background:var(--bg-warm)}
    .update-calendar{
      display:grid;
      grid-template-columns:1fr 1.18fr;
      gap:24px;
      margin-top:32px;
    }
    .calendar-card,.topic-card,.panel-card,.review-card,.guide-card,.news-panel{
      border-radius:var(--radius-xl);
      background:#fff;
      border:1px solid rgba(232,225,216,.95);
      box-shadow:var(--shadow-card);
    }
    .calendar-card{padding:26px;position:relative;overflow:hidden}
    .calendar-card:after{
      content:"";
      position:absolute;
      top:-38px;right:-38px;
      width:126px;height:126px;border-radius:50%;
      background:rgba(255,75,31,.10);
    }
    .timeline{
      display:grid;
      gap:14px;
    }
    .timeline-item{
      display:grid;
      grid-template-columns:86px 1fr;
      gap:14px;
      align-items:start;
      padding:15px;
      border-radius:18px;
      background:#fff8ef;
      border:1px dashed rgba(255,122,0,.28);
    }
    .timeline-date{
      text-align:center;
      border-radius:14px;
      background:#111;
      color:#fff;
      padding:9px 6px;
      font-weight:950;
    }
    .timeline-date small{display:block;color:var(--yellow);font-size:12px}
    .timeline-item h3{font-size:18px;margin:0 0 4px;font-weight:900}
    .timeline-item p{font-size:14px;color:var(--muted);margin:0}
    .calendar-side{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:16px;
    }
    .mini-panel{
      padding:22px;
      border-radius:22px;
      background:#151515;
      color:#fff;
      min-height:170px;
      position:relative;
      overflow:hidden;
    }
    .mini-panel:nth-child(2),.mini-panel:nth-child(3){background:#fff;color:var(--text);border:1px solid var(--line)}
    .mini-panel:before{
      content:"";
      position:absolute;
      inset:auto -22px -36px auto;
      width:112px;height:112px;border-radius:50%;
      background:rgba(255,75,31,.14);
    }
    .mini-panel strong{display:block;font-size:30px;line-height:1.1;color:var(--yellow);font-weight:950}
    .mini-panel:nth-child(2) strong,.mini-panel:nth-child(3) strong{color:var(--red)}
    .mini-panel span{display:block;margin:8px 0 6px;font-weight:900}
    .mini-panel p{margin:0;color:#d8d0c7;font-size:14px}
    .mini-panel:nth-child(2) p,.mini-panel:nth-child(3) p{color:var(--muted)}

    .topics{background:#fff9f0}
    .topic-grid{
      margin-top:34px;
      display:grid;
      grid-template-columns:1.2fr .8fr .8fr;
      gap:18px;
      align-items:stretch;
    }
    .topic-card{
      padding:28px;
      overflow:hidden;
      position:relative;
      min-height:220px;
      transition:var(--ease);
    }
    .topic-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hot)}
    .topic-card.feature{
      background:linear-gradient(135deg,#111 0%,#252525 60%,#3b160e 100%);
      color:#fff;
      grid-row:span 2;
      min-height:458px;
    }
    .topic-card.feature:after{
      content:"";
      position:absolute;right:-80px;bottom:-100px;
      width:280px;height:280px;border-radius:50%;
      background:radial-gradient(circle,rgba(255,122,0,.42),transparent 70%);
    }
    .topic-card h3{font-size:24px;font-weight:950;margin:14px 0 10px}
    .topic-card p{color:var(--muted);margin:0 0 18px}
    .topic-card.feature p{color:#eadfd4}
    .topic-number{
      color:var(--red);
      font-weight:950;
      font-size:42px;
      line-height:1;
    }
    .topic-card.feature .topic-number{color:var(--yellow);font-size:58px}

    .screenshot-section{
      background:#111;
      color:#fff;
      position:relative;
      overflow:hidden;
    }
    .screenshot-section:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 12% 20%,rgba(255,75,31,.26),transparent 26%),
        repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 78px);
      pointer-events:none;
    }
    .screenshot-section .container{position:relative;z-index:1}
    .screenshot-section .section-desc{color:#d9cfc4}
    .device-frame{
      margin-top:34px;
      border-radius:32px;
      padding:16px;
      background:linear-gradient(180deg,#2a2a2a,#080808);
      box-shadow:0 28px 80px rgba(0,0,0,.45);
      border:1px solid rgba(255,255,255,.14);
    }
    .mock-screen{
      min-height:410px;
      border-radius:24px;
      background:#f8f3ec;
      color:var(--text);
      overflow:hidden;
      display:grid;
      grid-template-columns:260px 1fr;
    }
    .mock-sidebar{
      padding:24px;
      background:#161616;
      color:#fff;
    }
    .mock-logo{font-weight:950;margin-bottom:24px;color:var(--yellow)}
    .mock-nav-item{
      padding:12px 14px;
      border-radius:14px;
      margin-bottom:9px;
      background:rgba(255,255,255,.07);
      font-weight:850;
      font-size:14px;
    }
    .mock-nav-item.active{background:linear-gradient(135deg,var(--red),var(--orange))}
    .mock-content{padding:28px}
    .mock-toolbar{
      display:flex;
      justify-content:space-between;
      gap:14px;
      flex-wrap:wrap;
      margin-bottom:22px;
    }
    .mock-search{
      flex:1;
      min-width:220px;
      border-radius:999px;
      background:#fff;
      border:1px solid var(--line);
      padding:11px 16px;
      color:var(--muted);
    }
    .mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
    .mock-card{
      padding:18px;
      border-radius:18px;
      background:#fff;
      border:1px solid var(--line);
      box-shadow:0 10px 25px rgba(0,0,0,.06);
    }
    .mock-card strong{display:block;font-size:22px;font-weight:950;color:var(--red)}
    .mock-list{display:grid;gap:10px}
    .mock-line{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      padding:14px 16px;
      border-radius:16px;
      background:#fff;
      border:1px solid var(--line);
      font-weight:850;
    }
    .carousel-control-prev,.carousel-control-next{width:54px}
    .carousel-control-prev-icon,.carousel-control-next-icon{
      width:42px;height:42px;border-radius:50%;
      background-color:var(--red);
      background-size:48%;
      box-shadow:0 12px 28px rgba(255,75,31,.28);
    }
    .carousel-indicators{bottom:-48px}
    .carousel-indicators [data-bs-target]{
      width:34px;height:5px;border-radius:999px;
      background:var(--orange);
      opacity:.35;
      border:0;
    }
    .carousel-indicators .active{opacity:1;width:48px}

    .requirements{background:var(--bg-warm)}
    .req-table-wrap{
      margin-top:34px;
      border-radius:28px;
      overflow:hidden;
      box-shadow:var(--shadow-card);
      border:1px solid var(--line);
      background:#fff;
    }
    .req-table{
      width:100%;
      border-collapse:separate;
      border-spacing:0;
      margin:0;
    }
    .req-table th{
      background:#111;
      color:#fff;
      padding:18px;
      font-size:15px;
      white-space:nowrap;
    }
    .req-table th:first-child{border-top-left-radius:0}
    .req-table td{
      padding:18px;
      border-bottom:1px solid var(--line);
      color:#4b4b4b;
      vertical-align:top;
    }
    .req-table tr:last-child td{border-bottom:0}
    .req-table td:first-child{
      font-weight:950;
      color:#111;
    }
    .req-highlight{color:var(--red);font-weight:950}
    .req-cards-mobile{display:none;margin-top:24px;gap:14px}
    .req-card{
      padding:20px;
      border-radius:20px;
      background:#fff;
      border:1px solid var(--line);
      box-shadow:var(--shadow-card);
    }
    .req-card h3{font-size:20px;font-weight:950;margin:0 0 10px}
    .req-card p{margin:8px 0;color:var(--muted)}

    .dashboard{
      background:#fff9f0;
    }
    .dash-grid{
      margin-top:34px;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:16px;
    }
    .dash-card{
      border-radius:24px;
      padding:24px;
      background:#111;
      color:#fff;
      min-height:180px;
      position:relative;
      overflow:hidden;
      box-shadow:var(--shadow-dark);
    }
    .dash-card:nth-child(even){background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-card)}
    .dash-card:after{
      content:"";
      position:absolute;
      width:112px;height:112px;
      right:-38px;bottom:-44px;
      border-radius:50%;
      background:rgba(255,75,31,.14);
    }
    .dash-card strong{
      display:block;
      color:var(--yellow);
      font-size:38px;
      line-height:1;
      font-weight:950;
      margin:12px 0 10px;
    }
    .dash-card:nth-child(even) strong{color:var(--red)}
    .dash-card p{margin:0;color:#d7cec5;font-size:14px}
    .dash-card:nth-child(even) p{color:var(--muted)}

    .news-section{background:var(--bg-warm)}
    .news-layout{
      margin-top:34px;
      display:grid;
      grid-template-columns:1.35fr .65fr;
      gap:22px;
    }
    .news-panel{padding:10px}
    .news-list{list-style:none;margin:0;padding:0}
    .news-list li{
      display:grid;
      grid-template-columns:120px 1fr auto;
      gap:16px;
      align-items:center;
      padding:18px;
      border-bottom:1px solid var(--line);
    }
    .news-list li:last-child{border-bottom:0}
    .news-date{
      color:var(--red);
      font-weight:950;
      background:#fff1e7;
      border-radius:14px;
      padding:8px 10px;
      text-align:center;
      font-size:13px;
    }
    .news-title{
      font-size:17px;
      font-weight:950;
      line-height:1.45;
    }
    .news-title a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
    .news-summary{display:block;color:var(--muted);font-size:14px;margin-top:4px;font-weight:400}
    .recommend-box{
      border-radius:24px;
      padding:24px;
      background:linear-gradient(135deg,#111,#24120d 70%,#3a160d);
      color:#fff;
      box-shadow:var(--shadow-dark);
      position:sticky;
      top:110px;
    }
    .recommend-box h3{font-size:24px;font-weight:950;margin:12px 0}
    .recommend-box p{color:#eadfd4;margin-bottom:18px}
    .coupon{
      border:1px dashed rgba(255,209,102,.58);
      border-radius:18px;
      padding:16px;
      background:rgba(255,255,255,.08);
      margin:18px 0;
    }
    .coupon b{display:block;color:var(--yellow);font-size:28px;font-weight:950}

    .guide-section{background:#fff9f0}
    .guide-grid{
      margin-top:34px;
      display:grid;
      grid-template-columns:.85fr 1.15fr;
      gap:22px;
    }
    .guide-card{padding:28px}
    .step-list{counter-reset:step;display:grid;gap:14px;margin:0;padding:0;list-style:none}
    .step-list li{
      counter-increment:step;
      display:grid;
      grid-template-columns:46px 1fr;
      gap:14px;
      align-items:start;
      padding:16px;
      border-radius:18px;
      background:#fff7ef;
      border:1px solid rgba(255,122,0,.18);
    }
    .step-list li:before{
      content:counter(step);
      width:46px;height:46px;border-radius:50%;
      display:flex;align-items:center;justify-content:center;
      background:linear-gradient(135deg,var(--red),var(--orange));
      color:#fff;
      font-weight:950;
      box-shadow:0 12px 25px rgba(255,75,31,.24);
    }
    .step-list h3{font-size:18px;margin:0 0 4px;font-weight:950}
    .step-list p{margin:0;color:var(--muted);font-size:14px}
    .guide-note{
      padding:22px;
      border-radius:22px;
      background:#111;
      color:#fff;
      height:100%;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }
    .guide-note p{color:#e3d8ce}
    .guide-note .note-num{
      font-size:58px;
      line-height:1;
      color:var(--yellow);
      font-weight:950;
    }

    .review-section{background:var(--bg-warm)}
    .review-row{
      margin-top:34px;
      display:flex;
      gap:16px;
      overflow-x:auto;
      padding-bottom:10px;
      scroll-snap-type:x mandatory;
    }
    .review-row::-webkit-scrollbar{height:8px}
    .review-row::-webkit-scrollbar-thumb{background:rgba(255,75,31,.38);border-radius:999px}
    .review-card{
      min-width:285px;
      padding:22px;
      scroll-snap-align:start;
      position:relative;
      overflow:hidden;
    }
    .review-card:before{
      content:"推荐";
      position:absolute;
      top:14px;right:-28px;
      padding:3px 34px;
      color:#fff;
      background:linear-gradient(135deg,var(--red),var(--orange));
      transform:rotate(32deg);
      font-size:12px;
      font-weight:900;
    }
    .avatar{
      width:48px;height:48px;border-radius:50%;
      display:flex;align-items:center;justify-content:center;
      background:#111;color:var(--yellow);
      font-weight:950;
      margin-bottom:12px;
    }
    .stars{color:#FFB000;letter-spacing:2px;margin-bottom:10px}
    .review-card p{color:#545454;margin:0}
    .review-card b{display:block;margin-top:14px;color:#111}

    .download-section{
      background:#111;
      color:#fff;
      position:relative;
      overflow:hidden;
    }
    .download-section:before{
      content:"";
      position:absolute;inset:0;
      background:
        radial-gradient(circle at 20% 15%,rgba(255,75,31,.32),transparent 28%),
        radial-gradient(circle at 82% 30%,rgba(255,122,0,.24),transparent 26%);
    }
    .download-wrap{
      position:relative;
      z-index:1;
      border-radius:32px;
      padding:42px;
      background:linear-gradient(135deg,rgba(255,75,31,.90),rgba(255,122,0,.86));
      box-shadow:var(--shadow-hot);
      overflow:hidden;
    }
    .download-wrap:before,.download-wrap:after{
      content:"";
      position:absolute;
      top:0;bottom:0;
      width:2px;
      background:repeating-linear-gradient(to bottom,rgba(255,255,255,.60) 0 10px,transparent 10px 20px);
      opacity:.55;
    }
    .download-wrap:before{left:28px}.download-wrap:after{right:28px}
    .download-grid{
      display:grid;
      grid-template-columns:.85fr 1.15fr;
      gap:30px;
      align-items:center;
      position:relative;
      z-index:1;
    }
    .download-title{font-size:38px;line-height:1.16;font-weight:950;margin:12px 0}
    .download-desc{color:#fff6ea;margin:0}
    .download-price{
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin-top:18px;
      padding:10px 16px;
      border-radius:16px;
      background:rgba(0,0,0,.22);
      border:1px dashed rgba(255,255,255,.48);
      font-weight:950;
    }
    .download-price strong{font-size:32px;color:var(--yellow);line-height:1}
    .download-buttons{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:14px;
    }
    .download-btn{
      border-radius:20px;
      padding:18px;
      background:#fff;
      color:#111!important;
      border:1px solid rgba(255,255,255,.28);
      display:flex;
      gap:13px;
      align-items:center;
      transition:var(--ease);
      min-height:88px;
    }
    .download-btn:hover{
      transform:translateY(-4px);
      box-shadow:0 16px 34px rgba(0,0,0,.22);
      color:var(--red)!important;
    }
    .download-btn.main{
      background:#111;
      color:#fff!important;
      grid-column:span 2;
    }
    .download-btn.main:hover{color:var(--yellow)!important}
    .download-icon{
      width:42px;height:42px;border-radius:15px;
      background:#fff0e6;
      color:var(--red);
      display:flex;align-items:center;justify-content:center;
      font-weight:950;
      flex:0 0 auto;
    }
    .download-btn.main .download-icon{background:rgba(255,255,255,.12);color:var(--yellow)}
    .download-btn b{display:block;font-weight:950;line-height:1.2}
    .download-btn small{display:block;color:#777;font-size:12px;margin-top:3px}
    .download-btn.main small{color:#d4c7bd}
    .safe-tip{
      margin-top:18px;
      color:#fff3e7;
      font-size:14px;
    }

    .faq-section{background:#fff9f0}
    .accordion{
      margin-top:34px;
      border-radius:24px;
      overflow:hidden;
      box-shadow:var(--shadow-card);
      border:1px solid var(--line);
    }
    .accordion-item{
      border:0;
      border-bottom:1px solid var(--line);
      background:#fff;
    }
    .accordion-item:last-child{border-bottom:0}
    .accordion-button{
      background:#151515;
      color:#fff;
      font-weight:950;
      font-size:17px;
      padding:18px 22px;
      box-shadow:none!important;
    }
    .accordion-button:not(.collapsed){
      background:linear-gradient(135deg,#111,#2a120b);
      color:var(--yellow);
    }
    .accordion-button::after{
      filter:invert(1);
      opacity:.85;
    }
    .accordion-body{
      background:#fffaf3;
      color:#555;
      padding:20px 22px;
      font-size:15px;
    }

    .site-footer{
      background:#090909;
      color:#d7d0c8;
      padding:54px 0 24px;
      border-top:4px solid transparent;
      border-image:linear-gradient(90deg,var(--red),var(--orange),transparent) 1;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.2fr .8fr .8fr;
      gap:30px;
      margin-bottom:30px;
    }
    .footer-brand{
      display:flex;align-items:center;gap:12px;
      color:#fff;
      font-size:22px;
      font-weight:950;
      margin-bottom:14px;
    }
    .site-footer p{color:#aaa;margin:0;max-width:520px}
    .footer-title{
      color:#fff;
      font-weight:950;
      margin-bottom:14px;
    }
    .footer-links{display:grid;gap:9px}
    .footer-links a{color:#bfb8af}
    .footer-links a:hover{color:var(--orange);padding-left:4px}
    .footer-bottom{
      padding-top:22px;
      border-top:1px solid rgba(255,255,255,.10);
      display:flex;
      justify-content:space-between;
      gap:16px;
      flex-wrap:wrap;
      color:#8d8780;
      font-size:13px;
    }
    .back-top{
      position:fixed;
      right:18px;
      bottom:18px;
      z-index:90;
      width:46px;height:46px;border-radius:50%;
      border:0;
      background:linear-gradient(135deg,var(--red),var(--orange));
      color:#fff;
      font-weight:950;
      box-shadow:var(--shadow-hot);
      opacity:0;
      pointer-events:none;
      transition:var(--ease);
    }
    .back-top.show{opacity:1;pointer-events:auto}
    .toast-lite{
      position:fixed;
      left:50%;
      bottom:26px;
      transform:translateX(-50%) translateY(20px);
      z-index:120;
      padding:12px 18px;
      border-radius:999px;
      background:#111;
      color:#fff;
      box-shadow:0 18px 40px rgba(0,0,0,.28);
      opacity:0;
      pointer-events:none;
      transition:var(--ease);
      font-weight:850;
    }
    .toast-lite.show{opacity:1;transform:translateX(-50%) translateY(0)}

    @media (max-width: 991.98px){
      .top-strip{height:auto;padding:8px 0}
      .top-strip .container{flex-wrap:wrap;justify-content:center;text-align:center}
      .navbar{padding:10px 0}
      .navbar-collapse{
        padding:14px 0 18px;
        border-top:1px solid var(--line);
        margin-top:10px;
      }
      .navbar-nav{gap:4px}
      .nav-link{padding:12px 14px!important}
      .hero{min-height:auto}
      .hero-inner{padding:64px 0 120px}
      .hero-video-mask{
        grid-template-columns:1fr;
        padding:32px;
      }
      .hero h1{font-size:40px}
      .trust-bar{
        grid-template-columns:repeat(3,1fr);
        position:relative;
        left:auto;bottom:auto;
        transform:none;
        margin:-72px auto 0;
      }
      .update-calendar,.news-layout,.guide-grid,.download-grid{grid-template-columns:1fr}
      .topic-grid{grid-template-columns:1fr 1fr}
      .topic-card.feature{grid-row:auto;grid-column:span 2;min-height:300px}
      .mock-screen{grid-template-columns:1fr}
      .mock-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
      .mock-logo{grid-column:span 2;margin-bottom:8px}
      .dash-grid{grid-template-columns:repeat(2,1fr)}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media (max-width: 767.98px){
      .section-pad{padding:58px 0}
      .section-title{font-size:28px}
      .hero-video-mask{padding:24px}
      .hero h1{font-size:34px}
      .hero-lead{font-size:16px}
      .hero-cta .btn-hot,.hero-cta .btn-ghost{width:100%}
      .hero-metrics{grid-template-columns:1fr}
      .entry-grid,.calendar-side,.topic-grid,.mock-cards,.download-buttons{grid-template-columns:1fr}
      .topic-card.feature{grid-column:auto}
      .trust-bar{
        grid-template-columns:repeat(2,minmax(180px,1fr));
        overflow-x:auto;
        justify-content:start;
      }
      .trust-item{min-width:180px}
      .req-table-wrap{display:none}
      .req-cards-mobile{display:grid}
      .news-list li{grid-template-columns:1fr;gap:8px}
      .news-date{text-align:left;width:max-content}
      .download-btn.main{grid-column:auto}
      .download-wrap{padding:28px 22px}
      .download-title{font-size:30px}
      .footer-grid{grid-template-columns:1fr}
      .footer-bottom{display:block}
      .mock-sidebar{grid-template-columns:1fr}
      .mock-logo{grid-column:auto}
    }
    @media (max-width: 575.98px){
      .navbar-brand{font-size:18px}
      .logo-mark{width:38px;height:38px}
      .top-actions{width:100%;justify-content:center;gap:10px}
      .hero-stage{border-radius:22px}
      .hero-video-mask{padding:20px}
      .hero h1{font-size:31px}
      .score-price strong{font-size:34px}
      .trust-bar{grid-template-columns:1fr}
      .timeline-item{grid-template-columns:1fr}
      .dash-grid{grid-template-columns:1fr}
      .download-wrap:before,.download-wrap:after{display:none}
      .section-desc{font-size:15px}
    }

/* roulang page: category1 */
:root{
      --arena-black:#111111;
      --court-black:#181818;
      --paper:#F7F3EC;
      --paper-2:#FFF8EF;
      --text:#242424;
      --muted:#6B6B6B;
      --line:#E8E1D8;
      --hot:#FF4B1F;
      --orange:#FF7A00;
      --gold:#FFD166;
      --green:#18A058;
      --white:#ffffff;
      --radius-xl:24px;
      --radius-lg:18px;
      --radius-md:14px;
      --shadow-warm:0 18px 45px rgba(255,75,31,.18);
      --shadow-soft:0 16px 40px rgba(0,0,0,.08);
      --shadow-dark:0 22px 60px rgba(0,0,0,.35);
      --container:1140px;
      --ease:all .24s ease;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Arial,sans-serif;
      color:var(--text);
      background:var(--paper);
      line-height:1.75;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    a{color:inherit;text-decoration:none;transition:var(--ease)}
    img{max-width:100%;display:block}
    button,input,textarea,select{font:inherit}
    ::selection{background:rgba(255,75,31,.25)}
    .container{max-width:var(--container)}
    .section-pad{padding:86px 0}
    .section-pad-sm{padding:64px 0}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:7px 12px;
      border:1px solid rgba(255,122,0,.22);
      background:rgba(255,122,0,.1);
      color:#B73916;
      border-radius:999px;
      font-size:13px;
      font-weight:800;
      letter-spacing:.02em;
    }
    .eyebrow.dark{
      background:rgba(255,209,102,.12);
      border-color:rgba(255,209,102,.28);
      color:var(--gold);
    }
    .section-title{
      font-size:34px;
      line-height:1.18;
      font-weight:900;
      letter-spacing:-.04em;
      margin:16px 0 12px;
    }
    .section-desc{
      color:var(--muted);
      max-width:760px;
      margin:0;
      font-size:16px;
    }
    .btn-hot{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:44px;
      padding:11px 22px;
      border-radius:999px;
      border:0;
      background:linear-gradient(135deg,var(--hot),var(--orange));
      color:#fff!important;
      font-weight:900;
      box-shadow:0 12px 28px rgba(255,75,31,.28);
      transition:var(--ease);
      white-space:nowrap;
    }
    .btn-hot:hover,.btn-hot:focus{
      transform:translateY(-2px);
      box-shadow:0 18px 34px rgba(255,75,31,.34);
      color:#fff!important;
    }
    .btn-hot:active{transform:translateY(0)}
    .btn-ghost{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:44px;
      padding:10px 18px;
      border-radius:999px;
      border:1px solid rgba(255,75,31,.32);
      color:#C63A18;
      background:#fffaf3;
      font-weight:850;
      transition:var(--ease);
      white-space:nowrap;
    }
    .btn-ghost:hover,.btn-ghost:focus{
      background:linear-gradient(135deg,var(--hot),var(--orange));
      color:#fff;
      border-color:transparent;
      transform:translateY(-2px);
    }
    .mini-badge{
      display:inline-flex;
      align-items:center;
      padding:3px 8px;
      border-radius:999px;
      background:linear-gradient(135deg,var(--hot),var(--orange));
      color:#fff;
      font-weight:800;
      font-size:12px;
    }
    .tag{
      display:inline-flex;
      align-items:center;
      gap:5px;
      padding:5px 10px;
      border-radius:999px;
      background:#F1E8DC;
      color:#5F5750;
      font-size:12px;
      font-weight:800;
    }
    .tag.hot{background:rgba(255,75,31,.12);color:#C63A18}
    .tag.gold{background:rgba(255,209,102,.32);color:#7A4B00}
    .tag.green{background:rgba(24,160,88,.12);color:#0E7E43}
    .top-strip{
      background:#0D0D0D;
      color:#EDE1D5;
      font-size:13px;
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    .top-strip .container{
      min-height:38px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
    }
    .status-dot{
      width:9px;height:9px;border-radius:50%;
      display:inline-block;
      margin-right:8px;
      background:var(--green);
      box-shadow:0 0 0 4px rgba(24,160,88,.18);
      vertical-align:middle;
    }
    .top-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}
    .top-actions a{color:#F6E9DC}
    .top-actions a:hover{color:var(--gold)}
    .main-header{
      background:rgba(247,243,236,.96);
      backdrop-filter:blur(16px);
      border-bottom:3px solid transparent;
      border-image:linear-gradient(90deg,var(--hot),var(--orange),var(--gold)) 1;
      box-shadow:0 8px 28px rgba(0,0,0,.06);
      position:sticky;
      top:0;
      z-index:1000;
    }
    .navbar{padding:13px 0}
    .navbar-brand{
      display:flex;
      align-items:center;
      gap:10px;
      color:var(--arena-black);
      font-weight:950;
      letter-spacing:-.03em;
      font-size:20px;
    }
    .logo-mark{
      width:38px;height:38px;border-radius:13px;
      display:inline-block;
      background:
        linear-gradient(135deg,rgba(255,209,102,.95),rgba(255,122,0,.95) 45%,rgba(255,75,31,.95)),
        radial-gradient(circle at 30% 25%,#fff 0 12%,transparent 13%);
      box-shadow:0 10px 22px rgba(255,75,31,.24);
      position:relative;
      flex:0 0 auto;
    }
    .logo-mark:after{
      content:"";
      position:absolute;
      inset:9px;
      border:2px solid rgba(17,17,17,.28);
      border-left:0;
      border-right:0;
      transform:skewX(-14deg);
    }
    .navbar-nav{gap:8px}
    .nav-link{
      color:#3B332D;
      font-weight:850;
      padding:10px 14px!important;
      border-radius:999px;
      position:relative;
    }
    .nav-link:hover{color:#C63A18;background:rgba(255,75,31,.08)}
    .nav-link.active{
      color:#fff!important;
      background:linear-gradient(135deg,var(--hot),var(--orange));
      box-shadow:0 10px 22px rgba(255,75,31,.2);
    }
    .navbar-toggler{
      border:1px solid rgba(255,75,31,.28);
      border-radius:14px;
      padding:8px 10px;
      box-shadow:none!important;
    }
    .navbar-toggler-icon{
      background-image:none;
      width:24px;height:18px;
      position:relative;
      border-top:3px solid #2A231E;
      border-bottom:3px solid #2A231E;
    }
    .navbar-toggler-icon:after{
      content:"";
      position:absolute;
      left:0;right:0;top:50%;
      border-top:3px solid #2A231E;
      transform:translateY(-50%);
    }

    .category-hero{
      position:relative;
      overflow:hidden;
      color:#fff;
      background:
        radial-gradient(circle at 20% 15%,rgba(255,122,0,.32),transparent 32%),
        radial-gradient(circle at 76% 12%,rgba(255,75,31,.28),transparent 34%),
        linear-gradient(135deg,#0D0D0D 0%,#181818 52%,#101010 100%);
      padding:78px 0 54px;
    }
    .category-hero:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.055) 43% 44%,transparent 45%),
        repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 90px);
      opacity:.75;
      pointer-events:none;
    }
    .breadcrumb-line{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:8px;
      color:#F4D8C4;
      font-size:14px;
      margin-bottom:24px;
      position:relative;
      z-index:1;
    }
    .breadcrumb-line a:hover{color:var(--gold)}
    .hero-copy,.hero-panel{position:relative;z-index:1}
    h1{
      font-size:48px;
      line-height:1.13;
      letter-spacing:-.055em;
      font-weight:950;
      margin:18px 0 18px;
      max-width:760px;
    }
    .hero-lead{
      font-size:17px;
      color:#F2E1D1;
      max-width:680px;
      margin:0 0 28px;
    }
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
    .quick-note{
      display:flex;
      align-items:center;
      gap:10px;
      margin-top:22px;
      color:#DBC8BA;
      font-size:14px;
    }
    .quick-note i{color:var(--gold)}
    .score-panel{
      background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));
      border:1px solid rgba(255,255,255,.16);
      border-radius:var(--radius-xl);
      box-shadow:var(--shadow-dark);
      padding:22px;
      position:relative;
      overflow:hidden;
    }
    .score-panel:before{
      content:"";
      position:absolute;
      top:0;right:24px;
      width:96px;height:5px;
      border-radius:0 0 999px 999px;
      background:linear-gradient(90deg,var(--hot),var(--gold));
    }
    .panel-head{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:14px;
      padding-bottom:18px;
      border-bottom:1px dashed rgba(255,255,255,.24);
    }
    .panel-head strong{display:block;font-size:20px;line-height:1.25}
    .panel-head span{color:#CAB7A8;font-size:13px}
    .free-mark{
      min-width:86px;
      text-align:center;
      border-radius:16px;
      padding:8px 10px;
      background:var(--gold);
      color:#23150A;
      font-weight:950;
      box-shadow:0 14px 28px rgba(255,209,102,.22);
    }
    .metric-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:12px;
      margin-top:18px;
    }
    .metric{
      border-radius:18px;
      padding:15px;
      background:rgba(0,0,0,.28);
      border:1px solid rgba(255,255,255,.1);
    }
    .metric .num{
      display:block;
      font-size:24px;
      line-height:1;
      font-weight:950;
      color:var(--gold);
      letter-spacing:-.03em;
    }
    .metric .label{
      display:block;
      margin-top:8px;
      color:#D7C7B9;
      font-size:13px;
    }
    .panel-list{margin:18px 0 0;padding:0;list-style:none}
    .panel-list li{
      display:flex;
      gap:10px;
      padding:10px 0;
      color:#F2E4D7;
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    .panel-list li:last-child{border-bottom:0}
    .panel-list i{color:var(--green);margin-top:4px}

    .filter-band{
      margin-top:-34px;
      position:relative;
      z-index:5;
    }
    .filter-box{
      background:#fff;
      border:1px solid rgba(232,225,216,.95);
      border-radius:var(--radius-xl);
      box-shadow:var(--shadow-soft);
      padding:18px;
    }
    .filter-title{
      font-weight:950;
      margin-bottom:12px;
      display:flex;
      align-items:center;
      gap:8px;
    }
    .filter-row{
      display:flex;
      gap:10px;
      overflow-x:auto;
      padding-bottom:4px;
      scrollbar-width:thin;
    }
    .filter-pill{
      flex:0 0 auto;
      border:1px solid var(--line);
      background:#FBF6EF;
      color:#4D443D;
      padding:9px 14px;
      border-radius:999px;
      font-size:14px;
      font-weight:850;
      transition:var(--ease);
      cursor:pointer;
    }
    .filter-pill:hover,.filter-pill.active{
      color:#fff;
      border-color:transparent;
      background:linear-gradient(135deg,var(--hot),var(--orange));
      box-shadow:0 12px 24px rgba(255,75,31,.22);
      transform:translateY(-1px);
    }

    .entry-layout{
      display:grid;
      grid-template-columns:1.12fr .88fr;
      gap:24px;
      align-items:start;
    }
    .ticket-card{
      background:#fff;
      border-radius:var(--radius-xl);
      border:1px solid var(--line);
      box-shadow:var(--shadow-soft);
      overflow:hidden;
      transition:var(--ease);
      position:relative;
    }
    .ticket-card:hover{
      transform:translateY(-4px);
      box-shadow:var(--shadow-warm);
      border-color:rgba(255,75,31,.24);
    }
    .ticket-card.featured{
      background:linear-gradient(180deg,#fff 0%,#FFF6EC 100%);
    }
    .ticket-top{
      padding:22px 22px 16px;
      border-bottom:1px dashed #D8CABC;
      display:flex;
      justify-content:space-between;
      gap:16px;
    }
    .ticket-title{font-size:22px;font-weight:950;line-height:1.28;margin:0 0 8px}
    .ticket-desc{color:var(--muted);font-size:15px;margin:0}
    .ticket-status{
      text-align:right;
      min-width:120px;
    }
    .ticket-status b{
      display:block;
      color:#C63A18;
      font-size:24px;
      line-height:1;
      font-weight:950;
    }
    .ticket-status span{font-size:12px;color:var(--muted);font-weight:800}
    .ticket-body{padding:18px 22px 22px}
    .meta-line{
      display:flex;
      flex-wrap:wrap;
      gap:9px;
      margin-bottom:18px;
    }
    .ticket-actions{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
    }
    .small-cta{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:7px;
      border:0;
      color:#fff;
      background:linear-gradient(135deg,var(--hot),var(--orange));
      padding:9px 15px;
      border-radius:999px;
      font-size:14px;
      font-weight:900;
      box-shadow:0 10px 20px rgba(255,75,31,.2);
    }
    .small-cta:hover{color:#fff;transform:translateY(-2px)}
    .text-link{
      color:#C63A18;
      font-size:14px;
      font-weight:900;
    }
    .text-link:hover{color:#9B2D12}
    .side-card{
      border-radius:var(--radius-xl);
      background:#181818;
      color:#fff;
      padding:24px;
      box-shadow:var(--shadow-dark);
      position:sticky;
      top:104px;
      overflow:hidden;
    }
    .side-card:after{
      content:"";
      position:absolute;
      right:-60px;
      bottom:-60px;
      width:180px;height:180px;
      border-radius:50%;
      border:30px solid rgba(255,122,0,.12);
    }
    .side-card h3{font-size:24px;font-weight:950;margin:0 0 12px}
    .side-card p{color:#D7C6B6;margin:0 0 18px}
    .step-list{list-style:none;margin:0;padding:0;position:relative;z-index:1}
    .step-list li{
      display:grid;
      grid-template-columns:34px 1fr;
      gap:12px;
      padding:14px 0;
      border-bottom:1px solid rgba(255,255,255,.1);
    }
    .step-list li:last-child{border-bottom:0}
    .step-num{
      width:34px;height:34px;
      border-radius:12px;
      display:grid;
      place-items:center;
      background:linear-gradient(135deg,var(--hot),var(--orange));
      font-weight:950;
    }
    .step-list strong{display:block;line-height:1.25}
    .step-list span{display:block;color:#CDBDAE;font-size:13px;margin-top:3px}

    .compare-wrap{
      background:#151515;
      color:#fff;
      border-radius:30px;
      padding:34px;
      box-shadow:var(--shadow-dark);
      position:relative;
      overflow:hidden;
    }
    .compare-wrap:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 88% 10%,rgba(255,75,31,.24),transparent 25%),
        repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 68px);
      pointer-events:none;
    }
    .compare-wrap>*{position:relative;z-index:1}
    .compare-table{
      margin-top:24px;
      border-radius:22px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.12);
    }
    .compare-row{
      display:grid;
      grid-template-columns:1.05fr .95fr .95fr .95fr;
      border-bottom:1px solid rgba(255,255,255,.1);
    }
    .compare-row:last-child{border-bottom:0}
    .compare-cell{
      padding:16px;
      background:rgba(255,255,255,.055);
      color:#E9DED2;
      font-size:14px;
      border-right:1px solid rgba(255,255,255,.1);
    }
    .compare-cell:last-child{border-right:0}
    .compare-row.head .compare-cell{
      background:linear-gradient(135deg,rgba(255,75,31,.95),rgba(255,122,0,.88));
      color:#fff;
      font-weight:950;
    }
    .compare-cell strong{color:var(--gold)}

    .requirements-grid{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:14px;
      margin-top:28px;
    }
    .req-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:22px;
      padding:18px;
      box-shadow:0 10px 28px rgba(0,0,0,.06);
      transition:var(--ease);
    }
    .req-card:hover{
      transform:translateY(-3px);
      box-shadow:var(--shadow-warm);
      border-color:rgba(255,75,31,.2);
    }
    .req-icon{
      width:44px;height:44px;border-radius:16px;
      display:grid;place-items:center;
      background:rgba(255,122,0,.12);
      color:#C63A18;
      font-size:22px;
      margin-bottom:13px;
    }
    .req-card h3{font-size:18px;font-weight:950;margin:0 0 8px}
    .req-card p{color:var(--muted);font-size:14px;margin:0 0 12px}
    .req-list{list-style:none;margin:0;padding:0}
    .req-list li{
      display:flex;
      justify-content:space-between;
      gap:10px;
      padding:7px 0;
      border-top:1px dashed #E4D8CA;
      font-size:13px;
      color:#665D55;
    }
    .req-list b{color:#252525}

    .assurance-strip{
      background:#fff;
      border:1px solid var(--line);
      border-radius:26px;
      box-shadow:var(--shadow-soft);
      padding:20px;
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:14px;
    }
    .assurance-item{
      display:flex;
      align-items:flex-start;
      gap:12px;
      padding:14px;
      border-radius:20px;
      background:#FBF6EF;
    }
    .assurance-item i{
      width:38px;height:38px;
      border-radius:50%;
      display:grid;place-items:center;
      background:rgba(24,160,88,.12);
      color:var(--green);
      flex:0 0 auto;
      font-size:19px;
    }
    .assurance-item strong{display:block;font-weight:950;line-height:1.25}
    .assurance-item span{display:block;color:var(--muted);font-size:13px;margin-top:4px}

    .review-lane{
      display:grid;
      grid-template-columns:1.1fr .9fr 1fr;
      gap:18px;
      margin-top:28px;
      align-items:start;
    }
    .review-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:24px;
      padding:22px;
      box-shadow:var(--shadow-soft);
      position:relative;
      overflow:hidden;
    }
    .review-card:nth-child(2){margin-top:34px;background:#FFF8EF}
    .review-card:before{
      content:"";
      position:absolute;
      top:0;left:22px;right:22px;
      border-top:5px solid var(--hot);
      border-radius:0 0 999px 999px;
    }
    .stars{color:#FF9F1C;letter-spacing:2px;margin:10px 0 8px}
    .review-card p{color:#574F48;margin:0}
    .review-user{
      display:flex;
      align-items:center;
      gap:10px;
      margin-top:18px;
      font-size:14px;
      font-weight:900;
    }
    .avatar{
      width:38px;height:38px;border-radius:50%;
      display:grid;place-items:center;
      color:#fff;
      background:linear-gradient(135deg,#2B2B2B,#FF4B1F);
      font-weight:950;
    }

    .download-cta{
      background:
        linear-gradient(135deg,rgba(255,75,31,.95),rgba(255,122,0,.95)),
        radial-gradient(circle at 12% 18%,rgba(255,209,102,.45),transparent 28%);
      color:#fff;
      border-radius:32px;
      padding:34px;
      box-shadow:var(--shadow-warm);
      position:relative;
      overflow:hidden;
    }
    .download-cta:before{
      content:"";
      position:absolute;
      top:18px;bottom:18px;left:50%;
      border-left:2px dashed rgba(255,255,255,.32);
    }
    .download-cta:after{
      content:"";
      position:absolute;
      right:-80px;top:-80px;
      width:220px;height:220px;border-radius:50%;
      border:36px solid rgba(255,255,255,.12);
    }
    .download-cta h2{
      font-size:34px;
      font-weight:950;
      line-height:1.18;
      letter-spacing:-.04em;
      margin:0 0 12px;
    }
    .download-cta p{color:#FFF4EA;margin:0}
    .download-buttons{
      display:grid;
      gap:12px;
      position:relative;
      z-index:1;
    }
    .download-btn{
      display:flex;
      align-items:center;
      gap:12px;
      background:#fff;
      color:#25170F;
      border-radius:18px;
      padding:14px 16px;
      box-shadow:0 14px 28px rgba(0,0,0,.12);
      transition:var(--ease);
    }
    .download-btn:hover{transform:translateY(-3px);color:#25170F}
    .download-btn i{font-size:24px;color:#C63A18}
    .download-btn strong{display:block;font-weight:950;line-height:1.2}
    .download-btn span{display:block;color:#776B62;font-size:12px;margin-top:3px}
    .risk-note{
      margin-top:16px;
      color:#FFF1E5;
      font-size:13px;
      display:flex;
      gap:8px;
      align-items:flex-start;
    }

    .faq-section .accordion{margin-top:28px}
    .accordion-item{
      border:0;
      border-radius:18px!important;
      overflow:hidden;
      margin-bottom:12px;
      background:#fff;
      box-shadow:0 10px 26px rgba(0,0,0,.06);
    }
    .accordion-button{
      background:#181818;
      color:#fff;
      font-weight:950;
      padding:18px 20px;
      box-shadow:none!important;
    }
    .accordion-button:not(.collapsed){
      background:linear-gradient(135deg,#181818,#2A1812);
      color:var(--gold);
    }
    .accordion-button:after{
      filter:brightness(0) invert(1);
    }
    .accordion-body{
      color:#5A5149;
      background:#FFF9F1;
      padding:18px 20px 20px;
    }
    .site-footer{
      background:#0D0D0D;
      color:#EDE1D5;
      border-top:4px solid transparent;
      border-image:linear-gradient(90deg,var(--hot),var(--orange),var(--gold)) 1;
      padding:54px 0 28px;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.35fr .8fr .8fr;
      gap:36px;
    }
    .footer-brand{
      display:flex;
      align-items:center;
      gap:10px;
      font-size:20px;
      font-weight:950;
      color:#fff;
      margin-bottom:14px;
    }
    .site-footer p{color:#BEAEA0;margin:0;max-width:520px}
    .footer-title{
      color:#fff;
      font-weight:950;
      margin-bottom:14px;
    }
    .footer-links{
      display:grid;
      gap:9px;
    }
    .footer-links a{color:#BEAEA0}
    .footer-links a:hover{color:var(--gold);transform:translateX(3px)}
    .footer-bottom{
      border-top:1px solid rgba(255,255,255,.1);
      margin-top:34px;
      padding-top:18px;
      display:flex;
      justify-content:space-between;
      gap:18px;
      color:#9F9185;
      font-size:13px;
    }
    .back-top{
      position:fixed;
      right:18px;
      bottom:18px;
      width:46px;height:46px;
      border-radius:16px;
      border:0;
      display:grid;
      place-items:center;
      color:#fff;
      background:linear-gradient(135deg,var(--hot),var(--orange));
      box-shadow:0 12px 28px rgba(255,75,31,.28);
      opacity:0;
      visibility:hidden;
      transform:translateY(10px);
      transition:var(--ease);
      z-index:999;
    }
    .back-top.show{opacity:1;visibility:visible;transform:translateY(0)}
    .back-top:hover{transform:translateY(-2px)}
    @media (max-width: 991.98px){
      .top-strip .container{
        min-height:auto;
        padding-top:8px;
        padding-bottom:8px;
        flex-wrap:wrap;
      }
      .top-actions{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}
      .navbar-collapse{
        padding:14px 0 4px;
      }
      .navbar-nav{
        background:#fff;
        border:1px solid var(--line);
        border-radius:18px;
        padding:10px;
        margin-bottom:12px!important;
      }
      .main-header .btn-hot{width:100%}
      .category-hero{padding:56px 0 48px}
      h1{font-size:38px}
      .entry-layout{grid-template-columns:1fr}
      .side-card{position:relative;top:auto}
      .requirements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .assurance-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
      .review-lane{grid-template-columns:1fr}
      .review-card:nth-child(2){margin-top:0}
      .download-cta:before{display:none}
      .footer-grid{grid-template-columns:1fr 1fr}
      .footer-grid>div:first-child{grid-column:1/-1}
      .footer-bottom{flex-direction:column}
    }
    @media (max-width: 767.98px){
      .section-pad{padding:58px 0}
      .section-pad-sm{padding:44px 0}
      .section-title{font-size:28px}
      h1{font-size:33px}
      .hero-actions .btn-hot,.hero-actions .btn-ghost{width:100%}
      .metric-grid{grid-template-columns:1fr 1fr}
      .ticket-top{flex-direction:column}
      .ticket-status{text-align:left}
      .compare-wrap{padding:22px;border-radius:24px}
      .compare-table{border:0;display:grid;gap:12px}
      .compare-row{
        grid-template-columns:1fr;
        border:1px solid rgba(255,255,255,.12);
        border-radius:18px;
        overflow:hidden;
      }
      .compare-row.head{display:none}
      .compare-cell{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
      .compare-cell:last-child{border-bottom:0}
      .compare-cell:before{
        content:attr(data-label);
        display:block;
        color:var(--gold);
        font-weight:950;
        margin-bottom:4px;
      }
      .requirements-grid{grid-template-columns:1fr}
      .assurance-strip{grid-template-columns:1fr}
      .download-cta{padding:24px;border-radius:24px}
      .download-cta h2{font-size:28px}
    }
    @media (max-width: 575.98px){
      .navbar-brand{font-size:17px}
      .logo-mark{width:34px;height:34px;border-radius:12px}
      .breadcrumb-line{font-size:13px}
      h1{font-size:30px}
      .hero-lead{font-size:15px}
      .filter-box{padding:14px;border-radius:20px}
      .metric .num{font-size:21px}
      .ticket-body,.ticket-top{padding-left:18px;padding-right:18px}
      .ticket-actions .small-cta,.ticket-actions .text-link{width:100%;justify-content:center}
      .footer-grid{grid-template-columns:1fr}
      .top-strip{font-size:12px}
      .quick-note{align-items:flex-start}
    }