/* roulang page: index */
:root{
      --brand-red:#E9301A;
      --brand-orange:#FF7A1A;
      --brand-yellow:#FFD84D;
      --brand-brown:#7A1D10;
      --text-main:#241512;
      --text-muted:#78554B;
      --bg-warm:#FFF6EA;
      --bg-soft:#FFF9F0;
      --card:#FFFFFF;
      --line:#F3D4BF;
      --line-strong:#F4C8AD;
      --success:#22A06B;
      --shadow:0 14px 34px rgba(160,52,18,.12);
      --shadow-lg:0 22px 60px rgba(160,52,18,.18);
      --radius-sm:14px;
      --radius:22px;
      --radius-lg:32px;
      --nav-h:76px;
      --container:1160px;
    }
    *{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-main);
      background:
        radial-gradient(circle at 8% 0%, rgba(255,216,77,.28), transparent 28%),
        radial-gradient(circle at 92% 6%, rgba(255,122,26,.16), transparent 30%),
        linear-gradient(180deg,#FFF9F0 0%,#FFF6EA 45%,#FFF9F0 100%);
      line-height:1.75;
      overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none;transition:.25s ease}
    a:hover{color:var(--brand-red)}
    button,input,select,textarea{font:inherit}
    img,svg{max-width:100%}
    .site-container{width:min(100% - 32px,var(--container));margin-inline:auto}
    .section{padding:78px 0;position:relative}
    .section-tight{padding:54px 0}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;
      color:var(--brand-brown);
      background:#fff0df;
      border:1px solid var(--line);
      border-radius:999px;
      padding:7px 13px;
      font-size:13px;
      font-weight:800;
      letter-spacing:.02em;
    }
    .eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(34,160,107,.13)}
    h1,h2,h3,h4{font-weight:900;line-height:1.18;letter-spacing:-.03em;color:var(--text-main)}
    h1{font-size:clamp(2rem,4.6vw,3.15rem);margin:18px 0}
    h2{font-size:clamp(1.55rem,3vw,2.25rem);margin:14px 0 12px}
    h3{font-size:1.18rem;margin:0 0 8px}
    p{margin:0;color:var(--text-muted)}
    .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
    .section-head p{max-width:660px;font-size:16px}
    .btn-brand,.btn-outline-warm,.btn-dark-red{
      border:0;border-radius:999px;font-weight:900;padding:12px 20px;
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      transition:.25s ease;white-space:nowrap;
    }
    .btn-brand{
      color:#fff;background:linear-gradient(135deg,var(--brand-red),var(--brand-orange));
      box-shadow:0 12px 26px rgba(233,48,26,.28);
    }
    .btn-brand:hover,.btn-brand:focus{
      color:#fff;transform:translateY(-2px);
      box-shadow:0 16px 34px rgba(233,48,26,.34);
      filter:saturate(1.08);
    }
    .btn-outline-warm{
      background:#fff8ed;border:1px solid #f0b58e;color:var(--brand-brown);
    }
    .btn-outline-warm:hover,.btn-outline-warm:focus{
      background:#fff0df;border-color:var(--brand-orange);color:var(--brand-red);transform:translateY(-2px);
    }
    .btn-dark-red{background:var(--brand-brown);color:#fff}
    .btn-dark-red:hover{background:#5c1209;color:#fff;transform:translateY(-2px)}
    .btn:focus,.form-control:focus,.form-select:focus,.form-check-input:focus,.accordion-button:focus{
      box-shadow:0 0 0 .25rem rgba(255,122,26,.22)!important;border-color:var(--brand-orange)!important;
    }
    .badge-soft{
      display:inline-flex;align-items:center;gap:6px;
      border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;
      background:#fff2dd;color:var(--brand-brown);border:1px solid var(--line);
    }
    .badge-red{background:var(--brand-red);color:#fff;border-color:transparent}
    .badge-yellow{background:var(--brand-yellow);color:#4b2208;border-color:#ffd15c}
    .badge-orange{background:#ffdbc2;color:#8b250b;border-color:#ffc399}
    .top-strip{
      background:linear-gradient(90deg,var(--brand-brown),var(--brand-red),var(--brand-orange));
      color:#fff;font-size:13px;font-weight:800;
      padding:8px 0;
    }
    .top-strip .site-container{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
    .mini-clock{display:inline-flex;gap:8px;align-items:center}
    .mini-pill{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:3px 9px}
    .site-header{
      position:sticky;top:0;z-index:1020;background:rgba(255,249,240,.94);
      backdrop-filter:blur(16px);border-bottom:1px solid rgba(243,212,191,.86);
      box-shadow:0 8px 22px rgba(122,29,16,.06);
    }
    .navbar{min-height:var(--nav-h);padding:12px 0}
    .navbar-brand.logo{
      display:flex;align-items:center;gap:10px;font-weight:950;color:var(--text-main);
      max-width:420px;white-space:normal;line-height:1.15;
    }
    .logo-mark{
      width:46px;height:46px;border-radius:16px;display:grid;place-items:center;
      color:#fff;background:linear-gradient(135deg,var(--brand-red),var(--brand-orange));
      box-shadow:0 12px 24px rgba(233,48,26,.25);font-weight:950;
      position:relative;flex:0 0 auto;
    }
    .logo-mark::after{
      content:"18+";position:absolute;right:-8px;top:-7px;
      font-size:10px;background:var(--brand-yellow);color:#5a1e09;border-radius:999px;
      padding:2px 5px;border:2px solid #fff;font-weight:950;
    }
    .logo-text{font-size:16px}
    .navbar-toggler{border:1px solid var(--line);border-radius:14px;padding:9px 11px;background:#fff7eb}
    .navbar-toggler:focus{box-shadow:0 0 0 .22rem rgba(255,122,26,.2)}
    .navbar-nav{gap:8px}
    .nav-link{
      color:#6f4135!important;font-weight:850;border-radius:999px;padding:9px 14px!important;
    }
    .nav-link:hover{background:#fff0df;color:var(--brand-red)!important}
    .nav-link.active{background:linear-gradient(135deg,#fff0df,#ffe0c6);color:var(--brand-red)!important}
    .nav-cta{display:flex;align-items:center;gap:10px;margin-left:12px}
    .status-tag{
      display:inline-flex;align-items:center;gap:7px;
      padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);
      color:var(--brand-brown);font-size:13px;font-weight:900;
      box-shadow:0 8px 20px rgba(160,52,18,.08);
    }
    .hero{
      padding:42px 0 38px;
    }
    .creator-cover{
      position:relative;overflow:hidden;border-radius:36px;
      background:
        radial-gradient(circle at 18% 10%, rgba(255,216,77,.95), transparent 20%),
        radial-gradient(circle at 90% 20%, rgba(255,122,26,.72), transparent 32%),
        linear-gradient(135deg,#8b1c0d 0%,#e9301a 42%,#ff8a1f 100%);
      min-height:520px;color:#fff;box-shadow:var(--shadow-lg);
      border:1px solid rgba(255,255,255,.35);
    }
    .creator-cover::before{
      content:"";position:absolute;inset:0;
      background-image:
        radial-gradient(circle, rgba(255,255,255,.22) 1px, transparent 1.5px),
        linear-gradient(120deg, transparent 0 60%, rgba(255,255,255,.16) 60% 61%, transparent 61%);
      background-size:22px 22px,100% 100%;opacity:.55;
    }
    .cover-inner{position:relative;z-index:1;padding:38px}
    .creator-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
    .profile{
      display:flex;align-items:center;gap:16px;
      background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);
      border-radius:24px;padding:12px 16px;backdrop-filter:blur(10px);
    }
    .avatar{
      width:64px;height:64px;border-radius:22px;background:
        linear-gradient(135deg,#fff,#ffe4bd);
      display:grid;place-items:center;color:var(--brand-red);font-weight:950;font-size:21px;
      box-shadow:inset 0 0 0 3px rgba(255,255,255,.6);
    }
    .profile strong{display:block;color:#fff;font-size:18px;line-height:1.2}
    .profile span{display:block;color:#fff2dc;font-size:13px;margin-top:3px}
    .age-alert{
      display:flex;align-items:center;gap:10px;background:#fff;color:var(--brand-brown);
      border-radius:999px;padding:10px 14px;font-weight:950;
      box-shadow:0 12px 25px rgba(92,18,9,.18);
    }
    .age-alert b{background:var(--brand-red);color:#fff;border-radius:999px;padding:3px 8px}
    .hero-grid{
      display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.75fr);
      gap:32px;align-items:end;margin-top:52px;
    }
    .hero-copy{max-width:760px}
    .hero-copy p{color:#fff5e8;font-size:17px;max-width:720px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
    .hero-actions .btn-outline-warm{background:rgba(255,255,255,.96)}
    .data-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
    .data-badge{
      min-width:128px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);
      border-radius:20px;padding:12px 14px;backdrop-filter:blur(12px);
    }
    .data-badge strong{display:block;color:#fff;font-size:24px;line-height:1}
    .data-badge span{display:block;color:#ffeedb;font-size:12px;font-weight:800;margin-top:7px}
    .ticket-stack{display:grid;gap:14px}
    .ticket-card{
      position:relative;background:#fff;color:var(--text-main);border-radius:24px;
      padding:18px;border:1px solid rgba(255,255,255,.75);box-shadow:0 16px 34px rgba(92,18,9,.18);
      overflow:hidden;
    }
    .ticket-card::before,.ticket-card::after{
      content:"";position:absolute;top:50%;width:18px;height:18px;border-radius:50%;
      background:#e9301a;transform:translateY(-50%);
    }
    .ticket-card::before{left:-9px}.ticket-card::after{right:-9px}
    .ticket-card .num{font-size:38px;font-weight:950;color:var(--brand-red);line-height:1}
    .ticket-card p{font-size:14px;margin-top:6px}
    .ticket-line{display:flex;justify-content:space-between;align-items:center;gap:14px}
    .countdown-wrap{
      margin-top:-10px;
    }
    .countdown-panel{
      background:var(--card);border:1px solid var(--line-strong);border-radius:30px;
      box-shadow:var(--shadow);padding:26px;position:relative;overflow:hidden;
    }
    .countdown-panel::before{
      content:"";position:absolute;inset:0 auto 0 0;width:7px;background:linear-gradient(var(--brand-red),var(--brand-orange));
    }
    .count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .count-box{
      border-radius:22px;background:linear-gradient(180deg,#fff7e8,#ffe9ce);
      border:1px solid var(--line);padding:18px 12px;text-align:center;
      box-shadow:inset 0 -8px 18px rgba(255,122,26,.08);
    }
    .count-box strong{display:block;font-size:34px;font-weight:950;color:var(--brand-red);line-height:1}
    .count-box span{font-size:13px;font-weight:900;color:var(--brand-brown)}
    .promo-note{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
    .play-grid{
      display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch;
    }
    .receipt-card,.warm-card,.entry-card,.progress-card,.news-panel,.subscribe-card,.guarantee-item{
      background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius);
      box-shadow:var(--shadow);transition:.25s ease;
    }
    .receipt-card:hover,.warm-card:hover,.entry-card:hover,.progress-card:hover,.news-item:hover,.guarantee-item:hover{
      transform:translateY(-3px);border-color:var(--brand-orange);box-shadow:var(--shadow-lg);
    }
    .receipt-card{padding:24px;position:relative;overflow:hidden}
    .receipt-card::after{
      content:"";position:absolute;left:24px;right:24px;bottom:0;height:14px;
      background:radial-gradient(circle at 8px 0, transparent 7px, #fff 8px) repeat-x;
      background-size:18px 14px;
    }
    .step-list{display:grid;gap:14px;margin-top:18px}
    .step-row{
      display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;
      padding:14px;border-radius:18px;background:#fff8ed;border:1px dashed #f0bd9a;
    }
    .step-no{
      width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--brand-red),var(--brand-orange));
      color:#fff;display:grid;place-items:center;font-weight:950;
    }
    .reward-wall{
      display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
    }
    .warm-card{padding:22px;position:relative;overflow:hidden}
    .warm-card::before{
      content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--brand-red),var(--brand-orange),var(--brand-yellow));
    }
    .reward-value{
      display:inline-flex;align-items:flex-end;gap:3px;font-weight:950;color:var(--brand-red);
      font-size:32px;line-height:1;margin:12px 0;
    }
    .reward-value small{font-size:13px;color:var(--brand-brown);margin-bottom:4px}
    .progress-layout{
      display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;
    }
    .progress-card{padding:24px}
    .task-meter{
      height:16px;border-radius:999px;background:#ffe5c7;overflow:hidden;border:1px solid #f4c19d;margin:16px 0;
    }
    .task-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-red),var(--brand-orange),var(--brand-yellow))}
    .task-list{display:grid;gap:12px}
    .task-item{
      display:flex;gap:12px;align-items:flex-start;background:#fff8ed;border:1px solid var(--line);
      border-radius:18px;padding:14px;
    }
    .check{
      width:24px;height:24px;border-radius:50%;background:var(--success);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:950;flex:0 0 auto;
    }
    .timeline{display:grid;gap:14px}
    .timeline-item{
      display:grid;grid-template-columns:86px 1fr auto;gap:14px;align-items:center;
      background:#fff;border:1px solid var(--line-strong);border-radius:22px;padding:16px;
      box-shadow:0 10px 24px rgba(160,52,18,.08);transition:.25s ease;
    }
    .timeline-item:hover{transform:translateY(-3px);border-color:var(--brand-orange)}
    .time-tag{font-size:13px;font-weight:950;color:var(--brand-red);background:#fff0df;border-radius:999px;padding:8px 10px;text-align:center}
    .timeline-item p{font-size:14px}
    .subscribe-band{
      border-radius:32px;background:
        radial-gradient(circle at 10% 12%, rgba(255,216,77,.72), transparent 24%),
        linear-gradient(135deg,var(--brand-red),var(--brand-orange));
      padding:32px;overflow:hidden;position:relative;box-shadow:var(--shadow-lg);
    }
    .subscribe-band::after{
      content:"";position:absolute;right:-70px;bottom:-90px;width:240px;height:240px;border-radius:50%;
      background:rgba(255,255,255,.18);
    }
    .subscribe-card{position:relative;z-index:1;padding:24px}
    .subscribe-copy h2,.subscribe-copy p{color:#fff}
    .subscribe-copy p{color:#fff4e5;max-width:520px}
    .form-control,.form-select{
      border-radius:16px;border:1px solid #f1c19e;background:#fffaf4;padding:12px 14px;color:var(--text-main);
    }
    .form-check-label{color:#6f4135;font-size:14px}
    .form-check-input:checked{background-color:var(--brand-red);border-color:var(--brand-red)}
    .trust-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
    .trust-mini div{
      background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);
      border-radius:18px;padding:12px;color:#fff;font-weight:900;
    }
    .guarantee-strip{
      background:#fff1df;border:1px solid var(--line);border-radius:30px;padding:18px;
      display:grid;grid-template-columns:repeat(5,1fr);gap:14px;
    }
    .guarantee-item{padding:18px;text-align:center;border-radius:22px;box-shadow:none}
    .icon-circle{
      width:44px;height:44px;border-radius:16px;margin:0 auto 10px;
      background:#fff7ed;border:1px solid #f0bd9a;color:var(--brand-red);
      display:grid;place-items:center;font-size:22px;font-weight:950;
    }
    .guarantee-item strong{display:block;font-weight:950;margin-bottom:5px}
    .guarantee-item span{display:block;color:var(--text-muted);font-size:13px;line-height:1.55}
    .entry-grid{
      display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
    }
    .entry-card{padding:20px;position:relative;overflow:hidden}
    .entry-card::before{
      content:attr(data-code);position:absolute;right:14px;top:12px;color:rgba(233,48,26,.08);
      font-size:62px;line-height:1;font-weight:950;
    }
    .entry-card h3,.entry-card p,.entry-card a,.entry-card span{position:relative}
    .entry-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0}
    .news-layout{
      display:grid;grid-template-columns:1.25fr .75fr;gap:22px;
    }
    .news-panel{padding:22px}
    .news-list{display:grid;gap:12px}
    .news-item{
      display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
      border:1px solid var(--line);background:#fff8ed;border-radius:18px;padding:14px;transition:.25s ease;
    }
    .news-index{
      width:34px;height:34px;border-radius:12px;background:#fff;color:var(--brand-red);
      display:grid;place-items:center;font-weight:950;border:1px solid #f1c19e;
    }
    .news-item strong{display:block;color:var(--text-main);line-height:1.35}
    .news-item span{font-size:13px;color:var(--text-muted)}
    .topic-mini{display:grid;gap:12px}
    .topic-mini a{
      display:flex;justify-content:space-between;align-items:center;gap:12px;
      background:linear-gradient(180deg,#fff,#fff6e8);border:1px solid var(--line);
      border-radius:18px;padding:14px;font-weight:900;
    }
    .topic-mini a:hover{border-color:var(--brand-orange);transform:translateX(3px)}
    .accordion{display:grid;gap:12px}
    .accordion-item{
      border:1px solid var(--line-strong)!important;border-radius:20px!important;overflow:hidden;
      background:#fff;box-shadow:0 8px 22px rgba(160,52,18,.08);
    }
    .accordion-button{
      background:#fff!important;color:var(--text-main)!important;font-weight:950;padding:18px 20px;
      gap:10px;
    }
    .accordion-button:not(.collapsed){background:#fff1df!important;color:var(--brand-red)!important}
    .accordion-button::after{filter:hue-rotate(320deg) saturate(2)}
    .accordion-body{background:#fffaf4;color:var(--text-muted);padding:18px 20px}
    .final-cta{
      border-radius:34px;padding:34px;background:
        linear-gradient(135deg,#fff,#fff0de);
      border:1px solid var(--line-strong);box-shadow:var(--shadow);
      display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden;position:relative;
    }
    .final-cta::after{
      content:"18+";position:absolute;right:32px;bottom:-18px;font-size:112px;font-weight:950;color:rgba(233,48,26,.08);line-height:1;
    }
    .final-cta > *{position:relative;z-index:1}
    .site-footer{
      background:linear-gradient(135deg,#5c1209,#7A1D10 55%,#9d2b13);
      color:#fff;padding:52px 0 26px;margin-top:30px;
    }
    .footer-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:30px;align-items:start}
    .footer-brand{display:flex;align-items:center;gap:12px;font-weight:950;margin-bottom:14px}
    .footer-brand .logo-mark{width:44px;height:44px}
    .footer-text{color:#ffe1ce;font-size:14px;max-width:520px}
    .footer-links{display:grid;gap:8px}
    .footer-links a{color:#ffe1ce;font-weight:800}
    .footer-links a:hover{color:var(--brand-yellow)}
    .footer-title{font-weight:950;margin-bottom:12px;color:#fff}
    .copyright{
      border-top:1px solid rgba(255,255,255,.16);margin-top:34px;padding-top:18px;
      display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#ffd7bf;font-size:13px;
    }
    .floating-cta{
      position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:1010;
      display:none;background:rgba(255,249,240,.94);border:1px solid var(--line);
      border-radius:999px;padding:8px;box-shadow:0 14px 36px rgba(122,29,16,.18);
      backdrop-filter:blur(12px);
    }
    @media (max-width: 991.98px){
      :root{--nav-h:68px}
      .navbar-collapse{
        background:#fff9f0;border:1px solid var(--line);border-radius:22px;padding:14px;margin-top:12px;
        box-shadow:var(--shadow);
      }
      .nav-cta{margin-left:0;margin-top:10px;flex-wrap:wrap}
      .hero-grid,.play-grid,.progress-layout,.news-layout{grid-template-columns:1fr}
      .creator-cover{min-height:auto;border-radius:28px}
      .cover-inner{padding:28px}
      .ticket-stack{grid-template-columns:1fr 1fr}
      .reward-wall,.entry-grid{grid-template-columns:repeat(2,1fr)}
      .guarantee-strip{grid-template-columns:repeat(2,1fr)}
      .footer-grid{grid-template-columns:1fr 1fr}
      .section{padding:58px 0}
    }
    @media (max-width: 767.98px){
      .top-strip .site-container{justify-content:center;text-align:center}
      .section-head{display:block}
      .section-head p{margin-top:10px}
      .count-grid{grid-template-columns:repeat(2,1fr)}
      .timeline-item{grid-template-columns:1fr;align-items:start}
      .ticket-stack,.reward-wall,.entry-grid,.trust-mini{grid-template-columns:1fr}
      .subscribe-band{padding:22px;border-radius:26px}
      .final-cta{display:block;padding:26px}
      .final-cta .btn-brand{margin-top:18px;width:100%}
      .footer-grid{grid-template-columns:1fr}
      .floating-cta{display:flex}
      .hero-actions .btn-brand,.hero-actions .btn-outline-warm{width:100%}
    }
    @media (max-width: 520px){
      .site-container{width:min(100% - 22px,var(--container))}
      .cover-inner{padding:22px}
      h1{font-size:2rem}
      .profile{width:100%;align-items:flex-start}
      .age-alert{border-radius:18px;width:100%;justify-content:center}
      .data-badge{min-width:calc(50% - 6px);flex:1}
      .count-box strong{font-size:28px}
      .guarantee-strip{grid-template-columns:1fr}
      .news-item{grid-template-columns:1fr}
      .btn-brand,.btn-outline-warm,.btn-dark-red{width:100%}
      .logo-text{font-size:14px}
    }

/* roulang page: category1 */
:root{
      --primary:#E9301A;
      --primary-2:#FF7A1A;
      --accent:#FFD84D;
      --bg:#FFF6EA;
      --bg-soft:#FFF9F0;
      --card:#FFFFFF;
      --text:#241512;
      --muted:#7A6158;
      --line:#F3D4BF;
      --line-strong:#F4C8AD;
      --deep:#7A1D10;
      --success:#22A06B;
      --shadow:0 12px 30px rgba(160, 52, 18, .10);
      --shadow-strong:0 18px 40px rgba(160, 52, 18, .18);
      --radius-lg:18px;
      --radius-xl:24px;
      --radius-pill:999px;
      --container:1200px;
      --space:24px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
      background:
        radial-gradient(circle at top left, rgba(255,122,26,.10), transparent 28%),
        radial-gradient(circle at top right, rgba(233,48,26,.09), transparent 24%),
        var(--bg);
      color:var(--text);
      line-height:1.75;
      text-rendering:optimizeLegibility;
      -webkit-font-smoothing:antialiased;
      padding-top:86px;
    }
    a{color:inherit;text-decoration:none}
    a:hover{color:inherit}
    img{max-width:100%;display:block}
    button,input,select,textarea{font:inherit}
    ::selection{background:rgba(233,48,26,.18);color:var(--deep)}
    .site-container{
      width:min(var(--container), calc(100% - 32px));
      margin-inline:auto;
    }
    .site-header{
      position:sticky;
      top:0;
      z-index:1030;
      background:linear-gradient(180deg, rgba(255,250,243,.96), rgba(255,247,235,.92));
      border-bottom:1px solid rgba(243,212,191,.85);
      box-shadow:0 6px 20px rgba(94, 33, 12, .06);
      backdrop-filter:saturate(140%) blur(6px);
    }
    .site-header .navbar{
      padding:.8rem 0;
    }
    .logo{
      display:inline-flex;
      align-items:center;
      gap:12px;
      font-weight:800;
      letter-spacing:.2px;
      white-space:nowrap;
    }
    .logo-mark{
      width:42px;
      height:42px;
      border-radius:14px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:18px;
      font-weight:800;
      color:#fff;
      background:linear-gradient(135deg, var(--primary), var(--primary-2));
      box-shadow:0 10px 20px rgba(233,48,26,.25);
      position:relative;
      flex:0 0 auto;
    }
    .logo-mark::after{
      content:"18+";
      position:absolute;
      top:-7px;
      right:-8px;
      transform:scale(.72);
      background:var(--accent);
      color:var(--deep);
      border:1px solid rgba(122,29,16,.12);
      border-radius:999px;
      padding:1px 6px;
      font-size:10px;
      font-weight:800;
      box-shadow:0 4px 10px rgba(122,29,16,.12);
    }
    .logo-text{
      font-size:1.02rem;
      color:var(--text);
      line-height:1.15;
    }
    .navbar-collapse{
      gap:18px;
    }
    .navbar-nav{
      gap:6px;
    }
    .nav-link{
      position:relative;
      color:#4A3026;
      font-weight:700;
      padding:.65rem 1rem !important;
      border-radius:999px;
      transition:all .2s ease;
    }
    .nav-link:hover,
    .nav-link:focus{
      color:var(--primary);
      background:rgba(233,48,26,.08);
    }
    .nav-link.active{
      color:var(--deep);
      background:linear-gradient(135deg, rgba(233,48,26,.14), rgba(255,122,26,.14));
      box-shadow:inset 0 0 0 1px rgba(233,48,26,.12);
    }
    .navbar-toggler{
      border:1px solid rgba(122,29,16,.22);
      border-radius:14px;
      padding:.55rem .7rem;
      box-shadow:none !important;
    }
    .navbar-toggler:focus{
      box-shadow:0 0 0 .2rem rgba(233,48,26,.15) !important;
    }
    .navbar-toggler-icon{
      width:1.2em;
      height:1.2em;
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2828,20,17,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .nav-cta{
      display:flex;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
      margin-left:auto;
    }
    .status-tag{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:.58rem .9rem;
      border-radius:999px;
      background:rgba(255,122,26,.10);
      color:var(--deep);
      font-weight:700;
      border:1px solid rgba(233,48,26,.14);
      white-space:nowrap;
    }
    .status-tag .dot{
      width:9px;
      height:9px;
      border-radius:50%;
      background:var(--success);
      box-shadow:0 0 0 5px rgba(34,160,107,.12);
    }
    .btn-brand,
    .btn-soft{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.45rem;
      border-radius:var(--radius-pill);
      padding:.75rem 1.15rem;
      font-weight:800;
      transition:all .2s ease;
      border:1px solid transparent;
      text-decoration:none;
      cursor:pointer;
    }
    .btn-brand{
      color:#fff;
      background:linear-gradient(135deg, var(--primary), var(--primary-2));
      box-shadow:0 12px 24px rgba(233,48,26,.22);
    }
    .btn-brand:hover,
    .btn-brand:focus{
      color:#fff;
      transform:translateY(-1px);
      box-shadow:0 16px 28px rgba(233,48,26,.28);
    }
    .btn-brand:active{
      transform:translateY(0);
      box-shadow:0 8px 18px rgba(233,48,26,.20);
    }
    .btn-soft{
      color:var(--deep);
      background:#fff;
      border-color:rgba(233,48,26,.18);
      box-shadow:0 10px 20px rgba(160,52,18,.05);
    }
    .btn-soft:hover,
    .btn-soft:focus{
      color:var(--primary);
      border-color:rgba(233,48,26,.28);
      transform:translateY(-1px);
      box-shadow:0 14px 24px rgba(160,52,18,.08);
    }
    .btn-soft:active{
      transform:translateY(0);
    }
    .btn-sm{
      padding:.62rem .95rem;
      border-radius:999px;
      font-size:.95rem;
    }
    .page-shell{
      padding:32px 0 72px;
    }
    .section-gap{
      margin-top:28px;
    }
    .section-card,
    .card{
      border-radius:var(--radius-xl);
      border:1px solid var(--line-strong);
      background:var(--card);
      box-shadow:var(--shadow);
    }
    .section-card{
      overflow:hidden;
    }
    .hero-banner{
      background:
        radial-gradient(circle at 20% 20%, rgba(255,216,77,.32), transparent 20%),
        radial-gradient(circle at 85% 0%, rgba(233,48,26,.18), transparent 22%),
        linear-gradient(135deg, #FFFDF9 0%, #FFF4E8 56%, #FFE9D7 100%);
      border:1px solid rgba(244,200,173,.95);
      box-shadow:var(--shadow-strong);
      position:relative;
    }
    .hero-banner::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(120deg, rgba(233,48,26,.08), transparent 35%, rgba(255,122,26,.08));
      pointer-events:none;
    }
    .hero-inner{
      position:relative;
      padding:32px;
    }
    .breadcrumb-line{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:8px;
      color:var(--muted);
      font-size:.95rem;
      margin-bottom:14px;
    }
    .breadcrumb-line a{
      color:var(--primary);
      font-weight:700;
    }
    .breadcrumb-line .sep{
      color:#B39A8D;
    }
    .hero-badge-row{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-bottom:18px;
    }
    .soft-badge{
      display:inline-flex;
      align-items:center;
      gap:7px;
      padding:.42rem .75rem;
      border-radius:999px;
      font-size:.85rem;
      font-weight:800;
      border:1px solid transparent;
      line-height:1;
    }
    .soft-badge.red{
      color:#fff;
      background:linear-gradient(135deg, var(--primary), var(--primary-2));
      box-shadow:0 8px 18px rgba(233,48,26,.18);
    }
    .soft-badge.orange{
      color:var(--deep);
      background:rgba(255,122,26,.14);
      border-color:rgba(255,122,26,.22);
    }
    .soft-badge.yellow{
      color:var(--deep);
      background:rgba(255,216,77,.38);
      border-color:rgba(255,216,77,.42);
    }
    .hero-title{
      font-size:clamp(2rem, 4vw, 3.45rem);
      line-height:1.15;
      font-weight:900;
      letter-spacing:-.5px;
      margin:0 0 14px;
      color:var(--text);
    }
    .hero-lead{
      font-size:1.06rem;
      line-height:1.82;
      color:#4C352D;
      max-width:58ch;
      margin:0 0 22px;
    }
    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-bottom:18px;
    }
    .hero-meta{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }
    .meta-chip{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:.58rem .86rem;
      border-radius:999px;
      background:#fff;
      border:1px solid rgba(244,200,173,.95);
      color:#54392E;
      font-weight:700;
      box-shadow:0 8px 20px rgba(160,52,18,.05);
    }
    .meta-chip .mini-dot{
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--primary);
      box-shadow:0 0 0 4px rgba(233,48,26,.08);
    }
    .hero-panel{
      position:relative;
      z-index:1;
      border-radius:28px;
      padding:22px;
      background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,250,245,.98));
      border:1px solid rgba(244,200,173,.92);
      box-shadow:0 14px 30px rgba(160,52,18,.08);
      height:100%;
    }
    .hero-panel .panel-title{
      font-weight:900;
      color:var(--deep);
      margin-bottom:14px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:10px;
    }
    .hero-panel .panel-title span:last-child{
      font-size:.84rem;
      color:#A04A2E;
      background:rgba(255,122,26,.12);
      border:1px solid rgba(255,122,26,.18);
      padding:.28rem .65rem;
      border-radius:999px;
      white-space:nowrap;
    }
    .status-board{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:12px;
    }
    .status-card{
      background:var(--bg-soft);
      border-radius:18px;
      padding:14px;
      border:1px solid rgba(244,200,173,.9);
      min-height:98px;
    }
    .status-card .num{
      display:block;
      font-size:1.7rem;
      font-weight:900;
      color:var(--primary);
      line-height:1;
      margin-bottom:8px;
    }
    .status-card .label{
      font-weight:800;
      color:#4E342B;
      margin-bottom:4px;
    }
    .status-card .small{
      font-size:.92rem;
      color:var(--muted);
    }
    .status-card.full{
      grid-column:1 / -1;
      background:linear-gradient(135deg, rgba(233,48,26,.10), rgba(255,122,26,.12));
    }
    .countdown-panel{
      padding:24px 24px 22px;
      background:linear-gradient(135deg, rgba(233,48,26,.96), rgba(255,122,26,.95));
      color:#fff;
      box-shadow:0 18px 34px rgba(233,48,26,.22);
    }
    .countdown-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:18px;
      flex-wrap:wrap;
      margin-bottom:16px;
    }
    .countdown-title{
      margin:0;
      font-size:1.35rem;
      font-weight:900;
      letter-spacing:.2px;
    }
    .countdown-sub{
      margin:6px 0 0;
      color:rgba(255,255,255,.88);
    }
    .countdown-tags{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }
    .countdown-tags .soft-badge{
      background:rgba(255,255,255,.16);
      color:#fff;
      border-color:rgba(255,255,255,.16);
    }
    .countdown-grid{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:14px;
    }
    .count-box{
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.18);
      border-radius:20px;
      padding:16px 14px;
      text-align:center;
      backdrop-filter:blur(4px);
    }
    .count-num{
      display:block;
      font-size:clamp(1.8rem, 4vw, 2.7rem);
      font-weight:900;
      line-height:1;
      margin-bottom:8px;
      letter-spacing:1px;
    }
    .count-label{
      display:block;
      font-size:.9rem;
      color:rgba(255,255,255,.88);
      letter-spacing:.25px;
    }
    .count-note{
      margin-top:12px;
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
      color:rgba(255,255,255,.92);
      font-weight:700;
    }
    .count-note small{
      font-weight:600;
      color:rgba(255,255,255,.82);
    }
    .filter-panel{
      padding:22px;
    }
    .section-heading{
      margin-bottom:14px;
    }
    .section-kicker{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--primary);
      font-weight:800;
      font-size:.92rem;
      letter-spacing:.3px;
      margin-bottom:8px;
    }
    .section-kicker::before{
      content:"";
      width:18px;
      height:3px;
      border-radius:999px;
      background:linear-gradient(135deg, var(--primary), var(--primary-2));
      display:inline-block;
    }
    .section-title{
      font-size:clamp(1.55rem, 2.8vw, 2.15rem);
      font-weight:900;
      line-height:1.22;
      margin:0 0 8px;
      color:var(--text);
    }
    .section-lead{
      margin:0;
      color:var(--muted);
      max-width:68ch;
      font-size:1rem;
    }
    .filter-group{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:18px;
    }
    .filter-pill{
      border:1px solid rgba(244,200,173,.95);
      background:#fff;
      color:#56362B;
      padding:.68rem 1rem;
      border-radius:999px;
      font-weight:800;
      transition:all .2s ease;
      box-shadow:0 8px 18px rgba(160,52,18,.04);
    }
    .filter-pill:hover{
      transform:translateY(-1px);
      border-color:rgba(233,48,26,.28);
      color:var(--primary);
      box-shadow:0 12px 22px rgba(160,52,18,.08);
    }
    .filter-pill.active{
      color:#fff;
      background:linear-gradient(135deg, var(--primary), var(--primary-2));
      border-color:transparent;
      box-shadow:0 12px 22px rgba(233,48,26,.18);
    }
    .assurance-strip{
      margin-top:18px;
      padding:18px;
      background:var(--bg-soft);
      border-radius:22px;
      border:1px solid rgba(244,200,173,.95);
    }
    .assurance-row{
      display:grid;
      grid-template-columns:repeat(5, minmax(0, 1fr));
      gap:12px;
    }
    .assurance-item{
      display:flex;
      align-items:flex-start;
      gap:12px;
      padding:14px 12px;
      border-radius:18px;
      background:#fff;
      border:1px solid rgba(244,200,173,.84);
      box-shadow:0 8px 18px rgba(160,52,18,.04);
    }
    .assurance-icon{
      width:36px;
      height:36px;
      flex:0 0 auto;
      border-radius:12px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:linear-gradient(135deg, rgba(233,48,26,.12), rgba(255,122,26,.12));
      color:var(--primary);
      border:1px solid rgba(233,48,26,.14);
    }
    .assurance-icon svg{
      width:18px;
      height:18px;
      stroke:currentColor;
      fill:none;
      stroke-width:2.2;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    .assurance-item strong{
      display:block;
      font-size:.96rem;
      margin-bottom:4px;
      color:var(--text);
    }
    .assurance-item span{
      font-size:.9rem;
      color:var(--muted);
      line-height:1.55;
    }
    .content-wrap{
      margin-top:28px;
    }
    .entry-section{
      margin-top:0;
    }
    .entry-list-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:18px;
    }
    .entry-card{
      position:relative;
      overflow:hidden;
      transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      height:100%;
    }
    .entry-card::before{
      content:"";
      position:absolute;
      inset:0 0 auto 0;
      height:4px;
      background:linear-gradient(90deg, var(--primary), var(--primary-2));
    }
    .entry-card:hover{
      transform:translateY(-3px);
      border-color:#FF7A1A;
      box-shadow:0 18px 34px rgba(160,52,18,.14);
    }
    .entry-card .card-body{
      padding:22px;
    }
    .entry-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px;
      margin-bottom:16px;
    }
    .entry-number{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:48px;
      padding:.45rem .7rem;
      border-radius:14px;
      background:rgba(233,48,26,.10);
      color:var(--primary);
      font-weight:900;
      font-size:.9rem;
      letter-spacing:.8px;
      margin-bottom:10px;
    }
    .entry-title{
      margin:0 0 10px;
      font-size:1.24rem;
      font-weight:900;
      color:var(--text);
      line-height:1.32;
    }
    .entry-desc{
      margin:0;
      color:#573930;
      line-height:1.8;
      font-size:.98rem;
    }
    .entry-meta{
      display:flex;
      flex-wrap:wrap;
      gap:8px 10px;
      margin-top:16px;
      color:var(--muted);
      font-size:.93rem;
    }
    .entry-meta span{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:.38rem .68rem;
      border-radius:999px;
      background:var(--bg-soft);
      border:1px solid rgba(244,200,173,.72);
    }
    .entry-status{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:.48rem .76rem;
      border-radius:999px;
      font-weight:800;
      font-size:.86rem;
      white-space:nowrap;
      border:1px solid transparent;
    }
    .entry-status.ok{background:rgba(34,160,107,.12);color:var(--success);border-color:rgba(34,160,107,.18)}
    .entry-status.warn{background:rgba(255,122,26,.14);color:#A14D1A;border-color:rgba(255,122,26,.22)}
    .entry-status.hot{background:rgba(233,48,26,.10);color:var(--primary);border-color:rgba(233,48,26,.14)}
    .entry-status.neutral{background:rgba(122,29,16,.08);color:var(--deep);border-color:rgba(122,29,16,.12)}
    .entry-actions{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:18px;
    }
    .sidebar-sticky{
      position:sticky;
      top:104px;
    }
    .sidebar-card{
      padding:20px;
      margin-bottom:18px;
    }
    .side-title{
      font-size:1.1rem;
      font-weight:900;
      margin:0 0 12px;
      color:var(--deep);
    }
    .mini-count{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:10px;
      margin-top:14px;
    }
    .mini-count .count-box{
      padding:14px 10px;
    }
    .mini-count .count-num{
      font-size:1.4rem;
      margin-bottom:6px;
    }
    .sidebar-note{
      margin-top:12px;
      color:var(--muted);
      font-size:.95rem;
      line-height:1.72;
    }
    .check-list{
      list-style:none;
      padding:0;
      margin:0;
      display:grid;
      gap:10px;
    }
    .check-list li{
      display:flex;
      align-items:flex-start;
      gap:10px;
      color:#56362B;
      line-height:1.68;
      font-size:.96rem;
    }
    .check-list li svg{
      width:18px;
      height:18px;
      flex:0 0 auto;
      margin-top:.2rem;
      stroke:var(--primary);
      fill:none;
      stroke-width:2.3;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    .form-panel{
      background:linear-gradient(180deg, #fff, #FFF7EE);
    }
    .form-label{
      font-weight:800;
      color:#55352B;
      margin-bottom:8px;
    }
    .form-control,
    .form-select{
      border-radius:16px;
      border:1px solid rgba(244,200,173,.95);
      background:#fff;
      padding:.78rem 1rem;
      color:var(--text);
      box-shadow:none;
    }
    .form-control:focus,
    .form-select:focus{
      border-color:rgba(233,48,26,.45);
      box-shadow:0 0 0 .22rem rgba(233,48,26,.12);
    }
    .form-control::placeholder{
      color:#9A8074;
    }
    .form-check{
      padding-left:1.9rem;
    }
    .form-check-input{
      width:1.08rem;
      height:1.08rem;
      margin-top:.36rem;
      border-color:rgba(233,48,26,.35);
    }
    .form-check-input:checked{
      background-color:var(--primary);
      border-color:var(--primary);
    }
    .form-check-label{
      color:#54362B;
      font-size:.95rem;
      line-height:1.7;
    }
    .form-note{
      font-size:.92rem;
      color:var(--muted);
      line-height:1.7;
      margin-top:12px;
    }
    .cta-ribbon{
      margin-top:28px;
      background:
        radial-gradient(circle at top left, rgba(255,216,77,.24), transparent 22%),
        linear-gradient(135deg, var(--deep), #5F1810);
      color:#fff;
      border-radius:28px;
      padding:24px;
      box-shadow:0 18px 36px rgba(122,29,16,.18);
    }
    .cta-ribbon h2{
      margin:0 0 10px;
      font-size:clamp(1.35rem, 2.6vw, 2rem);
      font-weight:900;
      line-height:1.28;
    }
    .cta-ribbon p{
      margin:0;
      color:rgba(255,255,255,.84);
      max-width:66ch;
    }
    .cta-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:18px;
    }
    .cta-ribbon .btn-soft{
      background:rgba(255,255,255,.96);
      color:var(--deep);
      border-color:rgba(255,255,255,.18);
    }
    .faq-section{
      margin-top:28px;
    }
    .faq-card{
      padding:24px;
    }
    .accordion-item{
      border:1px solid rgba(244,200,173,.9);
      background:#fff;
      border-radius:18px !important;
      overflow:hidden;
      box-shadow:0 8px 18px rgba(160,52,18,.05);
      margin-bottom:12px;
    }
    .accordion-button{
      background:#fff7ef;
      color:var(--text);
      font-weight:800;
      border:none;
      padding:1rem 1.1rem;
      box-shadow:none !important;
    }
    .accordion-button:not(.collapsed){
      color:var(--deep);
      background:linear-gradient(135deg, rgba(233,48,26,.10), rgba(255,122,26,.12));
    }
    .accordion-button::after{
      filter:grayscale(100%) brightness(55%) sepia(22%) hue-rotate(320deg) saturate(230%);
    }
    .accordion-body{
      background:var(--bg-soft);
      color:#573930;
      line-height:1.82;
      padding:1rem 1.1rem 1.1rem;
    }
    .faq-tag{
      display:inline-flex;
      align-items:center;
      padding:.26rem .55rem;
      border-radius:999px;
      margin-right:8px;
      background:rgba(233,48,26,.12);
      color:var(--primary);
      font-size:.78rem;
      font-weight:900;
      vertical-align:middle;
    }
    .site-footer{
      background:linear-gradient(180deg, #6C1D12, #52170F);
      color:rgba(255,255,255,.88);
      padding:34px 0 22px;
      margin-top:34px;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.4fr .9fr 1fr;
      gap:22px;
      align-items:start;
    }
    .footer-brand{
      display:flex;
      align-items:center;
      gap:12px;
      font-weight:900;
      color:#fff;
      margin-bottom:14px;
    }
    .footer-brand .logo-mark{
      width:38px;
      height:38px;
      border-radius:13px;
      font-size:16px;
    }
    .footer-title{
      color:#fff;
      font-weight:900;
      margin-bottom:12px;
      font-size:1rem;
    }
    .footer-links{
      display:grid;
      gap:10px;
    }
    .footer-links a{
      color:rgba(255,255,255,.82);
      transition:color .2s ease, transform .2s ease;
      display:inline-flex;
      width:max-content;
    }
    .footer-links a:hover{
      color:#FFD84D;
      transform:translateX(2px);
    }
    .footer-text{
      color:rgba(255,255,255,.76);
      margin:0;
      line-height:1.85;
    }
    .copyright{
      margin-top:22px;
      padding-top:16px;
      border-top:1px solid rgba(255,255,255,.16);
      display:flex;
      flex-wrap:wrap;
      justify-content:space-between;
      gap:10px;
      font-size:.92rem;
      color:rgba(255,255,255,.72);
    }
    .badge-soft{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:.38rem .64rem;
      border-radius:999px;
      font-weight:800;
      font-size:.82rem;
      border:1px solid transparent;
    }
    .badge-soft.red{background:rgba(233,48,26,.1);color:var(--primary);border-color:rgba(233,48,26,.12)}
    .badge-soft.orange{background:rgba(255,122,26,.14);color:#A24B19;border-color:rgba(255,122,26,.18)}
    .badge-soft.yellow{background:rgba(255,216,77,.4);color:var(--deep);border-color:rgba(255,216,77,.46)}
    .tiny-note{
      color:var(--muted);
      font-size:.92rem;
    }
    .muted{
      color:var(--muted) !important;
    }
    .icon-bullet{
      width:18px;
      height:18px;
      flex:0 0 auto;
      color:var(--primary);
    }
    .icon-bullet svg{
      width:18px;
      height:18px;
      stroke:currentColor;
      fill:none;
      stroke-width:2.2;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    .border-dashed-soft{
      border:1px dashed rgba(244,200,173,.95);
    }
    .small-print{
      font-size:.9rem;
      color:var(--muted);
      line-height:1.7;
    }
    @media (max-width: 1199.98px){
      .assurance-row{
        grid-template-columns:repeat(3, minmax(0, 1fr));
      }
      .footer-grid{
        grid-template-columns:1fr 1fr;
      }
    }
    @media (max-width: 991.98px){
      body{padding-top:78px}
      .navbar-collapse{
        padding:16px 0 4px;
      }
      .nav-cta{
        margin-left:0;
        margin-top:10px;
      }
      .hero-inner{
        padding:24px;
      }
      .entry-list-grid{
        grid-template-columns:1fr;
      }
      .sidebar-sticky{
        position:static;
      }
      .content-wrap .row{
        --bs-gutter-y:18px;
      }
      .assurance-row{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
      .countdown-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
      .footer-grid{
        grid-template-columns:1fr;
      }
    }
    @media (max-width: 767.98px){
      .hero-title{
        font-size:clamp(1.8rem, 7vw, 2.5rem);
      }
      .hero-panel{
        border-radius:22px;
      }
      .status-board{
        grid-template-columns:1fr;
      }
      .countdown-panel,
      .filter-panel,
      .faq-card,
      .sidebar-card,
      .cta-ribbon{
        padding:18px;
      }
      .assurance-row{
        grid-template-columns:1fr;
      }
      .countdown-grid{
        grid-template-columns:1fr 1fr;
      }
      .cta-actions,
      .hero-actions,
      .nav-cta{
        width:100%;
      }
      .btn-brand,
      .btn-soft{
        width:100%;
      }
      .entry-actions .btn-brand,
      .entry-actions .btn-soft{
        width:auto;
      }
      .copyright{
        flex-direction:column;
      }
    }
    @media (max-width: 575.98px){
      .site-container{
        width:min(100% - 20px, var(--container));
      }
      .hero-inner{
        padding:20px;
      }
      .hero-title{
        font-size:1.9rem;
      }
      .hero-lead{
        font-size:1rem;
      }
      .status-tag{
        width:100%;
        justify-content:center;
      }
      .countdown-grid{
        grid-template-columns:1fr;
      }
      .entry-card .card-body{
        padding:18px;
      }
      .entry-head{
        flex-direction:column;
      }
      .accordion-button,
      .accordion-body{
        padding-left:.95rem;
        padding-right:.95rem;
      }
    }
    :focus-visible{
      outline:3px solid rgba(255,122,26,.35);
      outline-offset:3px;
    }