:root{
  --fm-background: #f2f3f7;
  --fm-foreground: #1d1d1f;
  --fm-card: rgba(255,255,255,.6);
  --fm-card-foreground: #1d1d1f;
  --fm-primary: #3478f6;
  --fm-primary-foreground: #ffffff;
  --fm-secondary: #5e5ce6;
  --fm-secondary-foreground: #ffffff;
  --fm-muted: #6e6e73;
  --fm-muted-foreground: #aeaeb2;
  --fm-border: rgba(255,255,255,.6);
  --fm-input: rgba(0,0,0,.025);
  --fm-ring: #3478f6;
  --fm-accent: #ff9f0a;
  --fm-accent-foreground: #1d1d1f;
  --fm-destructive: #ff3b30;
  --fm-destructive-foreground: #ffffff;
  --fm-radius-sm: .4rem;
  --fm-radius-md: .53333rem;
  --fm-radius-lg: .74667rem;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:calc(100vw/10)!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}
@media(min-width:750px){html{font-size:2.93333rem!important}}
body{background:#f2f3f7;color:#1d1d1f}
.page{max-width:10rem;margin:0 auto;position:relative;overflow:hidden;min-height:100vh}

/* 背景光晕 */
.glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}
.g1{width:7rem;height:7rem;background:radial-gradient(circle,rgba(52,120,246,.22),transparent 70%);top:-1rem;right:-1.8rem}
.g2{width:6rem;height:6rem;background:radial-gradient(circle,rgba(94,92,230,.18),transparent 70%);top:9rem;left:-2rem}
.g3{width:7rem;height:7rem;background:radial-gradient(circle,rgba(255,159,10,.16),transparent 70%);top:20rem;right:-2rem}
.g4{width:6rem;height:6rem;background:radial-gradient(circle,rgba(52,120,246,.18),transparent 70%);top:32rem;left:-1.5rem}
.g5{width:7rem;height:7rem;background:radial-gradient(circle,rgba(94,92,230,.16),transparent 70%);top:44rem;right:-2rem}

/* 玻璃基卡 */
.card{background:rgba(255,255,255,.42);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border:1px solid rgba(255,255,255,.6);box-shadow:0 .05333rem .26667rem rgba(0,0,0,.03),inset 0 .01333rem 0 rgba(255,255,255,.65)}

/* 头部 */
.header{position:relative;z-index:1;padding:1.06667rem .53333rem .8rem}
.logo{display:inline-flex;align-items:center;gap:.21333rem;background:rgba(255,255,255,.5);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:2.66667rem;padding:.18667rem .48rem .18667rem .18667rem;margin-bottom:.53333rem}
.logo .icon{width:.8rem;height:.8rem;background:#3478f6;border-radius:50%;display:flex;align-items:center;justify-content:center}
.logo .icon svg{width:.4rem;height:.4rem;color:#fff}
.logo span{font-size:.34667rem;font-weight:600;color:#1d1d1f;padding-right:.08rem}
.header h1{font-size:.69333rem;font-weight:800;line-height:1.15;letter-spacing:-.016rem;margin-bottom:.26667rem}
.header h1 span{background:linear-gradient(135deg,#3478f6,#5e5ce6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.header .sub{font-size:.34667rem;color:#6e6e73;line-height:1.5}
.header .trust{display:flex;gap:.32rem;margin-top:.42667rem;flex-wrap:wrap}
.header .trust .t{font-size:.29333rem;color:#6e6e73;display:flex;align-items:center;gap:.10667rem}
.header .trust .t svg{width:.32rem;height:.32rem;stroke:#34c759;stroke-width:2.5;fill:none}

/* 统计 */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.26667rem;position:relative;z-index:1;padding:0 .53333rem;margin-bottom:.32rem}
.brand-line{position:relative;z-index:1;text-align:center;padding:0 .53333rem;margin-bottom:.64rem;font-size:.26667rem;color:#aeaeb2}
.brand-line span{color:#6e6e73;font-weight:500}
.stats .s{text-align:center;padding:.42667rem .08rem;border-radius:.53333rem}
.stats .s.card{}
.stats .v{font-size:.53333rem;font-weight:800;background:linear-gradient(135deg,#3478f6,#5e5ce6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}
.stats .l{font-size:.26667rem;color:#aeaeb2;margin-top:.05333rem}

/* 实时滚动案源卡片 */
.live-sec{position:relative;z-index:1;padding:0 .53333rem;margin-bottom:.64rem}
.live-label{display:flex;align-items:center;gap:.21333rem;margin-bottom:.32rem}
.live-dot{width:.21333rem;height:.21333rem;background:#34c759;border-radius:50%;animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.live-label span{font-size:.32rem;font-weight:600;color:#6e6e73;letter-spacing:.04rem}
.live-box{height:7.2rem;overflow:hidden;border-radius:.53333rem}
.live-box .track{animation:scroll 22s linear infinite}
@keyframes scroll{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
.cs-card{background:rgba(255,255,255,.55);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:.42667rem;padding:.26667rem .34667rem;margin-bottom:.21333rem}
.cs-card .cs-row{display:flex;align-items:flex-start;padding:.08rem 0}
.cs-card .cs-row:last-child{border-bottom:none}
.cs-card .cs-k{font-size:.24rem;color:#aeaeb2;width:1.33333rem;flex-shrink:0;font-weight:500}
.cs-card .cs-v{font-size:.26667rem;color:#1d1d1f;font-weight:500;flex:1;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Section */
.sec{position:relative;z-index:1;padding:0 .53333rem;margin-bottom:.64rem}
.sec-label{font-size:.32rem;font-weight:600;color:#6e6e73;letter-spacing:.04rem;margin-bottom:.32rem;opacity:.75}

/* 差异化对比 */
.diff{display:flex;justify-content:center;gap:.26667rem}
.diff .col{border-radius:.53333rem;padding:.42667rem .37333rem;text-align:center;flex:0 0 auto}
.diff .col.old{background:rgba(255,59,48,.05);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.5)}
.diff .col.new{background:rgba(52,199,89,.05);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.5)}
.diff .col .dl{font-size:.34667rem;font-weight:700;margin-bottom:.18667rem}
.diff .col.old .dl{color:#ff3b30}
.diff .col.new .dl{color:#30b158}
.diff .col .dt{font-size:.29333rem;color:#6e6e73;display:flex;flex-direction:column;gap:.13333rem}
.diff-row{display:flex;align-items:center;gap:.16rem;text-align:left;line-height:1.5;white-space:nowrap}
.diff-icon{width:.4rem;height:.4rem;flex-shrink:0;stroke-width:2.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.diff-icon.cross{stroke:#dc2626}
.diff-icon.check{stroke:#16a34a}

/* 流程 */
.flow-box{display:flex;align-items:center;gap:.16rem;padding:.42667rem .34667rem;border-radius:.53333rem;justify-content:space-between}
.flow-box .fs{font-size:.24rem;font-weight:600;text-align:center;flex:1;min-width:0;white-space:nowrap;padding:.21333rem .10667rem;border-radius:2.66667rem;background:rgba(52,120,246,.08);color:#3478f6}
.flow-box .fs.hl{background:#3478f6;color:#fff;box-shadow:0 .05333rem .16rem rgba(52,120,246,.3)}
.flow-box .fa{color:#aeaeb2;font-size:.24rem;flex-shrink:0}

/* 优势 */
.advs{display:flex;flex-direction:column;gap:.18667rem}
.adv{display:flex;align-items:center;gap:.24rem;padding:.26667rem .34667rem;border-radius:.42667rem}
.adv .icon{width:.48rem;height:.48rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.adv .icon svg{width:100%;height:100%;stroke:#3478f6;stroke-width:1.5;fill:none}
.adv .adv-r{flex:1;min-width:0}
.adv .t{font-size:.32rem;font-weight:700;margin-bottom:.02667rem}
.adv .d{font-size:.26667rem;color:#6e6e73;line-height:1.35}

/* 弹幕 */
.dm-wrap{overflow:hidden;padding:.16rem 0}
.dm-row{display:flex;gap:.32rem;white-space:nowrap;margin-bottom:.21333rem}
.dm-row:nth-child(1) .dm-track{animation:dm1 60s linear infinite}
.dm-row:nth-child(2) .dm-track{animation:dm2 75s linear infinite}
.dm-row:nth-child(3) .dm-track{animation:dm3 65s linear infinite}
.dm-row:nth-child(4) .dm-track{animation:dm4 70s linear infinite}
@keyframes dm1{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes dm2{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes dm3{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes dm4{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.dm-track{display:inline-flex;gap:.32rem}
.dm-item{display:inline-flex;align-items:center;gap:.16rem;background:rgba(255,255,255,.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.55);border-radius:2.66667rem;padding:.21333rem .48rem;font-size:.29333rem;color:#1d1d1f;white-space:nowrap;flex-shrink:0}
.dm-item span{font-size:.24rem;color:#aeaeb2}
.dm-spacer{height:2.66667rem}

/* 表单 */
.fm{padding:.64rem .53333rem;text-align:center;border-radius:.74667rem}
.fm h3{font-size:.50667rem;font-weight:700;margin-bottom:.10667rem}
.fm .fs{font-size:.32rem;color:#aeaeb2;margin-bottom:.45333rem}
.fm .inp{width:100%;height:1.28rem;background:rgba(0,0,0,.025);border:1px solid rgba(0,0,0,.08);border-radius:.4rem;padding:0 .42667rem;font-size:.4rem;outline:none;text-align:center;margin-bottom:.32rem;color:#1d1d1f}
.fm .inp:focus{border-color:#3478f6}
.fm .row{display:flex;gap:.26667rem;margin-bottom:.32rem}
.fm .row .inp{flex:1;margin-bottom:0}
.fm .btn-code{width:2.66667rem;height:1.28rem;background:rgba(52,120,246,.08);color:#3478f6;border:none;border-radius:.4rem;font-size:.34667rem;font-weight:600;cursor:pointer;flex-shrink:0}
.fm .btn-code:disabled{background:rgba(0,0,0,.03);color:#aeaeb2}
.fm .btn-sub{width:100%;height:1.33333rem;background:#3478f6;color:#fff;border:none;border-radius:.4rem;font-size:.42667rem;font-weight:700;cursor:pointer;box-shadow:0 .08rem .32rem rgba(52,120,246,.28)}
.fm .btn-sub:active{background:#5e5ce6}
.fm .hint{font-size:.26667rem;color:#aeaeb2;margin-top:.26667rem}

/* 底部悬浮按钮 */
.float-bar{position:fixed;left:.53333rem;right:.53333rem;bottom:1.06667rem;z-index:100;max-width:calc(10rem - 1.06667rem);margin:0 auto;padding-bottom:env(safe-area-inset-bottom,0px)}
.float-btn{width:100%;height:1.28rem;background:linear-gradient(135deg,#3478f6,#5e5ce6);color:#fff;border:none;border-radius:.42667rem;font-size:.4rem;font-weight:700;cursor:pointer;box-shadow:0 .10667rem .37333rem rgba(52,120,246,.35);letter-spacing:.02667rem;display:flex;align-items:center;justify-content:center;gap:.16rem;animation:beat 2.2s ease-in-out infinite}
.float-btn:active{transform:scale(.97);opacity:.9}
.float-btn .arr{display:inline-block;animation:arrBounce .8s ease-in-out infinite}
@keyframes beat{0%,100%{transform:scale(1)}6%{transform:scale(1.04)}12%{transform:scale(1)}18%{transform:scale(1.025)}24%{transform:scale(1)}}
@keyframes arrBounce{0%,100%{transform:translateX(0)}50%{transform:translateX(.08rem)}}
.spacer{height:1.6rem}

/* 弹窗 */
.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:flex-end;justify-content:center}
.overlay.show{display:flex}
.modal{background:rgba(255,255,255,.84);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.6);border-radius:.74667rem .74667rem 0 0;padding:.8rem .53333rem 1.06667rem;width:100%;max-width:10rem;animation:up .4s cubic-bezier(.22,.1,0,1)}
@keyframes up{from{transform:translateY(100%)}to{transform:translateY(0)}}
.modal h3{text-align:center;font-size:.50667rem;font-weight:700;margin-bottom:.16rem}
.modal .md{text-align:center;font-size:.32rem;color:#6e6e73;margin-bottom:.48rem}
.modal .btn-cancel{width:100%;height:1.17333rem;background:rgba(0,0,0,.025);border:1px solid rgba(0,0,0,.06);border-radius:.4rem;font-size:.37333rem;color:#6e6e73;margin-top:.26667rem;cursor:pointer}

.toast{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:.34667rem .66667rem;border-radius:2.66667rem;font-size:.34667rem;z-index:9999;display:none;font-weight:500}
.toast.show{display:block}

/* ===== canvas粒子 ===== */
#particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}
/* ===== 光晕呼吸 ===== */
.glow{animation:glowPulse 9s ease-in-out infinite alternate}
.g2{animation-delay:-2.5s}.g3{animation-delay:-5s}.g4{animation-delay:-7s}
@keyframes glowPulse{0%{opacity:.5;transform:scale(1)}100%{opacity:1;transform:scale(1.1)}}
/* ===== 高级玻璃卡 ===== */
.card{background:rgba(255,255,255,.52)!important;backdrop-filter:blur(36px) saturate(200%)!important;-webkit-backdrop-filter:blur(36px) saturate(200%)!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 .0133rem .0533rem rgba(0,0,0,.03),0 .0533rem .2rem rgba(0,0,0,.04),inset 0 .0133rem 0 rgba(255,255,255,.85)!important;border-radius:var(--fm-radius-md)!important;transition:transform .25s,box-shadow .25s}
.card:active{transform:scale(.985)}
/* ===== 头部 ===== */
.header h1{font-size:.8533rem!important;font-weight:900!important;background:linear-gradient(135deg,#1e3a8a,#2563eb,#6366f1)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;letter-spacing:-.032rem!important}
.header h1 span{background:none!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;color:inherit!important}
.header .sub:first-of-type{font-size:.4rem!important;font-weight:650!important;color:#111827!important}
.header .trust .t{background:rgba(255,255,255,.5)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:2.6667rem!important;padding:.17rem .5rem!important;color:#1d1d1f!important}
/* ===== 统计 ===== */
.stats .v{background:none!important;-webkit-text-fill-color:var(--fm-primary)!important;background-clip:unset!important;color:var(--fm-primary)!important}
.brand-line{position:relative;z-index:1;text-align:center;padding:0 .53333rem;margin-bottom:.64rem;font-size:.32rem!important;color:#2563eb!important;font-weight:600!important;letter-spacing:.01333rem!important}.brand-line span{color:#2563eb!important}
/* ===== Section标题 ===== */
.sec-label{font-size:.3467rem!important;font-weight:650!important;color:#111827!important;opacity:1!important}.sec-label::before{content:"";display:inline-block;width:.08rem;height:.347rem;border-radius:.053rem;background:var(--fm-primary);margin-right:.213rem;vertical-align:middle;margin-top:-.053rem}
/* ===== 流程 ===== */
.flow-box .fs.hl{background:linear-gradient(135deg,#2563eb,#6366f1)!important;box-shadow:0 .053rem .2rem rgba(37,99,235,.35)!important}
/* ===== 对比 ===== */
.diff .col.old{background:#fef2f2!important;border:1px solid #fecaca!important}.diff .col.new{background:#f0fdf4!important;border:1px solid #bbf7d0!important}
.diff .col.old .dl{color:#dc2626!important}.diff .col.new .dl{color:#16a34a!important}
/* ===== 绿点 ===== */
.live-dot{box-shadow:0 0 .2rem rgba(52,199,89,.5)}@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 .2rem rgba(52,199,89,.5)}50%{opacity:.35}}
/* ===== 优势图标 ===== */
.adv .icon{background:rgba(37,99,235,.09)!important;border-radius:.12rem!important;width:.53rem!important;height:.53rem!important}
.adv .icon svg{width:65%!important;height:65%!important;color:var(--fm-primary)!important;stroke-width:1.6!important}
/* ===== 底部按钮橙色 ===== */
.float-btn{background:linear-gradient(135deg,#f97316,#fb923c)!important;box-shadow:0 .107rem .4rem rgba(249,115,22,.35)!important;position:relative;overflow:hidden}
.float-btn::after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-25deg);animation:btnShine 3s infinite}
@keyframes btnShine{0%{left:-100%}100%{left:200%}}
/* ===== 表单按钮 ===== */
.fm .btn-sub{background:linear-gradient(135deg,#2563eb,#6366f1)!important;box-shadow:0 .08rem .35rem rgba(37,99,235,.35)!important;position:relative;overflow:hidden}
.fm .btn-sub::after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-25deg);animation:btnShine 3s infinite}
/* ===== 滚动入场 ===== */
.fade-up{opacity:0;transform:translateY(.53rem);transition:opacity .55s ease-out,transform .55s ease-out}.fade-up.visible{opacity:1;transform:translateY(0)}
/* ===== 无障碍 ===== */
@media(prefers-reduced-motion:reduce){#particles{display:none}.glow{animation:none}.float-btn::after,.fm .btn-sub::after{display:none}}

.bg-background { background-color: var(--fm-background); }
      .text-background { color: var(--fm-background); }
      .border-background { border-color: var(--fm-background); }
      .ring-background { --tw-ring-color: var(--fm-background); }
      .bg-foreground { background-color: var(--fm-foreground); }
      .text-foreground { color: var(--fm-foreground); }
      .border-foreground { border-color: var(--fm-foreground); }
      .ring-foreground { --tw-ring-color: var(--fm-foreground); }
      .bg-card { background-color: var(--fm-card); }
      .text-card { color: var(--fm-card); }
      .border-card { border-color: var(--fm-card); }
      .ring-card { --tw-ring-color: var(--fm-card); }
      .bg-card-foreground { background-color: var(--fm-card-foreground); }
      .text-card-foreground { color: var(--fm-card-foreground); }
      .border-card-foreground { border-color: var(--fm-card-foreground); }
      .ring-card-foreground { --tw-ring-color: var(--fm-card-foreground); }
      .bg-primary { background-color: var(--fm-primary); }
      .text-primary { color: var(--fm-primary); }
      .border-primary { border-color: var(--fm-primary); }
      .ring-primary { --tw-ring-color: var(--fm-primary); }
      .bg-primary-foreground { background-color: var(--fm-primary-foreground); }
      .text-primary-foreground { color: var(--fm-primary-foreground); }
      .border-primary-foreground { border-color: var(--fm-primary-foreground); }
      .ring-primary-foreground { --tw-ring-color: var(--fm-primary-foreground); }
      .bg-secondary { background-color: var(--fm-secondary); }
      .text-secondary { color: var(--fm-secondary); }
      .border-secondary { border-color: var(--fm-secondary); }
      .ring-secondary { --tw-ring-color: var(--fm-secondary); }
      .bg-secondary-foreground { background-color: var(--fm-secondary-foreground); }
      .text-secondary-foreground { color: var(--fm-secondary-foreground); }
      .border-secondary-foreground { border-color: var(--fm-secondary-foreground); }
      .ring-secondary-foreground { --tw-ring-color: var(--fm-secondary-foreground); }
      .bg-muted { background-color: var(--fm-muted); }
      .text-muted { color: var(--fm-muted); }
      .border-muted { border-color: var(--fm-muted); }
      .ring-muted { --tw-ring-color: var(--fm-muted); }
      .bg-muted-foreground { background-color: var(--fm-muted-foreground); }
      .text-muted-foreground { color: var(--fm-muted-foreground); }
      .border-muted-foreground { border-color: var(--fm-muted-foreground); }
      .ring-muted-foreground { --tw-ring-color: var(--fm-muted-foreground); }
      .bg-accent { background-color: var(--fm-accent); }
      .text-accent { color: var(--fm-accent); }
      .border-accent { border-color: var(--fm-accent); }
      .ring-accent { --tw-ring-color: var(--fm-accent); }
      .bg-accent-foreground { background-color: var(--fm-accent-foreground); }
      .text-accent-foreground { color: var(--fm-accent-foreground); }
      .border-accent-foreground { border-color: var(--fm-accent-foreground); }
      .ring-accent-foreground { --tw-ring-color: var(--fm-accent-foreground); }
      .bg-destructive { background-color: var(--fm-destructive); }
      .text-destructive { color: var(--fm-destructive); }
      .border-destructive { border-color: var(--fm-destructive); }
      .ring-destructive { --tw-ring-color: var(--fm-destructive); }
      .bg-destructive-foreground { background-color: var(--fm-destructive-foreground); }
      .text-destructive-foreground { color: var(--fm-destructive-foreground); }
      .border-destructive-foreground { border-color: var(--fm-destructive-foreground); }
      .ring-destructive-foreground { --tw-ring-color: var(--fm-destructive-foreground); }
      .bg-border { background-color: var(--fm-border); }
      .text-border { color: var(--fm-border); }
      .border-border { border-color: var(--fm-border); }
      .ring-border { --tw-ring-color: var(--fm-border); }
      .bg-input { background-color: var(--fm-input); }
      .text-input { color: var(--fm-input); }
      .border-input { border-color: var(--fm-input); }
      .ring-input { --tw-ring-color: var(--fm-input); }
      .bg-ring { background-color: var(--fm-ring); }
      .text-ring { color: var(--fm-ring); }
      .border-ring { border-color: var(--fm-ring); }
      .ring-ring { --tw-ring-color: var(--fm-ring); }

.no-scrollbar::-webkit-scrollbar { display: none; }
      .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
      [data-icon] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        background-color: currentColor;
      }
.header-title-blue { color: #155dfc; }
.header-platform-sub { font-size: .4rem; font-weight: 600; color: #1d1d1f; margin-bottom: .21333rem; }
.header-history-sub { height: 41.5px; }
.stat-label-dark { color: #0a0a0a; }
.stat-label-darker { color: #0c0a09; }
.flow-primary-solid { background-image: none; background-color: rgb(52, 120, 246); }
.float-btn { text-decoration: none; }

/*
 * Unified responsive layout
 * The mobile composition remains the visual baseline. Wider screens reuse the
 * same markup and components, then progressively gain room instead of loading
 * a separate desktop page.
 */
@media (min-width: 768px) {
  .page {
    max-width: 16rem;
  }

  .header-history-sub {
    height: auto;
  }

  .float-bar {
    left: 50%;
    right: auto;
    width: min(11rem, calc(100vw - 1.2rem));
    max-width: none;
    transform: translateX(-50%);
  }
}

@media (min-width: 1100px) {
  html {
    font-size: 2.75rem !important;
  }

  .page {
    max-width: 28rem;
  }

  .header {
    max-width: 22rem;
    margin: 0 auto;
    padding: 1.15rem .72rem .7rem;
    text-align: center;
  }

  .header h1 {
    font-size: 1rem !important;
  }

  .header .sub {
    max-width: 19rem;
    margin-left: auto;
    margin-right: auto;
  }

  .header,
  .stats,
  .sec,
  .live-sec {
    padding-left: .72rem;
    padding-right: .72rem;
  }

  .stats {
    gap: .32rem;
  }

  .brand-line {
    margin-bottom: .5rem;
    padding: 0 .72rem;
    text-align: center;
  }

  .flow-box {
    padding: .48rem;
  }

  .flow-box .fs {
    font-size: .28rem;
  }

  .diff {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .4rem;
  }

  .diff .col {
    padding: .55rem .6rem;
  }

  .diff .col .dt {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .18rem .38rem;
  }

  .advs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .24rem;
  }

  .adv {
    min-height: 1.65rem;
  }

  .live-box {
    height: 7.4rem;
  }

  .float-bar {
    width: min(12rem, calc(100vw - 2rem));
  }
}