@charset "UTF-8";
html {
  scroll-behavior: smooth;
}
body {
  overflow-x: clip;
  padding-top: 40px;
}
#app {
  background-color: #fff;
  overflow: visible;
}

/* 官网固定渐变背景仅作用于 guanwang-home，页脚区需白底压层 */
.home-site-footer {
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.m-get-marry {
  height: 250px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.m-get-marry h4 {
    font-size: 19px;
    line-height: 19px;
    margin-bottom: 10px;
    font-weight: 500;
}
.m-get-marry p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 22px;
}
.m-get-marry .qr-code {
    width: 85px;
    height: 85px;
    border: 3px solid #fff;
    margin: 0 auto 12px;
}
.m-get-culture {
  display: block;
  margin-top: 15px;
  height: 150px;
  width: 100%;
  cursor: pointer;
}
.b-get-another {
  height: 100%;
  padding-top: 42px;
  background: url(../images/zhenai.24a3355.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 392px;
  margin-right: 12px;
}
.b-get-another:first-child {
    background: url(../images/get-app.2ab81fc.png) 100% no-repeat;
}
.b-get-another:last-child {
    margin-right: 0;
}
.b-get-another .goto-register {
    display: block;
    width: 162px;
    height: 38px;
    color: #333;
    background-color: #fff;
    z-index: 2;
    border-radius: 4px;
    margin: auto;
    margin-top: 70px;
    line-height: 38px;
    text-align: center;
    font-size: 15px;
}
.b-get-another .goto-icon {
    background: url(../images/arrow.55d677a.png) no-repeat center 5px;
    background-size: 100% auto;
    width: 12px;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
}
.kaojin {
  background: url(../images/kaojin.bb65cf5.png);
}
.kaojin-title {
    color: #333333;
}
.kaojin-icon {
    margin-top: 2px;
}
.kaojin .goto-register {
    margin-top: 14px;
}
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
* {
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* custom */
a {
  color: #7e8c8d;
  -webkit-backface-visibility: hidden;
  text-decoration: none; }

li {
  list-style: none; }

body {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body, input, textarea {
  font-family: PingFangSC-Regular, Microsoft YaHei,sans-serif; }

input, img {
  border: none; }

input, button, textarea {
  outline: none; }

img {
  vertical-align: bottom;
  max-width: 100%; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

input[type="number"] {
  -moz-appearance: textfield; }

::-ms-clear {
  display: none; }

::-ms-reveal {
  display: none; }
.f-text-center {
  text-align: center; }

.f-text-left {
  text-align: left; }

.f-text-right {
  text-align: right; }

.f-block {
  display: block; }

.f-inline-block {
  display: inline-block; }

.f-inline {
  display: inline; }

.f-cl:after, .f-cl:before {
  display: table;
  content: ""; }

.f-cl:after {
  clear: both; }

.f-cl:before {
  clear: both; }

.f-fl {
  float: left; }

.f-fr {
  float: right; }

.f-clamp1 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.f-clamp2 {
  -webkit-line-clamp: 2; }

.f-clamp3 {
  -webkit-line-clamp: 3; }

.f-clamp4 {
  -webkit-line-clamp: 4; }

.f-clamp2, .f-clamp3, .f-clamp4 {
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  line-break: loose;
  overflow: hidden; }

.f-color-purple {
  color: #9463F7; }
body {
  min-width: 1200px; }

.u-fc-purple {
  color: #8B76F9; }

.COPYRIGHT[data-v-3cb65d21] {
  margin: 90px auto 50px;
  text-align: center;
  color: #333333;
  font-size: 14px;
}
.COPYRIGHT .brand[data-v-3cb65d21] {
    margin-top: 15px;
}
.COPYRIGHT p[data-v-3cb65d21] {
    line-height: 26px;
}
.COPYRIGHT a[data-v-3cb65d21] {
    color: #333333;
}
.COPYRIGHT a[data-v-3cb65d21]:hover {
      text-decoration: underline;
}
.COPYRIGHT .quick a[data-v-3cb65d21] {
    cursor: pointer;
    padding: 0 8px;
}
.COPYRIGHT .out-link[data-v-3cb65d21] {
    margin-top: 10px;
}
.COPYRIGHT .out-link img[data-v-3cb65d21] {
      max-height: 36px;
}
.COPYRIGHT .city[data-v-3cb65d21] {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    width: 1200px;
    line-height: 1.6em;
    margin: 0 auto 30px;
}
.COPYRIGHT .city a[data-v-3cb65d21] {
      margin: 0 5px;
}

.CONTAINER {
  margin-left: auto;
  margin-right: auto;
}
.CONTAINER.primary {
    width: 1200px;
}

@charset "UTF-8";
.guanwang-home {
  --purple: #7C5CFF;
  --purple-deep: #6A45F0;
  --ink: #0A0A0A;
  --gray: #9AA0A6;
  --card-w: 360px;
  --card-h: 254px;
  --card-shadow: 0 6px 24px rgba(0, 0, 0, 0.20);
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #ffffff;
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  /* ---------- 顶部导航（与原版 index.html 一致） ---------- */
  /* 下载按钮左侧悬浮二维码 */
  /* ---------- 主标题界面（独立第一屏） ---------- */
  /* ---------- 快速注册窗口 ---------- */
  /* 自定义下拉（年龄 / 婚姻状况） */
  /* ---------- 滚动轨道 + 粘性舞台 ---------- */
  /* ---------- 居中文本层（被图片遮挡，滚动后浮现） ---------- */
  /* ---------- 图片堆叠层 ---------- */
  /* ---------- 底部状态栏 ---------- */
  /* ============ 拓展内容区 ============ */
  /* reveal 动效（可逆：下滑显现、上滑消失，更醒目） */
  /* fade：仅透明度淡入（用于自带 transform 定位的元素），同样可逆 */
  /* ---------- 居中流体模糊渐变背景 ---------- */
  /* 内容层级置于背景之上 */
  /* ---- 信任背书：bento 网格 ---- */
  /* a：三重认证（仿 Integrations） */
  /* b：价值标签（仿 tags） */
  /* 放大（悬停展开）时：字号与卡片大小保持不变，仅在纵向拉开间距、上下重新分布 */
  /* c：品牌大图 */
  /* d：数据卡（浅色底） */
  /* e：荣誉图（文字叠加） */
  /* f：脱单喜报 + 头像弧线 */
  /* 会员展示：头像沿上下弧线散布 */
  /* ===== 珍爱通（story 双卡，仿参考图1） ===== */
  /* 五步法堆叠卡 */
  /* 右侧彩色保障卡 */
  /* ===== 珍爱通：五步法时间线（上下结构） ===== */
  /* 明显的 CTA：紫色实心（尺寸沿用 ghost-pill 的 padding/font，不变大） */
  /* 四重保障：滚动钉住容器（pin 期间界面暂停，卡牌铺开） */
  /* 四重保障：左侧磨砂卡牌（滚动展开）+ 右侧红娘讲解 */
  /* 卡牌堆叠区（绝对定位 + JS 控制铺开） */
  /* 右侧红娘（缩小、与卡片左右并列居中） */
  /* ===== 珍爱 APP（渐变 hero + 手机 + 浮卡，仿参考图2） ===== */
  /* 品牌标语横幅（珍爱通与 APP 之间，保持原间距高度） */
  /* 手机 + 浮卡整体：以手机为中心做 3D 旋转 */
  /* 手机 */
  /* 手机：动态信息流界面 */
  /* 浮动卡 */
  /* CTA banner —— 宽度与 APP hero 完全一致，左右边缘对齐 */
  /* footer */
  /* ========== 设计感升级：编辑式标题 + 动感交互 ========== */
  /* 3D 倾斜 + 阴影动画（重新声明 reveal 过渡，避免覆盖淡入效果） */
  /* 信任背书 bento：悬停展开（JS 绝对定位 + 位置/尺寸平滑过渡） */
  /* 磁吸按钮 */
  /* 微交互 */
  /* 会员人物标签：跟随鼠标处图片下方浮出（星座 + 兴趣爱好） */
}
.guanwang-home * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.guanwang-home .nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 48px;
    background: rgba(255, 255, 255, 0.36);
    backdrop-filter: saturate(160%) blur(14px);
    -webkit-backdrop-filter: saturate(160%) blur(14px);
}
.guanwang-home .nav .logo {
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
}
.guanwang-home .nav .logo img {
    height: 40px;
    width: auto;
    display: block;
}
.guanwang-home .nav-right {
    display: flex;
    align-items: center;
    gap: 24px;
}
.guanwang-home .nav-right .signin {
    color: #5b6168;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}
.guanwang-home .nav-right .signin:hover {
    color: var(--ink);
}
.guanwang-home .nav .btn-primary {
    background: var(--purple);
    color: #fff;
    border: none;
    cursor: pointer;
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    padding: 11px 22px;
    border-radius: 8px;
    transition: background .2s ease, transform .2s ease;
}
.guanwang-home .nav .btn-primary:hover {
    background: var(--purple-deep);
    transform: translateY(-1px);
}
.guanwang-home .btn-primary {
    background: var(--purple);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    padding: 11px 22px;
    border-radius: 8px;
    transition: background .2s ease, transform .2s ease;
    font-family: inherit;
}
.guanwang-home .btn-primary:hover {
    background: var(--purple-deep);
    transform: translateY(-1px);
}
.guanwang-home .dl-wrap {
    position: relative;
    display: inline-block;
}
.guanwang-home .dl-qr {
    position: absolute;
    right: calc(100% + 14px);
    top: 50%;
    transform: translateY(-50%) translateX(10px) scale(0.96);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    padding: 11px;
    background: #fff;
    border: 1px solid #EEE;
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(31, 17, 71, 0.18);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.28s ease, transform 0.28s cubic-bezier(0.22, 0.86, 0.28, 1), visibility 0.28s;
    z-index: 40;
    white-space: nowrap;
}
.guanwang-home .dl-qr img {
    width: 124px;
    height: 124px;
    max-width: none;
    display: block;
    border-radius: 6px;
    vertical-align: top;
}
.guanwang-home .dl-qr em {
    font-style: normal;
    font-size: 12px;
    color: var(--gray);
    font-weight: 600;
}
.guanwang-home .dl-qr::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 7px solid transparent;
    border-left-color: #fff;
}
.guanwang-home .dl-wrap:hover .dl-qr {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(-50%) translateX(0) scale(1);
    z-index: 50;
}
.guanwang-home .intro {
    min-height: 72vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    padding: 96px 24px 40px;
    overflow: visible;
    z-index: 30;
}
.guanwang-home .hero-intro {
    width: max-content;
    max-width: 92vw;
    text-align: center;
}
.guanwang-home .hero-intro .pre {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 16px;
    border: 1px solid #ECECF1;
    border-radius: 999px;
    font-size: 13px;
    color: #6b7177;
    background: rgba(255, 255, 255, 0.7);
    margin-bottom: 24px;
    backdrop-filter: blur(6px);
}
.guanwang-home .hero-intro .pre .dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--purple);
}
.guanwang-home .hero-intro h2 {
    font-size: clamp(40px,7vw,92px);
    font-weight: 800;
    letter-spacing: 6px;
    line-height: 1;
    color: var(--purple);
}
.guanwang-home .hero-intro .sub {
    margin-top: 22px;
    font-size: clamp(22px,3.2vw,42px);
    font-weight: 700;
    letter-spacing: 2px;
    color: #3a3a44;
}
.guanwang-home .intro-scroll {
    position: absolute;
    left: 50%;
    bottom: -94px;
    transform: translate(-50%, 24px);
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    letter-spacing: 1px;
    color: var(--gray);
    opacity: 0;
    animation: introScroll 0.9s cubic-bezier(0.16, 0.84, 0.34, 1) 0.48s forwards;
}
@keyframes introScroll {
to {
    opacity: 1;
    transform: translate(-50%, 0);
}
}
.guanwang-home .intro-scroll .mouse {
    width: 22px;
    height: 34px;
    border: 2px solid #c9c9d2;
    border-radius: 12px;
    position: relative;
}
.guanwang-home .intro-scroll .mouse::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 6px;
    width: 3px;
    height: 6px;
    background: #b9b9c4;
    border-radius: 2px;
    transform: translateX(-50%);
    animation: wheel 1.4s infinite;
}
.guanwang-home .intro .pre,
  .guanwang-home .intro h2,
  .guanwang-home .intro .sub,
  .guanwang-home .quick-reg {
    opacity: 0;
    transform: translateY(24px);
    animation: introUp 0.9s cubic-bezier(0.16, 0.84, 0.34, 1) forwards;
}
.guanwang-home .intro h2 {
    animation-delay: .12s;
}
.guanwang-home .intro .sub {
    animation-delay: .24s;
}
.guanwang-home .quick-reg {
    animation-delay: .36s;
}
@keyframes introUp {
to {
    opacity: 1;
    transform: none;
}
}
.guanwang-home .quick-reg {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: 14px;
    padding: 20px 22px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(22px) saturate(150%);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
    box-shadow: 0 12px 40px rgba(31, 17, 71, 0.1);
    position: relative;
    z-index: 20;
}
.guanwang-home .qr-field {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    text-align: left;
}
.guanwang-home .qr-field label {
    font-size: 12px;
    color: var(--gray);
    letter-spacing: .5px;
}
.guanwang-home .qr-seg {
    display: inline-flex;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 12px;
    padding: 3px;
    gap: 2px;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
.guanwang-home .qr-seg button {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 9px 18px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    color: #5b5b66;
    transition: all .2s ease;
    font-family: inherit;
}
.guanwang-home .qr-seg button.on {
    background: #fff;
    color: var(--purple);
    box-shadow: 0 2px 8px rgba(31, 17, 71, 0.12);
}
.guanwang-home .qr-drop {
    position: relative;
    min-width: 150px;
}
.guanwang-home .qr-drop-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(14px) saturate(140%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 15px;
    color: var(--ink);
    cursor: pointer;
    font-family: inherit;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.guanwang-home .qr-drop-trigger .val {
    color: #9a9aa6;
}
.guanwang-home .qr-drop.has-val .qr-drop-trigger .val {
    color: var(--ink);
    font-weight: 600;
}
.guanwang-home .qr-drop-trigger:hover {
    background: rgba(255, 255, 255, 0.5);
}
.guanwang-home .qr-drop.open .qr-drop-trigger {
    border-color: var(--purple);
    box-shadow: 0 0 0 3px rgba(124, 77, 255, 0.16);
}
.guanwang-home .qr-drop-trigger svg {
    flex: none;
    color: #8a8a96;
    transition: transform .25s ease;
}
.guanwang-home .qr-drop.open .qr-drop-trigger svg {
    transform: rotate(180deg);
    color: var(--purple);
}
.guanwang-home .qr-drop-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    z-index: 40;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(30px) saturate(180%);
    -webkit-backdrop-filter: blur(30px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 14px;
    padding: 0;
    box-shadow: 0 18px 50px rgba(31, 17, 71, 0.18);
    max-height: 240px;
    overflow: hidden auto;
    overscroll-behavior: contain;
    opacity: 0;
    transform: translateY(-8px) scale(0.98);
    transform-origin: top center;
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
}
.guanwang-home .qr-drop.up .qr-drop-menu {
    top: auto;
    bottom: calc(100% + 8px);
    transform-origin: bottom center;
    transform: translateY(8px) scale(0.98);
}
.guanwang-home .qr-drop.open .qr-drop-menu {
    opacity: 1;
    transform: none;
    pointer-events: auto;
}
.guanwang-home .qr-drop-opt {
    display: block;
    width: 100%;
    padding: 12px 14px;
    font-size: 15px;
    color: #3a3a44;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}
.guanwang-home .qr-drop-opt:hover {
    background: rgba(124, 77, 255, 0.12);
    color: var(--purple);
}
.guanwang-home .qr-drop-opt.sel {
    background: var(--purple);
    color: #fff;
}
.guanwang-home .qr-drop-menu::-webkit-scrollbar {
    width: 8px;
}
.guanwang-home .qr-drop-menu::-webkit-scrollbar-thumb {
    background: rgba(124, 77, 255, 0.3);
    border-radius: 8px;
}
.guanwang-home .qr-drop-menu::-webkit-scrollbar-track {
    background: transparent;
}
.guanwang-home .qr-submit {
    border: none;
    cursor: pointer;
    padding: 13px 30px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: var(--purple);
    font-family: inherit;
    transition: transform .15s ease, box-shadow .2s ease;
    box-shadow: 0 8px 22px rgba(124, 77, 255, 0.35);
    height: 46px;
}
.guanwang-home .qr-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(124, 77, 255, 0.45);
}
@media (max-width: 620px) {
.guanwang-home .quick-reg {
      flex-direction: column;
      align-items: stretch;
}
.guanwang-home .qr-field {
      align-items: stretch;
}
.guanwang-home .qr-drop,
    .guanwang-home .qr-seg {
      width: 100%;
}
.guanwang-home .qr-seg button {
      flex: 1;
}
.guanwang-home .qr-submit {
      width: 100%;
}
}
.guanwang-home .scroll-track {
    position: relative;
    height: 260vh;
}
.guanwang-home .stage {
    position: sticky;
    top: 0;
    height: 100vh;
    width: 100%;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
}
.guanwang-home .hero-text {
    position: absolute;
    left: 50%;
    top: 48%;
    z-index: 5;
    width: min(760px,86vw);
    text-align: center;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    will-change: transform, opacity;
}
.guanwang-home .badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border: 1px solid #ECECF1;
    border-radius: 999px;
    font-size: 13px;
    color: #6b7177;
    margin-bottom: 22px;
    background: #fff;
}
.guanwang-home .badge .dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--purple);
}
.guanwang-home .hero-text h1 {
    font-size: clamp(30px,4.5vw,62px);
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: 1px;
    color: var(--ink);
}
.guanwang-home .hero-text p {
    margin: 24px auto 0;
    max-width: 520px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    color: var(--gray);
}
.guanwang-home .hero-text .cta {
    margin-top: 34px;
}
.guanwang-home .cta .btn-primary {
    padding: 14px 30px;
}
.guanwang-home .cta .sub {
    display: block;
    margin-top: 14px;
    font-size: 13px;
    color: var(--gray);
}
.guanwang-home .stack {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    width: 0;
    height: 0;
}
.guanwang-home .card {
    position: absolute;
    left: 0;
    top: 0;
    width: var(--card-w);
    height: var(--card-h);
    margin-left: calc(var(--card-w)/-2);
    margin-top: calc(var(--card-h)/-2);
    will-change: transform;
    transform-origin: center center;
}
.guanwang-home .card .hover {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    box-shadow: var(--card-shadow);
    background: #f2f2f5;
    cursor: pointer;
    transform-origin: center center;
}
.guanwang-home .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}
.guanwang-home .statusbar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 48px;
    font-size: 13px;
    color: #6b7177;
}
.guanwang-home .statusbar a {
    color: #6b7177;
    text-decoration: none;
}
.guanwang-home .statusbar a:hover {
    color: var(--ink);
}
.guanwang-home .status-right {
    display: flex;
    align-items: center;
    gap: 9px;
}
.guanwang-home .status-right .live {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2ecc71;
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.6);
    animation: pulse 1.8s infinite;
}
@keyframes pulse {
0% {
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.55);
}
70% {
    box-shadow: 0 0 0 7px rgba(46, 204, 113, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0);
}
}
@keyframes wheel {
0% {
    opacity: 0;
    top: 6px;
}
40% {
    opacity: 1;
}
100% {
    opacity: 0;
    top: 16px;
}
}
.guanwang-home section.block {
    padding: 120px 48px;
    max-width: 1180px;
    margin: 0 auto;
}
.guanwang-home .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--purple);
    letter-spacing: .5px;
    margin-bottom: 16px;
}
.guanwang-home .eyebrow::before {
    content: "";
    width: 18px;
    height: 2px;
    background: var(--purple);
    border-radius: 2px;
}
.guanwang-home .block h2 {
    font-size: clamp(30px,4vw,46px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -1px;
    color: var(--ink);
    max-width: 680px;
}
.guanwang-home .block .lead {
    margin-top: 18px;
    max-width: 560px;
    font-size: 15px;
    line-height: 1.7;
    color: var(--gray);
}
.guanwang-home .reveal {
    opacity: 0;
    transform: translateY(64px) scale(0.92);
    filter: blur(8px);
    transition: opacity 0.65s ease, transform 0.8s cubic-bezier(0.16, 0.84, 0.34, 1), filter 0.6s ease;
}
.guanwang-home .reveal.in {
    opacity: 1;
    transform: none;
    filter: none;
}
.guanwang-home .reveal.d1 {
    transition-delay: .06s;
}
.guanwang-home .reveal.d2 {
    transition-delay: .14s;
}
.guanwang-home .reveal.d3 {
    transition-delay: .22s;
}
.guanwang-home .reveal.d4 {
    transition-delay: .30s;
}
.guanwang-home .fade {
    opacity: 0;
    transition: opacity .7s ease;
}
.guanwang-home .fade.in {
    opacity: 1;
}
.guanwang-home .bg-wrap {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}
.guanwang-home .bg-blob {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(78vw,860px);
    height: min(78vw,860px);
}
.guanwang-home .bg-spin {
    position: absolute;
    inset: 0;
    animation: bgspin 16s linear infinite;
}
@keyframes bgspin {
to {
    transform: rotate(360deg);
}
}
.guanwang-home .lobe {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: .55;
    animation: morph 9s ease-in-out infinite;
    will-change: transform;
}
.guanwang-home .lobe-blue {
    left: 6%;
    top: 10%;
    width: 62%;
    height: 62%;
    background: radial-gradient(circle at 50% 50%, #4F7DFF 0%, rgba(79, 125, 255, 0) 68%);
}
.guanwang-home .lobe-purple {
    right: 4%;
    bottom: 8%;
    width: 66%;
    height: 66%;
    background: radial-gradient(circle at 50% 50%, #9B6BFF 0%, rgba(155, 107, 255, 0) 68%);
}
.guanwang-home .lobe-pink {
    left: 30%;
    top: 34%;
    width: 46%;
    height: 46%;
    background: radial-gradient(circle at 50% 50%, #C58BFF 0%, rgba(197, 139, 255, 0) 70%);
    opacity: .4;
}
@keyframes morph {
0%,
  100% {
    border-radius: 48% 52% 56% 44% / 50% 48% 52% 50%;
}
50% {
    border-radius: 58% 42% 45% 55% / 55% 58% 42% 45%;
}
}
.guanwang-home .scroll-track,
  .guanwang-home section,
  .guanwang-home .cta-banner,
  .guanwang-home .slogan-band,
  .guanwang-home footer {
    position: relative;
    z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
.guanwang-home .bg-spin {
      animation: none;
}
.guanwang-home .lobe {
      animation: none;
}
}
.guanwang-home .bento-head {
    text-align: center;
    max-width: 620px;
    margin: 0 auto;
}
.guanwang-home .bento-head h2 {
    font-size: clamp(30px,4vw,46px);
    font-weight: 800;
    letter-spacing: -1px;
    color: var(--ink);
}
.guanwang-home .bento-head p {
    margin: 14px auto 0;
    font-size: 15px;
    color: var(--gray);
    line-height: 1.6;
}
.guanwang-home .bento {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 214px 214px;
    gap: 18px;
    margin-top: 52px;
}
.guanwang-home .bento-card {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.guanwang-home .bento-card.soft {
    background: #F6F6F7;
    padding: 26px;
}
.guanwang-home .bc-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--ink);
}
.guanwang-home .bc-desc {
    font-size: 13px;
    color: var(--gray);
    line-height: 1.6;
    margin-top: 6px;
}
.guanwang-home .b-a {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
}
.guanwang-home .icon-row {
    display: flex;
    gap: 10px;
    margin-bottom: auto;
}
.guanwang-home .icon-row .ic {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.guanwang-home .b-b {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: padding 0.55s cubic-bezier(0.22, 0.86, 0.28, 1), gap 0.55s cubic-bezier(0.22, 0.86, 0.28, 1);
}
.guanwang-home .feat-title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .5px;
    color: var(--ink);
    margin-bottom: 6px;
    transition: font-size .5s ease, margin-bottom .5s ease;
}
.guanwang-home .feat-card {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #EDEDF1;
    border-radius: 999px;
    padding: 9px 16px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
    font-size: 12px;
    font-weight: 700;
    color: #3a3a44;
    line-height: 1.25;
    text-align: center;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease, padding 0.5s cubic-bezier(0.22, 0.86, 0.28, 1), font-size 0.5s ease, border-radius 0.5s ease, gap 0.5s ease;
}
.guanwang-home .feat-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(124, 92, 255, 0.2);
}
.guanwang-home .feat-card .fc-ic {
    width: 30px;
    height: 30px;
    flex: none;
    border-radius: 9px;
    background: #F1EDFF;
    color: var(--purple);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    transition: width .5s ease, height .5s ease, font-size .5s ease, border-radius .5s ease;
}
.guanwang-home .feat-card.hl {
    background: var(--purple);
    border-color: var(--purple);
    color: #fff;
}
.guanwang-home .feat-card.hl .fc-ic {
    background: rgba(255, 255, 255, 0.22);
    color: #fff;
}
.guanwang-home .b-b.expanded {
    padding: 56px 30px;
    gap: 0;
    justify-content: space-between;
}
.guanwang-home .b-b.expanded .feat-title {
    margin-bottom: 0;
}
.guanwang-home .chip {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid #EDEDF1;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #4b4b55;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
}
.guanwang-home .chip i {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #EFEFF3;
    color: #9a9aa5;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}
.guanwang-home .chip.hl {
    background: var(--purple);
    border-color: var(--purple);
    color: #fff;
    align-self: center;
}
.guanwang-home .chip.hl i {
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
}
.guanwang-home .chip.s2 {
    align-self: flex-end;
}
.guanwang-home .b-c {
    grid-column: 2;
    grid-row: 1 / span 2;
    background-size: cover;
    background-position: center;
}
.guanwang-home .b-c .brand-tag {
    position: absolute;
    top: 22px;
    left: 24px;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.5px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}
.guanwang-home .b-c .brand-foot {
    position: absolute;
    left: 24px;
    bottom: 22px;
    color: #fff;
    font-size: 13px;
    opacity: .92;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}
.guanwang-home .b-d {
    grid-column: 3;
    grid-row: 1;
    background: #EFEBFF;
    padding: 24px;
    display: flex;
    flex-direction: column;
}
.guanwang-home .b-d .stat-ic {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--purple);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: auto;
}
.guanwang-home .b-d .big {
    font-size: 44px;
    font-weight: 800;
    letter-spacing: -1.5px;
    color: var(--ink);
    line-height: 1;
}
.guanwang-home .b-d .big span {
    font-size: 22px;
    color: var(--purple);
}
.guanwang-home .b-e {
    grid-column: 4;
    grid-row: 1;
    background-size: cover;
    background-position: center;
}
.guanwang-home .b-e::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.55));
}
.guanwang-home .b-e .overlay-text {
    position: absolute;
    left: 22px;
    bottom: 20px;
    z-index: 2;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
}
.guanwang-home .b-f {
    grid-column: 3 / span 2;
    grid-row: 2;
    padding: 28px;
}
.guanwang-home .b-f .arcs {
    position: absolute;
    right: -40px;
    top: -40px;
    width: 360px;
    height: 360px;
}
.guanwang-home .b-f .arc {
    position: absolute;
    border: 1px solid #E6E2F7;
    border-radius: 50%;
}
.guanwang-home .b-f .arc.a1 {
    width: 300px;
    height: 300px;
    right: 0;
    top: 30px;
}
.guanwang-home .b-f .arc.a2 {
    width: 200px;
    height: 200px;
    right: 50px;
    top: 80px;
}
.guanwang-home .b-f .av {
    position: absolute;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    border: 2px solid #fff;
}
.guanwang-home #members {
    max-width: 1280px;
}
.guanwang-home .find-stage {
    position: relative;
    min-height: 620px;
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.guanwang-home .find-center {
    position: relative;
    text-align: center;
    width: min(760px,92vw);
    z-index: 5;
}
.guanwang-home .find-center .badge-ic {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ECECF1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    font-size: 18px;
    color: var(--purple);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}
.guanwang-home .find-center h2 {
    max-width: none;
    margin: 0 auto;
    font-size: clamp(38px,6.4vw,76px);
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 1.02;
    color: var(--ink);
}
.guanwang-home .find-center h2 .l2 {
    color: var(--purple);
}
.guanwang-home .find-center p {
    margin: 22px auto 0;
    max-width: 440px;
    font-size: 14px;
    color: var(--gray);
    line-height: 1.65;
}
.guanwang-home .face {
    position: absolute;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--card-shadow);
    object-fit: cover;
    transform: translateX(-50%);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    will-change: transform, margin-top;
    background: #eee;
    z-index: 3;
}
.guanwang-home .face img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.guanwang-home .story-head {
    text-align: center;
    max-width: 780px;
    margin: 0 auto;
}
.guanwang-home .story-eyebrow {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #9a9aa5;
}
.guanwang-home .story-eyebrow b {
    color: var(--purple);
}
.guanwang-home .story-head h2 {
    max-width: none;
    margin: 14px auto 0;
    font-size: clamp(32px,5vw,60px);
    font-weight: 800;
    letter-spacing: -1.5px;
    line-height: 1.08;
    color: var(--ink);
}
.guanwang-home .story-grid {
    position: relative;
    display: grid;
    grid-template-columns: 1.04fr 1.18fr;
    gap: 26px;
    margin-top: 56px;
    align-items: stretch;
}
.guanwang-home .story-play {
    position: absolute;
    left: 50%;
    top: -26px;
    transform: translateX(-60%);
    z-index: 1;
    pointer-events: none;
    width: 0;
    height: 0;
    border-top: 120px solid transparent;
    border-bottom: 120px solid transparent;
    border-left: 170px solid rgba(124, 92, 255, 0.06);
}
.guanwang-home .story-card {
    position: relative;
    z-index: 2;
    border-radius: 24px;
    padding: 34px;
    overflow: hidden;
}
.guanwang-home .story-card.light {
    background: #F6F6F7;
}
.guanwang-home .pill-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #fff;
    border-radius: 999px;
    padding: 8px 15px;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}
.guanwang-home .pill-tag .tri {
    color: var(--purple);
}
.guanwang-home .collage {
    position: relative;
    height: 240px;
    margin: 18px 0 8px;
}
.guanwang-home .stepcard {
    position: absolute;
    left: 50%;
    top: 30px;
    width: 190px;
    padding: 16px 18px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.12);
    transform-origin: center;
}
.guanwang-home .stepcard .sn {
    font-size: 12px;
    font-weight: 800;
    color: var(--purple);
    letter-spacing: 1px;
}
.guanwang-home .stepcard .st {
    font-size: 17px;
    font-weight: 800;
    margin-top: 3px;
}
.guanwang-home .stepcard .sd {
    font-size: 12px;
    color: var(--gray);
    margin-top: 5px;
    line-height: 1.5;
}
.guanwang-home .chat-bubble {
    position: absolute;
    right: 18px;
    top: 8px;
    z-index: 6;
    background: var(--purple);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 9px 14px;
    border-radius: 14px 14px 14px 4px;
    box-shadow: 0 8px 22px rgba(124, 92, 255, 0.4);
}
.guanwang-home .sc-foot h3 {
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -.5px;
}
.guanwang-home .sc-foot p {
    font-size: 14px;
    color: var(--gray);
    line-height: 1.6;
    margin-top: 8px;
}
.guanwang-home .ghost-pill {
    display: inline-block;
    margin-top: 18px;
    border: 1px solid #DADAE2;
    border-radius: 999px;
    padding: 11px 22px;
    font-size: 14px;
    font-weight: 700;
    color: var(--ink);
    text-decoration: none;
    transition: all .2s;
    cursor: pointer;
    background: transparent;
    font-family: inherit;
    line-height: normal;
}
.guanwang-home .ghost-pill:hover {
    background: var(--ink);
    color: #fff;
    border-color: var(--ink);
}
.guanwang-home .story-card.color {
    background: linear-gradient(150deg, #6A45F0, #9B6BFF 55%, #C58BFF);
    color: #fff;
    display: flex;
    flex-direction: column;
}
.guanwang-home .guard-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: auto;
}
.guanwang-home .gcard {
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    padding: 16px;
    backdrop-filter: blur(4px);
}
.guanwang-home .gcard .gt {
    font-size: 15px;
    font-weight: 800;
}
.guanwang-home .gcard .gd {
    font-size: 12px;
    line-height: 1.55;
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.85);
}
.guanwang-home .story-card.color .sc-foot {
    margin-top: 26px;
}
.guanwang-home .story-card.color .sc-foot h3 {
    color: #fff;
}
.guanwang-home .story-card.color .sc-foot p {
    color: rgba(255, 255, 255, 0.85);
}
.guanwang-home .zt-steps {
    margin-top: 52px;
    border-radius: 999px;
    padding: 40px 130px 36px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(22px) saturate(160%);
    -webkit-backdrop-filter: blur(22px) saturate(160%);
    box-shadow: 0 20px 60px rgba(31, 17, 71, 0.1);
}
.guanwang-home .zt-steps-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-align: center;
    margin-bottom: 40px;
}
.guanwang-home .zt-steps-head h3 {
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -.5px;
    color: var(--ink);
}
.guanwang-home .timeline {
    position: relative;
}
.guanwang-home .tl-track {
    position: absolute;
    left: 0;
    right: 0;
    top: 21px;
    height: 3px;
    background: #E4E0EC;
    border-radius: 3px;
    overflow: hidden;
}
.guanwang-home .tl-fill {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: linear-gradient(90deg, #7C5CFF, #C58BFF);
    transition: width 0.6s cubic-bezier(0.22, 0.86, 0.28, 1);
}
.guanwang-home .tl-steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
}
.guanwang-home .tl-step {
    text-align: center;
}
.guanwang-home .tl-dot {
    position: relative;
    z-index: 2;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background: #fff;
    box-shadow: 0 0 0 3px #E4E0EC inset, 0 6px 16px rgba(0, 0, 0, 0.06);
    color: #9a9aa5;
    font-weight: 800;
    font-size: 14px;
    font-family: inherit;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease, color 0.3s ease, background 0.3s ease;
}
.guanwang-home .tl-step:hover .tl-dot {
    transform: scale(1.08);
}
.guanwang-home .tl-step.is-active .tl-dot {
    background: var(--purple);
    color: #fff;
    transform: scale(1.16);
    box-shadow: 0 0 0 4px rgba(124, 92, 255, 0.22), 0 12px 26px rgba(124, 92, 255, 0.4);
}
.guanwang-home .tl-card {
    position: relative;
    z-index: 1;
    width: 74%;
    margin: 14px auto 0;
    background: #fff;
    border: 1px solid #ECECF1;
    border-radius: 11px;
    padding: 9px 8px;
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.05);
    opacity: .62;
    transition: transform 0.4s cubic-bezier(0.22, 0.86, 0.28, 1), box-shadow 0.35s ease, opacity 0.35s ease, border-color 0.35s ease;
}
.guanwang-home .tl-step:hover .tl-card {
    opacity: 1;
    z-index: 5;
    transform: translateY(-5px) scale(1.3);
}
.guanwang-home .tl-step.is-active .tl-card {
    opacity: 1;
    z-index: 5;
    transform: translateY(-6px) scale(1.34);
    border-color: rgba(124, 92, 255, 0.4);
    box-shadow: 0 22px 44px rgba(124, 92, 255, 0.22);
}
.guanwang-home .tl-en {
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 1px;
    color: var(--purple);
}
.guanwang-home .tl-t {
    font-size: 10px;
    font-weight: 800;
    color: var(--ink);
    margin-top: 3px;
}
.guanwang-home .tl-d {
    font-size: 6px;
    color: var(--gray);
    line-height: 1.5;
    margin-top: 4px;
}
.guanwang-home .zt-cta-wrap {
    display: flex;
    justify-content: center;
    margin-top: 34px;
}
.guanwang-home .ghost-pill.zt-cta {
    background: var(--purple);
    border-color: var(--purple);
    color: #fff;
    box-shadow: 0 10px 26px rgba(124, 92, 255, 0.4);
}
.guanwang-home .ghost-pill.zt-cta:hover {
    background: #6A45F0;
    border-color: #6A45F0;
    color: #fff;
}
.guanwang-home .guard-scroll {
    position: relative;
    height: 162vh;
    margin-top: 64px;
}
.guanwang-home .guard-pin {
    position: sticky;
    top: 20vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.guanwang-home .zt-guard {
    margin-top: 0;
    padding: 0;
    background: none;
    width: 100%;
}
.guanwang-home .zt-guard-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-align: center;
    margin-bottom: 8px;
}
.guanwang-home .zt-guard-head h3 {
    font-size: 20px;
    font-weight: 800;
    color: var(--ink);
}
.guanwang-home .zt-guard-head p {
    font-size: 13px;
    color: var(--gray);
}
.guanwang-home .guard-stage {
    position: relative;
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 36px;
    min-height: 360px;
}
.guanwang-home .guard-deck {
    position: relative;
    width: 518px;
    height: 322px;
    flex: 0 0 auto;
}
.guanwang-home .guard-hint {
    position: absolute;
    left: 50%;
    top: -30px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--purple);
    font-weight: 700;
    opacity: .85;
    transition: opacity .4s ease;
    z-index: 60;
    white-space: nowrap;
}
.guanwang-home .guard-hint .gh-ico {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid var(--purple);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: ghScroll 1.8s ease-in-out infinite;
}
@keyframes ghScroll {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(4px);
}
}
.guanwang-home .guard-stage.fanned .guard-hint {
    opacity: 0;
}
.guanwang-home .gcard3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 248px;
    height: 150px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.42);
    border: 1px solid rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    box-shadow: 0 18px 42px rgba(31, 17, 71, 0.16);
    transition: box-shadow .35s ease, background .35s ease;
    will-change: transform;
}
.guanwang-home .gcard3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(180deg, #7C5CFF, #C58BFF);
}
.guanwang-home .gcard3 .gc-no {
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: var(--purple);
}
.guanwang-home .gcard3 .gc-t {
    font-size: 17px;
    font-weight: 800;
    color: var(--ink);
    margin-top: 8px;
}
.guanwang-home .gcard3 .gc-d {
    font-size: 12px;
    color: #5f5872;
    line-height: 1.55;
    margin-top: 7px;
}
.guanwang-home .gcard3.hot {
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 28px 60px rgba(124, 92, 255, 0.3);
}
.guanwang-home .guard-figure {
    position: relative;
    width: 280px;
    height: 360px;
    flex: 0 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    pointer-events: none;
    transform: translateX(100px);
}
.guanwang-home .guard-figure::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 14px;
    transform: translateX(-50%);
    width: 74%;
    height: 26px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(124, 92, 255, 0.18), rgba(124, 92, 255, 0) 70%);
}
.guanwang-home .guard-figure img {
    position: relative;
    height: 100%;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 22px 40px rgba(31, 17, 71, 0.18));
}
@media (max-width: 760px) {
.guanwang-home .zt-steps {
      padding: 30px 22px;
}
.guanwang-home .tl-track {
      display: none;
}
.guanwang-home .tl-steps {
      grid-template-columns: 1fr;
      gap: 14px;
}
.guanwang-home .tl-step {
      display: grid;
      grid-template-columns: 44px 1fr;
      align-items: center;
      gap: 14px;
      text-align: left;
}
.guanwang-home .tl-card {
      margin-top: 0;
      width: 100%;
}
.guanwang-home .guard-scroll {
      height: auto;
      margin-top: 24px;
}
.guanwang-home .guard-pin {
      position: static;
      top: auto;
}
.guanwang-home .guard-stage {
      flex-direction: column;
      min-height: 0;
      gap: 0;
}
.guanwang-home .guard-figure {
      display: none;
}
.guanwang-home .guard-deck {
      position: static;
      width: 100%;
      height: auto;
      display: flex;
      flex-direction: column;
      gap: 14px;
}
.guanwang-home .guard-hint {
      display: none;
}
.guanwang-home .gcard3 {
      position: static;
      width: 100%;
      height: auto;
      transform: none !important;
}
}
.guanwang-home .slogan-band {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 24px 56px;
}
.guanwang-home .slogan-band img {
    width: min(400px,55%);
    height: auto;
    display: block;
}
.guanwang-home .app-section {
    padding: 26px 0 60px;
}
.guanwang-home .app-hero {
    position: relative;
    background: linear-gradient(180deg, #F4EEFF 0%, #E9DDFF 45%, #DCC9FF 100%);
    border-radius: 32px;
    width: min(1084px,calc(100% - 96px));
    margin: 0 auto;
    padding: 72px 24px 44px;
    overflow: hidden;
}
.guanwang-home .app-hero .ah-head {
    text-align: center;
    max-width: 760px;
    margin: 0 auto;
    position: relative;
    z-index: 4;
}
.guanwang-home .app-hero h2 {
    font-size: clamp(30px,4.6vw,52px);
    font-weight: 800;
    letter-spacing: -1.5px;
    line-height: 1.12;
    color: var(--ink);
}
.guanwang-home .app-hero h2 .hl {
    background: var(--purple);
    color: #fff;
    border-radius: 14px;
    padding: 0 14px;
    display: inline-block;
}
.guanwang-home .app-hero .ah-sub {
    margin: 18px auto 0;
    max-width: 480px;
    font-size: 14px;
    color: #6b6478;
    line-height: 1.7;
}
.guanwang-home .app-hero-disclaimer {
    position: absolute;
    right: 22px;
    bottom: 16px;
    z-index: 4;
    margin: 0;
    font-size: 10px;
    line-height: 1.55;
    color: rgba(107, 100, 120, 0.72);
    text-align: right;
}
.guanwang-home .pill-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 26px;
    background: var(--ink);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 26px;
    border-radius: 999px;
    transition: transform .2s;
    text-decoration: none;
}
.guanwang-home .pill-cta:hover {
    transform: translateY(-2px);
}
.guanwang-home .pill-cta .arrow {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--purple);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}
.guanwang-home .app-stage {
    position: relative;
    height: 600px;
    margin-top: 24px;
}
.guanwang-home .app-group {
    position: absolute;
    inset: 0;
    transform-style: preserve-3d;
    transform-origin: 50% 46%;
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    will-change: transform;
}
.guanwang-home .phone {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 300px;
    height: 576px;
    background: #0A0A0A;
    border-radius: 44px;
    padding: 12px;
    box-shadow: 0 30px 80px rgba(80, 40, 160, 0.3);
    z-index: 3;
}
.guanwang-home .phone .screen {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 34px;
    overflow: hidden;
    position: relative;
    padding: 0;
}
.guanwang-home .phone .notch {
    position: absolute;
    left: 50%;
    top: 12px;
    transform: translateX(-50%);
    width: 110px;
    height: 24px;
    background: #0A0A0A;
    border-radius: 0 0 14px 14px;
    z-index: 5;
}
.guanwang-home .ph-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 11px;
    color: #999;
}
.guanwang-home .ph-h {
    margin-top: 30px;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.5px;
}
.guanwang-home .ph-h span {
    color: var(--purple);
}
.guanwang-home .ph-sub {
    font-size: 13px;
    color: var(--gray);
    margin-top: 4px;
}
.guanwang-home .ph-rec {
    margin-top: 20px;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.guanwang-home .ph-rec .img {
    height: 190px;
    background-size: cover;
    background-position: center;
}
.guanwang-home .ph-rec .meta {
    padding: 13px 15px;
}
.guanwang-home .ph-rec .meta .nm {
    font-size: 15px;
    font-weight: 700;
}
.guanwang-home .ph-rec .meta .tg {
    margin-top: 8px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.guanwang-home .ph-rec .meta .tg span {
    font-size: 11px;
    color: #6a4cff;
    background: #F1EDFF;
    padding: 4px 9px;
    border-radius: 999px;
}
.guanwang-home .ph-acts {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 22px;
    display: flex;
    justify-content: center;
    gap: 18px;
}
.guanwang-home .ph-acts .ab {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
.guanwang-home .ph-acts .pass {
    background: #fff;
}
.guanwang-home .ph-acts .like {
    background: var(--purple);
    color: #fff;
    transform: scale(1.12);
}
.guanwang-home .ph-shot {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.guanwang-home .ph-status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 16px 4px;
    font-size: 11px;
    font-weight: 700;
    color: #111;
}
.guanwang-home .ph-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 16px 6px;
}
.guanwang-home .ph-bar-title {
    font-size: 19px;
    font-weight: 800;
    color: #111;
}
.guanwang-home .ph-square {
    font-size: 11px;
    color: #555;
    border: 1px solid #E3E3EA;
    border-radius: 999px;
    padding: 5px 12px;
}
.guanwang-home .ph-tabs {
    display: flex;
    gap: 13px;
    padding: 2px 16px 9px;
    font-size: 13px;
    color: #a6a6b0;
}
.guanwang-home .ph-tabs .on {
    color: #111;
    font-weight: 800;
}
.guanwang-home .ph-topics {
    display: flex;
    gap: 8px;
    padding: 0 16px 10px;
    overflow: hidden;
}
.guanwang-home .pt {
    flex: 0 0 auto;
    width: 108px;
    display: flex;
    align-items: center;
    gap: 7px;
    background: #F4F4F7;
    border-radius: 12px;
    padding: 8px 9px;
}
.guanwang-home .pt-ic {
    width: 26px;
    height: 26px;
    flex: none;
    border-radius: 8px;
    background: #E9E3FF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.guanwang-home .pt-tx {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    overflow: hidden;
}
.guanwang-home .pt-tx b {
    font-size: 11px;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.guanwang-home .pt-tx i {
    font-size: 9px;
    color: #a6a6b0;
    font-style: normal;
    white-space: nowrap;
}
.guanwang-home .ph-feed {
    overflow: hidden;
}
.guanwang-home .ph-post {
    padding: 12px 16px;
    border-top: 6px solid #F4F4F7;
}
.guanwang-home .pp-head {
    display: flex;
    align-items: center;
    gap: 8px;
}
.guanwang-home .pp-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    flex: none;
    background: #eee;
}
.guanwang-home .pp-id {
    flex: 1;
    min-width: 0;
}
.guanwang-home .pp-name {
    font-size: 12px;
    font-weight: 700;
    color: #222;
    display: flex;
    align-items: center;
    gap: 5px;
}
.guanwang-home .pp-badge {
    font-size: 8px;
    color: #fff;
    background: #2EC8A6;
    border-radius: 4px;
    padding: 1px 4px;
    font-weight: 600;
}
.guanwang-home .pp-meta {
    font-size: 9.5px;
    color: #a6a6b0;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.guanwang-home .pp-follow {
    flex: none;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    background: var(--purple);
    border: none;
    border-radius: 999px;
    padding: 5px 14px;
    cursor: pointer;
}
.guanwang-home .pp-text {
    font-size: 11px;
    color: #333;
    line-height: 1.55;
    margin: 9px 0;
}
.guanwang-home .pp-imgs {
    display: grid;
    gap: 5px;
}
.guanwang-home .pp-imgs.one {
    grid-template-columns: 58%;
}
.guanwang-home .pp-imgs.one .pp-img {
    aspect-ratio: 3/4;
}
.guanwang-home .pp-imgs.two {
    grid-template-columns: 1fr 1fr;
}
.guanwang-home .pp-imgs.two .pp-img {
    aspect-ratio: 1/1;
}
.guanwang-home .pp-img {
    border-radius: 8px;
    background-size: cover;
    background-position: center;
    background-color: #eee;
}
.guanwang-home .pp-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 10px;
    color: #a6a6b0;
    margin-top: 10px;
}
.guanwang-home .pp-foot .pp-acts {
    display: flex;
    gap: 14px;
}
.guanwang-home .pp-foot .pp-acts i {
    font-style: normal;
}
.guanwang-home .ph-fab {
    position: absolute;
    right: 12px;
    bottom: 60px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #8A6BFF, #6A45F0);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 8px 20px rgba(124, 92, 255, 0.45);
}
.guanwang-home .ph-tabbar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 46px;
    background: #fff;
    border-top: 1px solid #EFEFF2;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.guanwang-home .ph-tabbar span {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    font-size: 14px;
    color: #bcbcc4;
}
.guanwang-home .ph-tabbar span i {
    font-size: 8.5px;
    font-style: normal;
}
.guanwang-home .ph-tabbar .on {
    color: var(--purple);
}
.guanwang-home .floatcard {
    position: absolute;
    z-index: 4;
    border-radius: 16px;
    padding: 12px 14px;
    width: 172px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0 14px 36px rgba(80, 40, 160, 0.16);
    transition: background .2s ease, border-color .2s ease;
}
.guanwang-home .floatcard .fc-top {
    font-size: 11px;
    color: #9a9aa5;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}
.guanwang-home .floatcard .fc-big {
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -1px;
    margin-top: 6px;
}
.guanwang-home .floatcard .fc-big small {
    font-size: 12px;
    color: var(--purple);
    font-weight: 700;
}
.guanwang-home .floatcard .fc-desc {
    font-size: 12px;
    color: var(--gray);
    margin-top: 3px;
    line-height: 1.45;
}
.guanwang-home .floatcard .fc-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.guanwang-home .floatcard .fc-ic {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #F1EDFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}
.guanwang-home .floatcard .fc-av {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    margin-left: auto;
}
.guanwang-home .floatcard .fc-curve {
    display: block;
    width: 100%;
    height: 30px;
    margin-top: 8px;
    overflow: visible;
}
.guanwang-home .floatcard .fc-curve path {
    fill: none;
    stroke: var(--purple);
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.guanwang-home .floatcard .fc-curve circle {
    fill: #fff;
    stroke: var(--purple);
    stroke-width: 2;
    filter: drop-shadow(0 0 2.5px rgba(124, 92, 255, 0.6));
}
.guanwang-home .fc-l1 {
    left: 12%;
    top: 60px;
}
.guanwang-home .fc-l2 {
    left: 9%;
    top: 212px;
}
.guanwang-home .fc-l3 {
    left: 12%;
    top: 364px;
}
.guanwang-home .fc-r1 {
    right: 12%;
    top: 60px;
}
.guanwang-home .fc-r2 {
    right: 9%;
    top: 212px;
}
.guanwang-home .fc-r3 {
    right: 12%;
    top: 364px;
}
.guanwang-home .pill-mini {
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    background: var(--purple);
    border-radius: 999px;
    padding: 2px 8px;
}
.guanwang-home .cta-banner {
    margin: 0;
}
.guanwang-home .cta-inner {
    width: min(1084px,calc(100% - 96px));
    margin: 0 auto;
    border-radius: 28px;
    padding: 72px 48px;
    text-align: center;
    background: linear-gradient(135deg, #7C5CFF, #A66BFF 60%, #C58BFF);
    color: #fff;
}
.guanwang-home .cta-inner h2 {
    color: #fff;
    font-size: clamp(28px,4vw,44px);
    font-weight: 800;
    letter-spacing: -1px;
}
.guanwang-home .cta-inner p {
    margin: 16px auto 0;
    max-width: 480px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 15px;
    line-height: 1.7;
}
.guanwang-home .cta-inner .btn-white {
    margin-top: 30px;
    background: #fff;
    color: var(--purple);
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 34px;
    border-radius: 8px;
    transition: transform .2s ease;
}
.guanwang-home .cta-inner .btn-white:hover {
    transform: translateY(-2px);
}
.guanwang-home footer {
    background: #0B0B10;
    color: #fff;
    padding: 72px 48px 40px;
    margin-top: 40px;
}
.guanwang-home .foot-grid {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
    gap: 40px;
}
.guanwang-home .foot-brand img {
    height: 34px;
    margin-bottom: 18px;
    filter: brightness(0) invert(1);
}
.guanwang-home .foot-brand p {
    font-size: 13px;
    color: #8b8b96;
    line-height: 1.7;
    max-width: 300px;
}
.guanwang-home .foot-col h4 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 16px;
}
.guanwang-home .foot-col a {
    display: block;
    color: #8b8b96;
    font-size: 13px;
    text-decoration: none;
    margin-bottom: 11px;
    transition: color .2s;
}
.guanwang-home .foot-col a:hover {
    color: #fff;
}
.guanwang-home .foot-bottom {
    max-width: 1180px;
    margin: 48px auto 0;
    padding-top: 24px;
    border-top: 1px solid #20202a;
    font-size: 12px;
    color: #6a6a76;
    line-height: 1.8;
}
@media (max-width: 900px) {
.guanwang-home .bento {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(4, 180px);
}
.guanwang-home .b-a {
      grid-column: 1;
      grid-row: 1;
}
.guanwang-home .b-b {
      grid-column: 2;
      grid-row: 1;
}
.guanwang-home .b-c {
      grid-column: 1 / span 2;
      grid-row: 2;
}
.guanwang-home .b-d {
      grid-column: 1;
      grid-row: 3;
}
.guanwang-home .b-e {
      grid-column: 2;
      grid-row: 3;
}
.guanwang-home .b-f {
      grid-column: 1 / span 2;
      grid-row: 4;
}
.guanwang-home .sm-hide {
      display: none !important;
}
.guanwang-home .find-stage {
      height: 540px;
}
.guanwang-home .story-grid {
      grid-template-columns: 1fr;
}
.guanwang-home .story-play {
      display: none;
}
.guanwang-home .floatcard {
      width: 170px;
}
.guanwang-home .foot-grid {
      grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 640px) {
.guanwang-home .nav {
      padding: 16px 20px;
}
.guanwang-home .nav-links {
      display: none;
}
.guanwang-home .statusbar {
      padding: 16px 20px;
}
.guanwang-home :root {
      --card-w: 240px;
      --card-h: 170px;
}
.guanwang-home section.block {
      padding: 80px 22px;
}
.guanwang-home .bento {
      grid-template-columns: 1fr;
      grid-template-rows: none;
      grid-auto-rows: 170px;
}
.guanwang-home .b-a,
    .guanwang-home .b-b,
    .guanwang-home .b-c,
    .guanwang-home .b-d,
    .guanwang-home .b-e,
    .guanwang-home .b-f {
      grid-column: 1 !important;
      grid-row: auto !important;
}
.guanwang-home .b-c {
      min-height: 260px;
}
.guanwang-home .find-stage {
      height: 480px;
}
.guanwang-home .find-center h2 {
      font-size: 36px;
}
.guanwang-home .face {
      transform: translateX(-50%) scale(0.8);
}
.guanwang-home .story-card {
      padding: 24px;
}
.guanwang-home .guard-grid {
      grid-template-columns: 1fr 1fr;
}
.guanwang-home .app-hero {
      margin: 0;
      padding: 48px 16px 56px;
}
.guanwang-home .app-hero-disclaimer {
      right: 16px;
      bottom: 12px;
      font-size: 11px;
      max-width: calc(100% - 32px);
}
.guanwang-home .app-stage {
      height: auto;
}
.guanwang-home .floatcard {
      display: none;
}
.guanwang-home .phone {
      position: relative;
      left: auto;
      bottom: auto;
      transform: none;
      margin: 24px auto 0;
}
.guanwang-home .cta-banner {
      margin: 0 20px;
}
.guanwang-home .cta-inner {
      padding: 52px 24px;
}
.guanwang-home .foot-grid {
      grid-template-columns: 1fr;
}
}
.guanwang-home .kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    color: var(--purple);
    margin-bottom: 20px;
}
.guanwang-home .kicker .num {
    color: #fff;
    background: var(--purple);
    border-radius: 6px;
    padding: 3px 9px;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}
.guanwang-home .kicker .line {
    width: 26px;
    height: 1px;
    background: #D9D2F5;
}
.guanwang-home .cnt {
    font-variant-numeric: tabular-nums;
}
.guanwang-home .bento,
  .guanwang-home .story-grid {
    perspective: 1300px;
}
.guanwang-home .app-stage {
    perspective: 1000px;
}
.guanwang-home .bento-card,
  .guanwang-home .story-card,
  .guanwang-home .floatcard {
    transition: opacity 0.6s ease, transform 0.42s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.5s ease, box-shadow 0.42s ease;
    transform-style: preserve-3d;
    will-change: transform;
}
.guanwang-home .bento-card:hover {
    box-shadow: 0 26px 60px rgba(80, 40, 160, 0.18);
    z-index: 6;
}
.guanwang-home .story-card:hover {
    box-shadow: 0 32px 72px rgba(80, 40, 160, 0.22);
}
.guanwang-home .floatcard.near {
    background: #fff;
    border-color: #fff;
    box-shadow: 0 26px 60px rgba(80, 40, 160, 0.26);
}
.guanwang-home .phone {
    transition: opacity 0.7s ease, transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
    transform-style: preserve-3d;
}
.guanwang-home .bento .bento-card {
    transition: opacity 0.6s ease, transform 0.42s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.5s ease, box-shadow 0.45s ease, left 0.65s cubic-bezier(0.22, 0.86, 0.28, 1), top 0.65s cubic-bezier(0.22, 0.86, 0.28, 1), width 0.65s cubic-bezier(0.22, 0.86, 0.28, 1), height 0.65s cubic-bezier(0.22, 0.86, 0.28, 1);
}
.guanwang-home .btn-primary,
  .guanwang-home .btn-white,
  .guanwang-home .pill-cta,
  .guanwang-home .ghost-pill {
    transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1), background 0.2s ease, box-shadow 0.25s ease, color 0.2s ease, border-color 0.2s ease;
}
.guanwang-home .gcard {
    transition: transform .3s ease, background .3s ease;
}
.guanwang-home .gcard:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.24);
}
.guanwang-home .chip {
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
}
.guanwang-home .chip:hover {
    box-shadow: 0 8px 20px rgba(124, 92, 255, 0.2);
}
.guanwang-home .face-tip {
    position: absolute;
    z-index: 60;
    transform: translateX(-50%) translateY(4px);
    display: flex;
    gap: 6px;
    flex-wrap: nowrap;
    justify-content: center;
    width: max-content;
    max-width: none;
    pointer-events: none;
    opacity: 0;
    transition: opacity .22s ease, transform .22s ease;
}
.guanwang-home .face-tip.show {
    transform: translateX(-50%) translateY(0);
}
.guanwang-home .face-tip span {
    background: #fff;
    border: 1px solid #ECECF1;
    border-radius: 999px;
    padding: 5px 11px;
    font-size: 12px;
    font-weight: 600;
    color: #4b4b55;
    white-space: nowrap;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
.guanwang-home .face-tip span.zodiac {
    background: var(--purple);
    border-color: var(--purple);
    color: #fff;
}

.qr-error[data-v-aeafafc2] {
	width: 100%;
	flex-basis: 100%;
	text-align: center;
	font-size: 12px;
	color: #fe4a3a;
	margin-bottom: 8px;
}