/* ==================================================================
   纠纷助手 · 设计系统 v2 —— 亮黄专业风
   加载顺序：style.css（工具功能底座） → style-v2.css（本文件，全面覆盖）
   原则：暖纸底 + 墨色文字 + 闲鱼黄单一强调；去插画化；层次靠字重与留白
   ================================================================== */

/* ---------- 1. Design Tokens ---------- */
:root{
  --y:#ffe600;            /* 品牌黄 */
  --y-deep:#f2cf00;       /* 黄-按压 */
  --y-soft:#fff9d6;       /* 黄-浅底 */
  --ink:#181815;          /* 主墨色 */
  --ink-2:#45443e;        /* 次级文字 */
  --mut:#8a897f;          /* 弱文字 */
  --paper:#f7f6f0;        /* 页面暖纸底 */
  --card:#ffffff;
  --line:#e9e7dd;         /* 边线 */
  --line-strong:#d9d6c8;
  --ok:#1a9e55; --warn:#e67e22; --bad:#d64541;
  --r-s:10px; --r-m:14px; --r-l:20px;
  --sh-1:0 1px 2px rgba(24,24,21,.05),0 2px 10px rgba(24,24,21,.05);
  --sh-2:0 2px 6px rgba(24,24,21,.06),0 12px 32px rgba(24,24,21,.10);
  --ease:cubic-bezier(.22,1,.36,1);
  --font:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei",sans-serif;
}
html{background:var(--paper)}
body{
  background:var(--paper)!important;
  color:var(--ink)!important;
  font-family:var(--font)!important;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--y);color:var(--ink)}
.container{max-width:1120px!important}

/* ---------- 2. 顶部进度条 ---------- */
#v2bar{
  position:fixed;top:0;left:0;height:3px;width:0;z-index:9998;
  background:linear-gradient(90deg,var(--y),#ffc900);
  transition:width .12s linear;pointer-events:none;
}

/* ---------- 3. 导航 ---------- */
header{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line)!important;transition:box-shadow .25s}
header.v2-stuck{box-shadow:0 4px 18px rgba(24,24,21,.07)}
.nav{max-width:1120px!important;padding:12px 20px!important}
.brand{font-weight:900!important;font-size:19px!important;letter-spacing:.5px;color:var(--ink)}
.brand-logo{width:34px;height:34px;border-radius:9px;overflow:hidden;box-shadow:0 1px 4px rgba(24,24,21,.15)}
.nav-links{gap:2px!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nav-links::-webkit-scrollbar{display:none}
.nav-links a{
  color:var(--ink-2)!important;font-size:14.5px!important;font-weight:500;
  padding:7px 13px!important;border-radius:8px!important;background:transparent!important;
  position:relative;white-space:nowrap;transition:color .18s,background .18s;
}
.nav-links a:hover{color:var(--ink)!important;background:var(--y-soft)!important}
.nav-links a.active{color:var(--ink)!important;background:transparent!important;font-weight:800}
.nav-links a.active::after{
  content:"";position:absolute;left:13px;right:13px;bottom:2px;height:3px;
  border-radius:2px;background:var(--y);
}
.nav-links a.nav-pay{
  background:var(--ink)!important;color:var(--y)!important;font-weight:700!important;
  border-radius:999px!important;padding:7px 16px!important;margin-left:6px;
}
.nav-links a.nav-pay:hover{background:#000!important;color:var(--y)!important}
.nav-links a.nav-pay.active{background:var(--y)!important;color:var(--ink)!important}

/* ---------- 4. 公告条 ---------- */
#siteNotice{
  background:var(--y-soft)!important;border:1px solid #f0e9b8!important;
  border-radius:var(--r-s)!important;padding:10px 14px!important;
}

/* ---------- 5. Hero ---------- */
.hero{padding:26px 0 10px!important}
.hero-grid{display:grid!important;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.hero-copy{text-align:left!important}
.hero-actions{justify-content:flex-start!important}
.hero-copy h1{
  font-size:clamp(30px,4.2vw,50px)!important;line-height:1.18!important;
  font-weight:900!important;letter-spacing:0!important;color:var(--ink)!important;margin:14px 0 16px!important;
}
.hero-copy h1 span{color:var(--ink)!important;
  background:linear-gradient(transparent 68%,var(--y) 68%)!important;padding:0 2px;border-radius:2px}
.hero-copy .sub{font-size:16.5px!important;line-height:1.85!important;color:var(--ink-2)!important;
  max-width:34em;margin:0 0 24px!important}
.v2-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:700;color:var(--ink);
  background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;
  box-shadow:var(--sh-1);
}
.v2-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--ok);
  box-shadow:0 0 0 3px rgba(26,158,85,.15);animation:v2pulse 2s infinite}
@keyframes v2pulse{0%,100%{box-shadow:0 0 0 3px rgba(26,158,85,.15)}50%{box-shadow:0 0 0 6px rgba(26,158,85,.05)}}

.hero-actions{display:flex!important;gap:12px!important;flex-wrap:wrap;margin:0 0 14px!important}
.hero-actions .btn-primary{
  background:var(--y)!important;color:var(--ink)!important;
  font-size:16.5px!important;font-weight:800!important;
  padding:14px 30px!important;border-radius:999px!important;border:none!important;
  box-shadow:0 6px 18px rgba(246,210,0,.35);transition:transform .18s var(--ease),box-shadow .18s,background .18s;
}
.hero-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(246,210,0,.45);background:#ffef40!important}
.hero-actions .btn-primary:active{transform:translateY(0) scale(.98);background:var(--y-deep)!important}
.hero-actions .btn-ghost{
  background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--line-strong)!important;
  font-weight:600!important;padding:14px 24px!important;border-radius:999px!important;
  transition:border-color .18s,transform .18s,box-shadow .18s;
}
.hero-actions .btn-ghost:hover{border-color:var(--ink)!important;transform:translateY(-2px);box-shadow:var(--sh-1)}
.hero-tip{color:var(--mut)!important;font-size:13.5px!important;margin:2px 0 0!important}
.hero-tip b{color:var(--ink-2)}

/* 场景快捷签：横排小胶囊 */
.hero-tools{display:flex!important;gap:8px!important;flex-wrap:wrap;margin:18px 0 0!important}
.hero-tool-tag{
  display:inline-flex!important;align-items:center;gap:6px!important;
  background:#fff!important;border:1px solid var(--line)!important;border-radius:999px!important;
  padding:8px 14px!important;font-size:13.5px!important;font-weight:600!important;color:var(--ink-2)!important;
  transition:all .18s var(--ease);
}
.hero-tool-tag:hover{border-color:var(--ink)!important;color:var(--ink)!important;transform:translateY(-1px);box-shadow:var(--sh-1)}
.hero-tool-tag .ht-icon{
  width:20px;height:20px;border-radius:6px;background:var(--y-soft);color:var(--ink);
  display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;
}

/* 实时条（保留原ID结构，重设外观） */
.win-strip{
  display:inline-flex!important;align-items:center;gap:10px!important;flex-wrap:wrap;
  background:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important;
  padding:10px 16px!important;margin-top:20px!important;font-size:13.5px!important;box-shadow:var(--sh-1);
}
.win-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:v2pulse 2s infinite}
.win-main{color:var(--ink-2)}
.win-main b{color:var(--ink);font-size:16px;font-variant-numeric:tabular-nums}
.win-sub{color:var(--mut)}
.win-sub b{color:var(--ink-2)}
.win-seg{display:inline-flex;gap:8px;align-items:center;color:var(--mut);font-size:12.5px}
.win-seg b{color:var(--ink-2);font-variant-numeric:tabular-nums}
.win-time{color:var(--mut);font-size:12.5px}

/* ---------- 6. Hero 右侧：产品演示卡（纯CSS，替代AI插画） ---------- */
.hero-art{position:relative;min-height:420px}
.hero-img{display:none!important}          /* 旧插画下线 */
.v2-mock{position:relative;width:100%;max-width:460px;margin:0 auto}
.v2-mock-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-l);
  box-shadow:var(--sh-2);padding:20px 22px;
}
.v2-mock-card + .v2-mock-card{margin-top:16px}
.v2-mock-card.m2{transform:rotate(1.4deg) translateX(14px);width:88%;margin-left:auto}
.v2-mock-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.v2-mock-ico{width:34px;height:34px;border-radius:9px;background:var(--y);color:var(--ink);
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px}
.v2-mock-head b{font-size:15px}
.v2-mock-head small{display:block;color:var(--mut);font-size:12px;font-weight:400}
.v2-badge{margin-left:auto;font-size:12px;font-weight:800;border-radius:999px;padding:4px 10px}
.v2-badge.red{background:#fdecec;color:var(--bad)}
.v2-badge.green{background:#e8f7ee;color:var(--ok)}
.v2-line{height:10px;border-radius:5px;background:#f0efe8;position:relative;overflow:hidden;margin:9px 0}
.v2-line i{position:absolute;inset:0;border-radius:5px;background:linear-gradient(90deg,transparent,#fff9d6,transparent);
  transform:translateX(-100%);animation:v2scan 2.6s var(--ease) infinite}
.v2-line.w60{width:60%}.v2-line.w80{width:80%}.v2-line.w45{width:45%}.v2-line.w90{width:90%}
.v2-line:nth-child(2) i{animation-delay:.2s}.v2-mock-card .v2-line:nth-child(3) i{animation-delay:.7s}
@keyframes v2scan{40%,100%{transform:translateX(100%)}}
.v2-mock-foot{display:flex;gap:8px;margin-top:12px}
.v2-mock-foot span{font-size:12px;color:var(--mut);background:var(--paper);border-radius:6px;padding:4px 9px}
.v2-float{
  position:absolute;top:-16px;right:-6px;z-index:2;
  background:var(--ink);color:var(--y);font-size:12.5px;font-weight:700;
  border-radius:10px;padding:8px 13px;box-shadow:var(--sh-2);transform:rotate(2deg);
}
@media(prefers-reduced-motion:reduce){.v2-line i,.v2-eyebrow i,.win-dot{animation:none!important}}

/* ---------- 7. 数据背书带 ---------- */
.auth-bar{
  display:grid!important;grid-template-columns:repeat(5,1fr);
  background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r-l)!important;
  box-shadow:var(--sh-1);margin:56px 0 0!important;padding:8px!important;gap:0!important;
}
.auth-item{
  display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;
  padding:20px 10px!important;border-radius:var(--r-m)!important;position:relative;
}
.auth-item + .auth-item::before{
  content:"";position:absolute;left:0;top:24%;bottom:24%;width:1px;background:var(--line);
}
.auth-item:hover{background:var(--y-soft)}
.auth-ico{display:none!important}                    /* 去图标，数字即视觉 */
.auth-num{font-size:30px!important;font-weight:900!important;color:var(--ink)!important;
  font-variant-numeric:tabular-nums;letter-spacing:0!important}
.auth-num .auth-strong{display:block!important;font-size:12px!important;color:var(--mut)!important;font-weight:600!important;margin-top:2px}
.auth-label{font-size:13px!important;color:var(--mut)!important;text-align:center!important}
.auth-item-dy .auth-num{font-size:22px!important;padding-top:4px}
.auth-avatar{display:none!important}
.auth-new{display:inline-block;background:var(--bad);color:#fff;font-size:11px;border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:2px}

/* ---------- 8. 老炮横幅 ---------- */
.laopao-band{
  display:flex!important;align-items:center;gap:20px!important;
  background:linear-gradient(90deg,#fffdf2,#fff9d6)!important;
  border:1px solid #f0e9b8!important;border-radius:var(--r-l)!important;
  padding:22px 26px!important;margin:26px 0!important;
}
.laopao-img{width:110px!important;border-radius:var(--r-m)!important}
.laopao-txt strong{font-size:18px!important;font-weight:900!important}
.laopao-sub{display:block!important;color:#8a6d00!important;font-size:13px!important;margin:2px 0 6px!important}
.laopao-txt p{margin:0!important;color:var(--ink-2)!important;font-size:14px!important;max-width:36em}
.laopao-btn{margin-left:auto!important;flex-shrink:0;background:var(--ink)!important;color:var(--y)!important;
  border-radius:999px!important;padding:12px 22px!important;font-weight:700!important;border:none!important}
.laopao-btn:hover{background:#000!important}

/* ---------- 9. 三步 ---------- */
.section-title{font-size:clamp(22px,2.6vw,30px)!important;font-weight:900!important;color:var(--ink)!important;
  text-align:center!important;margin:64px 0 6px!important;letter-spacing:0!important}
.section-desc{text-align:center!important;color:var(--mut)!important;font-size:15px!important;margin:0 0 28px!important}
.steps{display:grid!important;grid-template-columns:repeat(3,1fr);gap:14px!important}
.step{
  background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r-m)!important;
  padding:26px 24px!important;text-align:left!important;box-shadow:none!important;
  transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;
}
.step:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--line-strong)}
.step-num{
  width:30px!important;height:30px!important;border-radius:9px!important;background:var(--y)!important;color:var(--ink)!important;
  font-weight:900!important;font-size:15px!important;display:flex!important;align-items:center;justify-content:center;margin:0 0 14px!important;
}
.step h4{font-size:16.5px!important;font-weight:800!important;color:var(--ink)!important;margin:0 0 6px!important}
.step p{color:var(--mut)!important;font-size:13.5px!important;line-height:1.8!important;margin:0!important}

/* ---------- 10. 工具区（覆盖旧样式） ---------- */
.tool-hub{margin-top:8px!important}
.hub-card{
  background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r-m)!important;
  box-shadow:none!important;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;
}
.hub-card:hover{transform:translateY(-3px)!important;box-shadow:var(--sh-2)!important;border-color:var(--ink)!important}
.hub-sell{border-left:4px solid var(--y)!important}
.hub-buy{border-left:4px solid var(--ink)!important}
.hub-safe{border-left:4px solid var(--y-deep)!important}
.hub-rights{border-left:4px solid var(--ink)!important}
.hub-img{display:none!important}                     /* 场景插画下线 */
.hub-ico{width:40px!important;height:40px!important;border-radius:11px!important;
  background:var(--y-soft)!important;display:flex!important;align-items:center;justify-content:center}
.hub-sell .hub-ico::before{content:"卖";font-weight:900;font-size:16px;color:var(--ink)}
.hub-buy  .hub-ico::before{content:"买";font-weight:900;font-size:16px;color:var(--ink)}
.hub-safe .hub-ico::before{content:"防";font-weight:900;font-size:16px;color:var(--ink)}
.hub-rights .hub-ico::before{content:"维";font-weight:900;font-size:16px;color:var(--ink)}
.hub-txt strong{font-size:15.5px!important;color:var(--ink)!important}
.hub-txt small{color:var(--mut)!important}

/* 分类折叠卡 */
.tool-category{
  background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r-l)!important;
  box-shadow:none!important;margin-bottom:14px!important;overflow:hidden;
}
.tool-category[open]{border-color:var(--line-strong)!important;box-shadow:var(--sh-1)!important}
.cat-head{padding:18px 22px!important}
.cat-head:hover{background:var(--paper)!important}
.cat-icon{
  width:40px!important;height:40px!important;border-radius:11px!important;
  background:var(--y-soft)!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:19px!important;
}
.cat-meta h3{font-size:17px!important;font-weight:800!important;color:var(--ink)!important}
.cat-tag{background:var(--paper)!important;color:var(--mut)!important;border:1px solid var(--line)!important;
  border-radius:6px!important;padding:2px 8px!important;font-size:12px!important}
.cat-arrow{border-color:var(--mut)!important}
.tool-category[open] .cat-arrow{transform:rotate(180deg);border-color:var(--ink)!important}

/* 工具盒 */
.tool-box{border:1px solid var(--line)!important;border-radius:var(--r-m)!important;background:#fff!important}
.tc-head:hover{background:var(--paper)!important}
.tc-ico{background:var(--y-soft)!important;border-radius:10px!important}
.tc-info h2{font-size:15.5px!important;font-weight:800!important;color:var(--ink)!important}
.tc-info p{color:var(--mut)!important;font-size:13px!important}

/* 按钮 / 表单 / 结果区 */
.gen-btn{
  background:var(--y)!important;color:var(--ink)!important;border:none!important;
  font-weight:800!important;border-radius:10px!important;padding:12px 26px!important;
  box-shadow:0 4px 14px rgba(246,210,0,.3);transition:all .18s var(--ease);
}
.gen-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(246,210,0,.4);background:#ffef40!important}
.gen-btn:active{transform:scale(.98);background:var(--y-deep)!important}
.add-link-btn,.save-api-btn,.copy-btn,.export-btn{border-radius:8px!important}
.tool-box input[type="text"],.tool-box input[type="number"],.tool-box textarea,.tool-box select{
  border:1.5px solid var(--line-strong)!important;border-radius:9px!important;
  transition:border-color .15s,box-shadow .15s;
}
.tool-box input:focus,.tool-box textarea:focus,.tool-box select:focus{
  border-color:var(--ink)!important;box-shadow:0 0 0 3px rgba(24,24,21,.06)!important;outline:none;
}
.result-box{border:1px solid var(--line)!important;border-radius:var(--r-m)!important;background:var(--paper)!important}
.result-head h3{color:var(--ink)!important}
.result-text{color:var(--ink-2)!important}
.notice{
  background:var(--y-soft)!important;border:none!important;border-left:3px solid var(--y-deep)!important;
  border-radius:8px!important;color:#6d5a00!important;font-size:13px!important;
}

/* ---------- 11. FAQ（覆盖行内样式） ---------- */
.faq-item{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r-m)!important;
  padding:20px 22px!important;transition:border-color .2s,transform .2s var(--ease),box-shadow .2s}
.faq-item:hover{border-color:var(--line-strong)!important;transform:translateY(-2px);box-shadow:var(--sh-1)}
.faq-item b{color:var(--ink)!important;font-size:15px!important}
.faq-item span{color:var(--mut)!important;font-size:13.5px!important;line-height:1.85!important;display:block!important;margin-top:6px}

/* ---------- 12. 滚动显现 / 交互 ---------- */
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
[data-reveal].v2-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}

/* 命令面板（Ctrl+K 找工具） */
.v2-kbd{
  display:inline-flex;align-items:center;gap:6px;cursor:pointer;
  background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;
  font-size:13px;color:var(--mut);box-shadow:var(--sh-1);transition:all .18s;
}
.v2-kbd:hover{color:var(--ink);border-color:var(--ink)}
.v2-kbd kbd{font-family:var(--font);font-size:11px;background:var(--paper);border:1px solid var(--line);
  border-bottom-width:2px;border-radius:5px;padding:1px 6px;color:var(--ink-2)}
.v2-palette{position:fixed;inset:0;z-index:9999;display:none;align-items:flex-start;justify-content:center;
  padding:12vh 16px 0;background:rgba(20,20,16,.45);backdrop-filter:blur(3px)}
.v2-palette.on{display:flex}
.v2-palette-box{background:#fff;border-radius:var(--r-l);box-shadow:0 24px 80px rgba(0,0,0,.28);
  width:100%;max-width:560px;overflow:hidden;animation:v2pop .22s var(--ease)}
@keyframes v2pop{from{opacity:0;transform:translateY(14px) scale(.98)}}
.v2-palette input{width:100%;border:none;outline:none;font-size:16px;padding:18px 20px;
  border-bottom:1px solid var(--line);background:transparent;font-family:var(--font)}
.v2-palette-list{max-height:46vh;overflow-y:auto;padding:8px}
.v2-p-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;cursor:pointer}
.v2-p-item:hover,.v2-p-item.sel{background:var(--y-soft)}
.v2-p-item i{width:30px;height:30px;border-radius:8px;background:var(--paper);display:flex;
  align-items:center;justify-content:center;font-style:normal;font-size:13px;font-weight:800;flex-shrink:0}
.v2-p-item b{font-size:14px;color:var(--ink);font-weight:700}
.v2-p-item small{margin-left:auto;color:var(--mut);font-size:12px}
.v2-p-empty{padding:28px;text-align:center;color:var(--mut);font-size:14px}

/* ---------- 12.5 身份选择（申诉立场） ---------- */
.role-group{display:flex!important;gap:10px!important;flex-wrap:wrap;margin:6px 0 14px!important;
  border-radius:12px;padding:4px;transition:box-shadow .2s}
.role-group.v2-warn{box-shadow:0 0 0 3px rgba(214,69,65,.18);background:#fff5f5}
.role-btn{
  flex:1;min-width:180px;cursor:pointer;text-align:center;
  background:#fff!important;border:1.5px solid var(--line-strong)!important;border-radius:10px!important;
  padding:12px 16px!important;font-size:14px!important;font-weight:600!important;color:var(--ink-2)!important;
  transition:all .18s var(--ease);
}
.role-btn:hover{border-color:var(--ink)!important;color:var(--ink)!important;transform:translateY(-1px)}
.role-btn.selected{
  background:var(--ink)!important;color:var(--y)!important;border-color:var(--ink)!important;font-weight:800!important;
}
.role-btn.selected::before{content:"✓ ";font-weight:900}

/* ---------- 13. 响应式 ---------- */
@media(max-width:960px){
  .hero-grid{grid-template-columns:1fr;gap:30px}
  .hero-art{min-height:0;order:-1}
  .v2-mock{max-width:420px}
  .auth-bar{grid-template-columns:repeat(3,1fr)!important;row-gap:4px;padding:4px!important}
  .auth-item:nth-child(4)::before{display:none}
  .steps{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .nav{padding:10px 12px!important;flex-wrap:nowrap!important;align-items:center;gap:10px}
  .brand span{display:none}
  .nav-links{flex:1!important;justify-content:flex-end}
  .nav-links a{padding:7px 9px!important;font-size:13px!important}
  .hero{padding-top:14px!important}
  .hero-art{display:none}          /* 手机端隐藏演示卡，首屏直给内容 */
  .hero-actions .btn-primary{width:100%;text-align:center}
  .hero-actions{gap:8px!important}
  .hero-actions .btn-ghost{flex:none!important;width:auto!important;padding:10px 15px!important;font-size:13.5px!important;white-space:nowrap!important}
  .auth-bar{grid-template-columns:repeat(2,1fr)!important}
  .auth-item:nth-child(3)::before{display:none}
  .auth-item + .auth-item::before{display:none}
  .auth-item{padding:16px 8px!important}
  .laopao-band{flex-direction:column;text-align:center}
  .laopao-btn{margin:0 auto!important}
  .hub-card{flex-direction:row}
  .win-strip{font-size:12.5px;padding:9px 12px}
}