/* ============================================================
   slate 通用工具类（所有模板/视图禁止内联样式，统一使用本文件类名）
   ============================================================ */
/* ---------- 布局 ---------- */
.flex{display:flex}
.inline-flex{display:inline-flex}
.flex-col{flex-direction:column}
.flex-1{flex:1}
.flex-wrap{flex-wrap:wrap}
.flex-shrink-0{flex-shrink:0}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-stretch{align-items:stretch}
.items-baseline{align-items:baseline}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-end{justify-content:flex-end}
.justify-around{justify-content:space-around}
.block{display:block}
.inline{display:inline}
.inline-block{display:inline-block}
.contents{display:contents}
.d-none{display:none}
.relative{position:relative}
.absolute{position:absolute}
.overflow-hidden{overflow:hidden}
.ov-auto{overflow:auto}
.gap-4{gap:4px}
.gap-6{gap:6px}
.gap-8{gap:8px}
.gap-10{gap:10px}
.gap-12{gap:12px}
.gap-14{gap:14px}
.gap-16{gap:16px}
.gap-18{gap:18px}
.gap-20{gap:20px}
.gap-22{gap:22px}
.gap-26{gap:26px}
/* ---------- 尺寸 ---------- */
.w-40{width:40px}
.w-60{width:60px}
.w-64{width:64px}
.w-70{width:70px}
.w-80{width:80px}
.w-86{width:86px}
.w-90{width:90px}
.w-100{width:100px}
.w-110{width:110px}
.w-120{width:120px}
.w-130{width:130px}
.w-150{width:150px}
.w-200{width:200px}
.w-220{width:220px}
.w-60p{width:60%}
.w-100p{width:100%}
.w-auto{width:auto}
.h-8{height:8px}
.h-9{height:9px}
.h-40{height:40px}
.minh-360{min-height:360px}
.maxw-160{max-width:160px}
.maxw-200{max-width:200px}
.maxw-220{max-width:220px}
.maxw-240{max-width:240px}
.maxw-280{max-width:280px}
.maxw-320{max-width:320px}
.maxw-400{max-width:400px}
.maxw-420{max-width:420px}
.maxw-600{max-width:600px}
.maxw-620{max-width:620px}
.maxw-720{max-width:720px}
.maxw-760{max-width:760px}
.maxw-820{max-width:820px}
.maxw-920{max-width:920px}
.minw-200{min-width:200px}
.minw-240{min-width:240px}
.minw-280{min-width:280px}
.ar-1{aspect-ratio:1/1}
.obj-cover{object-fit:cover}
/* ---------- 间距 ---------- */
.m-0{margin:0}
.m-2-2-14{margin:2px 2px 14px}
.m-10-0-4{margin:10px 0 4px}
.m-16-0-8{margin:16px 0 8px}
.m-18-0{margin:18px 0}
.m-20-0{margin:20px 0}
.m-6-0-0{margin:6px 0 0}
.mx-auto{margin-left:auto;margin-right:auto}
.ml-auto{margin-left:auto}
.mt-2{margin-top:2px}
.mt-3{margin-top:3px}
.mt-4{margin-top:4px}
.mt-5{margin-top:5px}
.mt-6{margin-top:6px}
.mt-8{margin-top:8px}
.mt-10{margin-top:10px}
.mt-12{margin-top:12px}
.mt-14{margin-top:14px}
.mt-16{margin-top:16px}
.mt-18{margin-top:18px}
.mt-20{margin-top:20px}
.mt-26{margin-top:26px}
.mt-40{margin-top:40px}
.mb-2{margin-bottom:2px}
.mb-4{margin-bottom:4px}
.mb-5{margin-bottom:5px}
.mb-6{margin-bottom:6px}
.mb-8{margin-bottom:8px}
.mb-10{margin-bottom:10px}
.mb-12{margin-bottom:12px}
.mb-14{margin-bottom:14px}
.mb-16{margin-bottom:16px}
.mb-18{margin-bottom:18px}
.mb-20{margin-bottom:20px}
.mb-26{margin-bottom:26px}
.ml-4{margin-left:4px}
.ml-8{margin-left:8px}
.ml-10{margin-left:10px}
.mr-6{margin-right:6px}
.mr-8{margin-right:8px}
.p-16{padding:16px}
.p-22{padding:22px}
.p-24{padding:24px}
.p-26{padding:26px}
.p-34{padding:34px}
.p-12-30{padding:12px 30px}
.p-26-28{padding:26px 28px}
.p-40-24{padding:40px 24px}
.p-9-12{padding:9px 12px}
.p-13-15{padding:13px 15px}
.p-20-24{padding:20px 24px}
.px-24{padding-left:24px;padding-right:24px}
.py-10{padding-top:10px;padding-bottom:10px}
/* ---------- 字体 ---------- */
.fz-10{font-size:10px}
.fz-11{font-size:11px}
.fz-12{font-size:12px}
.fz-13{font-size:13px}
.fz-14{font-size:14px}
.fz-15{font-size:15px}
.fz-16{font-size:16px}
.fz-17{font-size:17px}
.fz-18{font-size:18px}
.fz-20{font-size:20px}
.fz-22{font-size:22px}
.fz-24{font-size:24px}
.fz-26{font-size:26px}
.fz-28{font-size:28px}
.fz-34{font-size:34px}
.fz-36{font-size:36px}
.fz-38{font-size:38px}
.fz-40{font-size:40px}
.fz-42{font-size:42px}
.fz-44{font-size:44px}
.fz-46{font-size:46px}
.fz-60{font-size:60px}
.fz-12-5{font-size:12.5px}
.fw-600{font-weight:600}
.fw-700{font-weight:700}
.fw-800{font-weight:800}
.ta-c{text-align:center}
.ta-l{text-align:left}
.ta-r{text-align:right}
.lh-1{line-height:1;text-align: center;}
.lh-1.6{line-height:1.6}
.lh-1.7{line-height:1.7}
.lh-1.75{line-height:1.75}
.lh-1.8{line-height:1.8}
.lh-1.9{line-height:1.9}
.lh-2{line-height:2}
.ls-1{letter-spacing:1px}
.ls-08{letter-spacing:.08em}
.ls-1-10{letter-spacing:.1em}
.ls-02{letter-spacing:.02em}
.nowrap{white-space:nowrap}
.normal-ws{white-space:normal}
.pre-wrap{white-space:pre-wrap}
.wbreak{word-break:break-all}
.va--2{vertical-align:-2px}
.va-1{vertical-align:1px}
.kaiti{font-family:KaiTi,STKaiti,serif}
.mono{font-family:ui-monospace,Consolas,monospace}
/* ---------- 颜色 ---------- */
.c-muted{color:var(--c-muted)}
.c-text{color:var(--c-text)}
.c-primary{color:var(--c-primary)}
.c-primary-2{color:var(--c-primary-2)}
.c-gold{color:var(--c-gold)}
.c-gold-2{color:var(--c-gold-2)}
.c-danger{color:var(--c-danger)}
.c-ok{color:var(--c-ok)}
.c-white{color:#ffffff}
.c-red{color:#c0392b}
.c-red-2{color:#e05c5c}
.c-gold-soft{color:#e3c87e}
.op-7{opacity:.7}
.op-75{opacity:.75}
.op-9{opacity:.9}
.op-92{opacity:.92}
.op-94{opacity:.94}
/* ---------- 圆角/边框/杂项 ---------- */
.radius-8{border-radius:8px}
.radius-10{border-radius:10px}
.radius-12{border-radius:12px}
.radius-14{border-radius:14px}
.radius-16{border-radius:16px}
.radius-18{border-radius:18px}
.radius-999{border-radius:999px}
.radius-50p{border-radius:50%}
.bd-0{border:0}
.bd-none{border:none}
.cursor-pointer{cursor:pointer}
.td-none{text-decoration:none}
.accent-primary{accent-color:var(--c-primary)}
.anim-none{animation:none}
.hidden-imp{display:none !important}
/* ---------- 百分比宽度 pct-0..pct-100 ---------- */
.pct-0{width:0%}
.pct-1{width:1%}
.pct-2{width:2%}
.pct-3{width:3%}
.pct-4{width:4%}
.pct-5{width:5%}
.pct-6{width:6%}
.pct-7{width:7%}
.pct-8{width:8%}
.pct-9{width:9%}
.pct-10{width:10%}
.pct-11{width:11%}
.pct-12{width:12%}
.pct-13{width:13%}
.pct-14{width:14%}
.pct-15{width:15%}
.pct-16{width:16%}
.pct-17{width:17%}
.pct-18{width:18%}
.pct-19{width:19%}
.pct-20{width:20%}
.pct-21{width:21%}
.pct-22{width:22%}
.pct-23{width:23%}
.pct-24{width:24%}
.pct-25{width:25%}
.pct-26{width:26%}
.pct-27{width:27%}
.pct-28{width:28%}
.pct-29{width:29%}
.pct-30{width:30%}
.pct-31{width:31%}
.pct-32{width:32%}
.pct-33{width:33%}
.pct-34{width:34%}
.pct-35{width:35%}
.pct-36{width:36%}
.pct-37{width:37%}
.pct-38{width:38%}
.pct-39{width:39%}
.pct-40{width:40%}
.pct-41{width:41%}
.pct-42{width:42%}
.pct-43{width:43%}
.pct-44{width:44%}
.pct-45{width:45%}
.pct-46{width:46%}
.pct-47{width:47%}
.pct-48{width:48%}
.pct-49{width:49%}
.pct-50{width:50%}
.pct-51{width:51%}
.pct-52{width:52%}
.pct-53{width:53%}
.pct-54{width:54%}
.pct-55{width:55%}
.pct-56{width:56%}
.pct-57{width:57%}
.pct-58{width:58%}
.pct-59{width:59%}
.pct-60{width:60%}
.pct-61{width:61%}
.pct-62{width:62%}
.pct-63{width:63%}
.pct-64{width:64%}
.pct-65{width:65%}
.pct-66{width:66%}
.pct-67{width:67%}
.pct-68{width:68%}
.pct-69{width:69%}
.pct-70{width:70%}
.pct-71{width:71%}
.pct-72{width:72%}
.pct-73{width:73%}
.pct-74{width:74%}
.pct-75{width:75%}
.pct-76{width:76%}
.pct-77{width:77%}
.pct-78{width:78%}
.pct-79{width:79%}
.pct-80{width:80%}
.pct-81{width:81%}
.pct-82{width:82%}
.pct-83{width:83%}
.pct-84{width:84%}
.pct-85{width:85%}
.pct-86{width:86%}
.pct-87{width:87%}
.pct-88{width:88%}
.pct-89{width:89%}
.pct-90{width:90%}
.pct-91{width:91%}
.pct-92{width:92%}
.pct-93{width:93%}
.pct-94{width:94%}
.pct-95{width:95%}
.pct-96{width:96%}
.pct-97{width:97%}
.pct-98{width:98%}
.pct-99{width:99%}
.pct-100{width:100%}
/* ---------- 评分环百分比 ring-pct-0..100 ---------- */
.ring-pct-0{--p:0%}
.ring-pct-1{--p:1%}
.ring-pct-2{--p:2%}
.ring-pct-3{--p:3%}
.ring-pct-4{--p:4%}
.ring-pct-5{--p:5%}
.ring-pct-6{--p:6%}
.ring-pct-7{--p:7%}
.ring-pct-8{--p:8%}
.ring-pct-9{--p:9%}
.ring-pct-10{--p:10%}
.ring-pct-11{--p:11%}
.ring-pct-12{--p:12%}
.ring-pct-13{--p:13%}
.ring-pct-14{--p:14%}
.ring-pct-15{--p:15%}
.ring-pct-16{--p:16%}
.ring-pct-17{--p:17%}
.ring-pct-18{--p:18%}
.ring-pct-19{--p:19%}
.ring-pct-20{--p:20%}
.ring-pct-21{--p:21%}
.ring-pct-22{--p:22%}
.ring-pct-23{--p:23%}
.ring-pct-24{--p:24%}
.ring-pct-25{--p:25%}
.ring-pct-26{--p:26%}
.ring-pct-27{--p:27%}
.ring-pct-28{--p:28%}
.ring-pct-29{--p:29%}
.ring-pct-30{--p:30%}
.ring-pct-31{--p:31%}
.ring-pct-32{--p:32%}
.ring-pct-33{--p:33%}
.ring-pct-34{--p:34%}
.ring-pct-35{--p:35%}
.ring-pct-36{--p:36%}
.ring-pct-37{--p:37%}
.ring-pct-38{--p:38%}
.ring-pct-39{--p:39%}
.ring-pct-40{--p:40%}
.ring-pct-41{--p:41%}
.ring-pct-42{--p:42%}
.ring-pct-43{--p:43%}
.ring-pct-44{--p:44%}
.ring-pct-45{--p:45%}
.ring-pct-46{--p:46%}
.ring-pct-47{--p:47%}
.ring-pct-48{--p:48%}
.ring-pct-49{--p:49%}
.ring-pct-50{--p:50%}
.ring-pct-51{--p:51%}
.ring-pct-52{--p:52%}
.ring-pct-53{--p:53%}
.ring-pct-54{--p:54%}
.ring-pct-55{--p:55%}
.ring-pct-56{--p:56%}
.ring-pct-57{--p:57%}
.ring-pct-58{--p:58%}
.ring-pct-59{--p:59%}
.ring-pct-60{--p:60%}
.ring-pct-61{--p:61%}
.ring-pct-62{--p:62%}
.ring-pct-63{--p:63%}
.ring-pct-64{--p:64%}
.ring-pct-65{--p:65%}
.ring-pct-66{--p:66%}
.ring-pct-67{--p:67%}
.ring-pct-68{--p:68%}
.ring-pct-69{--p:69%}
.ring-pct-70{--p:70%}
.ring-pct-71{--p:71%}
.ring-pct-72{--p:72%}
.ring-pct-73{--p:73%}
.ring-pct-74{--p:74%}
.ring-pct-75{--p:75%}
.ring-pct-76{--p:76%}
.ring-pct-77{--p:77%}
.ring-pct-78{--p:78%}
.ring-pct-79{--p:79%}
.ring-pct-80{--p:80%}
.ring-pct-81{--p:81%}
.ring-pct-82{--p:82%}
.ring-pct-83{--p:83%}
.ring-pct-84{--p:84%}
.ring-pct-85{--p:85%}
.ring-pct-86{--p:86%}
.ring-pct-87{--p:87%}
.ring-pct-88{--p:88%}
.ring-pct-89{--p:89%}
.ring-pct-90{--p:90%}
.ring-pct-91{--p:91%}
.ring-pct-92{--p:92%}
.ring-pct-93{--p:93%}
.ring-pct-94{--p:94%}
.ring-pct-95{--p:95%}
.ring-pct-96{--p:96%}
.ring-pct-97{--p:97%}
.ring-pct-98{--p:98%}
.ring-pct-99{--p:99%}
.ring-pct-100{--p:100%}
/* ---------- 特殊组合样式 ---------- */
.fun-opt{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1.5px solid var(--c-border);border-radius:12px;cursor:pointer;font-size:14px;transition:all .18s}
.fun-opt:has(input:checked){border-color:var(--c-primary);background:rgba(99,102,241,.08)}
.avatar-lg{width:64px;height:64px;border-radius:50%;object-fit:cover;margin:0 auto 10px;display:block;border:2px solid var(--c-border-2);box-shadow:0 0 16px rgba(125,134,224,.24)}
.avatar-lg-18{width:64px;height:64px;margin:0 auto;background:none;font-size: 64px;display:flex;align-items:center;justify-content:center;}
.dot-red-nav{position:absolute;top:6px;left:calc(50% + 10px);width:9px;height:9px;border-radius:50%;background:#ef4444;border:1.5px solid var(--c-bg,#111827);box-shadow:0 0 6px rgba(239,68,68,.85)}
.dot-red-top{position:absolute;top:0;right:-3px;width:9px;height:9px;border-radius:50%;background:#ef4444;border:1.5px solid var(--c-bg,#ffffff);box-shadow:0 0 6px rgba(239,68,68,.85)}
.badge-dot{position:absolute;top:-6px;right:-6px;width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.18)}
.badge-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;line-height:20px;border-radius:999px;background:#ef4444;color:#ffffff;font-size:11px;font-style:normal;font-weight:700;text-align:center;padding:0 5px;box-shadow:0 2px 8px rgba(239,68,68,.5)}
.member-hero{background:linear-gradient(140deg,rgba(99,102,241,.35),rgba(2,132,199,.26));border:1px solid var(--c-border-2);color:#ffffff;margin-bottom:20px}
.result-headline{background:linear-gradient(135deg,#4a52c2,#7a84de);color:#ffffff;text-align:center;border:none}
.promo-banner{display:flex;align-items:center;gap:16px;padding:20px 24px;margin-bottom:20px;text-decoration:none;background:linear-gradient(120deg,#4a52c2,#7a84de);color:#ffffff;border:none;box-shadow:var(--shadow-lg)}
.qbar-fill{height:100%;background:linear-gradient(135deg,#565fc9,#7a84de);border-radius:99px;transition:width .35s ease}
.track{height:9px;border-radius:99px;background:var(--c-border);overflow:hidden}
.track-8{height:8px;border-radius:99px;background:var(--c-border);margin-top:14px;overflow:hidden}
.icon-tile-36{display:flex;align-items:center;justify-content:center;font-size:36px;aspect-ratio:1/1;border-radius:14px;background:#0f172a}
.icon-tile-38{display:flex;align-items:center;justify-content:center;font-size:38px;aspect-ratio:1/1;border-radius:14px;background:#0f172a}
.chip-danger-soft{background:rgba(239,68,68,.16);color:#f87171}
.danger-flash{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.45);color:#f87171}
.btn-glow{margin-top:14px;padding:10px 28px;border:0;border-radius:10px;background:#7a84de;color:#ffffff;font-size:14px;cursor:pointer}
.white-sheet{background:rgba(255,255,255,.96);border-radius:16px;padding:34px}
.glass-box{background:rgba(255,255,255,.04);border-radius:12px}
.tip-box{font-size:13px;color:#cbd5e1;line-height:1.8;margin-top:8px;background:var(--c-primary-soft);border:1px solid var(--c-border);border-radius:10px;padding:9px 12px}
.grid-auto-160{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.grid-auto-180{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px}
.grid-auto-200{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.grid-auto-220{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:end}
.seal-badge{display:inline-block;min-width:16px;height:16px;line-height:16px;border-radius:999px;background:#ef4444;color:#ffffff;font-size:10px;font-style:normal;text-align:center;padding:0 4px;margin-left:4px;vertical-align:1px}
/* 转盘刻度（0-330 度） */
.wheel-0{transform:rotate(0deg);transform-origin:1px 36px}
.wheel-30{transform:rotate(30deg);transform-origin:1px 36px}
.wheel-60{transform:rotate(60deg);transform-origin:1px 36px}
.wheel-90{transform:rotate(90deg);transform-origin:1px 36px}
.wheel-120{transform:rotate(120deg);transform-origin:1px 36px}
.wheel-150{transform:rotate(150deg);transform-origin:1px 36px}
.wheel-180{transform:rotate(180deg);transform-origin:1px 36px}
.wheel-210{transform:rotate(210deg);transform-origin:1px 36px}
.wheel-240{transform:rotate(240deg);transform-origin:1px 36px}
.wheel-270{transform:rotate(270deg);transform-origin:1px 36px}
.wheel-300{transform:rotate(300deg);transform-origin:1px 36px}
.wheel-330{transform:rotate(330deg);transform-origin:1px 36px}

/* ---------- 补充工具类 ---------- */
.py-5{padding-top:5px;padding-bottom:5px}
.py-7{padding-top:7px;padding-bottom:7px}
.my-6{margin-top:6px;margin-bottom:6px}
.my-8{margin-top:8px;margin-bottom:8px}
.my-10{margin-top:10px;margin-bottom:10px}
.my-26{margin-top:26px;margin-bottom:26px}
.mt-3{margin-top:3px}
.mb-10{margin-bottom:10px}
.mb-5{margin-bottom:5px}
.mx-0-4{margin:0 4px}
.px-0-4{padding:0 4px}
.p-24-26{padding:24px 26px}
.bd-1-gold{border:1px solid var(--c-gold)}
.dot-red-nav-light{border-color:var(--c-bg,#ffffff)}
.bg-faf9ff{background:#f8fafc}
.trend-fill{height:14px;min-width:6px;background:linear-gradient(90deg,#565fc9,#7a84de);border-radius:7px}
.ring-track{position:relative;width:88px;height:88px;border-radius:50%;background:conic-gradient(var(--ring,#7d86e0) var(--p,60%),rgba(255,255,255,.07) 0);display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px color-mix(in srgb,var(--ring,#7d86e0) 32%,transparent)}
.ring-track::before{content:"";position:absolute;inset:7px;border-radius:50%;background:linear-gradient(160deg,rgba(39,52,73,.98),rgba(15,23,42,.98));box-shadow:inset 0 0 12px rgba(0,0,0,.45)}
.sr-inner{position:relative;z-index:1;text-align:center}
/* ---------- 补充工具类（v7） ---------- */
.fw-400{font-weight:400}
.pl-20{padding-left:20px}
.mb-30{margin-bottom:30px}
.m-neg-4-0-14{margin:-4px 0 14px}
.py-4{padding-top:4px;padding-bottom:4px}
.py-6{padding-top:6px;padding-bottom:6px}
.grad-banner{background:var(--c-grad);border-radius:var(--radius);color:#ffffff;padding:26px 28px;margin-bottom:18px;display:flex;align-items:center;gap:18px;box-shadow:var(--shadow-lg)}
.btn-ghost-light{background:rgba(255,255,255,.18);color:#ffffff;border:1px solid rgba(255,255,255,.4)}
.bar-best{height:100%;border-radius:99px;background:linear-gradient(135deg,#565fc9,#7a84de)}
.bar-other{height:100%;border-radius:99px;background:rgba(86,95,201,.26)}
.st-badge-top{background:linear-gradient(135deg,#c0843c,#c23a4a);color:#ffffff}
.st-badge-mid{background:rgba(184,134,58,.15);color:#b8863a}
.st-badge-low{background:rgba(77,168,216,.13);color:#4da8d8}
.ring-gold{--ring:#d9b45c}
.ring-green{--ring:#4ade80}
.ring-blue{--ring:#4da8d8}
.ring-gray{--ring:#94a3b8}
.ring-purple{--ring:#7d86e0}

/* ---------- 高度百分比 hpct-0..100 ---------- */
.hpct-0{height:0%}.hpct-1{height:1%}
.hpct-2{height:2%}
.hpct-3{height:3%}
.hpct-4{height:4%}
.hpct-5{height:5%}
.hpct-6{height:6%}
.hpct-7{height:7%}
.hpct-8{height:8%}
.hpct-9{height:9%}
.hpct-10{height:10%}
.hpct-11{height:11%}
.hpct-12{height:12%}
.hpct-13{height:13%}
.hpct-14{height:14%}
.hpct-15{height:15%}
.hpct-16{height:16%}
.hpct-17{height:17%}
.hpct-18{height:18%}
.hpct-19{height:19%}
.hpct-20{height:20%}
.hpct-21{height:21%}
.hpct-22{height:22%}
.hpct-23{height:23%}
.hpct-24{height:24%}
.hpct-25{height:25%}
.hpct-26{height:26%}
.hpct-27{height:27%}
.hpct-28{height:28%}
.hpct-29{height:29%}
.hpct-30{height:30%}
.hpct-31{height:31%}
.hpct-32{height:32%}
.hpct-33{height:33%}
.hpct-34{height:34%}
.hpct-35{height:35%}
.hpct-36{height:36%}
.hpct-37{height:37%}
.hpct-38{height:38%}
.hpct-39{height:39%}
.hpct-40{height:40%}
.hpct-41{height:41%}
.hpct-42{height:42%}
.hpct-43{height:43%}
.hpct-44{height:44%}
.hpct-45{height:45%}
.hpct-46{height:46%}
.hpct-47{height:47%}
.hpct-48{height:48%}
.hpct-49{height:49%}
.hpct-50{height:50%}
.hpct-51{height:51%}
.hpct-52{height:52%}
.hpct-53{height:53%}
.hpct-54{height:54%}
.hpct-55{height:55%}
.hpct-56{height:56%}
.hpct-57{height:57%}
.hpct-58{height:58%}
.hpct-59{height:59%}
.hpct-60{height:60%}
.hpct-61{height:61%}
.hpct-62{height:62%}
.hpct-63{height:63%}
.hpct-64{height:64%}
.hpct-65{height:65%}
.hpct-66{height:66%}
.hpct-67{height:67%}
.hpct-68{height:68%}
.hpct-69{height:69%}
.hpct-70{height:70%}
.hpct-71{height:71%}
.hpct-72{height:72%}
.hpct-73{height:73%}
.hpct-74{height:74%}
.hpct-75{height:75%}
.hpct-76{height:76%}
.hpct-77{height:77%}
.hpct-78{height:78%}
.hpct-79{height:79%}
.hpct-80{height:80%}
.hpct-81{height:81%}
.hpct-82{height:82%}
.hpct-83{height:83%}
.hpct-84{height:84%}
.hpct-85{height:85%}
.hpct-86{height:86%}
.hpct-87{height:87%}
.hpct-88{height:88%}
.hpct-89{height:89%}
.hpct-90{height:90%}
.hpct-91{height:91%}
.hpct-92{height:92%}
.hpct-93{height:93%}
.hpct-94{height:94%}
.hpct-95{height:95%}
.hpct-96{height:96%}
.hpct-97{height:97%}
.hpct-98{height:98%}
.hpct-99{height:99%}
.hpct-100{height:100%}