/* roulang page: index */
:root{
      --bg:#0b0d10;
      --panel:#11151b;
      --panel-2:#151b22;
      --line:rgba(255,255,255,.08);
      --text:#f2f4f7;
      --muted:#a7b0bc;
      --accent:#ff6a2b;
      --accent2:#34d1c8;
      --danger:#e84c4c;
      --radius:8px;
      --shadow:0 14px 30px rgba(0,0,0,.28);
      --shadow-soft:0 10px 22px rgba(0,0,0,.18);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--text);
      background:
        linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0) 120px),
        linear-gradient(90deg, rgba(255,255,255,.032) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.032) 1px, transparent 1px),
        var(--bg);
      background-size:100% 100%, 44px 44px, 44px 44px, auto;
      background-position:0 0, 0 0, 0 0, 0 0;
      font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      line-height:1.6;
      letter-spacing:0;
    }
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    ::selection{background:rgba(255,106,43,.35);color:#fff}
    .container-wide{width:min(1180px,calc(100% - 2rem));margin-inline:auto}
    .panel{
      background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
      border:1px solid var(--line);
      border-radius:var(--radius);
      box-shadow:var(--shadow-soft);
    }
    .panel-strong{
      background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
      border:1px solid rgba(255,255,255,.1);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }
    .chip{
      display:inline-flex;
      align-items:center;
      gap:.45rem;
      padding:.35rem .65rem;
      border:1px solid rgba(255,255,255,.1);
      border-radius:999px;
      background:rgba(255,255,255,.03);
      color:#d7dde5;
      font-size:.78rem;
      line-height:1;
      white-space:nowrap;
    }
    .chip-accent{
      border-color:rgba(255,106,43,.35);
      background:rgba(255,106,43,.1);
      color:#ffd3c1;
    }
    .chip-cyan{
      border-color:rgba(52,209,200,.35);
      background:rgba(52,209,200,.09);
      color:#d2fffb;
    }
    .btn-primary, .btn-secondary, .btn-ghost{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.55rem;
      min-height:44px;
      padding:.8rem 1rem;
      border-radius:8px;
      transition:transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
      white-space:nowrap;
    }
    .btn-primary{
      background:var(--accent);
      color:#111;
      font-weight:700;
      box-shadow:0 10px 22px rgba(255,106,43,.18);
    }
    .btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(255,106,43,.22)}
    .btn-secondary{
      background:rgba(255,255,255,.03);
      color:#eff2f5;
      border:1px solid rgba(255,255,255,.12);
    }
    .btn-secondary:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.05)}
    .btn-ghost{
      background:transparent;
      color:#d7dde5;
      border:1px solid rgba(255,255,255,.08);
    }
    .btn-ghost:hover{transform:translateY(-1px);border-color:rgba(52,209,200,.32);color:#e7fffc}
    .section-kicker{
      display:inline-flex;
      align-items:center;
      gap:.55rem;
      color:#d9dee6;
      font-size:.82rem;
      letter-spacing:0;
      text-transform:none;
    }
    .section-kicker::before{
      content:"";
      width:10px;
      height:10px;
      border-radius:999px;
      background:var(--accent);
      box-shadow:0 0 0 4px rgba(255,106,43,.12);
      flex:none;
    }
    .nav-link{
      position:relative;
      padding:.65rem .8rem;
      border-radius:8px;
      color:#c7ced8;
      transition:background-color .18s ease, color .18s ease, transform .18s ease;
    }
    .nav-link:hover{
      background:rgba(255,255,255,.04);
      color:#fff;
      transform:translateY(-1px);
    }
    .nav-link[aria-current="page"]{
      color:#fff;
      background:rgba(255,106,43,.14);
      border:1px solid rgba(255,106,43,.28);
    }
    .nav-link[aria-current="page"]::after{
      content:"";
      position:absolute;
      left:50%;
      bottom:-9px;
      width:18px;
      height:3px;
      transform:translateX(-50%);
      border-radius:999px;
      background:var(--accent);
    }
    .card-grid{
      display:grid;
      gap:1rem;
    }
    .info-card{
      min-height:100%;
      padding:1rem;
      border-radius:8px;
      border:1px solid var(--line);
      background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.012));
      transition:transform .18s ease, border-color .18s ease, background-color .18s ease;
    }
    .info-card:hover{
      transform:translateY(-2px);
      border-color:rgba(255,255,255,.16);
      background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
    }
    .data-pill{
      display:inline-flex;
      align-items:center;
      gap:.4rem;
      padding:.34rem .6rem;
      border-radius:999px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.08);
      color:#e6ebf1;
      font-size:.76rem;
      white-space:nowrap;
    }
    .meta-line{
      height:8px;
      border-radius:999px;
      background:#1b212a;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.06);
    }
    .meta-line > span{
      display:block;
      height:100%;
      border-radius:inherit;
      background:linear-gradient(90deg, var(--accent), #ff9566);
    }
    details{
      border-radius:8px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.02);
      overflow:hidden;
    }
    details + details{margin-top:.8rem}
    summary{
      list-style:none;
      cursor:pointer;
      padding:1rem 1rem;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:1rem;
      font-weight:600;
      color:#f4f7fa;
    }
    summary::-webkit-details-marker{display:none}
    details[open]{
      border-color:rgba(52,209,200,.22);
      background:rgba(255,255,255,.028);
    }
    .faq-body{
      padding:0 1rem 1rem 1rem;
      color:var(--muted);
      font-size:.95rem;
    }
    .mini-link{
      display:inline-flex;
      align-items:center;
      gap:.35rem;
      color:#d8dee7;
      transition:color .18s ease;
    }
    .mini-link:hover{color:#fff}
    .grid-hero{
      display:grid;
      gap:1.5rem;
      align-items:stretch;
    }
    .hero-matrix{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:.9rem;
    }
    .hero-token{
      padding:.8rem .9rem;
      border-radius:8px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.025);
    }
    .ticker-dot{
      width:10px;
      height:10px;
      border-radius:999px;
      background:#3a434f;
      box-shadow:0 0 0 4px transparent;
      transition:all .18s ease;
    }
    .ticker-dot.is-active{
      background:var(--accent2);
      box-shadow:0 0 0 4px rgba(52,209,200,.12);
    }
    .floating-cta{
      position:fixed;
      right:1rem;
      bottom:1rem;
      z-index:50;
      display:none;
    }
    .floating-cta .floating-stack{
      display:flex;
      flex-direction:column;
      gap:.6rem;
    }
    .floating-mobile{
      position:fixed;
      inset:auto 0 0 0;
      z-index:50;
      display:none;
      padding:.65rem .8rem calc(.75rem + env(safe-area-inset-bottom));
      background:rgba(11,13,16,.9);
      border-top:1px solid rgba(255,255,255,.08);
      backdrop-filter:blur(10px);
    }
    .floating-mobile .mobile-row{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:.6rem;
    }
    .mobile-btn{
      min-height:42px;
      border-radius:8px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.35rem;
      padding:.6rem .5rem;
      font-size:.86rem;
      border:1px solid rgba(255,255,255,.1);
      background:rgba(255,255,255,.03);
      color:#eef2f7;
    }
    .mobile-btn.primary{
      background:var(--accent);
      border-color:transparent;
      color:#111;
      font-weight:700;
    }
    .count-ring{
      width:182px;
      height:182px;
      position:relative;
    }
    .count-ring svg{
      width:100%;
      height:100%;
      transform:rotate(-90deg);
    }
    .count-ring .center{
      position:absolute;
      inset:0;
      display:flex;
      align-items:center;
      justify-content:center;
      flex-direction:column;
      text-align:center;
      pointer-events:none;
    }
    .count-ring .time{
      font-size:1.45rem;
      line-height:1.1;
      font-weight:800;
      letter-spacing:0;
    }
    .count-ring .label{
      margin-top:.25rem;
      color:var(--muted);
      font-size:.8rem;
    }
    .title-tight{line-height:1.08;letter-spacing:0}
    .subtitle{color:var(--muted)}
    .news-list li + li{border-top:1px solid rgba(255,255,255,.08)}
    .news-list a{
      display:flex;
      justify-content:space-between;
      gap:1rem;
      padding:1rem 0;
    }
    .news-list a:hover .news-title{color:#fff}
    .news-title{
      color:#e9edf2;
      transition:color .18s ease;
    }
    .news-time{
      color:var(--muted);
      flex:none;
      font-size:.88rem;
    }
    .footer-link{
      color:#b8c0cb;
      transition:color .18s ease;
    }
    .footer-link:hover{color:#fff}
    .mobile-menu{
      display:none;
    }
    @media (min-width: 1024px){
      .grid-hero{grid-template-columns:1.22fr .78fr}
      .card-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
      .card-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
      .two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:1.25rem}
      .three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
      .floating-cta{display:block}
    }
    @media (max-width: 1023.98px){
      .desktop-nav{display:none}
      .mobile-menu{display:block}
    }
    @media (max-width: 767.98px){
      .hero-matrix{grid-template-columns:1fr}
      .count-ring{width:160px;height:160px}
      .floating-mobile{display:block}
      main{padding-bottom:5.25rem}
    }

/* roulang page: category1 */
:root {
      --bg: #0b0d10;
      --bg-deep: #090b0e;
      --panel: #12161c;
      --panel-strong: #171c23;
      --text: #f7f8fa;
      --muted: #9aa4b2;
      --soft: #687281;
      --line: rgba(255,255,255,.08);
      --line-strong: rgba(255,255,255,.14);
      --orange: #ff6b2b;
      --red: #e23d3d;
      --cyan: #62d5d0;
      --green: #79d68a;
      --shadow: 0 12px 32px rgba(0,0,0,.28);
      --radius: 8px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      background:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px),
        var(--bg);
      background-size: 28px 28px;
      color: var(--text);
      font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
      line-height: 1.6;
    }
    a { color: inherit; text-decoration: none; }
    button, input, select { font: inherit; }
    button { cursor: pointer; }
    ::selection { background: rgba(255,107,43,.35); color: #fff; }

    .container-wide {
      width: min(1180px, calc(100% - 32px));
      margin-inline: auto;
    }
    .shadow-soft { box-shadow: 0 8px 24px rgba(0,0,0,.22); }
    .nav-link {
      display: inline-flex;
      align-items: center;
      min-height: 38px;
      padding: 0 14px;
      border: 1px solid transparent;
      border-radius: var(--radius);
      color: #cbd3df;
      transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
    }
    .nav-link:hover,
    .nav-link:focus-visible {
      color: #fff;
      border-color: var(--line-strong);
      background: rgba(255,255,255,.06);
      outline: none;
    }
    .nav-link[aria-current="page"] {
      color: #fff;
      border-color: rgba(255,107,43,.46);
      background: rgba(255,107,43,.13);
    }
    .mobile-menu { display: none; }

    .section {
      padding: 72px 0;
      border-top: 1px solid rgba(255,255,255,.06);
    }
    .section-tight { padding: 46px 0; }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 28px;
      padding: 4px 10px;
      border: 1px solid rgba(255,107,43,.36);
      border-radius: 999px;
      background: rgba(255,107,43,.11);
      color: #ffd1bd;
      font-size: 13px;
      font-weight: 600;
    }
    .eyebrow::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--orange);
      box-shadow: 0 0 0 4px rgba(255,107,43,.15);
    }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-height: 44px;
      padding: 0 18px;
      border-radius: var(--radius);
      border: 1px solid transparent;
      font-weight: 700;
      transition: transform .2s ease, filter .2s ease, border-color .2s ease, background .2s ease;
      white-space: nowrap;
    }
    .btn:hover { transform: translateY(-1px); }
    .btn:focus-visible {
      outline: 2px solid rgba(98,213,208,.75);
      outline-offset: 3px;
    }
    .btn-primary {
      background: var(--orange);
      color: #130b07;
      box-shadow: 0 10px 22px rgba(255,107,43,.2);
    }
    .btn-primary:hover { filter: brightness(1.08); }
    .btn-secondary {
      border-color: var(--line-strong);
      background: rgba(255,255,255,.05);
      color: #fff;
    }
    .btn-secondary:hover {
      border-color: rgba(255,255,255,.25);
      background: rgba(255,255,255,.08);
    }
    .panel {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.03));
      box-shadow: var(--shadow);
    }
    .card {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: rgba(18,22,28,.88);
      transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
    }
    .card:hover {
      transform: translateY(-2px);
      border-color: rgba(255,107,43,.32);
      background: rgba(23,28,35,.96);
      box-shadow: 0 14px 28px rgba(0,0,0,.22);
    }
    .tag {
      display: inline-flex;
      align-items: center;
      min-height: 26px;
      padding: 3px 9px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.1);
      background: rgba(255,255,255,.05);
      color: #cbd3df;
      font-size: 12px;
      font-weight: 600;
    }
    .tag-hot {
      border-color: rgba(255,107,43,.38);
      color: #ffd1bd;
      background: rgba(255,107,43,.12);
    }
    .status-line {
      height: 7px;
      overflow: hidden;
      border-radius: 999px;
      background: rgba(255,255,255,.08);
    }
    .status-line span {
      display: block;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, var(--orange), var(--cyan));
    }
    .filter-chip {
      display: inline-flex;
      align-items: center;
      height: 36px;
      padding: 0 13px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.045);
      color: #cbd3df;
      font-size: 14px;
      transition: color .2s ease, background .2s ease, border-color .2s ease;
    }
    .filter-chip:hover,
    .filter-chip.active {
      color: #fff;
      border-color: rgba(255,107,43,.42);
      background: rgba(255,107,43,.12);
    }
    .search-box {
      width: 100%;
      min-height: 46px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: rgba(255,255,255,.045);
      color: #fff;
      padding: 0 14px;
      outline: none;
      transition: border-color .2s ease, background .2s ease;
    }
    .search-box:focus {
      border-color: rgba(98,213,208,.58);
      background: rgba(255,255,255,.07);
    }
    .rank-cell {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px;
      border-radius: 7px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.055);
      color: #fff;
      font-weight: 800;
    }
    .faq-item {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: rgba(255,255,255,.035);
      overflow: hidden;
    }
    .faq-question {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 18px 20px;
      color: #fff;
      text-align: left;
      font-weight: 700;
    }
    .faq-answer {
      display: none;
      padding: 0 20px 18px;
      color: var(--muted);
      font-size: 15px;
    }
    .faq-item.open .faq-answer { display: block; }
    .faq-icon {
      flex: 0 0 auto;
      width: 24px;
      height: 24px;
      border: 1px solid var(--line);
      border-radius: 6px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--orange);
    }
    .floating-cta {
      position: fixed;
      right: 22px;
      bottom: 22px;
      z-index: 35;
      display: grid;
      gap: 10px;
    }
    .floating-cta a {
      min-width: 132px;
      justify-content: center;
      box-shadow: 0 10px 26px rgba(0,0,0,.32);
    }
    .footer-link {
      color: #aeb8c6;
      transition: color .2s ease, transform .2s ease;
    }
    .footer-link:hover {
      color: #fff;
      transform: translateX(2px);
    }

    @media (max-width: 1024px) {
      .section { padding: 58px 0; }
      .hero-grid { grid-template-columns: 1fr; }
      .floating-cta { right: 16px; bottom: 16px; }
    }
    @media (max-width: 768px) {
      .desktop-nav { display: none; }
      .mobile-menu { display: inline-flex; }
      #mobileMenu.mobile-menu { display: none; }
      #mobileMenu.mobile-menu.open { display: block; }
      .container-wide { width: min(100% - 24px, 1180px); }
      .section { padding: 48px 0; }
      .btn { width: 100%; }
      .floating-cta {
        left: 12px;
        right: 12px;
        bottom: 12px;
        grid-template-columns: 1fr 1fr;
      }
      .floating-cta a {
        min-width: 0;
        min-height: 42px;
        padding-inline: 10px;
        font-size: 14px;
      }
      body { padding-bottom: 74px; }
    }
    @media (max-width: 520px) {
      h1 { font-size: 2.15rem !important; }
      .filter-chip { height: 34px; padding-inline: 10px; font-size: 13px; }
      .rank-cell { width: 30px; height: 30px; }
      .faq-question { padding: 16px; }
      .faq-answer { padding: 0 16px 16px; }
    }

/* roulang page: category2 */
:root{
  --bg:#0b0d10;
  --bg-soft:#10141a;
  --panel:#12171d;
  --panel-2:#171d25;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.15);
  --text:#eef2f7;
  --muted:#9aa4b2;
  --accent:#ff6a2b;
  --accent-2:#f23d3d;
  --accent-3:#69d0ff;
  --success:#48d597;
  --shadow-soft:0 12px 28px rgba(0,0,0,.24);
  --radius:8px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:32px 32px;
  opacity:.18;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.9), rgba(0,0,0,.6) 60%, rgba(0,0,0,.35));
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,summary{font:inherit}
button{cursor:pointer}
::selection{background:rgba(255,106,43,.24);color:#fff}
.container-wide{
  width:min(1180px, calc(100% - 2rem));
  margin-inline:auto;
}
.shadow-soft{box-shadow:var(--shadow-soft)}
.nav-link{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  min-height:2.5rem;
  padding:.68rem .95rem;
  border:1px solid transparent;
  border-radius:var(--radius);
  color:#c9d1db;
  transition:background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.nav-link:hover{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.08);
  color:#fff;
  transform:translateY(-1px);
}
.nav-link[aria-current="page"]{
  background:rgba(255,106,43,.12);
  border-color:rgba(255,106,43,.28);
  color:#fff;
}
.footer-link{
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  padding:.12rem 0;
  color:#98a2b3;
  transition:color .18s ease, transform .18s ease;
}
.footer-link:hover{
  color:#fff;
  transform:translateX(2px);
}
.btn-primary,.btn-secondary,.btn-ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  min-height:2.85rem;
  padding:.72rem 1rem;
  border-radius:var(--radius);
  border:1px solid transparent;
  transition:transform .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
  white-space:nowrap;
}
.btn-primary{
  background:var(--accent);
  color:#110b08;
  font-weight:700;
  box-shadow:0 10px 24px rgba(255,106,43,.18);
}
.btn-primary:hover{
  transform:translateY(-1px);
  background:#ff7c43;
  box-shadow:0 12px 28px rgba(255,106,43,.26);
}
.btn-secondary{
  background:rgba(255,255,255,.03);
  color:#fff;
  border-color:rgba(255,255,255,.12);
}
.btn-secondary:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.18);
}
.btn-ghost{
  background:transparent;
  color:#c7d0db;
  border-color:rgba(255,255,255,.10);
}
.btn-ghost:hover{
  color:#fff;
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.04);
}
.chip,.badge{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  min-height:1.9rem;
  padding:.22rem .62rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  color:#d5dbe3;
  font-size:.82rem;
}
.badge-accent{
  background:rgba(255,106,43,.12);
  border-color:rgba(255,106,43,.26);
  color:#ffd6c6;
}
.badge-success{
  background:rgba(72,213,151,.12);
  border-color:rgba(72,213,151,.22);
  color:#c5f7df;
}
.badge-info{
  background:rgba(105,208,255,.12);
  border-color:rgba(105,208,255,.22);
  color:#d9f3ff;
}
.panel{
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
}
.panel-strong{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid var(--line-strong);
  border-radius:var(--radius);
}
.metric{
  padding:1rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius);
  background:rgba(255,255,255,.02);
}
.metric .value{
  font-size:1.3rem;
  font-weight:700;
  color:#fff;
  line-height:1.1;
}
.metric .label{
  margin-top:.35rem;
  font-size:.82rem;
  color:var(--muted);
}
.list-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:.95rem 0;
  border-top:1px solid rgba(255,255,255,.08);
}
.list-row:first-child{border-top:0;padding-top:0}
.list-row:last-child{padding-bottom:0}
.list-row .title{
  color:#fff;
  font-weight:600;
}
.list-row .meta{
  color:var(--muted);
  font-size:.84rem;
}
.list-row .desc{
  margin-top:.25rem;
  color:#c2cad5;
  font-size:.92rem;
}
.focal-card{
  padding:1rem;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:1rem;
  transition:transform .18s ease, border-color .18s ease, background-color .18s ease;
}
.focal-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.04);
}
.kicker{
  color:#f4a56f;
  font-size:.82rem;
  letter-spacing:0;
  text-transform:none;
}
input[type="search"],input[type="text"]{
  width:100%;
  min-height:2.85rem;
  padding:.72rem .95rem;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  color:#fff;
  outline:none;
  transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
input[type="search"]::placeholder,input[type="text"]::placeholder{
  color:#738091;
}
input[type="search"]:focus,input[type="text"]:focus{
  border-color:rgba(255,106,43,.34);
  background:rgba(255,255,255,.05);
  box-shadow:0 0 0 3px rgba(255,106,43,.12);
}
details.faq-item{
  border:1px solid rgba(255,255,255,.09);
  border-radius:var(--radius);
  background:rgba(255,255,255,.025);
  overflow:hidden;
}
details.faq-item summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1rem;
  color:#fff;
  font-weight:600;
  cursor:pointer;
}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item .faq-body{
  padding:0 1rem 1rem;
  color:#c2cad5;
  font-size:.95rem;
}
details.faq-item[open]{
  border-color:rgba(255,106,43,.22);
}
details.faq-item[open] summary{
  background:rgba(255,255,255,.03);
}
.faq-caret{
  transition:transform .18s ease;
  color:#9aa4b2;
  flex:0 0 auto;
}
details.faq-item[open] .faq-caret{
  transform:rotate(180deg);
}
.rule-list{
  display:grid;
  gap:.65rem;
}
.rule-list li{
  display:flex;
  gap:.6rem;
  align-items:flex-start;
  color:#d0d7e1;
}
.rule-dot{
  flex:0 0 auto;
  width:.5rem;
  height:.5rem;
  border-radius:999px;
  margin-top:.55rem;
  background:var(--accent);
  box-shadow:0 0 0 3px rgba(255,106,43,.14);
}
.hero-aside-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.8rem 0;
  border-top:1px solid rgba(255,255,255,.08);
}
.hero-aside-line:first-child{border-top:0;padding-top:0}
.hero-aside-line .left{
  display:flex;
  align-items:flex-start;
  gap:.8rem;
  min-width:0;
}
.hero-aside-line .name{
  color:#fff;
  font-weight:600;
}
.hero-aside-line .sub{
  color:var(--muted);
  font-size:.84rem;
}
.hero-aside-line .state{
  flex:0 0 auto;
  color:#cfe9dc;
  font-size:.82rem;
  border:1px solid rgba(72,213,151,.22);
  background:rgba(72,213,151,.10);
  padding:.18rem .5rem;
  border-radius:999px;
}
.mobile-bottom{
  backdrop-filter:blur(14px);
  background:rgba(9,11,14,.92);
  border-top:1px solid rgba(255,255,255,.08);
}
.icon-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.85rem;
  height:2.85rem;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:#fff;
  transition:transform .18s ease, border-color .18s ease, background-color .18s ease;
}
.icon-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
}
@media (max-width: 767px){
  .container-wide{
    width:min(1180px, calc(100% - 1rem));
  }
}