.app-tabs{display:flex;padding:0 18px;gap:0;position:sticky;top:0;background:#100d24;z-index:2}.app-tabs button{position:relative;flex:1;padding:15px 0;font-size:13px;white-space:nowrap;text-align:center}.app-tabs button.active:after{left:24%;right:24%}.tab-dot{position:absolute;width:5px;height:5px;background:#dfb977;border-radius:50%;right:3px;top:12px}.task-content{padding-bottom:25px}.task-hero{padding-top:20px;padding-bottom:16px;min-height:100px}.task-hero h2{font-size:25px;line-height:1.2;max-width:240px}.task-hero p{font-size:13px;max-width:255px}.task-hero .hero-art{width:65px;height:65px;right:-6px;top:15px}.task-hero .hero-art img{width:76px;height:76px}.task-row{min-height:81px;padding-top:12px;padding-bottom:12px}.task-copy h4{font-size:13px;line-height:1.35}.task-copy p{font-size:12px}.task-row .reward-icon{width:42px;height:44px}.task-row .reward-icon img{width:45px;height:45px}.task-row .pill-button{min-width:57px;font-size:12px;padding:8px 11px}.progress-summary{font-size:12px}.compact-heading{padding:19px 0 18px}.compact-heading h2{font-size:25px}.compact-heading p{font-size:13px}.compact-streak{margin-bottom:12px}.compact-card-head h3{font-size:16px}.compact-card-head p{font-size:12px}.compact-track{margin:13px 0 10px}.track-stop{gap:7px}.track-stop>span{font-size:12px}.track-stop small{font-size:11px;color:#ab94bd;white-space:nowrap}.track-stop.tomorrow small{color:#ddc5ed}.track-node.claimable{background:#f3d7b3;color:#51374f;border-color:#f3d7b3;box-shadow:0 0 0 3px #ffe0b619}.track-stop:has(.claimable)>small{color:#ffe2b1}.future-box i{font-size:15px;font-style:normal;color:#fff0d7;background:#7e5b93;border-color:#d9bff3}.compact-reward-copy h4{font-size:13px}.compact-reward-copy p{font-size:12px}.bonus-heading{padding:19px 0 18px}.bonus-heading h2{font-size:25px}.bonus-heading p{font-size:13px}.bonus-heading img{width:58px;height:58px}.claim-card{padding:15px}.round-heading{margin-top:21px}.bonus-content .task-progress .progress-fill{background:#c2a1e5}.generic-task{padding-top:16px}.bonus-modal-body{padding:0 20px 25px}.wallet-content{padding:20px}.wallet-balance{padding:20px;background:linear-gradient(120deg,#322442,#22172e);border:1px solid #8f69b33d;border-radius:18px;margin:7px 0 30px}.wallet-balance>span{font-size:13px;color:#bba4cc}.wallet-balance>strong{display:flex;align-items:center;gap:12px;font-size:33px;margin-top:10px}.wallet-content h2{font-size:25px;margin:0 0 8px}.wallet-demo{font-size:12px;color:#a991bb;margin:0 0 22px}.wallet-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.wallet-packs button{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px 6px;gap:11px;border:1px solid #66467857;background:#241b35;border-radius:14px;color:#f4e7ff}.wallet-packs b{font-size:18px}.wallet-packs button>span:last-of-type{font-size:11px;color:#b499c8}.wallet-packs button.selected{border-color:#c596ee;background:#412858}.wallet-packs i{position:absolute;right:6px;top:4px;font-size:12px;color:#dec1f6}.gift-tabs button{font-size:13px}.room-bonus-entry{display:block;width:calc(100% - 40px);margin:0 20px 10px;padding:11px 12px;text-align:left;border:1px solid #b784ef33;background:#372047;border-radius:12px}.room-bonus-entry>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.room-bonus-entry strong{font-size:12px;color:#e2c8f4}.room-bonus-entry span{font-size:11px;color:#c4a6d5;display:flex;align-items:center;gap:5px}.room-bonus-entry .progress-track{height:4px;margin:0}.gift-quantity{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:0 20px 12px}.gift-quantity>span{font-size:12px;color:#af95c0;margin-right:auto}.gift-quantity button{background:#30213e;color:#bfa6d0;border:1px solid #8e61b155;padding:6px 11px;border-radius:9px;font-size:12px}.gift-quantity button.active{background:#765090;color:#fff;border-color:#c196e1}.demo-section-label{font-size:11px;padding:10px 10px 4px;color:#987aa8;letter-spacing:.5px}.demo-menu>div{max-height:72vh;overflow:auto}.sidebar-intro{line-height:1.7}.sidebar .original-link{margin-top:10px}.box-popup .box-expiry{font-size:12px}.compact-rules{font-size:12px}.room-tools i{background:#e0b979}.phone .status-bar{background:#100d24}.bonus-modal-body .sheet-intro{font-size:13px}.review-panel{align-self:start}.phone .app-header h3{font-size:16px}.phone button:focus-visible{outline:2px solid #ebc1ff;outline-offset:3px}
@media(min-width:601px){.phone{height:830px}.stage{align-items:flex-start}.workspace-header{margin-bottom:8px}}
@media(max-width:350px){.app-tabs{padding:0 10px}.app-tabs button{font-size:12px}.task-copy h4{font-size:12px}.task-row{gap:8px}.task-row .reward-icon{width:33px}.task-row .reward-icon img{width:38px}.task-hero h2{font-size:23px}.task-hero p{max-width:210px}.compact-card-head p{font-size:11px}.wallet-packs{gap:8px}.wallet-packs b{font-size:16px}}

/* Individual task progress, distinct from claim status and next-round state. */
.task-meter{display:flex;align-items:center;gap:9px;margin-top:7px;min-width:0}.task-meter-track{height:4px;border-radius:10px;flex:1;min-width:20px;background:#b695d326;overflow:hidden}.task-meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#9564e3,#d0a7f4);transition:width .25s ease}.task-meter-value{font-size:11px;line-height:14px;color:#c2abd2;white-space:nowrap;font-variant-numeric:tabular-nums}.task-meter.is-complete .task-meter-fill{background:#d7bde9}.task-meter.is-complete .task-meter-value{color:#e7d6f1}.task-row .task-copy{min-width:0}.task-row .task-copy p{margin-bottom:0}.task-row.claimed .task-meter-fill{background:#ada1bc}.compact-card-head>div:last-child{min-width:0;flex:1}.compact-card-head .task-meter{max-width:225px;margin-top:6px}.compact-card-head .task-meter.is-complete .task-meter-fill{background:var(--accent)}.box-task-progress{margin:0 15px 16px 61px}.box-task-progress .task-meter{flex-wrap:wrap;gap:7px;margin:0}.box-task-progress .task-meter-track{flex-basis:100%}.box-task-progress .task-meter-value{font-size:11px}.box-task-progress .next-tier{font-size:11px;color:#aa91bd;margin:5px 0 0}.task-group .second-task{padding-bottom:13px}.bonus-content .last-round{margin:14px 0 0;padding:12px 0;border-bottom:1px solid #a87ecc20;border-top:0}.bonus-content .last-round+.round-heading{margin-top:17px}.last-round.no-reward .last-check{color:#b7a4c6;background:#ab8bbc12}.last-round h4{font-size:12px}.last-round>strong{font-size:14px}.task-row{min-height:84px}.task-list{gap:9px}
@media(max-width:350px){.task-meter{gap:6px}.task-meter-value{font-size:11px}.box-task-progress{margin-left:50px;margin-right:12px}.compact-card-head .task-meter{max-width:none}}
@media(prefers-reduced-motion:reduce){.task-meter-fill{transition:none}}
/* 演示壳只留手机＋批注：去掉左栏场景、新老用户切换、演示状态菜单 */
.workspace{margin:0 auto;max-width:820px;padding:24px 24px 20px}
.workspace-header{margin-bottom:16px}
.workspace-header h2{margin-top:0}
.stage{gap:40px;justify-content:center}
.review-primary{font-size:13px;padding:10px 16px}
.review-actions button{font-size:12px}
@media(min-width:851px){.preview-meta{display:none}.review-panel{margin-top:0}}
@media(min-width:601px){.phone{height:clamp(680px,calc(100vh - 130px),830px)}}
/* 语聊厅：手机变矮时聊天从底部往上排、顶部淡出，不钻到输入栏下面；任务挂件放到麦位下方，不压 Ava */
.room-screen{display:flex;flex-direction:column}
.room-screen>*{flex:none}
.room-screen .chat-area{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;-webkit-mask-image:linear-gradient(transparent,#000 28px);mask-image:linear-gradient(transparent,#000 28px)}
.task-widget,.daily-widget,.mini-widget{top:max(470px,calc(100% - 206px))}
/* 底栏不透出下面滚动的菜单；标题说明避免单词孤行 */
.bottom-nav{background:#1b1628}
.compact-heading p{text-wrap:pretty}
/* 礼物面板 Free gift 的数量改成小角标，不用中点 */
.gift-tabs .tab-count,.tab-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:5px;border-radius:9px;background:#75533766;color:#f3ca93;font-size:11px;line-height:1;vertical-align:1px}
/* 领取弹窗：素材、奖励名、时长或数量 */
.reward-popup .rp-kicker{font-size:13px;color:#c8b4d7;margin:0 0 4px}
.reward-popup h2{margin:6px 10px 10px}
.rp-meta{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:14px;background:#ffffff14;color:#f3e6ff;font-size:13px;font-weight:700;margin-bottom:22px}