:root{
  --bg:#0f1020; --bg2:#171a36; --card:#1e2247; --card2:#262b58;
  --gold:#e9c46a; --gold2:#f4d58d; --purple:#9b5cff; --pink:#ff7a90;
  --cyan:#5cd6ff; --txt:#eef0ff; --sub:#9aa0c7; --line:#2c3163; --ok:#7ff0a8;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{height:100%;}
body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--txt);display:flex;justify-content:center;align-items:center;overflow:hidden;}
/* 通用 SVG 图标：所有直接注入的 svg 都受控尺寸与垂直对齐，避免行内图标撑破文字 */
svg{display:inline-block;vertical-align:middle;flex:none;}
/* H5：纯移动端网页，无手机外壳。全屏自适应，宽屏内容限宽居中 */
.phone{width:100%;max-width:480px;height:100vh;height:100dvh;margin:0 auto;background:var(--bg);position:relative;overflow:hidden;display:flex;flex-direction:column;}
.statusbar{display:none;}
.screen{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-top:env(safe-area-inset-top);}
.screen::-webkit-scrollbar{width:0;}
.page{display:none;min-height:100%;padding:16px max(16px,env(safe-area-inset-left)) calc(92px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-right));}
.page.active{display:block;animation:fade .25s ease;}
@keyframes fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;position:relative;}
.topbar h1{font-size:20px;font-weight:800;letter-spacing:1px;position:absolute;left:0;right:0;text-align:center;pointer-events:none;}
.topbar .avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--purple));display:flex;align-items:center;justify-content:center;position:relative;z-index:1;margin-left:auto;}
.topbar .avatar svg{width:20px;height:20px;}
/* 返回图标按钮：统一圆形描边样式，带交互反馈 */
.topbar .back{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  background:var(--card2);border:1px solid var(--line);color:var(--cyan);cursor:pointer;position:relative;z-index:1;
  transition:transform .15s ease,background .15s ease,border-color .15s ease;}
.topbar .back svg{width:18px;height:18px;}
.topbar .back:hover{background:rgba(92,214,255,.14);border-color:rgba(92,214,255,.5);}
.topbar .back:active{transform:scale(.9);}
.topbar .tag{position:relative;z-index:1;}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:16px;}
.card:last-child{margin-bottom:0;}
.lbl{font-size:12px;color:var(--sub);}
.gold{color:var(--gold);}.purple{color:var(--purple);}.pink{color:var(--pink);}.cyan{color:var(--cyan);}
.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:14px;font-weight:700;cursor:pointer;font-size:14px;padding:11px 0;width:100%;}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#2a1d00;}
.btn-purple{background:linear-gradient(135deg,var(--purple),#b98bff);color:#fff;}
.btn-ghost{background:var(--card2);color:var(--txt);border:1px solid var(--line);}
.tag{display:inline-block;font-size:10.5px;padding:2px 8px;border-radius:10px;background:var(--card2);color:var(--cyan);border:1px solid var(--line);}
.fortune{background:linear-gradient(160deg,#241b4d,#3a2150);border:1px solid #4a3a7a;border-radius:20px;padding:16px;position:relative;overflow:hidden;margin-bottom:16px;}
.fortune:before{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(233,196,106,.25),transparent 70%);}
.fortune .date{font-size:12px;color:var(--gold2);}
.fortune .score{font-size:42px;font-weight:900;color:var(--gold);line-height:1;margin:6px 0;}
.fortune .dims{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;}
.fortune .dim{background:rgba(255,255,255,.06);border-radius:12px;padding:8px 10px;}
.fortune .dim b{font-size:13px;}
.fortune .wm{margin-top:12px;text-align:center;font-size:10px;color:rgba(255,255,255,.35);}
.stars{color:var(--gold);letter-spacing:2px;}
.ent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px;}
.ent{border-radius:14px;background:var(--card);border:1px solid var(--line);padding:14px 10px;cursor:pointer;display:flex;align-items:center;gap:10px;}
.ent .ic{width:38px;height:38px;border-radius:11px;background:var(--card2);display:flex;align-items:center;justify-content:center;flex:none;}
.ent .ic svg{width:22px;height:22px;}
.ent .gt{font-size:14px;font-weight:700;}
.ent .gs{font-size:11px;color:var(--sub);margin-top:2px;}
.ent .ar{margin-left:auto;color:var(--sub);font-size:18px;flex:none;}
/* 让文字区可收缩，避免长文本把卡片撑破或换行错乱 */
.ent>div:not(.ic):not(.ar){min-width:0;flex:1;}
.ent .gt,.ent .gs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* 道具商城：把「购买/点亮」由大号灰字改为小徽章按钮，避免挤压文字 */
#p_mall .ent .ar{font-size:13px;font-weight:700;color:var(--gold2);background:rgba(233,196,106,.14);border:1px solid rgba(233,196,106,.4);border-radius:10px;padding:6px 14px;line-height:1;white-space:nowrap;margin-left:auto;}
/* 商城单列后卡片变宽，名称/价格单行完整显示 */
#p_mall .ent .gt,#p_mall .ent .gs{white-space:nowrap;overflow:visible;text-overflow:clip;}
/* 商城改为单列：一行一个道具，展示更清爽 */
#p_mall .ent-grid{grid-template-columns:1fr;gap:10px;}
.mu-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:6px;padding-bottom:8px;gap:2px;}
.merit{font-size:14px;color:var(--sub);margin-bottom:4px;}.merit b{font-size:30px;color:var(--gold);}
.mu{width:200px;height:200px;border-radius:50%;margin:14px 0;background:radial-gradient(circle at 38% 32%,#f6e3b4,#caa14e 55%,#8a6526);box-shadow:0 16px 40px rgba(0,0,0,.5),inset 0 -10px 24px rgba(0,0,0,.35),inset 0 8px 18px rgba(255,255,255,.4);position:relative;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center;}
.mu:active{transform:scale(.97);}
.mu .slot{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#5a3d12,#2c1c08);box-shadow:inset 0 2px 6px rgba(0,0,0,.6);}

/* 转经轮 */
.wheel-stock{width:6px;height:20px;margin:0 auto -6px;background:linear-gradient(#caa14e,#8a6526);border-radius:3px 3px 0 0;position:relative;z-index:2;}
.wheel{position:relative;width:180px;height:180px;margin:14px auto;cursor:pointer;
  border-radius:50%;
  background:radial-gradient(circle at 50% 38%,#f6e3b4,#d9b25e 60%,#9c7330);
  box-shadow:0 16px 40px rgba(0,0,0,.55),inset 0 -10px 24px rgba(0,0,0,.4),inset 0 8px 18px rgba(255,255,255,.35);
  display:flex;align-items:center;justify-content:center;animation:spin 6s linear infinite;}
.wheel-ring{position:absolute;inset:8px;border-radius:50%;border:3px solid rgba(138,101,38,.7);box-shadow:inset 0 0 14px rgba(0,0,0,.35);}
.wheel-sutra{position:absolute;inset:18px;border-radius:50%;
  background:repeating-conic-gradient(from 0deg,#7a531f 0deg 6deg,#caa14e 6deg 12deg);
  box-shadow:inset 0 0 18px rgba(0,0,0,.5);}
.wheel-sutra::after{content:"";position:absolute;inset:0;border-radius:50%;
  background:repeating-conic-gradient(from 0deg,transparent 0deg 4deg,rgba(40,25,8,.45) 4deg 5deg);}
.wheel-core{position:absolute;width:54px;height:54px;border-radius:50%;
  background:radial-gradient(circle at 50% 40%,#fff3d0,#caa14e 60%,#7a531f);
  box-shadow:0 3px 8px rgba(0,0,0,.4),inset 0 2px 6px rgba(255,255,255,.5);z-index:2;}
.wheel-knob{position:absolute;width:18px;height:18px;border-radius:50%;
  background:radial-gradient(circle at 40% 35%,#fff,#caa14e 70%,#7a531f);
  box-shadow:0 2px 5px rgba(0,0,0,.5);z-index:3;}
.wheel:active{transform:scale(.98);}
.float{position:absolute;font-weight:900;font-size:22px;color:var(--gold2);pointer-events:none;animation:floatUp 1s ease-out forwards;text-shadow:0 2px 6px rgba(0,0,0,.4);}
.float.crit{color:var(--pink);font-size:30px;}
@keyframes floatUp{0%{opacity:0;transform:translateY(10px) scale(.8);}20%{opacity:1;}100%{opacity:0;transform:translateY(-90px) scale(1.1);}}
.combo{height:22px;font-size:14px;color:var(--pink);font-weight:800;margin-bottom:8px;}
.switch{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:10px;}
.switch .lbl{display:flex;align-items:center;gap:6px;}
.switch .lbl svg{width:18px;height:18px;}
.toggle{width:46px;height:26px;border-radius:13px;background:var(--card2);position:relative;cursor:pointer;transition:.2s;flex:none;}
.toggle.on{background:var(--ok);}.toggle:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s;}
.toggle.on:after{left:23px;}
.tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;}.tab{flex:1;min-width:60px;text-align:center;padding:9px 0;border-radius:12px;background:var(--card);color:var(--sub);font-size:13px;cursor:pointer;border:1px solid var(--line);}
.tab.on{background:linear-gradient(135deg,var(--purple),#b98bff);color:#fff;border:none;}
.tarots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.tarot{aspect-ratio:3/4.3;border-radius:14px;background:linear-gradient(160deg,#3a2150,#241b4d);border:1px solid #4a3a7a;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s;}
.tarot .sym{width:36px;height:36px;display:flex;align-items:center;justify-content:center;}
.tarot .sym svg{width:30px;height:30px;}
.tarot .nm{font-size:11px;margin-top:6px;color:var(--gold2);}
.tarot .tag{position:absolute;top:6px;right:6px;font-size:9px;padding:1px 6px;background:var(--gold);color:#1a1326;border-color:transparent;}
.tarot.flip{animation:flip .5s ease;}@keyframes flip{0%{transform:rotateY(90deg);}100%{transform:none;}}
.zodiacs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;}
.zod{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 2px;text-align:center;cursor:pointer;}
.zod .s{width:24px;height:24px;margin:0 auto;display:flex;align-items:center;justify-content:center;}
.zod .s svg{width:22px;height:22px;}
.zod .n{font-size:11px;color:var(--sub);margin-top:2px;}
.chat{display:flex;flex-direction:column;gap:10px;padding-bottom:72px;}
.msg{max-width:78%;padding:10px 13px;border-radius:16px;font-size:14px;line-height:1.5;}
.msg.ai{align-self:flex-start;background:var(--card);border:1px solid var(--line);border-bottom-left-radius:4px;}
.msg.me{align-self:flex-end;background:linear-gradient(135deg,var(--purple),#b98bff);border-bottom-right-radius:4px;}
.quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.chip{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:6px 12px;font-size:12px;color:var(--cyan);cursor:pointer;}
.inputbar{position:absolute;left:0;right:0;bottom:74px;display:flex;gap:8px;padding:10px 14px;background:var(--bg2);border-top:1px solid var(--line);z-index:5;}
/* AI 聊天：整页 flex 列布局，聊天列表内部滚动，输入框固定底部 */
#p_ai{height:100%;}
#p_ai.page.active{display:flex;flex-direction:column;}
#ai_chat{flex:1;display:flex;flex-direction:column;min-height:0;}
#ai_chat .chat{flex:1;min-height:0;overflow-y:auto;padding-bottom:12px;}
#ai_chat .chat::-webkit-scrollbar{width:0;}
#ai_chat .chat{scrollbar-width:none;-ms-overflow-style:none;}
#ai_chat .inputbar{position:relative;bottom:auto;left:auto;right:auto;flex:none;z-index:1;margin:0 -16px -16px;}
.inputbar input{flex:1;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--txt);font-size:14px;outline:none;}
.inputbar .send{background:var(--purple);border:none;border-radius:12px;padding:0 16px;color:#fff;font-weight:700;cursor:pointer;}
.profile{display:flex;align-items:center;gap:14px;margin-bottom:14px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;}
.profile .pic{flex:none;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--purple));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(150,90,255,.25);}
.profile .pic svg{width:34px;height:34px;color:#fff;}
.profile .uinfo{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:5px;overflow:hidden;}
.profile .uname{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:18px;font-weight:800;line-height:1.2;}
.profile .usub{font-size:12px;color:var(--sub);line-height:1.3;word-break:break-all;}
.profile #meVipTag{vertical-align:1px;}
.vip-banner{background:linear-gradient(135deg,#3a2150,#241b4d);border:1px solid #4a3a7a;border-radius:18px;padding:16px 18px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;}
.vip-banner:hover{border-color:#6a52ad;}
.vip-l{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;}
.vip-title{display:flex;align-items:center;font-size:16px;font-weight:800;color:var(--gold2);}
.vip-desc{font-size:12px;color:var(--sub);line-height:1.3;}
.vip-btn{flex:none;width:auto;padding:8px 16px;font-size:13px;white-space:nowrap;}
.row{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;border-bottom:1px solid var(--line);font-size:14px;cursor:pointer;}
.row:last-child{border-bottom:none;}.row .r{color:var(--sub);font-size:13px;}
.logout-card{margin-bottom:14px;border-color:rgba(255,90,90,.35);}
.logout-card .logout-row{cursor:pointer;}
.logout-card .logout-row span:first-child{color:#ff7676;align-items:center;}
.tabbar{position:absolute;left:0;right:0;bottom:0;height:calc(74px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(20,22,44,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right));justify-content:space-around;}
/* 二级页面：隐藏底部导航栏，减小页面底部留白 */
.subpage .tabbar{display:none;}
.subpage .page{padding-bottom:calc(16px + env(safe-area-inset-bottom));}
.tabbtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--sub);font-size:11px;cursor:pointer;justify-content:center;}
.tabbtn .ic{width:24px;height:24px;display:flex;align-items:center;justify-content:center;}
.tabbtn .ic svg{width:22px;height:22px;}
.tabbtn.on{color:var(--gold);}.tabbtn.on .ic{transform:translateY(-2px);}
.sheet{position:absolute;inset:0;background:rgba(0,0,0,.6);display:none;align-items:flex-end;z-index:30;}
.sheet.show{display:flex;}
.sheet .box{background:var(--bg2);width:100%;border-radius:22px 22px 0 0;padding:18px 18px 28px;border-top:1px solid var(--line);max-height:80%;overflow-y:auto;}
.sheet .box h3{font-size:16px;margin-bottom:12px;}.closex{float:right;color:var(--sub);cursor:pointer;font-size:18px;}
.scard{background:linear-gradient(160deg,#241b4d,#3a2150);border-radius:18px;padding:18px;text-align:center;border:1px solid #4a3a7a;}
.toast{position:absolute;bottom:160px;left:50%;transform:translateX(-50%);background:#000a;color:#fff;padding:9px 18px;border-radius:20px;font-size:13px;opacity:0;transition:.3s;z-index:50;pointer-events:none;max-width:80%;text-align:center;}
.toast.show{opacity:1;}
.disclaim{font-size:10px;color:var(--sub);text-align:center;margin-top:16px;line-height:1.6;}
.incense{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}.inc{width:64px;text-align:center;cursor:pointer;}
.inc .stick{width:8px;height:54px;margin:0 auto 6px;background:linear-gradient(#e9c46a,#b9842f);border-radius:4px;}
.inc .flame{width:10px;height:14px;background:radial-gradient(circle at 50% 70%,#fff,#ffb347 40%,#ff6b35 70%,transparent);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;margin:0 auto -6px;animation:flick .4s infinite alternate;}
@keyframes flick{from{transform:scaleY(.9) translateY(1px);}to{transform:scaleY(1.1) translateY(-1px);}}
.pray{background:linear-gradient(160deg,#1a2b4d,#102a3a);border:1px solid #2a4a6a;border-radius:18px;padding:16px;margin-bottom:12px;}
.pray .wall{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.pray .note{background:rgba(255,255,255,.08);border-radius:10px;padding:8px 10px;font-size:12px;width:calc(50% - 4px);}
.gossip{display:flex;gap:10px;margin-bottom:12px;}
.gossip .av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--purple));flex:none;display:flex;align-items:center;justify-content:center;}
.gossip .av svg{width:20px;height:20px;}
.gossip .body{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.6;flex:1;}
.gossip .body .meta{font-size:10px;color:var(--sub);margin-top:6px;}
.rank{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line);}
.rank:last-child{border:none;}.rank .no{width:22px;font-weight:800;color:var(--gold);text-align:center;}
.rank .rav{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--purple));display:flex;align-items:center;justify-content:center;}
.rank .rav svg{width:16px;height:16px;}
.rank .rn{flex:1;font-size:13px;}.rank .rv{font-size:13px;color:var(--gold);}
.form input,.form select{width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 12px;color:var(--txt);font-size:14px;margin-bottom:10px;outline:none;}
.result{background:linear-gradient(160deg,#241b4d,#3a2150);border:1px solid #4a3a7a;border-radius:16px;padding:14px;font-size:13px;line-height:1.7;margin-top:12px;display:none;}
.result.show{display:block;animation:fade .3s;}
.result .wm{font-size:10px;color:rgba(255,255,255,.35);text-align:center;margin-top:8px;}
.master .gi{width:34px;height:34px;border-radius:10px;background:var(--card2);display:flex;align-items:center;justify-content:center;flex:none;}
.master .gi svg{width:20px;height:20px;}

/* 行内小图标（裸 span 注入的 svg）：统一尺寸与对齐，避免撑破文字 */
.row svg{width:17px;height:17px;margin-right:8px;color:var(--gold2);}
.vip-banner svg{width:18px;height:18px;margin-right:6px;vertical-align:-3px;}
.btn-ghost svg{width:16px;height:16px;margin-right:6px;vertical-align:-3px;}
.fortune svg{width:16px;height:16px;vertical-align:-2px;}
/* 直接注入到裸 span 的行内图标（首页打卡 / AI 页 / 求佛太岁）统一受控尺寸 */
#leafIc svg,#ic_spark svg,#ic_moon svg,#ic_rabbit svg{width:15px;height:15px;margin-right:5px;vertical-align:-2px;}
.profile svg,.gossip .av svg,.rank .rav svg,.tarot .sym svg,.zod .s svg{flex:none;}
/* 行内图标与文字基线对齐 */
.row span,.vip-banner div:first-child,.switch .lbl{display:flex;align-items:center;}
.vip-banner>div:first-child{display:flex;align-items:center;}

/* ===== 登录 / 注册 / 会员态 ===== */
.logo-wrap{text-align:center;padding:54px 0 26px;}
.logo-wrap .logo{width:84px;height:84px;border-radius:26px;margin:0 auto 16px;background:linear-gradient(135deg,var(--gold),var(--purple));display:flex;align-items:center;justify-content:center;box-shadow:0 14px 40px rgba(155,92,255,.35);}
.logo-wrap .logo svg{width:46px;height:46px;color:#fff;}
.logo-name{font-size:26px;font-weight:900;letter-spacing:3px;}
.logo-slogan{font-size:12px;color:var(--sub);margin-top:6px;}
.auth{padding:10px 2px 0;}
.auth .field{margin-bottom:14px;}
.auth .field label{display:block;font-size:12px;color:var(--sub);margin-bottom:7px;}
.auth .field input{width:100%;height:46px;border-radius:13px;background:var(--card);border:1px solid var(--line);color:var(--txt);font-size:15px;padding:0 14px;outline:none;transition:border-color .15s;}
.auth .field input:focus{border-color:var(--purple);}
.auth .code-row{display:flex;gap:10px;}
.auth .code-row input{flex:1;}
.auth .code-btn{width:auto;padding:0 14px;height:46px;flex:none;white-space:nowrap;font-size:13px;}
.auth-err{color:var(--pink);font-size:12px;min-height:16px;margin:-6px 2px 10px;}
.auth-foot{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--sub);margin-top:14px;}
.auth-foot b{cursor:pointer;}
.auth-foot .quick{color:var(--cyan);cursor:pointer;}
.login-banner{background:linear-gradient(135deg,#241b4d,#3a2150);border:1px solid #4a3a7a;border-radius:16px;padding:13px 14px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;}
.vip-tag{display:none;align-items:center;margin-left:8px;font-size:11px;font-weight:700;color:#2a1d00;background:linear-gradient(135deg,var(--gold),var(--gold2));border-radius:10px;padding:3px 9px;vertical-align:1px;}
.vip-tag svg{width:13px;height:13px;margin-right:4px;vertical-align:-2px;}
.profile .pic svg{width:44px;height:44px;color:#fff;}
/* 微信授权按钮 */
.btn-wechat{background:#07c160;color:#fff;margin-bottom:6px;}
.btn-wechat svg{width:20px;height:20px;margin-right:8px;vertical-align:-4px;}
/* 分割线 */
.auth-divider{display:flex;align-items:center;color:var(--sub);font-size:12px;margin:16px 0 14px;}
.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line);}
.auth-divider span{padding:0 12px;}
.auth-tip{font-size:11px;color:var(--sub);text-align:center;margin-top:10px;line-height:1.6;}