/* WAP 全页 App 主题：只影响明确标记的移动页面，不改写桌面和后台样式。 */
@media screen {
  /* 关闭手机连续点击放大，保留正常滚动和双指缩放。 */
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}
  body.yidong-page{--member-brand:#8062a7;--member-brand-dark:#624580;--member-border:#e7e5ef;--primary:#8062a7;background:linear-gradient(155deg,#eef3fa,#f6f4fa 60%,#f8fafc);color:#303c50;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-tap-highlight-color:transparent}
  .yidong-page [hidden]{display:none!important}
  .yidong-page :is(.wap-header,.member-header,.yanshi-yetou,.topbar){background:rgba(250,250,254,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #e9e7f0;box-shadow:0 3px 15px #35426506;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .yidong-page :is(.member-main,.container,.yanshi-buju){min-width:0}
  .yidong-page :is(.member-card,.intro-card,.report-card,.yanshi-gailan,.yanshi-zhangjie,.card,.report-preview,.hero-fold){border:1px solid #ebe8f1;border-radius:22px;background:#fff;box-shadow:0 8px 24px #37476608}
  .yidong-page :is(.member-btn,.wap-btn-primary,.start-btn,.sticky-pay-btn,.kaishi,#plan-confirm){border-radius:14px;min-height:44px;background:linear-gradient(115deg,#8566b0,#73538e);color:#fff;box-shadow:0 5px 12px #78559322;touch-action:manipulation;transition:transform .15s ease,box-shadow .15s ease}
  .yidong-page :is(.member-btn,.wap-btn-primary,.start-btn,.sticky-pay-btn,.kaishi,#plan-confirm):active{transform:scale(.98);box-shadow:none}
  .yidong-page :is(.member-btn.secondary,.wap-btn-secondary){background:#eee9f6;color:#6c5289;box-shadow:none}
  .yidong-page :is(input:not([type=radio]):not([type=checkbox]),select,textarea){font-size:16px;border-radius:12px}
  .yidong-page .member-hero{background:linear-gradient(125deg,#756098,#9b83b4);box-shadow:0 8px 22px #71548c24;border-radius:22px}
  .yidong-page .member-metric{border-radius:18px;background:#fff;border-color:#eae6f0;min-width:0}
  .yidong-page .member-metric strong{overflow-wrap:anywhere}
  .yidong-page .member-text-link{color:#79549b}
  .yidong-page .member-bottom-nav{position:fixed;display:flex;z-index:60;left:12px;right:12px;bottom:max(8px,env(safe-area-inset-bottom,0px));height:62px;padding:6px;justify-content:space-around;border:1px solid #fff;border-radius:23px;background:rgba(255,255,255,.96);box-shadow:0 6px 28px #29324d24;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  .yidong-page .member-bottom-nav a{display:grid;align-content:center;justify-items:center;flex:1;min-width:0;min-height:48px;border-radius:17px;font-size:11px;color:#68768c;text-decoration:none}
  .yidong-page .member-bottom-nav a.active{background:#eee8f7;color:#71539a}
  .yidong-page .member-bottom-nav svg{margin-bottom:3px}
  body.yidong-page.member-page{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
  .yidong-page .member-main{width:calc(100% - 24px);max-width:720px;margin:18px auto 28px}
  .yidong-page #testContainer{border-radius:24px;box-shadow:0 10px 30px #4d477a12}
  .yidong-page #testContainer .test-header{background:linear-gradient(120deg,#776398,#9580b3);padding:20px 16px}
  .yidong-page #testContainer .progress-wrap{background:#f8f6fb}
  .yidong-page #mainProgress{background:linear-gradient(90deg,#ab8ecb,#785998)}
  .yidong-page #testContainer .answer-btn{border-radius:14px;background:#f7f6fa;border-color:#ece8f2;transition:background .16s ease,border-color .16s ease,transform .15s ease}
  .yidong-page #testContainer .answer-btn.selected{background:#f0e8f8;border-color:#987bb7;color:#684b84}
  .yidong-page #testContainer .answer-btn.selected::after{color:#79539b}
  .yidong-page #testContainer .answer-btn:active{transform:scale(.985)}
  .yidong-page #testContainer #nextBtn:not(:disabled){background:linear-gradient(115deg,#8566b0,#73538e);box-shadow:0 4px 12px #78559322}
  .yidong-page #testContainer :is(.nav-actions,.bottom-actions){background:#faf8fc}
  .yidong-page .pay-sticky-bar{border-radius:22px 22px 0 0;border-top:1px solid #e7e1ee;background:rgba(255,255,255,.98);box-shadow:0 -6px 24px #45376110}
  .yidong-page .plan-dialog{border-radius:25px;background:#faf8fd;max-height:85vh;max-height:85dvh;overflow:auto}
  .yidong-page .mobile-plan-card{border-radius:16px;background:#fff}
  .yidong-page .mobile-plan-card.is-selected{border-color:#987bb7;background:#f2ebf9}
  .yidong-page .yanshi-biaoqian{border-radius:20px;padding:4px 12px;background:#f2edf8}
  .yidong-page .leixing{border-radius:18px}
  .yidong-page .baogao-gongju{border-radius:20px;margin:0 12px}
  .yidong-page .baogao-gongju button{border-radius:12px;min-height:44px;background:#f3edf9}
  .yidong-page .yanshi-zhangjie .zhangjie-tou{border-bottom-color:#eee9f5}
  .yidong-page .section{scroll-margin-top:100px}
  .yidong-page.global-member-bottom-ready{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
  .yidong-page .global-member-bottom{left:12px;right:12px;bottom:max(8px,env(safe-area-inset-bottom,0px));height:72px;padding:6px;gap:4px;border:1px solid #fff;border-radius:23px;background:rgba(255,255,255,.96);box-shadow:0 6px 28px #29324d24;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:stretch;align-items:stretch}
  .yidong-page .global-member-bottom a{display:grid;grid-template-rows:24px 18px;align-content:center;justify-items:center;flex:1;min-width:0;min-height:58px;padding:5px 4px;border-radius:17px;font-size:12px;line-height:18px;text-align:center}
  .yidong-page .global-member-bottom a.active{background:#eee8f7;color:#71539a}
  .yidong-page .global-member-bottom svg{display:block;width:22px;height:22px;margin:0;justify-self:center;align-self:center}
  .yidong-page .global-member-bottom span{display:block;justify-self:center;align-self:center;white-space:nowrap}
  .wap-desktop-reminder{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(20,27,39,.48);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
  .wap-desktop-reminder-card{width:min(100%,420px);padding:30px;border:1px solid #e8eaf0;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(18,26,43,.24);text-align:center}
  .wap-desktop-reminder-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 18px;border-radius:50%;background:#edf5f6;color:#397985;font-size:13px;font-weight:800}
  .wap-desktop-reminder-card h2{margin:0 0 10px;color:#28343d;font-size:20px;line-height:1.4}
  .wap-desktop-reminder-card p{margin:0;color:#65717d;font-size:14px;line-height:1.7}
  .wap-desktop-reminder-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
  .wap-desktop-reminder-actions button{min-height:46px;padding:8px 12px;border:1px solid #dce2e8;border-radius:10px;background:#fff;color:#45515e;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
  .wap-desktop-reminder-actions [data-switch-pc]{border-color:#397f8c;background:#397f8c;color:#fff}
  .wap-desktop-reminder-actions button:focus-visible{outline:3px solid #85bbc3;outline-offset:3px}
  @media(max-width:380px){.wap-desktop-reminder-card{padding:24px 18px}.wap-desktop-reminder-actions{grid-template-columns:1fr}}
  /* 面板使用原生 hidden 保留 DOM；切换时不销毁选题、登录输入与历史分页。 */
  .yidong-mianban{min-width:0;min-height:50vh}
  .yidong-jiazai{padding:32px 20px;text-align:center;color:#776a88}
  .yidong-yingyong .yidong-mianban.member-page{background:transparent}
  .yidong-yingyong .yidong-mianban>.member-main{margin-top:20px;margin-bottom:30px}
  .yidong-yangli{padding:16px 12px;line-height:1.8;color:#485368}
  .yidong-yangli :is(.yanshi-gailan,.yanshi-zhangjie){position:relative;overflow:hidden;padding:20px 16px;margin-bottom:16px;overflow-wrap:anywhere}
  .yidong-yangli h1{font-size:24px;line-height:1.4;margin:8px 0 12px}.yidong-yangli h2{font-size:20px}.yidong-yangli h3{font-size:17px;color:#76518d}.yidong-yangli h4,.yidong-yangli h5{font-size:15px}
  .yidong-yangli p,.yidong-yangli li{font-size:13px}.yidong-yangli ul{padding-left:20px}
  .yidong-yangli-tishi{padding:14px 16px;background:#fff3dd;border:1px solid #ecdfc4;border-radius:16px;margin-bottom:16px;color:#8a6735;font-size:14px}.yidong-yangli-tishi p{margin:4px 0 0}
  .yidong-yangli .leixing{display:grid;grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:10px;background:#edf6ef;padding:16px;margin:18px 0}.yidong-yangli .leixing img{width:90px;height:120px;object-fit:contain}.yidong-yangli .leixing h2{font-size:40px;color:#548064;letter-spacing:3px;margin:5px 0}.yidong-yangli .leixing strong{font-size:13px}
  .yidong-yangli .leixing span,.yidong-yangli .yanshi-fubiaoti,.yidong-yangli .weidu-tou>span{font-size:11px;color:#76877d}
  .yidong-yangli .weidu{margin:16px 0}.yidong-yangli .weidu>div:first-child{display:flex;justify-content:space-between;gap:5px;font-size:11px}.yidong-yangli .weidu-tiao{height:9px;background:#e9edf3;border-radius:8px;overflow:hidden;margin-top:8px}.yidong-yangli .weidu-tiao span{display:block;height:100%;border-radius:8px}
  .yidong-yangli .zhangjie-tou{display:flex;gap:10px;align-items:center;border-bottom:1px solid #ede8f2}.yidong-yangli .zhangjie-tou>span{font-size:23px;color:#ad98be}.yidong-yangli .zhangjie-tou small{margin-left:auto;font-size:10px;white-space:nowrap;color:#8a739c}
  .yidong-yangli .baogao-neibu-shuiyin{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.yidong-yangli .baogao-neibu-shuiyin span{transform:rotate(-24deg);color:#80629420;font-size:18px}
  .yidong-yangli .celebrities-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.yidong-yangli .celebrity-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.yidong-yangli .celebrity-info h4{margin:8px 0}
  .yidong-yangli .renkou-tubiao{display:grid;gap:10px}.yidong-yangli .renkou-tubiao>div{background:#f6f3fa;padding:12px;border-radius:12px}.yidong-yangli .renkou-tubiao strong{display:block;color:#7f6097;font-size:26px}
}
@media screen and (max-width:420px){.yidong-page .member-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.yidong-page .member-metric{padding:12px 8px}.yidong-page .member-metric strong{font-size:18px}.yidong-page .member-metric span{font-size:11px}}
@media screen and (prefers-reduced-motion:no-preference){
  .yidong-mianban:not([hidden]),.yidong-page :is(.intro-card,.member-auth-card,.yanshi-gailan){animation:yidong-jinru .24s ease-out both}
  .yidong-page dialog[open]{animation:yidong-jinru .2s ease-out}
}
@keyframes yidong-jinru{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.yidong-page *,.yidong-page *::before,.yidong-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.yidong-page button:active{transform:none!important}}
@media screen {
 .yidong-page .wap-report-sheet{border-radius:24px;border-color:#e9e4f0;box-shadow:0 10px 30px #44375f0a}
 .yidong-page .overview{border-radius:20px;background:linear-gradient(125deg,#f0eaf7,#edf5f4);border:1px solid #e7e0ef}
 .yidong-page .analysis-item{border-radius:17px;background:#faf8fc;border-color:#ebe5f2}
 .yidong-page .overview-badge{border-radius:20px;background:#eee7f7;color:#71518d}
 .yidong-page .brand-mark{background:linear-gradient(120deg,#8664ad,#705391);border-radius:14px}
 .yidong-page .btn-micro{background:linear-gradient(120deg,#8664ad,#705391);border-radius:16px}
}

/* 手机答题操作独立固定在可见视口底部；正文留出实测操作栏高度，最后一个选项仍能完整滚到上方。 */
@media screen {
 .yidong-dati{--dati-caozuo-gaodu:100px;--dati-shikou-dibu:0px}
 .yidong-dati #testContainer{margin:12px auto calc(var(--dati-caozuo-gaodu) + var(--dati-shikou-dibu) + 24px);overflow:visible}
 .yidong-dati #testContainer .test-header{padding:14px 16px;border-radius:24px 24px 0 0}
 .yidong-dati #testContainer h1{font-size:21px;margin-bottom:4px}
 .yidong-dati #testContainer .test-header p{font-size:12px}
 .yidong-dati #testContainer .progress-wrap{padding:12px 16px}
 .yidong-dati #testContainer .progress-text{font-size:12px;margin-bottom:8px}
 .yidong-dati #testContainer .question-box{padding:18px 16px;border-radius:0 0 24px 24px}
 .yidong-dati #testContainer .question-text{font-size:18px;line-height:1.65;margin-bottom:16px}
 .yidong-dati #testContainer .answer-btn{min-height:50px}
 .yidong-dati #testContainer .bottom-actions{position:fixed;z-index:80;left:0;right:0;bottom:var(--dati-shikou-dibu);display:grid;grid-template-columns:minmax(66px,.8fr) minmax(58px,.65fr) minmax(104px,1.4fr);gap:8px;margin:0;padding:12px max(12px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));border:1px solid #e6e0ed;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -5px 22px #41345114}
 .yidong-dati #testContainer #prevBtn,.yidong-dati #testContainer #nextBtn{width:100%;min-width:0;min-height:56px;padding:12px 8px;border-radius:15px;font-size:16px;touch-action:manipulation}
 .yidong-dati #testContainer #nextBtn{font-size:18px;font-weight:700}
 .yidong-dati #testContainer #restartBtn{min-height:48px;padding:8px 0;font-size:12px;white-space:nowrap;touch-action:manipulation}
 .yidong-dati #testContainer .bottom-actions.has-submit #restartBtn{visibility:visible}
 .yidong-dati .wap-header .back{min-width:44px;min-height:44px}
}

/* 首页随手机宽度调整留白和排版；窄屏题量改为逐行选择，避免靠缩小文字容纳三列。 */
@media(max-width:700px){
 body.yidong-page.zhongwen-shouye{--shouye-bianju:clamp(12px,4vw,22px)}
 .yidong-page.zhongwen-shouye .header-container{padding:10px var(--shouye-bianju) 8px;gap:8px;flex-wrap:wrap}
 .yidong-page.zhongwen-shouye .shouye-daohang a{min-height:44px;display:grid;place-items:center;padding:8px 4px}
 .yidong-page.zhongwen-shouye .guanwang-shouping{padding:clamp(16px,4vw,24px) max(var(--shouye-bianju),env(safe-area-inset-right,0px)) 24px max(var(--shouye-bianju),env(safe-area-inset-left,0px))}
 .yidong-page.zhongwen-shouye .guanwang-biaoti h1{font-size:clamp(22px,6.5vw,30px);letter-spacing:0;line-height:1.4}
 .yidong-page.zhongwen-shouye .guanwang-biaoti>div{font-size:13px;line-height:1.7}
 .yidong-page.zhongwen-shouye .guanwang-shouping-neirong{margin-top:18px;gap:16px;min-width:0}
 .yidong-page.zhongwen-shouye .guanwang-shouping .shouye-shouping{padding:16px clamp(10px,3vw,16px);min-width:0;border-radius:20px}
 .yidong-page.zhongwen-shouye .shouye-shouping h2{font-size:clamp(15px,4vw,18px);line-height:1.5;margin-bottom:12px}
 .yidong-page.zhongwen-shouye .shouye-xuanti-ka{min-width:0}
 .yidong-page.zhongwen-shouye .xuanti-shijian{font-size:12px;white-space:normal;line-height:1.5;text-align:center}
 .yidong-page.zhongwen-shouye .shouye-jindu{font-size:12px}
 .yidong-page.zhongwen-shouye .shouye-fuzhu{flex-wrap:wrap;gap:4px 10px;font-size:12px}
 .yidong-page.zhongwen-shouye .shouye-fuzhu a{min-height:36px;display:inline-flex;align-items:center}
 .yidong-page.zhongwen-shouye .shouye-chahua{height:clamp(160px,50vw,230px)}
 .yidong-page.zhongwen-shouye .fenzu-daohang{flex-wrap:wrap;gap:10px 16px}
 .yidong-page.zhongwen-shouye .renge-ka img{height:auto;aspect-ratio:1;max-height:160px}
 .yidong-page.zhongwen-shouye .report-preview-type{flex-wrap:wrap;gap:8px}
 .yidong-page.zhongwen-shouye .report-preview-type strong{font-size:clamp(24px,7vw,32px)}
 .yidong-page.zhongwen-shouye .zhongwen-yejiao nav{flex-wrap:wrap;gap:10px 16px}
 .yidong-page.zhongwen-shouye .global-member-bottom{left:8px;right:8px;height:62px;border-radius:20px}
 .yidong-page.zhongwen-shouye .global-member-bottom a{min-height:48px;padding:3px;grid-template-rows:22px 18px;font-size:11px}
 body.yidong-page.zhongwen-shouye.global-member-bottom-ready,body.yidong-page.zhongwen-shouye.has-member-bottom-nav{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:360px){
 .yidong-page.zhongwen-shouye .guanwang-shouping .shouye-xuanti-liebiao{grid-template-columns:minmax(0,1fr);gap:8px}
 .yidong-page.zhongwen-shouye .guanwang-shouping .shouye-xuanti-ka{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 10px;min-height:70px;padding:10px 24px 10px 10px;text-align:left;border-radius:12px}
 .yidong-page.zhongwen-shouye .guanwang-shouping .xuanti-tubiao{grid-column:1;grid-row:1/3;width:32px;height:32px;margin:0}
 .yidong-page.zhongwen-shouye .guanwang-shouping .xuanti-shuzi{grid-column:3;grid-row:1/3;align-self:center;font-size:24px}
 .yidong-page.zhongwen-shouye .guanwang-shouping .xuanti-mingcheng{grid-column:2;grid-row:1;font-size:13px;margin:0}
 .yidong-page.zhongwen-shouye .guanwang-shouping .xuanti-shijian{grid-column:2;grid-row:2;text-align:left;font-size:12px;margin:0}
 .yidong-page.zhongwen-shouye .guanwang-shouping .xuanti-gouxuan{width:18px;height:18px;font-size:12px;border-radius:8px 0 10px 0}
 .yidong-page.zhongwen-shouye .renge-wangge{gap:18px 10px}
 .yidong-page.zhongwen-shouye .renge-ka{padding:10px 8px}
 .yidong-page.zhongwen-shouye .renge-ka h3{font-size:16px}
}
/* 短屏优先展示选题和开始操作，装饰场景随正文自然滚动，不固定首屏高度。 */
@media(max-width:700px) and (max-height:700px){
 .yidong-page.zhongwen-shouye .guanwang-biaoti>p{margin-bottom:6px}
 .yidong-page.zhongwen-shouye .guanwang-biaoti h1{margin-bottom:6px}
 .yidong-page.zhongwen-shouye .guanwang-shouping-neirong{margin-top:12px}
 .yidong-page.zhongwen-shouye .guanwang-shouping .shouye-xuanti-ka{min-height:130px;padding-top:10px;padding-bottom:16px}
 .yidong-page.zhongwen-shouye .guanwang-shouping .xuanti-shijian{margin-top:8px}
 .yidong-page.zhongwen-shouye .shouye-chahua{height:160px}
}
@media(max-width:360px) and (max-height:700px){
 .yidong-page.zhongwen-shouye .guanwang-shouping .shouye-xuanti-ka{min-height:66px;padding:8px 24px 8px 10px}
 .yidong-page.zhongwen-shouye .guanwang-shouping .xuanti-shijian{margin-top:0}
}
