:root {
  --bg: #f5f5f7;
  --card: #fff;
  --text: #1d1d1f;
  --muted: #8e8e93;
  --line: #e8e8ed;
  --primary: #5b63e8;
  --primary-soft: #eef0ff;
  --green: #25b98c;
  --red: #ff5b6b;
  --blue: #3f9bf2;
  --orange: #f5a24f;
  --nav-h: 72px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; overflow-x: hidden; color: var(--text); background: #202124; overscroll-behavior-x: none; }
button, input, textarea, select { color: inherit; font: inherit; }
button { border: 0; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
button:active, .tap:active { transform: scale(.985); }
.phone-shell { position: relative; width: min(100%, 430px); min-height: 100dvh; margin: 0 auto; overflow: hidden; background: var(--bg); box-shadow: 0 0 60px rgba(0,0,0,.25); }
#app { min-height: 100dvh; padding-bottom: calc(var(--nav-h) + var(--safe-bottom)); }
.no-tab #app { padding-bottom: 0; }
.screen { min-height: 100dvh; animation: fade-in .22s ease both; }
@keyframes fade-in { from { opacity: .5; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.page { padding: 20px 18px 34px; }
.page-head { position: sticky; z-index: 6; top: 0; display: flex; align-items: center; min-height: 66px; padding: calc(10px + env(safe-area-inset-top,0px)) 18px 10px; background: rgba(255,255,255,.92); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); }
.page-head__brand { flex: 1; }
.page-head__brand strong, .page-head__brand small { display: block; }
.page-head__brand strong { font-size: 21px; letter-spacing: -.3px; }
.page-head__brand small { margin-top: 3px; color: var(--muted); font-size: 11px; letter-spacing: 1.5px; }
.pill { display: inline-flex; align-items: center; justify-content: center; min-height: 28px; padding: 0 11px; color: var(--primary); background: var(--primary-soft); border-radius: 999px; font-size: 12px; font-weight: 650; }
.back { display: grid; width: 40px; height: 40px; margin-right: 5px; padding: 0; background: transparent; place-items: center; font-size: 29px; }
.card { background: var(--card); border: 1px solid rgba(60,60,67,.07); border-radius: 20px; box-shadow: 0 8px 26px rgba(24,24,27,.055); }
.section-head { display: flex; align-items: flex-end; justify-content: space-between; margin: 28px 2px 14px; }
.section-head strong, .section-head small { display: block; }
.section-head strong { font-size: 20px; }
.section-head small { margin-top: 4px; color: var(--muted); font-size: 12px; }
.section-head > span { color: var(--primary); font-size: 13px; }
.section-link { min-height: 36px; margin: -8px -8px -8px 0; padding: 8px; color: var(--primary); background: transparent; font-size: 13px; }
.primary-btn, .ghost-btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 50px; padding: 0 18px; border-radius: 15px; font-size: 16px; font-weight: 750; }
.primary-btn { color: #fff; background: linear-gradient(135deg,#6870f2,#5058da); box-shadow: 0 10px 24px rgba(80,88,218,.2); }
.ghost-btn { color: var(--primary); background: var(--primary-soft); }
.ai-card { position: relative; overflow: hidden; padding: 17px; background: linear-gradient(135deg,#f0f1ff,#fff); border: 1px solid #dfe1ff; border-radius: 18px; }
.ai-card::after { position: absolute; right: -22px; top: -34px; width: 95px; height: 95px; border: 1px solid rgba(91,99,232,.12); border-radius: 50%; content: ''; }
.ai-card__head { display: flex; align-items: center; gap: 9px; color: #4d55d5; font-size: 13px; font-weight: 750; }
.ai-mark { display: inline-grid; width: 31px; height: 31px; color: #fff; background: linear-gradient(145deg,#7279f4,#535be0); border-radius: 10px; place-items: center; font-size: 11px; font-weight: 850; }
.ai-card p { position: relative; z-index: 1; margin: 11px 0 0; color: #50515a; font-size: 14px; line-height: 1.65; }
.ai-card__tag { display: inline-flex; margin-top: 11px; padding: 5px 8px; color: #686fda; background: #fff; border-radius: 7px; font-size: 10px; }
.ai-generating { display: flex; align-items: center; gap: 10px; color: var(--primary); font-size: 14px; font-weight: 650; }
.ai-generating i { width: 15px; height: 15px; border: 2px solid #cbcfff; border-top-color: var(--primary); border-radius: 50%; animation: spin .75s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.tabbar { position: fixed; z-index: 30; left: 50%; bottom: 0; display: grid; width: min(100%,430px); height: calc(var(--nav-h) + var(--safe-bottom)); padding: 8px 8px var(--safe-bottom); background: rgba(255,255,255,.96); border-top: 1px solid var(--line); grid-template-columns: repeat(5,1fr); transform: translateX(-50%); backdrop-filter: blur(18px); }
.tabbar button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 0; color: #8e8e93; background: transparent; font-size: 10px; font-weight: 600; }
.tabbar button.active { color: var(--primary); }
.tab-icon { display: grid; min-width: 28px; height: 28px; place-items: center; font-size: 17px; font-weight: 800; }
.tabbar button.active .tab-icon { color: var(--primary); background: var(--primary-soft); border-radius: 9px; }
.no-tab .tabbar { display: none; }
.toast { position: fixed; z-index: 99; left: 50%; bottom: 100px; max-width: 310px; padding: 11px 17px; color: #fff; background: rgba(28,28,30,.9); border-radius: 12px; opacity: 0; pointer-events: none; transform: translate(-50%,12px); transition: .25s; font-size: 13px; text-align: center; }
.toast.show { opacity: 1; transform: translate(-50%,0); }

/* AI 药品助手 */
.agent-screen { position: relative; display: flex; flex-direction: column; height: 100dvh; overflow: hidden; background: #fff; animation: none; }
.agent-screen .page-head { flex: none; }
.agent-chat { flex: 1; overflow-y: auto; padding: 18px 16px 205px; overscroll-behavior: contain; overflow-anchor: none; -webkit-overflow-scrolling: touch; }
.welcome { display: flex; align-items: flex-start; gap: 10px; }
.avatar-ai { position: relative; display: grid; flex: none; width: 38px; height: 38px; color: #fff; background: linear-gradient(145deg,#7f86f7,#5b63e8); border-radius: 13px; place-items: center; font-size: 12px; font-weight: 850; }
.avatar-ai::after { position: absolute; right: -2px; bottom: -2px; width: 8px; height: 8px; background: #31c99a; border: 2px solid #fff; border-radius: 50%; content: ''; }
.welcome-card { min-width: 0; padding: 17px; border: 1px solid #dfe1e6; border-radius: 16px; }
.welcome-card h2 { margin: 0; font-size: 18px; line-height: 1.35; }
.welcome-card > p { margin: 8px 0 0; color: #62646a; font-size: 13px; line-height: 1.6; }
.kb-status { display: flex; align-items: center; gap: 7px; margin-top: 13px; padding: 10px; color: #62646a; background: #f7f8fa; border-radius: 10px; font-size: 11px; }
.kb-status i { width: 7px; height: 7px; background: #31c99a; border-radius: 50%; }.kb-status span:last-child { margin-left: auto; color: #a0a3a9; }
.suggest-head { display: flex; justify-content: space-between; margin-top: 16px; color: #62646a; font-size: 12px; }.suggest-head button { padding: 0; color: var(--primary); background: transparent; }
.question-list { display: grid; gap: 7px; margin-top: 8px; }
.question-list button { min-height: 54px; padding: 10px 12px; color: var(--text); background: #fff; border: 1px solid #dfe1e6; border-radius: 11px; font-size: 13px; line-height: 1.45; text-align: left; }
.welcome-tools { display: grid; gap: 8px; margin-top: 12px; grid-template-columns: 1fr 1fr; }
.welcome-tools button { display: flex; align-items: center; min-width: 0; padding: 10px; background: #f7f8fa; border-radius: 10px; text-align: left; }
.tool-icon { display: grid; flex: none; width: 30px; height: 30px; margin-right: 7px; color: var(--primary); background: #e9ebff; border-radius: 9px; place-items: center; font-size: 11px; font-weight: 800; }
.welcome-tools b, .welcome-tools small { display: block; white-space: nowrap; }.welcome-tools b { font-size: 11px; }.welcome-tools small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.game-entry { position: relative; display: flex; align-items: center; overflow: hidden; width: 100%; margin-top: 10px; padding: 13px; color: #fff; background: linear-gradient(135deg,#34326f,#625bd8); border-radius: 13px; text-align: left; }
.game-entry::after { position: absolute; right: -35px; top: -45px; width: 110px; height: 110px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; content: ''; }
.game-entry .tool-icon { color: #fff; background: rgba(255,255,255,.15); }.game-entry > div:nth-child(2) { flex: 1; min-width: 0; }.game-entry b,.game-entry small { display: block; }.game-entry b { font-size: 13px; }.game-entry small { margin-top: 3px; overflow: hidden; color: #cbc9f0; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.game-entry > span { position: relative; z-index: 2; font-size: 22px; }
.message { display: flex; align-items: flex-start; gap: 8px; margin-top: 16px; }.message.user { justify-content: flex-end; }.bubble { max-width: 84%; padding: 13px 14px; background: #fff; border: 1px solid #e1e3e8; border-radius: 5px 15px 15px; font-size: 14px; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; }.bubble-text { white-space: pre-wrap; }.message.user .bubble { color: #fff; background: var(--primary); border: 0; border-radius: 15px 5px 15px 15px; }.source { margin-top: 10px; padding: 9px; color: #4d55a3; background: #f1f3ff; border-left: 3px solid #777ef0; border-radius: 7px; font-size: 10px; }.typing::after { display: inline-block; width: 2px; height: 15px; margin-left: 2px; background: var(--primary); animation: blink .75s infinite; content: ''; vertical-align: -2px; }@keyframes blink{50%{opacity:0}}
.composer { position: absolute; z-index: 10; right: 0; bottom: calc(var(--nav-h) + var(--safe-bottom)); left: 0; padding: 9px 15px 10px; background: rgba(255,255,255,.97); border-top: 1px solid var(--line); }
.new-topic { margin-bottom: 7px; padding: 5px 9px; color: var(--muted); background: #fff; border: 1px solid #dfe1e6; border-radius: 8px; font-size: 10px; }
.composer-box { display: flex; align-items: center; min-height: 52px; padding: 6px 7px 6px 12px; background: #fff; border: 1px solid #d8dbe1; border-radius: 13px; }
.composer-box textarea { flex: 1; height: 38px; padding: 8px 3px; resize: none; border: 0; outline: 0; font-size: 14px; }.send-btn { display: grid; flex: none; width: 38px; height: 38px; color: #fff; background: var(--primary); border-radius: 11px; place-items: center; font-size: 20px; }.composer-note { margin: 5px 2px 0; color: #aaaeb5; font-size: 9px; }

/* 首页 */
.home-head { display: flex; align-items: center; padding: calc(18px + env(safe-area-inset-top,0px)) 20px 13px; background: #fff; }.home-brand { flex: 1; }.home-brand strong,.home-brand small{display:block}.home-brand strong{font-size:25px;color:#554fd2}.home-brand small{margin-top:1px;color:#9995c9;font-size:9px;letter-spacing:2px}.bell{display:grid;width:40px;height:40px;color:var(--primary);background:#f7f7fb;border:1px solid #ededf2;border-radius:50%;place-items:center}.home-page{padding:0 18px 30px}.home-ai{display:flex;align-items:center;gap:11px;margin:0 -18px;padding:12px 18px;background:linear-gradient(135deg,#f0f1ff,#fafaff);border-block:1px solid #dfe1ff}.home-ai>div:nth-child(2){flex:1}.home-ai b,.home-ai small{display:block}.home-ai b{font-size:13px}.home-ai small{margin-top:3px;color:#777a84;font-size:10px}.sleep-hero{position:relative;overflow:hidden;margin-top:14px;padding:22px;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(103,229,193,.2),transparent 36%),linear-gradient(145deg,#4f48d5,#7067ec);border-radius:20px;box-shadow:0 16px 32px rgba(76,68,184,.2)}.sleep-hero__top{display:flex;justify-content:space-between}.sleep-hero h2{margin:0;font-size:20px}.sleep-hero p{margin:5px 0 0;color:#d7d5ff;font-size:12px}.score-ring{display:grid;width:62px;height:62px;border:4px solid rgba(255,255,255,.3);border-top-color:#88edcd;border-radius:50%;place-items:center;font-size:20px;font-weight:800}.score-ring small{font-size:9px}.sleep-metrics{display:grid;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.17);grid-template-columns:repeat(3,1fr)}.sleep-metrics div{text-align:center;border-right:1px solid rgba(255,255,255,.15)}.sleep-metrics div:last-child{border:0}.sleep-metrics b,.sleep-metrics small{display:block}.sleep-metrics b{font-size:15px}.sleep-metrics small{margin-top:4px;color:#d2d0f5;font-size:9px}.sleep-link{display:flex;justify-content:space-between;margin-top:17px;padding-top:13px;border-top:1px solid rgba(255,255,255,.15);font-size:11px}.service-grid{display:grid;gap:9px;grid-template-columns:repeat(4,1fr)}.service{min-width:0;padding:13px 4px;background:#fff;border-radius:15px;box-shadow:0 7px 20px rgba(24,24,27,.045);text-align:center}.service .icon{display:grid;width:42px;height:42px;margin:0 auto 8px;color:var(--primary);background:var(--primary-soft);border-radius:13px;place-items:center;font-size:17px;font-weight:800}.service:nth-child(2) .icon{color:#238fcf;background:#e8f7ff}.service:nth-child(3) .icon{color:#d7852d;background:#fff3e3}.service:nth-child(4) .icon{color:#e84a5d;background:#fff0f2}.service b,.service small{display:block;white-space:nowrap}.service b{font-size:12px}.service small{margin-top:3px;color:var(--muted);font-size:8px}.activity-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.activity-card{flex:0 0 155px;overflow:hidden;background:#fff;border-radius:16px;box-shadow:0 7px 20px rgba(24,24,27,.05)}.activity-art{display:grid;height:92px;color:#fff;background:linear-gradient(135deg,#ff6d7b,#f45568);place-items:center;font-size:35px}.activity-card:nth-child(2) .activity-art{background:linear-gradient(135deg,#52b4ff,#318af0)}.activity-card:nth-child(3) .activity-art{background:linear-gradient(135deg,#65d1ad,#35ae87)}.activity-copy{padding:11px}.activity-copy span{padding:3px 7px;color:var(--primary);background:var(--primary-soft);border-radius:6px;font-size:8px}.activity-copy b,.activity-copy small{display:block}.activity-copy b{margin-top:8px;font-size:13px}.activity-copy small{margin-top:4px;color:var(--muted);font-size:9px}

/* 睡眠日记与通用功能 */
.sleep-banner{padding:24px 20px;color:#fff;background:radial-gradient(circle at 90% 0,rgba(93,220,185,.22),transparent 36%),linear-gradient(145deg,#1c3a50,#102433);border-radius:0 0 26px 26px}.sleep-banner h1{margin:0;font-size:25px}.sleep-banner p{margin:7px 0 0;color:#bad0db;font-size:12px}.sleep-banner__score{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.sleep-banner__score strong{font-size:34px}.form-card{margin-top:16px;padding:17px}.form-card h3{margin:0 0 15px;font-size:17px}.field{display:flex;align-items:center;min-height:58px;border-bottom:1px solid #eeeef2}.field:last-child{border:0}.field label{flex:1;font-size:14px}.field select,.field input{min-width:120px;padding:8px;color:var(--primary);background:#f7f7fa;border:0;border-radius:9px;outline:0;text-align:right}.range-wrap{display:flex;align-items:center;gap:9px}.range-wrap input{min-width:0;width:110px;padding:0}.range-wrap output{width:50px;color:var(--primary);font-size:12px}.mood-row{display:grid;gap:8px;margin:13px 0 18px;grid-template-columns:repeat(4,1fr)}.mood-row button{padding:10px 2px;color:#6c7079;background:#f5f5f8;border:1px solid transparent;border-radius:11px;font-size:11px}.mood-row button.active{color:var(--primary);background:var(--primary-soft);border-color:#d8dbff}.sleep-result{margin-top:16px;animation:rise .4s ease both}@keyframes rise{from{opacity:0;transform:translateY(12px)}}.score-panel{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border-radius:17px}.score-panel__ring{display:grid;flex:none;width:70px;height:70px;color:var(--primary);background:conic-gradient(var(--primary) 0 82%,#ececff 82%);border-radius:50%;place-items:center;font-size:23px;font-weight:850}.score-panel__ring::before{position:absolute}.score-panel b,.score-panel small{display:block}.score-panel b{font-size:16px}.score-panel small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.45}.feature-hero{padding:25px 20px;color:#fff;background:linear-gradient(145deg,#36336f,#6660da);border-radius:0 0 28px 28px}.feature-hero .feature-icon{display:grid;width:50px;height:50px;background:rgba(255,255,255,.14);border-radius:15px;place-items:center;font-weight:800}.feature-hero h1{margin:17px 0 0;font-size:25px}.feature-hero p{margin:7px 0 0;color:#d8d6f5;font-size:12px;line-height:1.55}.feature-card{margin-bottom:12px;padding:17px}.feature-card h3{margin:0;font-size:16px}.feature-card p{margin:9px 0 0;color:#666a73;font-size:13px;line-height:1.65}.choice-list{display:grid;gap:9px;margin-top:14px}.choice-list button{display:flex;align-items:center;min-height:48px;padding:10px 13px;background:#f7f7fa;border:1px solid #ececf1;border-radius:12px;text-align:left}.choice-list button.selected{color:var(--primary);background:var(--primary-soft);border-color:#d8dbff}.mini-list{display:grid;gap:10px;margin-top:14px}.mini-item{display:flex;align-items:center;padding:13px;background:#fff;border-radius:14px}.mini-item__icon{display:grid;flex:none;width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center}.mini-item>div:nth-child(2){flex:1;margin-left:11px}.mini-item b,.mini-item small{display:block}.mini-item b{font-size:13px}.mini-item small{margin-top:4px;color:var(--muted);font-size:10px}.toggle{width:38px;height:23px;padding:3px;background:#d6d7dc;border-radius:99px}.toggle::after{display:block;width:17px;height:17px;background:#fff;border-radius:50%;content:''}.toggle.on{background:var(--green)}.toggle.on::after{margin-left:15px}

/* 发现与个人中心 */
.discover-tabs{position:sticky;z-index:5;top:66px;display:flex;gap:24px;padding:12px 18px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line)}.discover-tabs button{position:relative;padding:5px 0;color:var(--muted);background:transparent;font-size:13px}.discover-tabs button.active{color:var(--primary);font-weight:750}.discover-tabs button.active::after{position:absolute;right:25%;bottom:-7px;left:25%;height:3px;background:var(--primary);border-radius:3px;content:''}.discover-banner{padding:21px;color:#fff;background:radial-gradient(circle at 90% 0,rgba(93,220,185,.22),transparent 38%),linear-gradient(145deg,#1b394e,#102433);border-radius:20px}.discover-banner span{color:#76d9bb;font-size:11px}.discover-banner h2{margin:8px 0 0;font-size:21px}.discover-banner p{margin:7px 0 0;color:#bdd0d8;font-size:12px}.content-list{display:grid;gap:11px;margin-top:14px}.content-card{display:flex;gap:13px;padding:14px;background:#fff;border-radius:16px}.content-art{display:grid;flex:none;width:82px;height:76px;color:#fff;background:linear-gradient(135deg,#66bfa5,#2f8e75);border-radius:12px;place-items:center;font-size:24px}.content-card b,.content-card p,.content-card small{display:block}.content-card b{font-size:14px}.content-card p{display:-webkit-box;margin:5px 0;color:#70747c;overflow:hidden;font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.content-card small{color:#aaaeb4;font-size:9px}.profile-head{padding:calc(28px + env(safe-area-inset-top,0px)) 20px 27px;color:#fff;background:radial-gradient(circle at 90% 0,rgba(93,220,185,.24),transparent 38%),linear-gradient(145deg,#1b394e,#102433);border-radius:0 0 28px 28px}.profile-row{display:flex;align-items:center}.profile-avatar{display:grid;width:65px;height:65px;color:#fff;background:linear-gradient(145deg,#7179f4,#535be0);border:3px solid rgba(255,255,255,.5);border-radius:22px;place-items:center;font-size:20px;font-weight:800}.profile-row>div:nth-child(2){flex:1;margin-left:13px}.profile-row b,.profile-row small{display:block}.profile-row b{font-size:20px}.profile-row small{margin-top:5px;color:#bbccd4;font-size:11px}.profile-stats{display:grid;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);grid-template-columns:repeat(3,1fr)}.profile-stats div{text-align:center}.profile-stats b,.profile-stats small{display:block}.profile-stats b{font-size:19px}.profile-stats small{margin-top:4px;color:#b9cbd3;font-size:9px}.menu-card{overflow:hidden;margin-top:14px}.menu-row{display:flex;align-items:center;min-height:58px;padding:0 15px;border-bottom:1px solid #f0f0f3}.menu-row:last-child{border:0}.menu-row .mini-item__icon{width:34px;height:34px}.menu-row b{flex:1;margin-left:11px;font-size:13px}.menu-row>span{color:#aaaeb4}

/* 游戏中心 */
.game-hero{position:relative;overflow:hidden;padding:31px 20px 25px;color:#fff;background:linear-gradient(145deg,#34326f,#5c55d9 58%,#7868ee);border-radius:0 0 28px 28px;box-shadow:0 15px 35px rgba(72,64,180,.22)}.game-hero::after{position:absolute;right:-70px;top:-100px;width:250px;height:250px;border:1px solid rgba(255,255,255,.15);border-radius:50%;content:''}.game-eyebrow{color:#bebaff;font-size:10px;letter-spacing:2px}.game-hero h1{margin:8px 0 0;font-size:24px}.game-hero>p{margin:6px 0 0;color:#d1cefb;font-size:12px}.game-identity{position:relative;z-index:1;display:flex;align-items:center;margin-top:22px;padding:14px;background:rgba(22,20,70,.28);border:1px solid rgba(255,255,255,.12);border-radius:16px}.game-avatar{display:grid;flex:none;width:48px;height:48px;background:linear-gradient(145deg,#79e2c6,#4cbfa1);border-radius:15px;place-items:center;font-weight:800}.game-person{flex:1;margin-left:10px}.game-person b,.game-person small{display:block}.game-person b{font-size:14px}.game-person small{margin-top:4px;color:#c9c6ff;font-size:10px}.game-stat{width:55px;text-align:center;border-left:1px solid rgba(255,255,255,.14)}.game-stat b,.game-stat small{display:block}.game-stat b{font-size:15px}.game-stat small{margin-top:3px;color:#c9c6ff;font-size:8px}.mode-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.mode-card{position:relative;overflow:hidden;min-height:155px;padding:14px;background:#fff;border:1px solid #ececf2;border-radius:17px;box-shadow:0 7px 21px rgba(36,39,55,.055);text-align:left}.mode-card::after{position:absolute;right:-25px;bottom:-38px;width:95px;height:95px;background:var(--primary);border-radius:50%;opacity:.1;content:''}.mode-card.orange::after{background:var(--orange)}.mode-card.blue::after{background:var(--blue)}.mode-card.green::after{background:var(--green)}.mode-top{display:flex;align-items:center;justify-content:space-between}.mode-icon{display:grid;width:39px;height:39px;color:#fff;background:var(--primary);border-radius:11px;place-items:center;font-size:13px;font-weight:800}.mode-card.orange .mode-icon{background:var(--orange)}.mode-card.blue .mode-icon{background:var(--blue)}.mode-card.green .mode-icon{background:var(--green)}.mode-top span{padding:3px 6px;color:#858b96;background:#f4f5f8;border-radius:6px;font-size:9px}.mode-card h3{margin:12px 0 0;font-size:16px}.mode-card p{min-height:32px;margin:5px 0 0;color:#858b96;font-size:10px;line-height:1.4}.mode-go{margin-top:9px;color:#5651cc;font-size:11px;font-weight:700}.tower,.leaderboard{padding:7px 15px}.floor,.leader{display:flex;align-items:center;min-height:67px;border-bottom:1px solid #f0f1f4}.floor:last-child,.leader:last-child{border:0}.floor-node{display:grid;flex:none;width:37px;height:37px;color:#fff;background:#aaaeb8;border-radius:50%;place-items:center;font-size:11px;font-weight:800}.floor.done .floor-node{background:var(--green)}.floor.current .floor-node{background:var(--primary);box-shadow:0 0 0 5px #eeedff}.floor.locked{opacity:.5}.floor-info,.leader-info{flex:1;margin-left:11px}.floor-info b,.floor-info small,.leader-info b,.leader-info small{display:block}.floor-info b,.leader-info b{font-size:12px}.floor-info small,.leader-info small{margin-top:3px;color:var(--muted);font-size:9px}.floor-reward{color:#7c8190;font-size:10px}.leader-place{width:23px;color:#8f949e;text-align:center;font-weight:800}.leader-avatar{display:grid;width:37px;height:37px;margin-left:7px;color:#fff;background:linear-gradient(145deg,#8e88ef,#5c56cf);border-radius:11px;place-items:center;font-size:11px}.leader.mine{margin-inline:-7px;padding-inline:7px;background:#f1f0ff;border-radius:10px}.leader-score{font-size:13px;font-weight:800}

/* 答题对战 */
.battle-head{padding:21px 18px 24px;color:#fff;background:linear-gradient(145deg,#29275e,#514cb3);border-radius:0 0 27px 27px}.battle-top{display:flex;justify-content:space-between;color:#d2d1f1;font-size:11px}.battle-top b{color:#fff;font-size:14px}.progress{height:5px;margin-top:11px;overflow:hidden;background:rgba(255,255,255,.13);border-radius:5px}.progress>div{height:100%;background:linear-gradient(90deg,#63d7b6,#ffd05f);border-radius:5px;transition:.3s}.arena{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.fighter{width:105px}.fighter.right{text-align:right}.fighter-avatar{display:grid;width:48px;height:48px;color:#fff;background:linear-gradient(145deg,#72ddbf,#39af95);border:2px solid rgba(255,255,255,.45);border-radius:15px;place-items:center;font-size:12px;font-weight:800}.fighter.right .fighter-avatar{margin-left:auto;background:linear-gradient(145deg,#fa9a64,#e15d73)}.fighter>small{display:block;margin-top:5px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.hp{height:5px;margin-top:6px;overflow:hidden;background:rgba(255,255,255,.17);border-radius:5px}.hp>div{height:100%;background:#70ddbd;transition:.3s}.fighter.right .hp>div{margin-left:auto;background:#ff8c78}.hearts,.opponent-points{margin-top:4px;color:#ff8b94;font-size:9px}.versus{text-align:center}.versus b,.versus small{display:block}.versus b{color:#ffd360;font-size:15px}.versus small{margin-top:4px;color:#d2d1f1;font-size:10px}.question-area{padding:21px 17px 35px}.question-meta{display:flex;justify-content:space-between;align-items:center}.question-meta span:first-child{padding:4px 8px;color:#5b56d1;background:#ebeaff;border-radius:6px;font-size:10px}.question-meta span:last-child{color:var(--muted);font-size:9px}.question-area h2{min-height:62px;margin:15px 0 12px;font-size:19px;line-height:1.5}.option-list{display:grid;gap:9px}.option{display:flex;align-items:center;min-height:55px;padding:9px 11px;background:#fff;border:2px solid #e6e7ed;border-radius:14px;text-align:left}.option-letter{display:grid;flex:none;width:33px;height:33px;color:#676c76;background:#f1f2f6;border-radius:9px;place-items:center;font-size:11px;font-weight:800}.option>span:nth-child(2){flex:1;margin-left:10px;font-size:14px;line-height:1.4}.option.correct{color:#157b60;background:#edfbf6;border-color:#5fd0ad}.option.correct .option-letter{color:#fff;background:#4bc39e}.option.wrong{color:#b84951;background:#fff1f2;border-color:#ef8f96}.option.wrong .option-letter{color:#fff;background:#e46c74}.option.hidden{opacity:.25;pointer-events:none;text-decoration:line-through}.feedback{margin-top:13px;padding:13px;background:#edfbf6;border-left:4px solid #4bc39e;border-radius:12px}.feedback.wrong{background:#fff4ed;border-color:#f09a61}.feedback b,.feedback small{display:block}.feedback b{font-size:13px}.feedback small{margin-top:5px;color:#626873;font-size:11px;line-height:1.5}.buff-mask{position:fixed;z-index:60;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:15px;background:rgba(20,20,45,.68)}.buff-panel{width:min(100%,400px);padding:24px 17px calc(18px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:23px}.buff-panel>small,.buff-panel>h2,.buff-panel>p{display:block;text-align:center}.buff-panel>small{color:var(--primary);font-size:9px;letter-spacing:2px}.buff-panel h2{margin:7px 0 0;font-size:20px}.buff-panel p{margin:6px 0 15px;color:var(--muted);font-size:10px}.buff-list{display:grid;gap:8px}.buff{display:flex;align-items:center;min-height:66px;padding:10px;background:#f7f7fb;border:1px solid #e9e9f1;border-radius:13px;text-align:left}.buff-icon{display:grid;flex:none;width:39px;height:39px;color:#fff;background:linear-gradient(145deg,#7771e9,#5b56c9);border-radius:11px;place-items:center}.buff>div:nth-child(2){flex:1;margin-left:10px}.buff b,.buff small{display:block}.buff b{font-size:13px}.buff small{margin-top:3px;color:var(--muted);font-size:10px}.buff>span{color:var(--primary);font-size:11px;font-weight:700}.result-hero{display:flex;flex-direction:column;align-items:center;padding:36px 18px 33px;color:#fff;background:linear-gradient(145deg,#35316f,#665de1);border-radius:0 0 30px 30px}.result-badge{display:grid;width:65px;height:65px;color:#4d47bd;background:linear-gradient(145deg,#ffe578,#ffc44f);border-radius:21px;place-items:center;font-size:32px;font-weight:900}.result-hero h1{margin:15px 0 0;font-size:26px}.result-hero p{margin:5px 0 0;color:#d0cef2;font-size:12px}.result-total{margin-top:17px;text-align:center}.result-total b,.result-total small{display:block}.result-total b{font-size:34px}.result-total small{color:#cbc9ef;font-size:9px}.result-stats{display:grid;margin:-13px 17px 16px;padding:17px 5px;background:#fff;border-radius:16px;box-shadow:0 7px 22px rgba(35,37,54,.09);grid-template-columns:repeat(3,1fr)}.result-stats div{text-align:center;border-right:1px solid #ececf2}.result-stats div:last-child{border:0}.result-stats b,.result-stats small{display:block}.result-stats b{font-size:15px}.result-stats small{margin-top:4px;color:var(--muted);font-size:9px}.result-body{padding:0 17px 30px}.result-actions{display:grid;gap:9px;margin-top:15px;grid-template-columns:1fr 1fr}.matching{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;color:#fff;background:radial-gradient(circle at 50% 35%,#5f59c7,#2d2b66 43%,#1c1c45)}.radar{position:relative;display:grid;width:155px;height:155px;margin-bottom:32px;border:1px solid rgba(255,255,255,.16);border-radius:50%;place-items:center}.radar::before,.radar::after{position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;animation:radar 1.8s infinite;content:''}.radar::before{inset:23px}.radar::after{inset:48px;animation-delay:.4s}.radar span{z-index:2;display:grid;width:54px;height:54px;background:linear-gradient(145deg,#7e78f3,#52caa8);border-radius:17px;place-items:center;font-weight:800}@keyframes radar{0%{transform:scale(.8);opacity:.25}70%{transform:scale(1.15);opacity:1}100%{transform:scale(1.25);opacity:0}}.matching h2{margin:0;font-size:19px}.matching p{margin:8px 0 0;color:#bbbde2;font-size:11px}

.profile-row { width: 100%; padding: 0; color: inherit; background: transparent; text-align: left; }

@media (max-width: 649px) {
  html, body { background: var(--bg); }
  .phone-shell { box-shadow: none; }
  .screen { animation: none; }
  .page-head, .tabbar { background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .card, .service, .activity-card, .mode-card { box-shadow: 0 3px 12px rgba(24,24,27,.035); }
  .sleep-hero, .game-hero { box-shadow: 0 8px 20px rgba(72,64,180,.14); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media (min-width: 650px) {
  body { padding: 24px 0; }
  .phone-shell { min-height: calc(100dvh - 48px); border-radius: 32px; }
  #app,.screen,.agent-screen { min-height: calc(100dvh - 48px); height: calc(100dvh - 48px); }
  .tabbar { bottom: 24px; border-radius: 0 0 32px 32px; }
  .composer { border-radius: 0; }
}

/* 小程序功能对齐页 */
.hello{padding:20px 2px 14px}.hello b,.hello small{display:block}.hello b{font-size:21px}.hello small{margin-top:5px;color:var(--muted);font-size:12px}.home-insight{margin-top:14px}.home-finish{display:flex;flex-direction:column;align-items:center;gap:7px;padding:34px 0 12px;color:#9a9da5;font-size:11px}.home-finish i{width:22px;height:22px;border:2px solid #cbc9f5;border-top-color:var(--primary);border-radius:50%}
.composer-mini{display:grid;flex:none;width:34px;height:38px;padding:0;color:#858995;background:transparent;place-items:center;font-size:16px}.overlay{position:fixed;z-index:80;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(20,23,35,.48)}.overlay-bottom{align-items:flex-end;padding:0}.modal-card{width:min(100%,390px);max-height:82dvh;padding:22px;background:#fff;border-radius:22px}.modal-card h2{margin:14px 0 0}.modal-card p{color:#555a64;font-size:14px;line-height:1.7}.bottom-sheet{width:min(100%,430px);max-height:88dvh;padding:10px 17px calc(18px + env(safe-area-inset-bottom));overflow:hidden;background:#fff;border-radius:24px 24px 0 0}.sheet-handle{width:38px;height:4px;margin:0 auto 14px;background:#d7d8dd;border-radius:4px}.sheet-title{display:flex;align-items:center;justify-content:space-between}.sheet-title b,.sheet-title small{display:block}.sheet-title b{font-size:18px}.sheet-title small{margin-top:4px;color:var(--muted);font-size:10px}.sheet-title>button{width:40px;height:40px;background:#f4f4f7;border-radius:50%;font-size:22px}.knowledge-scroll{max-height:68dvh;margin-top:14px;overflow-y:auto;-webkit-overflow-scrolling:touch}.knowledge-row{display:flex;align-items:center;width:100%;min-height:70px;padding:10px 0;background:#fff;border-bottom:1px solid #eee;text-align:left}.knowledge-row>span{display:grid;flex:none;width:34px;height:34px;color:var(--primary);background:var(--primary-soft);border-radius:10px;place-items:center}.knowledge-row>div{min-width:0;flex:1;margin-left:10px}.knowledge-row b,.knowledge-row small{display:block}.knowledge-row b{font-size:13px}.knowledge-row small{display:-webkit-box;margin-top:4px;color:var(--muted);overflow:hidden;font-size:10px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.knowledge-row em{color:#aaa;font-style:normal}.boundary-box{margin:13px 0;padding:14px;background:#f7f7fa;border-radius:13px}.boundary-box p{margin:7px 0 0;color:#686c75;font-size:11px;line-height:1.6}.knowledge-detail .primary-btn{margin-top:15px}
.device-card{display:flex;align-items:center;width:100%;margin-top:14px;padding:14px;text-align:left}.device-card>span{display:grid;width:43px;height:43px;color:var(--primary);background:var(--primary-soft);border-radius:13px;place-items:center}.device-card>div{flex:1;margin-left:11px}.device-card b,.device-card small{display:block}.device-card small{margin-top:4px;color:var(--muted);font-size:10px}.device-card em{color:var(--primary);font-size:11px;font-style:normal}.device-card.connected{border-color:#bfe7dc}.section-head input[type=date]{max-width:145px;padding:7px;color:var(--primary);background:#fff;border:1px solid #e4e5ea;border-radius:9px}.time-pair{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:9px}.time-pair label{width:108px;color:var(--muted);font-size:11px}.time-pair label:last-child{text-align:right}.time-pair input{display:block;width:100%;margin-top:7px;padding:8px;color:var(--text);background:#f6f7f9;border:0;border-radius:9px;font-size:16px}.time-pair>span{padding-bottom:8px;color:#b4b6c0}.slider-field{padding:15px 0;border-top:1px solid #eee}.slider-field>div{display:flex;justify-content:space-between}.slider-field b{font-size:13px}.slider-field span{color:#2f9b82;font-size:12px}.slider-field input{width:100%;margin-top:12px;accent-color:#2f9b82}.note-field{display:block;padding-top:15px;border-top:1px solid #eee;font-size:13px}.note-field textarea{width:100%;height:86px;margin-top:9px;padding:11px;background:#f7f7fa;border:0;border-radius:11px;resize:none}.form-card .primary-btn{margin-top:17px}.trend-list{display:flex;align-items:flex-end;justify-content:space-around;height:140px;padding:15px}.trend-list>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}.trend-list i{width:12px;background:linear-gradient(#6b72ed,#aeb2ff);border-radius:7px}.trend-list small,.trend-list span{color:var(--muted);font-size:8px}
.discover-tabs.five{justify-content:space-between;gap:0}.discover-tabs.five button{flex:1}.discover-banner button{margin-top:14px;padding:8px 14px;color:#223a47;background:#72dab9;border-radius:9px;font-weight:700}.feature-grid{display:grid;gap:9px;margin-top:13px;grid-template-columns:repeat(2,1fr)}.feature-tile{display:flex;flex-direction:column;align-items:flex-start;padding:14px;text-align:left}.feature-tile>span{display:grid;width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center}.feature-tile b{margin-top:10px}.feature-tile small{margin-top:4px;color:var(--muted)}.article-row,.media-row{display:flex;align-items:center;width:100%;margin-bottom:10px;padding:13px;text-align:left}.article-row>span{display:grid;flex:none;width:65px;height:65px;color:#fff;background:linear-gradient(145deg,#3f9a82,#76cab0);border-radius:13px;place-items:center;font-size:20px;font-weight:800}.article-row>div,.media-row>div{flex:1;margin-left:12px}.article-row b,.article-row small,.article-row em,.media-row b,.media-row small{display:block}.article-row small{color:#37957a}.article-row b{margin-top:4px;font-size:14px}.article-row em{margin-top:6px;color:var(--muted);font-size:9px;font-style:normal}.list-hero{display:flex;align-items:center;margin-bottom:13px;padding:18px;color:#fff;background:linear-gradient(145deg,#5752d1,#8179f2);border-radius:18px}.list-hero.green{background:linear-gradient(145deg,#287c69,#55b99c)}.list-hero.orange{background:linear-gradient(145deg,#bd7130,#edaa60)}.list-hero>span{display:grid;width:48px;height:48px;background:rgba(255,255,255,.15);border-radius:14px;place-items:center;font-size:20px}.list-hero>div{margin-left:11px}.list-hero b,.list-hero small{display:block}.list-hero small{margin-top:4px;color:rgba(255,255,255,.75)}.media-row>span{display:grid;width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:50%;place-items:center}.media-row b,.media-row small{display:block}.media-row small{margin-top:5px;color:var(--muted)}.media-row em{color:#aaa;font-style:normal}.community-preview{display:flex;align-items:center;justify-content:space-between;padding:15px;color:#fff;background:linear-gradient(145deg,#254b42,#397f6c);border-radius:17px}.community-preview b,.community-preview small{display:block}.community-preview small{margin-top:4px;color:#c1ded6}.community-preview button{padding:8px 11px;background:#fff;border-radius:8px}.post-preview{display:flex;width:100%;margin-top:11px;padding:14px;text-align:left}.post-preview>span{display:grid;flex:none;width:39px;height:39px;color:#fff;background:#6b72e6;border-radius:12px;place-items:center}.post-preview>div{margin-left:10px}.post-preview b,.post-preview small{font-size:10px}.post-preview p{margin:7px 0;font-size:13px;line-height:1.5}
.profile-title{margin-bottom:20px;font-size:22px;font-weight:800}.profile-row>div:nth-child(2){flex:1}.member-card{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:14px;padding:18px;color:#fff;background:linear-gradient(145deg,#30305f,#635bd2);border-radius:18px;text-align:left}.member-card small,.member-card b,.member-card span{display:block}.member-card b{margin-top:6px;font-size:19px}.member-card span{margin-top:8px;color:#d4d1f8;font-size:11px}.menu-row>small{margin-right:9px;color:var(--muted)}.version{padding:26px 0 5px;color:#aaa;text-align:center;font-size:10px}
.intro-card{display:flex;align-items:center;padding:17px}.intro-card>span{display:grid;width:50px;height:50px;color:var(--primary);background:var(--primary-soft);border-radius:15px;place-items:center;font-size:20px}.intro-card>div{margin-left:12px}.intro-card b,.intro-card small{display:block}.intro-card small{margin-top:5px;color:var(--muted)}.notice-line,.warning-line,.rules-line{margin:11px 0;padding:10px;color:#8b6935;background:#fff7e7;border-radius:10px;font-size:10px}.latest-result{display:flex;align-items:center;justify-content:space-between;margin:12px 0;padding:15px}.latest-result small,.latest-result b{display:block}.latest-result b{margin-top:5px}.latest-result>strong{color:var(--primary);font-size:28px}.latest-result>strong small{display:inline;font-size:10px}.scale-row{display:flex;align-items:center;width:100%;margin-bottom:10px;padding:13px;text-align:left}.scale-abbr{display:grid;flex:none;width:53px;height:53px;color:#5d62dc;background:#eeefff;border-radius:15px;place-items:center;font-size:12px;font-weight:800}.scale-abbr.blue{color:#2587c9;background:#e9f6ff}.scale-abbr.green{color:#27886c;background:#e8f8f2}.scale-abbr.orange{color:#c77a24;background:#fff2df}.scale-abbr.pink{color:#c75c79;background:#fff0f4}.scale-row>div{flex:1;margin-left:11px}.scale-row b,.scale-row small,.scale-row em{display:block}.scale-row small{margin-top:4px;color:#666}.scale-row em{margin-top:5px;color:#aaa;font-size:9px;font-style:normal}.help-card{padding:16px}.help-card p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.assessment-page{height:100dvh;background:#fff}.assessment-head{padding:24px 19px 15px}.assessment-head>div:first-child{display:flex;justify-content:space-between}.assessment-head p{color:var(--muted);font-size:11px}.assessment-head .progress{margin-top:11px;background:#eee}.assessment-head .progress i{display:block;height:100%;background:var(--primary)}.assessment-body{padding:18px}.assessment-body>small{color:var(--primary)}.assessment-body h1{min-height:80px;font-size:23px;line-height:1.45}.assessment-options{display:grid;gap:10px}.assessment-options button{display:flex;align-items:center;min-height:58px;padding:10px;background:#f7f7fa;border:1px solid #ececf2;border-radius:14px;text-align:left}.assessment-options button>span{display:grid;width:34px;height:34px;margin-right:10px;background:#eeeef3;border-radius:9px;place-items:center}.assessment-options button>em{margin-left:auto;font-style:normal}.assessment-options button.selected{color:var(--primary);background:var(--primary-soft);border-color:#bfc3ff}.assessment-footer{position:fixed;z-index:10;right:0;bottom:0;left:0;display:grid;gap:10px;padding:11px 17px calc(11px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee;grid-template-columns:100px 1fr}.assessment-footer>button:first-child{background:#f2f2f5;border-radius:13px}.assessment-footer .primary-btn{min-height:48px}.assessment-result-hero,.quiz-result-hero{display:flex;flex-direction:column;align-items:center;padding:45px 18px 32px;color:#fff;background:linear-gradient(145deg,#4f49c5,#7670ec)}.assessment-result-hero>div,.quiz-result-hero>div{display:grid;width:95px;height:95px;background:rgba(255,255,255,.16);border:3px solid rgba(255,255,255,.4);border-radius:50%;place-items:center;font-size:38px;font-weight:800}.assessment-result-hero small,.quiz-result-hero small{font-size:10px}.assessment-result-hero h1,.quiz-result-hero h1{margin:15px 0 0}.assessment-result-hero p,.quiz-result-hero p{margin:6px 0 0;color:#d9d7fa}
.summary-card{display:flex;align-items:center;justify-content:space-between;padding:21px;color:#fff;background:linear-gradient(145deg,#2d755f,#4ead8f);border-radius:18px}.summary-card small,.summary-card b{display:block}.summary-card b{margin-top:6px}.summary-card>span{font-size:35px}.medicine-card{margin-bottom:11px;padding:15px}.medicine-card>div:first-child{display:flex;align-items:center}.medicine-card>div:first-child>span{display:grid;width:42px;height:42px;color:#fff;background:#5d65e2;border-radius:13px;place-items:center}.medicine-card>div:first-child>div{flex:1;margin-left:10px}.medicine-card b,.medicine-card small{display:block}.medicine-card small{margin-top:3px;color:var(--muted)}.medicine-card p{padding:9px;background:#f7f7fa;border-radius:9px;color:#666;font-size:11px}.medicine-card footer{display:flex;align-items:center;justify-content:space-between}.medicine-card footer button:first-child{padding:9px 14px;color:var(--primary);background:var(--primary-soft);border-radius:9px}.medicine-card footer button.done{color:#217c64;background:#e8f8f2}.medicine-card footer button:last-child{color:#d45d68;background:transparent}.empty-state{display:flex;flex-direction:column;align-items:center;padding:30px}.empty-state>*{margin-top:8px}.form-sheet label{display:block;margin-top:14px;font-size:12px}.form-sheet input,.form-sheet textarea{width:100%;margin-top:6px;padding:12px;background:#f7f7fa;border:1px solid #e9e9ed;border-radius:10px}.form-sheet .primary-btn{margin-top:18px}
.regulatory{display:flex;align-items:center;padding:13px;color:#246e5b;background:#eaf8f3;border-radius:13px}.regulatory>span{display:grid;width:36px;height:36px;background:#cff0e5;border-radius:10px;place-items:center}.regulatory>div{margin-left:9px}.regulatory b,.regulatory small{display:block}.regulatory small{margin-top:3px}.demo-pay{margin-top:9px;padding:8px;color:#a66b22;background:#fff5e5;border-radius:8px;text-align:center;font-size:10px}.doctor-row-h{display:flex;gap:10px;overflow-x:auto;padding-bottom:3px}.doctor-choice{position:relative;flex:0 0 180px;padding:15px;text-align:left}.doctor-choice.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.doctor-choice>span{display:grid;width:48px;height:48px;color:#fff;background:#5e66e5;border-radius:14px;place-items:center}.doctor-choice>em{position:absolute;right:10px;top:10px;color:#27876b;font-size:9px;font-style:normal}.doctor-choice b,.doctor-choice small,.doctor-choice p,.doctor-choice strong{display:block}.doctor-choice b{margin-top:9px}.doctor-choice p{min-height:30px;color:#777;font-size:10px}.doctor-choice strong{color:var(--primary)}.consult-question{padding:14px}.consult-question textarea{width:100%;height:120px;border:0;resize:none}.consult-question>small{display:block;color:#aaa;text-align:right}.image-list{display:flex;gap:8px;margin-top:9px}.image-list button{display:flex;flex-direction:column;justify-content:center;width:68px;height:62px;background:#f4f4f7;border-radius:9px}.image-list span{color:#d45d68}.tips-box{margin-top:12px;padding:14px}.tips-box p{color:#666;font-size:11px;line-height:1.7}.agreement-row{display:flex;align-items:center;padding:14px 0;background:transparent;text-align:left;font-size:11px}.agreement-row span{display:grid;flex:none;width:20px;height:20px;margin-right:7px;color:#fff;background:var(--primary);border-radius:5px;place-items:center}.pay-bar-web{position:sticky;bottom:0;display:flex;align-items:center;margin:12px -18px -34px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee}.pay-bar-web>div{flex:1}.pay-bar-web small,.pay-bar-web b{display:block}.pay-bar-web b{margin-top:3px;color:#e65e5e;font-size:20px}.pay-bar-web>button{padding:13px 18px;color:#fff;background:var(--primary);border-radius:12px}.consult-success{padding:44px 20px 30px;text-align:center}.consult-success>span{display:grid;width:67px;height:67px;margin:auto;color:#fff;background:var(--primary);border-radius:22px;place-items:center;font-weight:800}.consult-success h1{margin:16px 0 0}.consult-success p{color:var(--muted)}.order-card{margin-top:13px;padding:5px 15px}.order-card>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eee}.queue-card{display:flex;align-items:center;margin:12px 0;padding:14px}.queue-card>span{display:grid;width:44px;height:44px;color:#fff;background:#43b392;border-radius:13px;place-items:center}.queue-card>div{margin-left:10px}.queue-card b,.queue-card small{display:block}.queue-card small{margin-top:4px;color:var(--muted)}
.doctor-screen{padding-bottom:75px}.floating-back{position:absolute;z-index:5;top:14px;left:9px;color:#fff;background:transparent;font-size:30px}.doctor-header{display:flex;align-items:center;justify-content:space-between;padding:33px 20px 23px;color:#fff;background:linear-gradient(145deg,#183548,#275568)}.doctor-header small,.doctor-header p{color:#bdd1da}.doctor-header h1{margin:6px 0}.doctor-header>span{display:grid;position:relative;width:58px;height:58px;background:#6870e9;border-radius:18px;place-items:center;font-size:20px}.doctor-header em{position:absolute;right:-2px;bottom:-2px;display:grid;width:18px;height:18px;background:#45bf98;border-radius:50%;place-items:center;font-size:9px;font-style:normal}.compliance-line{padding:8px;background:#fff5e5;color:#9c6b2a;text-align:center;font-size:9px}.doctor-stats{display:grid;gap:8px;margin-top:13px;grid-template-columns:repeat(3,1fr)}.doctor-stats button{padding:12px}.doctor-stats span,.doctor-stats b,.doctor-stats small{display:block}.doctor-stats span{margin:auto;color:var(--primary)}.doctor-stats b{margin-top:6px;font-size:18px}.doctor-stats small{color:var(--muted)}.patient-row{display:flex;align-items:center;width:100%;margin-bottom:9px;padding:13px;text-align:left}.patient-row>span{display:grid;width:43px;height:43px;color:#fff;background:#5e66e5;border-radius:13px;place-items:center}.patient-row>div{flex:1;margin-left:10px}.patient-row b,.patient-row small{display:block}.patient-row small{margin-top:4px;color:#777}.patient-row em{color:#33886f;font-size:9px;font-style:normal}.patient-row>strong{color:var(--primary)}.assistant-entry{display:flex;align-items:center;width:100%;padding:14px;text-align:left}.assistant-entry>span{display:grid;width:42px;height:42px;color:#fff;background:var(--primary);border-radius:13px;place-items:center}.assistant-entry>div{flex:1;margin-left:10px}.assistant-entry b,.assistant-entry small{display:block}.assistant-entry small{margin-top:4px;color:#777}.academic-row{display:block;width:100%;margin-bottom:9px;padding:14px;text-align:left}.academic-row>*{display:block}.academic-row>small{color:var(--primary)}.academic-row>b{margin-top:6px}.academic-row>em{margin-top:5px;color:#aaa;font-size:9px;font-style:normal}.academic-row p{color:#666;line-height:1.6}.doctor-bottom{position:fixed;z-index:20;right:0;bottom:0;left:0;display:grid;height:70px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #eee;grid-template-columns:repeat(4,1fr)}.doctor-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;color:#8e8e93}.doctor-bottom button.active{color:var(--primary)}.forum-compose{display:flex;padding:9px}.forum-compose input{flex:1;border:0}.forum-compose button{padding:8px 12px;color:#fff;background:var(--primary);border-radius:8px}.forum-post,.live-manage{margin-top:10px;padding:14px}.forum-post>div{display:flex;align-items:center;gap:8px}.forum-post>div>span{display:grid;width:34px;height:34px;color:#fff;background:#5e66e5;border-radius:10px;place-items:center}.forum-post footer,.live-manage>div{display:flex;justify-content:space-between}.forum-post footer button{color:var(--primary);background:transparent}.live-manage>*{display:block;margin-top:6px}.live-manage button{padding:7px 10px;color:#fff;background:var(--primary);border-radius:8px}.patient-name{display:flex;align-items:center}.patient-name>span{display:grid;width:43px;height:43px;margin-right:9px;color:#fff;background:var(--primary);border-radius:12px;place-items:center}.patient-summary,.assistant-result{margin:14px 0;padding:14px;background:#f7f7fa;border-radius:12px}.patient-summary p,.assistant-result p{color:#646873;font-size:12px}.patient-sheet .ghost-btn{margin-top:9px}.assistant-result small{color:#999}
.article-hero-web,.recipe-hero-web{padding:27px 20px 24px}.article-hero-web small{color:var(--primary)}.article-hero-web h1{margin:10px 0;font-size:26px;line-height:1.35}.article-hero-web p{color:var(--muted);font-size:11px}.recipe-hero-web{text-align:center;color:#fff;background:linear-gradient(145deg,#b87836,#e7a75f)}.recipe-hero-web>span{display:grid;width:68px;height:68px;margin:auto;background:rgba(255,255,255,.17);border-radius:20px;place-items:center;font-size:25px}.recipe-hero-web h1{margin:13px 0 5px}.article-lead{margin:15px 0;padding:16px;color:#3f454d;background:#f2f3f7;border-left:4px solid var(--primary);border-radius:10px;line-height:1.7}.article-section h2{margin-top:27px;font-size:18px}.article-section p{color:#555b65;line-height:1.8}.tonight-tips,.recipe-block,.scan-card{margin-top:14px;padding:16px}.tonight-tips p,.recipe-block p{color:#565b64}.medical-note,.note-box{margin:14px 0;padding:13px;color:#8c6938;background:#fff6e7;border-radius:10px;font-size:11px;line-height:1.6}.recipe-block p>span{display:inline-grid;width:25px;height:25px;margin-right:8px;color:#fff;background:#d59150;border-radius:8px;place-items:center}.scan-card>div:first-child{display:flex;justify-content:space-between}.scan-card b,.scan-card small{display:block}.scan-card small{margin-top:3px;color:var(--muted)}.scan-card img{width:100%;height:170px;margin-top:12px;object-fit:cover;border-radius:12px}.scan-result{margin-top:12px;padding:13px;background:#eef9f5;border-radius:12px}.scan-result p,.scan-result small{color:#59636a;font-size:11px}.content-actions-web{position:sticky;bottom:0;display:grid;padding:9px 16px calc(9px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee;grid-template-columns:repeat(3,1fr)}.content-actions-web button{padding:9px;background:transparent}.plan-hero-web{margin:14px 0;padding:23px;color:#fff;background:linear-gradient(145deg,#3e3997,#6e66dd);border-radius:20px}.plan-hero-web>small{letter-spacing:2px}.plan-hero-web h1{margin:9px 0}.plan-hero-web>div{height:6px;margin:16px 0;background:rgba(255,255,255,.2);border-radius:6px}.plan-hero-web i{display:block;height:100%;background:#72d8ba;border-radius:6px}.plan-hero-web button{padding:10px 14px;background:#fff;border-radius:9px}.day-card{display:flex;align-items:center;width:100%;margin-bottom:9px;padding:13px;text-align:left}.day-card>span{display:flex;flex-direction:column;align-items:center;width:45px;color:var(--primary);font-weight:800}.day-card>div{flex:1;margin-left:10px}.day-card b,.day-card small{display:block}.day-card small{margin-top:4px;color:var(--muted)}.day-card.done{background:#eef9f5}.player-web{text-align:center}.ambient-web{position:relative;display:grid;width:160px;height:160px;margin:22px auto;background:#e7e8ff;border-radius:50%;place-items:center}.ambient-web>span{display:grid;z-index:2;width:65px;height:65px;color:#fff;background:var(--primary);border-radius:22px;place-items:center;font-size:25px}.ambient-web>i{position:absolute;inset:18px;border:1px solid #bfc3ff;border-radius:50%}.ambient-web>i:nth-child(2){inset:40px}.ambient-web.playing>i{animation:radar 1.8s infinite}.phase-web{display:flex;justify-content:center;gap:20px;margin:13px}.timeline-web>div{height:6px;background:#ececf2;border-radius:6px}.timeline-web i{display:block;height:100%;background:var(--primary);border-radius:6px}.timeline-web p{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.player-controls{display:flex;align-items:center;justify-content:center;gap:20px}.player-controls button{display:grid;width:45px;height:45px;background:#f1f1f5;border-radius:50%;place-items:center}.player-controls button:nth-child(2){width:64px;height:64px;color:#fff;background:var(--primary);font-size:21px}.guide-card{margin-top:20px;padding:16px}.guide-card p{color:#626771;line-height:1.7}
.community-hero-web{display:flex;align-items:center;justify-content:space-between;padding:17px;color:#fff;background:linear-gradient(145deg,#315e52,#4d9a83);border-radius:16px}.community-hero-web b,.community-hero-web small{display:block}.community-hero-web small{margin-top:4px;color:#cce4dd}.community-hero-web button{padding:8px 11px;background:#fff;border-radius:8px}.group-scroll{display:flex;gap:9px;margin:13px 0;overflow-x:auto}.group-card{display:flex;align-items:center;flex:0 0 245px;padding:12px}.group-card>span{display:grid;width:38px;height:38px;color:#fff;background:#49a68c;border-radius:11px;place-items:center}.group-card>div{flex:1;margin-left:8px}.group-card b,.group-card small{display:block}.group-card small{color:var(--muted)}.group-card button{padding:7px;color:var(--primary);background:var(--primary-soft);border-radius:7px}.community-post{margin-bottom:10px;padding:15px}.community-post>div:first-child{display:flex;align-items:center}.community-post>div:first-child>span{display:grid;width:39px;height:39px;color:#fff;background:var(--primary);border-radius:12px;place-items:center}.community-post>div:first-child>div{flex:1;margin-left:8px}.community-post b,.community-post small{display:block}.community-post em{padding:4px 7px;color:#388b73;background:#e9f8f3;border-radius:6px;font-size:9px;font-style:normal}.community-post>p{line-height:1.7}.comment-list{padding:9px;background:#f7f7fa;border-radius:8px}.comment-list span{display:block;font-size:10px}.community-post footer{display:flex;justify-content:space-between;margin-top:12px}.community-post footer button{color:#6d717a;background:transparent}.topic-row{display:flex;gap:7px;margin-top:13px}.topic-row button{padding:7px 9px;background:#f2f2f5;border-radius:8px}.topic-row button.active{color:var(--primary);background:var(--primary-soft)}.form-sheet>textarea{width:100%;height:120px;margin-top:13px;padding:11px;border:1px solid #eee;border-radius:11px;resize:none}.form-sheet>small{display:block;color:#aaa;text-align:right}.comment-compose{display:flex;width:min(100%,430px);padding:12px;background:#fff}.comment-compose input{flex:1;padding:11px;background:#f5f5f7;border:0;border-radius:10px}.comment-compose button{padding:0 16px;color:#fff;background:var(--primary);border-radius:10px}
.video-web{position:relative;height:280px;color:#fff;background:linear-gradient(145deg,#13172a,#2f355a)}.video-web>div:first-child{display:flex;justify-content:space-between;padding:15px;font-size:10px}.speaker-web{display:flex;flex-direction:column;align-items:center}.speaker-web>span{display:grid;width:72px;height:72px;background:#626be8;border-radius:24px;place-items:center;font-size:25px}.speaker-web b{margin-top:10px}.speaker-web small{margin-top:4px;color:#b9bdd2}.video-web>button{position:absolute;right:calc(50% - 25px);bottom:54px;display:grid;width:50px;height:50px;color:#fff;background:rgba(255,255,255,.18);border-radius:50%;place-items:center}.video-progress-web{position:absolute;right:15px;bottom:13px;left:15px}.video-progress-web>div{height:4px;background:rgba(255,255,255,.2)}.video-progress-web i{display:block;height:100%;background:#fff}.video-progress-web small{display:block;margin-top:5px;text-align:right}.live-info-web{display:flex;align-items:center;padding:14px}.live-info-web>div{flex:1}.live-info-web b,.live-info-web small{display:block}.live-info-web small{margin-top:5px;color:var(--muted)}.live-info-web button{padding:8px 11px;color:var(--primary);background:var(--primary-soft);border-radius:8px}.live-tabs-web{display:flex;justify-content:space-between;margin:15px 0;padding-bottom:10px;border-bottom:1px solid #eee}.live-tabs-web b{color:var(--primary)}.quick-questions{display:flex;flex-wrap:wrap;gap:7px}.quick-questions b{width:100%}.quick-questions button{padding:7px;background:#f1f2f8;border-radius:8px}.chat-list-web{margin-top:12px}.chat-list-web>div{display:flex;margin-bottom:10px}.chat-list-web span{display:grid;flex:none;width:34px;height:34px;color:#fff;background:var(--primary);border-radius:10px;place-items:center}.chat-list-web p{margin:4px 0 0 8px}.live-composer{position:sticky;bottom:0;display:flex;padding:10px 15px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee}.live-composer input{flex:1;padding:11px;background:#f5f5f7;border:0;border-radius:10px}.live-composer button{padding:0 16px;color:#fff;background:var(--primary);border-radius:10px}
.quiz-header-web{padding:19px;background:#fff}.quiz-header-web>div:first-child{display:flex;justify-content:space-between}.quiz-header-web>div:last-child{height:6px;margin-top:12px;background:#eee;border-radius:6px}.quiz-header-web i{display:block;height:100%;background:var(--primary)}.quiz-question{padding:17px}.quiz-question>small{color:var(--primary)}.quiz-question h1{margin:13px 0 17px;font-size:21px;line-height:1.45}.quiz-question>button{display:flex;align-items:center;width:100%;min-height:56px;margin-top:9px;padding:10px;background:#f7f7fa;border:2px solid transparent;border-radius:13px;text-align:left}.quiz-question>button>span{display:grid;width:34px;height:34px;margin-right:9px;background:#eeeef3;border-radius:9px;place-items:center}.quiz-question>button>em{margin-left:auto}.quiz-question>button.selected{border-color:#bfc3ff}.quiz-question>button.correct{color:#217a60;background:#eaf9f3;border-color:#60c7a7}.quiz-question>button.wrong{color:#bb4e58;background:#fff0f2;border-color:#e9828b}.quiz-explain{margin-top:12px;padding:15px}.quiz-explain p{color:#60656e;line-height:1.6}.quiz-footer-web{position:fixed;right:0;bottom:0;left:0;padding:12px 17px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee}.result-dimensions{margin:14px 0;padding:5px 15px}.result-dimensions>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eee}.help-hero-web{padding:21px;color:#fff;background:linear-gradient(145deg,#3b3880,#6862d7);border-radius:18px}.help-hero-web h1{margin:0}.help-hero-web p{margin-bottom:0;color:#d8d6f5}.faq-row{display:block;width:100%;margin-bottom:9px;padding:14px;text-align:left}.faq-row>div{display:flex;justify-content:space-between}.faq-row p{color:#636872;line-height:1.6}.feedback-card,.success-card{padding:16px}.feedback-card textarea{width:100%;height:110px;border:0;resize:none}.feedback-card>small{display:block;color:#aaa;text-align:right}.feedback-card .primary-btn{margin-top:12px}.success-card{text-align:center}.success-card>span{display:grid;width:48px;height:48px;margin:auto;color:#fff;background:var(--primary);border-radius:15px;place-items:center}.success-card b{display:block;margin-top:11px}.success-card p{color:var(--muted)}.store-hero-web{padding:35px 20px 23px;color:#fff;background:linear-gradient(145deg,#2e315c,#615acb);text-align:center}.store-hero-web>small{letter-spacing:2px}.store-hero-web h1{margin:10px 0 0;font-size:42px}.store-hero-web p{margin:2px}.store-hero-web>div{margin-top:18px;padding:12px;background:rgba(255,255,255,.1);border-radius:12px}.store-hero-web>div>*{display:block}.store-hero-web>div span{margin-top:4px;color:#d2d0f4;font-size:10px}.store-row{display:flex;align-items:center;margin-bottom:10px;padding:14px}.store-row>span{display:grid;width:48px;height:48px;color:#fff;background:#d6914f;border-radius:14px;place-items:center}.store-row>div{flex:1;margin-left:10px}.store-row b,.store-row small,.store-row em{display:block}.store-row small{margin-top:3px;color:var(--muted)}.store-row em{margin-top:5px;color:#d08333;font-size:10px;font-style:normal}.store-row button{padding:8px 11px;color:#fff;background:var(--primary);border-radius:8px}.store-row button.done{color:#999;background:#eee}.store-note{padding:15px;color:#999;text-align:center;font-size:9px}