/* ============================================================
   2026 可持续全球领导者大会 · H5 页面样式
   设计稿:ESG专题首页-移动端(1).psd(750×12687)
   布局:1rem = 100 设计 px(html font-size = 100/750 × 100vw)
   颜色与 PC 版(pc-2026)一致:
     品牌绿 #3DB63D / 简介绿 #009F00 / 嘉宾绿 #10AC2C / 页脚 #41783C
     亮点手风琴:金 #DDA63A 青 #1EAED1 红 #E94732 绿 #009F00 蓝 #135F96
   ============================================================ */

:root {
  --green: #3DB63D;         /* 品牌绿(视频场次/议程填充/tab 选中) */
  --green-deep: #009F00;    /* 深绿(简介渐变/嘉宾姓名) */
  --green-dim: #269C26;     /* 视频场次斑马纹深色行 */
  --ink: #333333;           /* 标题深灰 */
  --ink-2: #666666;         /* 正文灰 */
  --ink-3: #6C726C;         /* 查看更多按钮灰 */
  --line: #DADDDA;          /* 分割线 */
  --bg-soft: #F2F3F2;       /* 议程/新闻/合作伙伴底 */
  --bg-tint: #EBEDEB;       /* 视频/亮点底 */
  --card: #ECEEEC;          /* 议程卡片底 */
  --gold: #DDA63A;          /* 亮点展开头 */
  --rainbow: linear-gradient(90deg,
    #DCA63A 0 14.25%, #27BDE2 14.25% 28.5%, #FF3A20 28.5% 42.75%, #009F01 42.75% 57%,
    #E5233B 57% 71.25%, #1A486A 71.25% 85.5%, #DD1367 85.5% 100%);
  --header-h: 1rem;         /* PSD 实测 100px */
  --font: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: var(--header-h); }
body { font-family: var(--font); color: var(--ink); background: #fff; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { display: block; }
a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
button { font-family: inherit; border: none; background: none; color: inherit; -webkit-tap-highlight-color: transparent; }
ul { list-style: none; }

/* 入场动效 */
body.anim .reveal { opacity: 0; transform: translateY(.3rem); transition: opacity .7s ease, transform .7s ease; }
body.anim .reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  body.anim .reveal { opacity: 1; transform: none; transition: none; }
}

/* ===================== 顶部导航(PSD:-1-101,黑底) ===================== */
.site-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 110;
  height: var(--header-h); background: #202020;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 .3rem 0 .39rem;   /* logo x39,右侧元素 x587/680 */
}
.logo img { width: .61rem; height: .61rem; }   /* PSD:39,22-100,83 */
.header-right { display: flex; align-items: center; gap: .27rem; }
.btn-lang {
  width: .73rem; height: .37rem; border: 1px solid rgba(255, 255, 255, .85); border-radius: .04rem;
  color: #fff; font-size: .2rem; display: flex; align-items: center; justify-content: center;
}
.btn-menu { width: .35rem; height: .29rem; display: flex; flex-direction: column; justify-content: space-between; padding: .02rem 0; }
.btn-menu span {
  display: block; height: 2px; width: 100%; border-radius: 2px; background: #fff;
  transition: transform .25s ease, opacity .25s ease;
}
body.drawer-open .btn-menu span:nth-child(1) { transform: translateY(.115rem) rotate(45deg); }
body.drawer-open .btn-menu span:nth-child(2) { opacity: 0; }
body.drawer-open .btn-menu span:nth-child(3) { transform: translateY(-.115rem) rotate(-45deg); }

/* ===================== 抽屉菜单(PSD「菜单」组:右侧面板宽 550px) ===================== */
.drawer { position: fixed; inset: 0; z-index: 100; visibility: hidden; }
.drawer.open { visibility: visible; }
.drawer-mask { position: absolute; inset: 0; background: rgba(0, 0, 0, .5); opacity: 0; transition: opacity .3s ease; }
.drawer.open .drawer-mask { opacity: 1; }
.drawer-panel {
  position: absolute; top: 0; right: 0; bottom: 0; width: 5.5rem;
  background: #202020; transform: translateX(100%); transition: transform .3s ease;
  padding: calc(var(--header-h) + .5rem) .47rem .3rem; overflow-y: auto;
}
.drawer.open .drawer-panel { transform: none; }
.d-link {
  display: flex; align-items: center; justify-content: space-between; width: 100%;
  font-size: .3rem; color: #fff; padding: .28rem 0; text-align: left;
}
.d-item { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.drawer-nav > li { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.chev {
  flex: none; width: .16rem; height: .16rem; margin-left: .2rem;
  border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: rotate(45deg); transition: transform .25s ease;
}
.d-item.open .chev, .vgroup.open .chev, .hl-item.open .chev { transform: rotate(-135deg); }
.d-sub { display: none; padding: 0 0 .2rem .27rem; }
.d-item.open .d-sub { display: block; }
.d-sub a { display: block; font-size: .26rem; color: rgba(255, 255, 255, .75); padding: .18rem 0; }

/* ===================== 主视觉 KV(PSD 导出 750×647) ===================== */
.hero { padding-top: var(--header-h); }
.hero-kv { width: 100%; }

/* ===================== 通用区块头 ===================== */
.sec-head { padding: 0 .29rem; }
.sec-title { font-size: .36rem; line-height: 1; font-weight: 400; white-space: nowrap; }
.sec-title .en { color: var(--green); font-weight: 400; letter-spacing: .01rem; }
.sec-title .cn { color: var(--green); font-weight: 700; margin-left: .22rem; }
.sec-head.light .sec-title .en, .sec-head.light .sec-title .cn { color: #fff; }
.rainbow-bar { display: block; width: 4.58rem; height: .09rem; margin-top: .18rem; background: var(--rainbow); }
.rainbow-bar.light { opacity: .45; }

/* 查看更多按钮(PSD:695×75,灰边灰字) */
.btn-more {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: .75rem; border: 1px solid #9AA09A; border-radius: .06rem;
  background: #fff; font-size: .26rem; color: var(--ink-3);
}

/* ===================== 大会简介(PSD:747-1331,绿底白字) ===================== */
.overview {
  background: var(--green-deep) url(../img/overview-bg.png) no-repeat top / 100% 100%;
  padding: .54rem 0 .52rem;
}
.overview-body { padding: .28rem .29rem 0; }
.overview-body p { font-size: .26rem; line-height: 1.85; color: #fff; text-align: justify; }
.overview-body p + p { margin-top: .3rem; }

/* ===================== 大会视频(PSD:1325-2654) ===================== */
.video-sec {
  background: var(--bg-tint) url(../img/video-bg.png) no-repeat top / 100% auto;
  padding: .82rem .29rem .6rem;
}
.video-sec .sec-head, .highlights .sec-head, .agenda .sec-head,
.news .sec-head, .partners .sec-head, .speakers .sec-head { padding: 0; }
.vmenu { margin-top: .56rem; }
.vmenu-brand {
  width: 100%; height: .84rem; background: #fff; border: 1px solid var(--line); border-radius: .04rem;
  font-size: .28rem; color: var(--ink-2); margin-bottom: .24rem;
}
.vgroup { margin-bottom: .24rem; }
.vgroup-head {
  width: 100%; height: .83rem; background: #fff; border: 1px solid var(--line); border-radius: .04rem;
  font-size: .28rem; font-weight: 700; color: var(--green);
  display: flex; align-items: center; justify-content: center;
}
.vgroup-head .chev { color: var(--green); }
.vgroup-sub { display: none; }
.vgroup.open .vgroup-sub { display: block; }
.vsub-item {
  display: block; width: 100%; height: .65rem; font-size: .28rem; color: #fff;
  background: var(--green); text-align: center; line-height: .65rem;
}
.vsub-item:nth-child(even) { background: var(--green-dim); }
.vsub-item.active { background: var(--green); font-weight: 700; }
/* 播放器(PSD:692×391,含播放键) */
.vplayer { position: relative; margin-bottom: .24rem; cursor: pointer; }
.vplayer-poster { width: 100%; }
.vplayer-video { width: 100%; display: block; background: #000; }
.vplayer-btn {
  position: absolute; left: 50%; top: 50%; width: .94rem; height: .94rem;
  transform: translate(-50%, -50%); border-radius: 50%;
  background: rgba(255, 255, 255, .35);
}
.vplayer-btn::after {
  content: ""; position: absolute; left: 50%; top: 50%;
  transform: translate(-38%, -50%);
  border-left: .34rem solid #fff; border-top: .2rem solid transparent; border-bottom: .2rem solid transparent;
}

/* ===================== 大会议程(PSD:2646-4942) ===================== */
.agenda { background: var(--bg-soft); padding: .76rem .29rem .62rem; }
.day-tabs { display: flex; gap: .15rem; margin-top: .61rem; }
.day-tab {
  flex: 1; height: .95rem; border: 1px solid var(--green); border-radius: .04rem; background: #fff;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .04rem;
  color: var(--green);
}
.day-tab.active { background: var(--green); color: #fff; }
.day-en { font-size: .26rem; font-weight: 700; line-height: 1; }
.day-cn { font-size: .22rem; line-height: 1; }
/* 时间轴:竖线 x=61-66(相对内容区 34px),圆点 53-72,卡片 x=119-723 */
.ag-timeline { position: relative; margin-top: .38rem; }
.ag-timeline::before {
  content: ""; position: absolute; left: .32rem; top: 0; bottom: 0;
  width: .05rem; background: #D1D3D1;
}
.ag-session + .ag-session { margin-top: .45rem; }
.ag-label { font-size: .34rem; font-weight: 700; color: var(--ink); margin-left: .89rem; margin-bottom: .37rem; }
.ag-card {
  position: relative; margin-left: .9rem; background: var(--card); border-radius: .06rem;
  padding: .43rem .33rem .39rem;
}
.ag-card + .ag-card { margin-top: .27rem; }
.ag-card::before {   /* 时间轴圆点:绿环白心,PSD 实测外径 36px、环宽 9px(相对卡片左缘 -74px) */
  content: ""; position: absolute; left: -.74rem; top: .38rem;
  width: .18rem; height: .18rem; background: #fff;
  border: .09rem solid var(--green); border-radius: 50%;
}
.ag-tag { display: flex; align-items: center; font-size: .28rem; font-weight: 700; color: var(--green); }
.ag-tag::before { content: ""; width: .07rem; height: .26rem; background: var(--green); margin-right: .13rem; }
.ag-card h3 {
  font-size: .28rem; color: var(--ink); line-height: 1.45; margin-top: .17rem;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ag-card .ag-desc {
  font-size: .24rem; color: var(--ink-2); line-height: 1.6; margin-top: .17rem;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.ag-hall {
  display: flex; align-items: center; justify-content: space-between; gap: .1rem;
  height: .64rem; margin-top: .27rem; border-radius: .04rem; padding: 0 .2rem;
  font-size: .24rem; color: var(--green); border: 1px solid var(--green); background: #fff;
}
.ag-hall .hall-l { display: flex; align-items: center; gap: .1rem; }
.ag-hall .hall-l:only-child { margin: 0 auto; }   /* 无预约徽标时厅名保持居中 */
.ag-hall.filled { background: var(--green); color: #fff; }
.ag-hall svg { width: .23rem; height: .26rem; fill: currentColor; }
/* 预约状态徽标(右) */
.ag-resv { flex: none; font-size: .22rem; line-height: 1; padding: .07rem .16rem; border-radius: .2rem; border: 1px solid currentColor; cursor: pointer; }
.ag-resv.on { background: var(--green); border-color: var(--green); color: #fff; }
.ag-resv.end { color: #9AA09A; border-color: #C9CDC9; background: #F2F3F2; cursor: default; }   /* 已结束(isEnd=1)/已约满 */
.ag-resv.wait { color: #E8940A; border-color: #E8940A; background: #FDF6E3; cursor: default; }  /* 审核中(opening_status=1) */
.ag-hall.filled .ag-resv { border-color: rgba(255, 255, 255, .7); }
.ag-hall.filled .ag-resv.on { background: #fff; border-color: #fff; color: var(--green); }
.agenda .sec-more { margin-top: .61rem; }

/* ===================== 大会亮点(PSD:4939-6390,手风琴) ===================== */
.highlights { background: var(--bg-tint); padding: .8rem .29rem .6rem; }
.hl-acc { margin-top: .56rem; }
.hl-item { margin-bottom: .2rem; }
.hl-head {
  width: 100%; height: .85rem; border-radius: .06rem; background: #fff;
  border: 1px solid var(--c); color: var(--c);
  font-size: .28rem; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}
.hl-head .chev { color: var(--c); }
.hl-item.open .hl-head { background: var(--c); color: #fff; border-color: var(--c); }
.hl-item.open .hl-head .chev { color: #fff; }
.hl-body { display: none; padding-top: .15rem; }
.hl-item.open .hl-body { display: block; }
.hl-media { position: relative; }
.hl-media img { width: 100%; }
.hl-dots { position: absolute; right: .2rem; bottom: .18rem; display: flex; align-items: center; gap: .06rem; }
.hl-dot { width: .09rem; height: .08rem; border-radius: .04rem; background: rgba(255, 255, 255, .55); }
.hl-dot.active { width: .21rem; background: #fff; }
.hl-article { background: #fff; padding: .33rem .28rem .3rem; }
.hl-article h3 {
  font-size: .28rem; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.hl-article p {
  font-size: .24rem; color: var(--ink-2); line-height: 1.6; margin-top: .14rem;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.hl-body .btn-more { margin-top: .13rem; }

/* ===================== 最新报道(PSD:6386-7385) ===================== */
.news { background: var(--bg-soft); padding: .76rem .29rem .6rem; }
.news-list { margin-top: .55rem; }
.news-item a { display: flex; gap: .21rem; padding-bottom: .28rem; }
.news-item + .news-item { margin-top: .28rem; border-top: 1px solid var(--line); padding-top: 0; }
.news-item + .news-item a { padding-top: .28rem; }
.news-thumb { width: 1.98rem; height: 1.14rem; object-fit: cover; flex: none; background: #C9CDC9; }
.news-info { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; }
.news-info h3 {
  font-size: .28rem; color: var(--ink); line-height: 1.45;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.news-info time { font-size: .2rem; color: #B0B3B0; }
.news .sec-more { margin-top: .4rem; }

/* ===================== 参会嘉宾(PSD:7316-9528,绿底 3 列无缝滚动) ===================== */
.speakers {
  background: #10AC2C url(../img/speakers-bg.png) no-repeat top / 100% 100%;
  padding: .71rem .29rem 0;
}
.speaker-wall {
  display: flex; gap: .09rem; height: 18.47rem; margin-top: .8rem; overflow: hidden;
  -webkit-mask-image: linear-gradient(transparent, #000 10%, #000 90%, transparent);
  mask-image: linear-gradient(transparent, #000 10%, #000 90%, transparent);
}
.wall-col { flex: 1; min-width: 0; overflow: hidden; }
.wall-col:nth-child(1) { margin-top: .2rem; }
.wall-col:nth-child(2) { margin-top: .5rem; }
.wall-track { animation: wallUp linear infinite; }
.wall-col:nth-child(2) .wall-track { animation-name: wallDown; }
@keyframes wallUp { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@keyframes wallDown { from { transform: translateY(-50%); } to { transform: translateY(0); } }
.speaker-card {
  background: #fff; border-radius: .06rem; overflow: hidden; margin-bottom: .17rem;
}
.speaker-photo { width: 100%; aspect-ratio: 1; object-fit: cover; }
.speaker-info { padding: .11rem .12rem .14rem; }
.speaker-name { font-size: .26rem; font-weight: 700; color: var(--green-deep); }
.speaker-title {
  font-size: .18rem; color: var(--ink-2); line-height: 1.45; margin-top: .08rem;
  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}

/* banner 占位(PSD:750×94 灰块) */
.ad-banner {
  height: .94rem; background: #DFE1DF; color: #fff; font-size: .26rem;
  display: flex; align-items: center; justify-content: center;
}
/* 接口返回广告图后自适应高度;无广告位整块隐藏 */
.ad-banner[hidden] { display: none; }
.ad-banner.has-ad { height: auto; background: none; }
.ad-banner.has-ad img { display: block; width: 100%; }

/* ===================== 合作伙伴(PSD:9524-11320) ===================== */
.partners { background: var(--bg-soft); padding: .74rem .29rem .6rem; }
.tier { margin-top: .58rem; }
.tier-name {
  font-size: .26rem; color: var(--ink-2); text-align: center; margin-bottom: .28rem; font-weight: 400;
}
.tier-name::before { content: "/ "; }
.tier-name::after { content: " /"; }
.tier-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: .08rem; }
.logo-card {
  width: 2.25rem; height: 1.03rem; background: #fff; border: 1px solid var(--green); border-radius: .04rem;
  display: flex; align-items: center; justify-content: center; padding: .1rem .15rem;
}
.logo-card img { max-width: 100%; max-height: 100%; object-fit: contain; }

/* ===================== 页脚(PSD:11366-12688,深绿底) ===================== */
.site-footer {
  background: #41783C url(../img/footer-bg.png) no-repeat top / 100% 100%;
  padding: .55rem .29rem 0;
}
.f-social h4, .f-contact h4 { font-size: .3rem; font-weight: 700; color: #fff; }
.social-icons { display: flex; gap: .15rem; margin-top: .3rem; }
.social-icon { width: .82rem; height: .82rem; flex: none; }
.social-icon img { width: 100%; height: 100%; }
.f-contact { margin-top: .7rem; }
.f-contact h4 { margin-bottom: .3rem; }
.contact-card {
  border: 1px solid rgba(255, 255, 255, .55); border-radius: .06rem;
  padding: .28rem .3rem; color: #fff;
}
.contact-card h5 { font-size: .26rem; font-weight: 700; margin-bottom: .2rem; }
.contact-card p { font-size: .2rem; line-height: 1.9; display: flex; align-items: center; gap: .12rem; word-break: break-all; }
.contact-card.span2 { margin-bottom: .35rem; }
.cc-cols { display: flex; gap: .4rem; }
.cc-role { color: rgba(255, 255, 255, .85); margin-bottom: .06rem; }
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .35rem .18rem; padding-bottom: .65rem; }
/* 联系小图标(人/电话/信封,内联 SVG) */
.ci { width: .2rem; height: .2rem; flex: none; background: currentColor; }
.ci-user { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5zm0 2c-4.4 0-8 2.2-8 5v1h16v-1c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5zm0 2c-4.4 0-8 2.2-8 5v1h16v-1c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E") center/contain no-repeat; }
.ci-tel { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E") center/contain no-repeat; }
.ci-mail { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E") center/contain no-repeat; }
.footer-bottom {
  margin: 0 -.29rem; background: var(--green-deep);
  padding: .45rem .29rem .5rem; text-align: center;
}
.footer-bottom p { font-size: .22rem; color: #fff; line-height: 1.9; }

/* ===================== 右侧悬浮条(PSD:663,5881;83×83 绿底白图标) ===================== */
.float-bar {
  position: fixed; right: .04rem; bottom: 1.7rem; z-index: 80;
  display: flex; flex-direction: column; gap: .07rem;
}
.float-item {
  width: .83rem; height: .83rem; background: var(--green); border-radius: .04rem;
  display: flex; align-items: center; justify-content: center;
}
.float-item img { width: 100%; height: 100%; }

/* ===================== 微信公众号弹窗(PSD「公众号弹窗」组) ===================== */
.wx-modal {
  position: fixed; inset: 0; z-index: 120; display: flex; align-items: center; justify-content: center;
  visibility: hidden;
}
.wx-modal.open { visibility: visible; }
.wx-mask { position: absolute; inset: 0; background: rgba(0, 0, 0, .5); opacity: 0; transition: opacity .25s ease; }
.wx-modal.open .wx-mask { opacity: 1; }
.wx-card {
  position: relative; width: 5.66rem; border-radius: .1rem; text-align: center;
  background: linear-gradient(180deg, rgba(133, 209, 146, .55) 0%, rgba(160, 218, 170, .25) 30%, #fff 55%);
  background-color: #fff;
  padding: .79rem 0 .78rem;
  transform: scale(.92); opacity: 0; transition: transform .25s ease, opacity .25s ease;
}
.wx-modal.open .wx-card { transform: none; opacity: 1; }
.wx-title { font-size: .31rem; font-weight: 700; color: #4B524B; }
.wx-qr { width: 3.76rem; height: 3.76rem; margin: .38rem auto 0; background: #fff; }
.wx-label { font-size: .31rem; font-weight: 700; color: var(--green); margin-top: .38rem; }
/* 关闭:绿圆白 X,压卡片右上角(PSD:圆 615,11498-691,11573) */
.wx-close {
  position: absolute; top: -.3rem; right: -.33rem; width: .76rem; height: .76rem;
  background: #009600; border-radius: 50%;
}
.wx-close::before, .wx-close::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: .32rem; height: 3px;
  background: #fff; border-radius: 2px;
}
.wx-close::before { transform: translate(-50%, -50%) rotate(45deg); }
.wx-close::after { transform: translate(-50%, -50%) rotate(-45deg); }

/* ===================== 登录弹窗(仿 inclusionconf H5:底部 sheet) ===================== */
.login-modal { position: fixed; inset: 0; z-index: 130; visibility: hidden; }
.login-modal.open { visibility: visible; }
.login-mask { position: absolute; inset: 0; background: rgba(0, 0, 0, .55); opacity: 0; transition: opacity .3s ease; }
.login-modal.open .login-mask { opacity: 1; }
.login-sheet {
  position: absolute; left: 0; right: 0; bottom: 0; background: #fff;
  border-radius: .2rem .2rem 0 0; padding: .2rem .5rem .6rem;
  transform: translateY(100%); transition: transform .3s ease;
}
.login-modal.open .login-sheet { transform: none; }
.login-handle { display: block; width: .8rem; height: .08rem; border-radius: .04rem; background: #E5E5E5; margin: .1rem auto .3rem; }
/* 未登录时不可关闭:点遮罩收起为底部窄条(参考 inclusionconf),点击窄条重新展开 */
.login-peek { display: none; }
.login-modal.collapsed { pointer-events: none; }
.login-modal.collapsed .login-mask { opacity: 0; }
.login-modal.collapsed .login-sheet {
  transform: translateY(calc(100% - 1.56rem));   /* 仅露出把手 + 收起条 */
  pointer-events: auto; cursor: pointer;
}
.login-modal.collapsed .login-peek {
  display: flex; align-items: center; justify-content: center;
  height: .88rem; border-radius: .44rem; background: var(--green);
  color: #fff; font-size: .3rem; font-weight: 700;
}
.login-title { font-size: .4rem; font-weight: 700; color: var(--ink); text-align: center; margin-bottom: .3rem; }
.login-field {
  display: flex; align-items: center; height: .92rem; margin-top: .3rem;
  border: 1px solid var(--line); border-radius: .46rem; padding: 0 .3rem; background: #fff;
}
.login-field input { flex: 1; min-width: 0; border: none; outline: none; font-size: .28rem; color: var(--ink); background: none; }
.login-field input::placeholder { color: #B5B8B5; }
.login-prefix { flex: none; font-size: .28rem; color: var(--ink); padding-right: .2rem; margin-right: .2rem; border-right: 1px solid var(--line); }
.send-code {
  flex: none; height: .6rem; padding: 0 .3rem; border-radius: .3rem;
  background: var(--green); color: #fff; font-size: .24rem;
}
.send-code:disabled { opacity: .45; }
.agree-row { display: flex; gap: .1rem; align-items: flex-start; margin-top: .3rem; font-size: .22rem; color: var(--ink-2); line-height: 1.6; }
.agree-row input { margin-top: .05rem; accent-color: var(--green); width: .24rem; height: .24rem; }
.agree-row a { color: var(--green); }
.login-submit {
  width: 100%; height: .92rem; margin-top: .5rem; border-radius: .46rem;
  background: var(--green); color: #fff; font-size: .3rem; font-weight: 700;
}
.login-submit:disabled { opacity: .45; }

/* ===================== 登录弹层内嵌报名流程(实名认证/完善信息/成功) ===================== */
/* 验证通过后弹层撑满全屏可滚动 */
.login-sheet.full {
  height: 100%; border-radius: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;
  padding-top: .6rem;
}
.login-sheet.full .login-handle { display: none; }
.login-pane[hidden] { display: none; }
.login-sub { font-size: .24rem; color: #656565; text-align: center; margin: .15rem 0 .3rem; }
.pane-back {
  position: absolute; top: .2rem; left: .2rem; color: #999; font-size: .26rem; padding: .1rem .15rem; z-index: 5;
}

/* 表单字段(沿用弹层胶囊风格) */
.su-field { margin-bottom: .3rem; }
.su-field > label { display: block; font-size: .26rem; color: #181818; margin-bottom: .12rem; }
.su-field > label::before { content: "*"; color: #F56C6C; margin-right: .06rem; }
.su-field > label small { color: #F56C6C; font-size: .2rem; font-weight: 400; }
.su-field .login-field { margin-top: 0; }
.su-field.invalid .login-field, .su-field.invalid .dselect-display { border-color: #F56C6C; }
.su-err { display: none; margin-top: .08rem; font-size: .22rem; line-height: 1.4; color: #F56C6C; }
.su-field.invalid .su-err { display: block; }

/* 自定义下拉(移植自 signup,胶囊化) */
.dselect { position: relative; }
.dselect-display {
  display: flex; align-items: center; flex-wrap: wrap; gap: .08rem;
  width: 100%; min-height: .92rem; border: 1px solid var(--line); border-radius: .46rem;
  padding: .06rem .6rem .06rem .3rem; background: #fff; cursor: pointer;
}
.dselect-display .val { font-size: .28rem; color: var(--ink); }
.dselect-display .placeholder { font-size: .28rem; color: #B5B8B5; }
.dselect::after {
  content: ""; position: absolute; right: .3rem; top: .36rem;
  width: .14rem; height: .14rem;
  border-right: 2px solid #C0C4CC; border-bottom: 2px solid #C0C4CC;
  transform: rotate(45deg); transition: transform .2s; pointer-events: none;
}
.dselect.open::after { transform: rotate(-135deg); top: .42rem; }
.dselect-panel {
  position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + .1rem);
  background: #fff; border: 1px solid #E4E7ED; border-radius: .12rem;
  box-shadow: 0 .04rem .2rem rgba(0, 0, 0, .1);
  max-height: 4rem; overflow-y: auto; -webkit-overflow-scrolling: touch;
}
.dselect-panel[hidden] { display: none; }
.dselect-panel .opt {
  display: flex; align-items: center; justify-content: space-between;
  padding: .2rem .3rem; font-size: .28rem; line-height: 1.4; color: #606266;
}
.dselect-panel .opt.on { color: var(--green); font-weight: 700; }
.dselect-panel .opt .tick { color: var(--green); font-size: .26rem; visibility: hidden; margin-left: .2rem; flex: none; }
.dselect-panel .opt.on .tick { visibility: visible; }

/* 多选 chips */
.chip {
  display: inline-flex; align-items: center;
  background: #E8F6E8; color: var(--green-deep);
  border-radius: .08rem; padding: .05rem .1rem .05rem .16rem; font-size: .24rem;
}
.chip b {
  font-weight: 400; margin-left: .1rem; cursor: pointer;
  width: .3rem; height: .3rem; line-height: .3rem; text-align: center;
  border-radius: 50%; background: rgba(0, 159, 0, .15); font-size: .2rem;
}

/* 报名成功 */
.su-success { text-align: center; padding-top: 1.2rem; }
.su-success svg { width: 1.4rem; height: 1.4rem; margin: 0 auto; }
.su-success p { margin-top: .24rem; font-size: .28rem; color: #656565; line-height: 1.8; }
#paneSuccess .login-submit { margin-top: 1rem; }

/* ============================================================
   子页面(我的行程 / 个人中心)+ 底部 tab 栏
   设计稿:ESG移动端相关页面(1).psd(750 宽画板)
   ============================================================ */

/* ---- 底部 tab 栏(PSD:750×142,深绿 #195C23) ---- */
.tabbar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 85;
  height: 1.42rem; background: #195C23;
  display: flex; padding-bottom: env(safe-area-inset-bottom);
}
.tabbar a {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: .08rem; color: #E9EEEA;
}
.tabbar a.active { color: #31E561; }
.tab-ic { width: .43rem; height: .43rem; background: currentColor; }
.tab-ic-home { -webkit-mask: url(../img/tab-home.png) center/contain no-repeat; mask: url(../img/tab-home.png) center/contain no-repeat; }
.tab-ic-schedule { -webkit-mask: url(../img/tab-schedule.png) center/contain no-repeat; mask: url(../img/tab-schedule.png) center/contain no-repeat; }
.tab-ic-mine { -webkit-mask: url(../img/tab-mine.png) center/contain no-repeat; mask: url(../img/tab-mine.png) center/contain no-repeat; }
.tabbar span { font-size: .2rem; line-height: 1; }
.tabbar[hidden], .tabbar a[hidden] { display: none; }   /* 未登录 / 暂隐藏的 tab */
body.has-tabbar:not(.view-sub) { padding-bottom: 1.42rem; }   /* 子视图自带 .sub-body 底部留白 */

/* ---- 子页面顶部栏(PSD:750×100,浅灰 #E4E6E4) ---- */
.sub-topbar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 90;
  height: 1rem; background: #E4E6E4;
  display: flex; align-items: center; justify-content: center;
}
.sub-topbar .back { position: absolute; left: .29rem; font-size: .26rem; color: #878D88; }
.sub-topbar h1 { font-size: .31rem; font-weight: 700; color: #333; }
.sub-body {
  min-height: 100vh; padding: 1rem 0 1.42rem;
  background: #F2F3F2 url(../img/sub-bg.png) no-repeat top / 100% auto;
}

/* ===================== 我的行程 ===================== */
/* 日期 tab(PSD:组 18,日期 30px + 星期胶囊 124×30,选中下划线 232×10) */
.sch-tabs {
  position: relative; display: flex; justify-content: space-around;
  padding: .43rem .29rem 0; border-bottom: 1px solid #E0E2E0;
}
.sch-tab { display: flex; flex-direction: column; align-items: center; gap: .07rem; padding-bottom: .26rem; }
.sch-tab .d { font-size: .3rem; color: #333; }
.sch-tab .w {
  font-size: .16rem; color: #878D88; border: 1px solid #C9CDC9; border-radius: .15rem;
  padding: .03rem .18rem; line-height: 1.4;
}
.sch-tabs .sch-underline {
  position: absolute; bottom: -1px; height: .1rem; width: 2.32rem;
  background: #00B91F; transition: left .25s ease;
}
/* 场次卡片(PSD:692×352,绿框 + 绿头 82px) */
.sch-session { padding: .32rem .29rem 0; }
.sch-session > h3 { font-size: .36rem; font-weight: 700; color: #49524A; margin-bottom: .26rem; }
.sch-card {
  border: 1px solid #00C800; border-radius: .12rem; overflow: hidden; margin-bottom: .24rem;
  background: linear-gradient(180deg, #fff 0%, #F0F7EF 100%);
}
.sch-card-head {
  height: .82rem; background: #00C800; color: #fff;
  display: flex; align-items: baseline; padding: 0 .34rem; padding-top: .2rem;
}
.sch-card-head b { font-size: .34rem; }
.sch-card-head span { font-size: .24rem; margin-left: .12rem; }
.sch-card-body { padding: .28rem .34rem .3rem; }
.sch-card-body h4 { font-size: .33rem; font-weight: 700; color: #333; }
.sch-card-body > p { font-size: .26rem; color: #656565; line-height: 1.6; margin-top: .16rem; }
.sch-card-foot { display: flex; align-items: center; justify-content: space-between; margin-top: .6rem; }
.sch-card-foot .hall { display: flex; align-items: center; gap: .08rem; font-size: .33rem; font-weight: 700; color: #00C800; }
.sch-card-foot .hall img { width: .31rem; height: .36rem; }
.sch-card-foot .st { font-size: .25rem; color: #999; }
.sch-card-foot .st.wait { color: #E8940A; }   /* 开幕式审核中 */
.sch-card-foot .st.end { color: #9AA09A; }    /* 已结束(isEnd=1) */
/* 空状态(PSD:暂无行程 @554,按钮 504×82 @123,629) */
.sch-empty { text-align: center; padding-top: 3rem; }
.sch-empty p { font-size: .39rem; color: #49524A; margin-bottom: .5rem; }
.sch-empty .btn-book {
  display: inline-flex; align-items: center; justify-content: center;
  width: 5.04rem; height: .82rem; border-radius: .41rem;
  background: #00C900; color: #fff; font-size: .29rem;
}
.sch-empty .btn-book i { font-style: normal; font-size: .34rem; margin-right: .1rem; }

/* ===================== 个人中心 ===================== */
/* 票卡(PSD:709×1132 @21,123;背景图从 PSD 导出:绿渐变 + 彩虹条 + 虚线 + 两侧缺口) */
.ticket {
  position: relative; margin: .23rem .21rem 0; aspect-ratio: 709 / 1132;
  background: url(../img/ticket-bg.png) no-repeat top / 100% 100%;
  filter: drop-shadow(0 .03rem .1rem rgba(0, 0, 0, .1));
  padding-bottom: .2rem;
}
/* 指纹纹理已离线 soft-light 烤入 ticket-bg.png(含彩虹条/虚线/缺口),无需运行时叠加 */
.ticket { container-type: inline-size; }   /* 卡内文字用 cqw,随卡宽等比缩放(1cqw ≈ 1% 卡宽) */
.ticket-role { position: absolute; left: 9.9%; top: 14.2%; color: #fff; }
.ticket-role b { display: block; font-size: 6.77cqw; }
.ticket-role span { display: block; font-size: 4.23cqw; letter-spacing: .4cqw; margin-top: 1.97cqw; }
.ticket-qr {  /* 定位到背景图的白框内(PSD:224,544-526,847) */
  position: absolute; left: 28.6%; top: 37.2%;
  width: 3rem; height: 3rem;   /* 写死宽高:部分 iOS 版本对「abs 定位 + aspect-ratio + 子元素百分比高度」解析有 bug,会把 img 拉高 */
  padding: 2.54cqw; overflow: hidden;
}
.ticket-qr img { width: 100%; height: 100%; object-fit: contain; }   /* contain 兜底,任何情况下都不拉伸变形 */
.ticket-time {
  position: absolute; left: 6.8%; right: 6.8%; top: 65.5%; height: 10.2%;
  background: #fff; border-radius: 1.69cqw; box-shadow: 0 .28cqw 1.41cqw rgba(0, 0, 0, .06);
  display: flex; align-items: center;
}
.ticket-time .tt { flex: 1; text-align: center; }
.ticket-time .tt p { font-size: 2.26cqw; color: #333; display: flex; align-items: center; justify-content: center; gap: 1.13cqw; }
.ticket-time .tt p i {
  font-style: normal; background: #F29900; color: #fff; font-size: 1.97cqw;
  border-radius: .56cqw; padding: .28cqw .85cqw;
}
.ticket-time .tt b { display: block; font-size: 4.23cqw; color: #333; margin-top: 1.13cqw; }
.ticket-time .tt-div { width: 1px; height: 60%; background: #E5E5E5; }
.ticket-note {   /* PSD:左对齐两行,x73 y987,字号 22px */
  position: absolute; top: 76.6%; left: 8.2%; right: 8.2%;
  font-size: 2.4cqw; color: #656565; line-height: 1.6;
}
.ticket-info {
  position: absolute; left: 8.2%; right: 15%; top: 83%;
  display: grid; grid-template-columns: 1.1fr 1fr; row-gap: 2cqw;
}
.ticket-info span { display: block; font-size: 3.24cqw; color: #9AA09A; }
.ticket-info b { display: block; font-size: 4.09cqw; color: #333; margin-top: .85cqw; }
/* 证件号码过长时缩小字号并加右间距,避免与手机号贴在一起 */
/* .ticket-info > div:nth-child(3) { margin-right: .25rem; }
.ticket-info > div:nth-child(3) b { font-size: 3.4cqw; letter-spacing: -.02em; } */

/* 「我的」页入口列表项(白底卡片 + 右箭头,如「预约开幕式」) */
.profile-opening-btn {
  display: flex; align-items: center; justify-content: center;
  width: 6.38rem; height: .78rem; margin: .3rem auto 0;
  background: url(../img/opening-btn-bg.png) no-repeat center / 100% 100%;
  color: #fff; font-size: .34rem; font-weight: 700; line-height: 1;
}
.profile-opening-btn small { font-size: .26rem; font-weight: 400; }   /* 括号内日期字号更小 */
.profile-opening-btn:active { opacity: .88; }
.profile-opening-btn[hidden] { display: none; }
/* 按钮下方说明(PSD:x62 y1404,字号 22px,左对齐) */
.profile-opening-note {
  margin: .2rem auto 0; width: 6.26rem;
  font-size: .22rem; color: #9AA09A; line-height: 1.7; text-align: left;
}
.profile-opening-note[hidden] { display: none; }
/* 从「我的」跳转过来时高亮提示目标卡片 */
.ag-card.flash { box-shadow: 0 0 0 .04rem rgba(61, 182, 61, .55); transition: box-shadow .3s ease; }

/* 「我的」页尊享通行证入口(PSD:638×78,黄→橙渐变胶囊) */
.profile-vip-btn {
  display: flex; align-items: center; justify-content: center;
  width: 6.38rem; height: .78rem; margin: .45rem auto 0;
  border-radius: .39rem; background: linear-gradient(90deg, #FFD15E 0%, #FFA127 100%);
  color: #fff; font-size: .34rem; font-weight: 700; line-height: 1;
  box-shadow: 0 .03rem .1rem rgba(239, 166, 56, .18);
}
.profile-vip-btn:active { opacity: .88; }

/* 菜单列表(PSD:组 9,行距 96px,文字 27px,右箭头) */
.profile-menu { margin-top: .24rem; padding: 0 .39rem; }
.profile-menu a {
  display: flex; align-items: center; justify-content: space-between;
  height: .96rem; font-size: .27rem; color: #333; border-bottom: 1px solid #E0E2E0;
}
.profile-menu a::after {
  content: ""; width: .14rem; height: .14rem;
  border-right: 2px solid #C0C4CC; border-bottom: 2px solid #C0C4CC;
  transform: rotate(-45deg);
}
.btn-logout {
  display: flex; align-items: center; justify-content: center;
  width: 6.42rem; height: .82rem; margin: .6rem auto 0.2rem;
  border: 1px solid #C9CDC9; border-radius: .41rem; background: transparent;
  font-size: .29rem; color: #49524A;
}

/* 联系我们弹窗(沿用公众号弹窗结构) */
.ct-card { padding: .72rem .39rem .6rem; text-align: left; }
.ct-title { font-size: .39rem; font-weight: 700; color: #333; }
.ct-en { font-size: .26rem; color: #9AA09A; letter-spacing: .06rem; margin-top: .1rem; }
.ct-bar { display: block; width: 4.82rem; height: .09rem; margin: .22rem 0 .8rem; background: var(--rainbow); }
.ct-label { font-size: .31rem; font-weight: 700; color: var(--green-deep); }
.ct-mail { font-size: .32rem; font-weight: 700; color: var(--green-deep); margin-bottom: .18rem; word-break: break-all; }

/* ============================================================
   尊享参会通道(ESG移动端-尊享参会通道.psd;URL 带 vip=1 时引导进入)
   金色调:渐变 #F9DC96→#EFAD45 / 文字深棕 #6B4A0E / 价格金 #E8940A
   ============================================================ */
.vip-hero {
  position: relative; margin: .23rem .29rem 0; min-height: 2.63rem; border-radius: .12rem;
  background: linear-gradient(135deg, #F9DC96 0%, #F3C15C 55%, #EFAD45 100%);
  padding: .5rem 0 .42rem .36rem; overflow: hidden;
}
/* 右侧装饰圆环(PSD 组108 为混合模式,无法导出,用 CSS 近似) */
.vip-hero::after {
  content: ""; position: absolute; right: -1.1rem; top: -.9rem; width: 3.6rem; height: 3.6rem;
  background: repeating-radial-gradient(circle at center, rgba(255, 255, 255, .35) 0 2px, transparent 2px 16px);
  border-radius: 50%;
}
.vip-hero h2 { font-size: .42rem; font-weight: 700; color: #6B4A0E; }
.vip-hero-en { font-size: .26rem; color: #A67C2E; letter-spacing: .04rem; margin-top: .12rem; }
.vip-hero-pill {
  display: inline-block; margin-top: .22rem; font-size: .22rem; color: #8A6420;
  border: 1px solid #B98A2E; border-radius: .19rem; padding: .05rem .2rem;
}
.vip-card {
  margin: .2rem .29rem 0; background: #fff; border-radius: .12rem;
  padding: .3rem .29rem; box-shadow: 0 .02rem .12rem rgba(0, 0, 0, .04);
}
.vip-card-title { font-size: .34rem; font-weight: 700; color: #333; }
.vip-benefits { display: grid; grid-template-columns: 1fr 1fr; gap: .28rem .2rem; margin-top: .3rem; }
.vip-b { display: flex; align-items: center; gap: .18rem; }
.vip-b img { width: .85rem; height: .85rem; flex: none; }
.vip-b span { font-size: .27rem; color: #333; }
.vip-note {
  margin-top: .26rem; background: #FDF6E3; color: #B8860B; font-size: .22rem;
  border-radius: .06rem; padding: .12rem .18rem;
}
.vip-note.plain { background: none; color: #9AA09A; padding: .2rem 0 0; margin-top: 0; border-top: 1px solid #F0F0F0; }
/* 三档通行证 */
.vip-tiers { padding: 0 .29rem .3rem; }
.vip-tiers-head {
  margin: 0 -.29rem; padding: .24rem 0; text-align: center;
  background: #FCF3DC; color: #7A5510; font-size: .33rem; font-weight: 700;
  border-radius: .12rem .12rem 0 0;
}
.vip-tier-row { display: flex; padding: .3rem 0; }
.vip-tier { flex: 1; text-align: center; }
.vip-tier + .vip-tier { border-left: 1px solid #F0EBDD; }
.vip-tier b { display: block; font-size: .28rem; color: #333; }
.vip-tier span { display: block; font-size: .3rem; font-weight: 700; color: #E8940A; margin-top: .12rem; }
.vip-tier s { display: block; font-size: .24rem; color: #9AA09A; margin-top: .08rem; }   /* 原价(删除线) */
/* 咨询表单 */
.vip-form-sub { font-size: .22rem; color: #9AA09A; margin-top: .1rem; }
.vip-field { margin-top: .3rem; }
.vip-field label { display: block; font-size: .3rem; font-weight: 700; color: #333; margin-bottom: .14rem; }
.vip-field label i { font-style: normal; color: #F56C6C; margin-left: .04rem; }
.vip-field input {
  width: 100%; height: .82rem; border: none; outline: none; border-radius: .08rem;
  background: #F5F5F5; padding: 0 .24rem; font-size: .28rem; color: #333;
}
.vip-field input::placeholder { color: #B5B8B5; }
.vip-agree { display: flex; gap: .1rem; align-items: flex-start; margin-top: .3rem; font-size: .22rem; color: #666; line-height: 1.6; }
.vip-agree input { margin-top: .04rem; accent-color: #EFAD45; width: .25rem; height: .25rem; flex: none; }
.vip-agree a { color: #E8940A; }
.vip-submit {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: .92rem; margin-top: .4rem; border-radius: .46rem;
  background: linear-gradient(90deg, #F7CE7A, #EEA638); color: #fff; font-size: .3rem; font-weight: 700;
}
.vip-submit:disabled { opacity: .45; }
.vip-form-note { font-size: .22rem; color: #9AA09A; text-align: center; margin-top: .22rem; }
/* 引导弹窗(报名成功 + 升级引导,PSD:655×863) */
.vip-guide { width: 6.55rem; padding: 0 0 .4rem; text-align: left; background: #fff; }
.vip-guide-top {
  display: flex; gap: .24rem; align-items: center;
  background: linear-gradient(180deg, #DFF2DF 0%, #fff 100%);
  border-radius: .1rem .1rem 0 0; padding: .66rem .4rem .34rem;
}
.vip-guide-check { flex: none; width: 1.05rem; height: 1.05rem; }
.vip-guide-check svg { width: 100%; height: 100%; }
.vip-guide-sign h3 { font-size: .42rem; font-weight: 700; color: #333; }
.vip-guide-sign p { font-size: .25rem; color: #656565; margin-top: .12rem; }
.vip-guide-sign a { font-size: .28rem; color: var(--green-deep); margin-top: .1rem; display: inline-block; }
.vip-bar { display: block; height: .09rem; background: var(--rainbow); }
.vip-guide-body { padding: .36rem .4rem 0; text-align: center; }
.vip-guide-body h4 { font-size: .38rem; font-weight: 700; color: #8A5A10; }
.vip-guide-sub { font-size: .26rem; color: #B58A2E; margin-top: .14rem; }
.vip-guide-icons { display: flex; justify-content: space-between; margin-top: .3rem; }
.vip-guide-icons div { width: 1.2rem; }
.vip-guide-icons img { width: .8rem; height: .8rem; margin: 0 auto; }
.vip-guide-icons span { display: block; font-size: .2rem; color: #666; margin-top: .1rem; }
.vip-guide .vip-submit { margin-top: .36rem; }
.vip-skip { display: inline-block; margin-top: .24rem; font-size: .24rem; color: #9AA09A; }
/* 提交成功弹窗 */
.vip-done { width: 6.55rem; padding: .8rem .44rem .6rem; background: #fff; }
.vip-done-check { display: block; width: 1.45rem; height: 1.45rem; margin: 0 auto; }
.vip-done-check svg { width: 100%; height: 100%; }
.vip-done h3 { font-size: .42rem; font-weight: 700; color: #333; margin-top: .3rem; }
.vip-done-thx { font-size: .33rem; color: #333; margin-top: .16rem; }
.vip-done-desc { font-size: .26rem; color: #656565; line-height: 1.7; margin-top: .3rem; text-align: center; }
.wx-close.gray { background: #C9CDC9; }