*{box-sizing:border-box}:root{color:#f7fbff;background:#151044;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;letter-spacing:0}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 4%,rgba(126,252,228,.22),transparent 26%),radial-gradient(circle at 82% 8%,rgba(255,33,123,.16),transparent 24%),linear-gradient(180deg,#1e174f,#17144a 42%,#081735)}button,input,textarea{font:inherit}button{border:0;cursor:pointer}a{color:#7efce4}.app-shell{width:min(100%,430px);height:100vh;height:100dvh;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 12px 0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;position:relative}.app-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(126,252,228,.5) 0 1px,transparent 1.6px);background-size:82px 90px,138px 156px;opacity:.14;animation:starDrift 18s linear infinite}.app-content{min-height:0;overflow-y:auto;scrollbar-width:none;position:relative;z-index:1;padding-bottom:16px}.app-content::-webkit-scrollbar{display:none}.app-content>*{animation:viewIn .26s ease both}.center-shell{display:grid;place-items:center;align-content:center;gap:18px}.splash-logo{width:124px;height:124px;border-radius:24px;box-shadow:0 22px 72px #7efce433}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:9px;color:#fff;background:transparent;font-weight:900;font-size:21px;padding:0}.brand img{width:42px;height:42px;border-radius:8px}.top-stat{min-width:76px;text-align:right;color:#b7c7ff;font-size:12px}.top-stat b{display:block;color:#ffea3c;font-size:15px}.toast{position:absolute;left:18px;right:18px;top:62px;z-index:20;pointer-events:none;min-height:40px;border-radius:8px;color:#ffecef;background:#ff217be0;box-shadow:0 12px 32px #00000040}.entry-stage{min-height:100%;position:relative;padding:4px 0 12px}.entry-bg-art{position:absolute;inset:0 0 auto;width:100%;height:260px;object-fit:cover;border-radius:8px;opacity:.42;filter:saturate(1.08)}.entry-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#15104414,#151044d6 250px,#08173533)}.resource-bar,.notice-ticker,.icon-dock,.main-rank-card,.entry-actions,.category-strip,.home-panels,.wx-ad-slot{position:relative;z-index:1}.resource-bar{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.resource-pill{min-height:36px;min-width:120px;display:flex;align-items:center;justify-content:center;padding:0 13px;border-radius:999px;color:#fff;font-weight:900;background:#141139;border:1px solid rgba(126,252,228,.28)}.resource-pill.gold{color:#ffea3c}.resource-pill.energy{color:#7efce4}.notice-ticker{height:34px;overflow:hidden;border-radius:999px;padding:0 14px;display:flex;align-items:center;background:#00000094;color:#eaf6ff;font-size:13px}.notice-ticker span{white-space:nowrap;animation:ticker 18s linear infinite}.side-tab{position:absolute;top:58px;z-index:2;width:54px;height:40px;color:#fff;font-size:13px;font-weight:900;background:#fff3;border:1px solid rgba(255,255,255,.22);transition:transform .16s ease,background .16s ease}.side-tab.left{left:-12px;border-radius:0 999px 999px 0}.side-tab.right{right:-12px;border-radius:999px 0 0 999px}.side-tab:active,.icon-dock button:active,.main-rank-card:active,.entry-actions button:active,.primary-btn:active,.danger-btn:active,.green-btn:active,.blue-btn:active,.ghost-btn:active,.answer-list button:active{transform:scale(.97)}.icon-dock{width:min(100%,312px);display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:78px auto 14px}.icon-dock button{height:76px;border-radius:8px;color:#fff;background:#141139c7;border:1px solid rgba(126,252,228,.22);box-shadow:inset 0 1px #ffffff17}.icon-dock span{width:38px;height:38px;display:grid;place-items:center;margin:0 auto 5px;border-radius:50%;color:#151044;background:linear-gradient(135deg,#7efce4,#ffea3c);font-weight:900}.icon-dock b{display:block;font-size:12px}.main-rank-card{width:100%;min-height:178px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:20px;border-radius:8px;color:#fff;text-align:left;background:linear-gradient(135deg,#2e2788eb,#141139f5),radial-gradient(circle at 82% 20%,rgba(255,234,60,.2),transparent 26%);border:3px solid #7efce4;box-shadow:0 0 22px #7efce45c,inset 0 0 0 1px #ffffff14}.main-rank-card span{color:#ffea3c;font-weight:900}.main-rank-card h1{margin:7px 0 8px;font-size:34px;line-height:1}.main-rank-card p{margin:0;color:#cbd8ff;line-height:1.45}.main-rank-card strong{min-width:76px;min-height:76px;display:grid;place-items:center;border-radius:50%;color:#151044;background:#ffea3c;box-shadow:0 0 0 8px #ffea3c1f}.entry-actions{display:grid;grid-template-columns:1.08fr 1fr;gap:10px;margin:12px 0}.entry-actions button{min-height:112px;border-radius:8px;color:#fff;text-align:left;padding:16px;box-shadow:inset 0 1px #ffffff14}.group-entry{background:linear-gradient(135deg,#6a52ff,#2c277c)}.practice-entry{background:linear-gradient(135deg,#ff217b,#87305f)}.entry-actions b{display:block;font-size:20px;margin-bottom:6px}.entry-actions span{color:#f4f7ff;font-size:13px}.category-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.category-strip button{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border-radius:8px;color:#fff;background:#7efce41f;border:1px solid rgba(126,252,228,.18);font-size:13px}.category-strip span{color:#ffea3c;font-variant-numeric:tabular-nums}.home-panels{display:grid;gap:10px}.screen-card,.mini-panel,.wx-ad-slot{border-radius:8px;border:1px solid rgba(126,252,228,.24);background:linear-gradient(180deg,#2f2a77f2,#121743f5),radial-gradient(circle at 12% 0%,rgba(255,234,60,.12),transparent 26%);box-shadow:0 16px 44px #00000040,inset 0 1px #ffffff14}.screen-card{min-height:calc(100% - 4px);padding:16px}.mini-panel{padding:14px}.section-title,.screen-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-title h2,.screen-head h1{margin:0;font-size:20px}.section-title button,.screen-head button,.screen-head span{min-width:54px;min-height:32px;border-radius:999px;display:grid;place-items:center;padding:0 10px;color:#7efce4;background:#0000003d}.screen-head span{color:#ffea3c;font-size:12px;font-weight:900}.task-row,.leader-row{display:grid;align-items:center;min-height:38px;gap:8px;color:#dcecff}.task-row{grid-template-columns:minmax(0,1fr) 62px}.task-row b{justify-self:end;color:#ffea3c}.leader-row{grid-template-columns:30px minmax(0,1fr) 86px}.leader-row i,.rank-line i{width:26px;height:26px;display:grid;place-items:center;color:#151044;background:#ffea3c;border-radius:50%;font-style:normal;font-weight:900}.leader-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.leader-name small{display:block;color:#9aa8df;font-size:12px}.leader-score{justify-self:end;min-width:82px;text-align:right;color:#f7fbff;font-variant-numeric:tabular-nums}.wx-ad-slot{min-height:68px;display:grid;align-content:center;gap:4px;margin-top:12px;padding:12px;border-style:dashed;color:#bcd7ff;text-align:center}.wx-ad-slot b{color:#7efce4}.primary-btn,.danger-btn,.green-btn,.blue-btn,.ghost-btn{min-height:46px;border-radius:8px;padding:0 18px;color:#fff;font-weight:900;transition:transform .15s ease,filter .15s ease}.primary-btn{color:#151044;background:linear-gradient(135deg,#ffea3c,#ffbd39)}.danger-btn{background:#ff217b}.green-btn{background:#85d85d;color:#14223d}.blue-btn{background:#29abe2}.ghost-btn{color:#7efce4;background:#ffffff1a}.wide{width:100%}.rank-road{display:grid;gap:10px;margin:14px 0}.medal-node{min-height:78px;display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:8px;background:#0003;border:1px solid rgba(255,255,255,.1)}.medal-node i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-style:normal;color:#151044;background:#7efce4;font-weight:900}.medal-node.locked{opacity:.56}.medal-node b,.medal-node span{min-width:0}.medal-node span{color:#ffea3c;font-size:13px}.trial-card,.question-board,.explain,.result-badge,.result-duel,.book-tips,.profile-head,.factory-toolbar{border-radius:8px;background:#00000038;border:1px solid rgba(255,255,255,.1)}.trial-card{padding:14px;margin-bottom:14px}.trial-card h2,.question-board h2{margin:0 0 8px}.trial-card p,.hint,.explain p,.book-tips p{color:#cad8ff;line-height:1.6}.trial-steps{display:grid;gap:8px}.trial-steps span{min-height:34px;display:flex;align-items:center;padding:0 10px;border-radius:8px;background:#7efce41a}.trial-steps .done{color:#151044;background:#7efce4}.quiz-meta{display:grid;grid-template-columns:56px minmax(0,1fr) 54px 56px;align-items:center;gap:8px;color:#9edfff}.quiz-meta button{min-height:32px;border-radius:999px;color:#7efce4;background:#0000003d}.quiz-meta span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.quiz-meta b{color:#ffea3c;font-size:20px;text-align:center}.quiz-meta i{color:#ffb4cb;font-style:normal;text-align:right}.track{height:8px;margin:12px 0 16px;border-radius:999px;background:#ffffff24;overflow:hidden}.track i,.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7efce4,#ffea3c);transition:width .22s ease}.question-board{min-height:144px;display:grid;align-content:center;padding:18px;margin-bottom:14px}.question-board small{color:#ffea3c;margin-bottom:8px}.question-board h2{font-size:21px;line-height:1.5}.answer-list{display:grid;gap:10px}.answer-list button{min-height:62px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;padding:11px 13px;border-radius:8px;color:#fff;text-align:left;background:#ffffff14;border:1px solid rgba(180,224,255,.2);transition:transform .14s ease,border-color .14s ease,background .14s ease}.answer-list button span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffff1f;color:#dcecff;font-weight:900}.answer-list button b{min-width:0;line-height:1.35}.answer-list .correct{border-color:#7efce4;background:#14a48b66;animation:answerPop .26s ease both}.answer-list .wrong{border-color:#ff8aad;background:#ff217b47;animation:answerShake .26s ease both}.explain{margin-top:12px;padding:14px}.explain strong{color:#ffea3c}.result-badge{padding:20px;text-align:center}.result-badge span{display:inline-grid;place-items:center;min-width:64px;min-height:30px;border-radius:999px;color:#151044;background:#7efce4;font-weight:900}.result-badge.lose span{background:#ffea3c}.result-badge h1{margin:12px 0 6px;font-size:32px}.result-badge p{margin:0;color:#cad8ff}.result-duel{display:grid;grid-template-columns:1fr 54px 1fr;align-items:center;gap:10px;margin:12px 0;padding:14px}.result-duel div{display:grid;place-items:center;gap:6px}.result-duel i{display:grid;place-items:center;font-style:normal;font-size:24px;font-weight:900;color:#ffea3c}.result-duel strong{font-size:28px}.review-table{display:grid;gap:6px}.review-table div{min-height:52px;display:grid;grid-template-columns:30px 48px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:#0000002e}.review-table p{margin:0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.right{color:#7efce4}.bad{color:#ff8aad}.result-actions,.room-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.rank-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:12px}.rank-tabs button{min-height:36px;border-radius:8px;color:#b7c7ff;background:#ffffff14}.rank-tabs .active{color:#151044;background:#7efce4;font-weight:900}.rank-list{display:grid;gap:8px}.rank-line{display:grid;grid-template-columns:32px 44px minmax(0,1fr) 82px;gap:10px;align-items:center;min-height:62px;padding:0 10px;border-radius:8px;background:#ffffff12}.room-list{display:grid;gap:10px;margin-top:12px}.room-list article{min-height:82px;display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:10px;padding:12px;border-radius:8px;background:#0003}.room-list h2{margin:0 0 4px;font-size:18px}.room-list p,.empty-text{margin:0;color:#b7c7ff;line-height:1.5}.room-list button{min-height:42px;border-radius:8px;color:#151044;background:#7efce4;font-weight:900}.room-seat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.room-seat{min-height:180px;display:grid;justify-items:center;align-content:space-between;padding:10px;border-radius:8px;background:#0003;border:1px solid rgba(255,255,255,.12)}.seat-top{width:100%;min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#b7c7ff;font-size:12px}.seat-top b{color:#7efce4}.empty-seat{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#9aa8df;border:1px dashed rgba(255,255,255,.3)}.room-seat strong,.room-seat small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-seat small{color:#b7c7ff}.room-score-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.room-score-strip span{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border-radius:8px;background:#ffffff14}.room-score-strip b{color:#ffea3c;font-variant-numeric:tabular-nums}.task-card{display:grid;grid-template-columns:minmax(0,1fr) 92px 44px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.task-card span{display:block;color:#9ec5f9;font-size:13px;margin-top:4px}.progress{height:8px;border-radius:999px;background:#ffffff24;overflow:hidden}.book-tips,.profile-head,.factory-toolbar{padding:12px;margin-bottom:12px}.book-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border-radius:8px;margin-bottom:8px;background:#ffffff14}.book-row span{color:#b7c7ff}.profile-head{display:flex;align-items:center;gap:14px}.profile-head h2{margin:0 0 4px}.profile-head p{margin:0;color:#b7c7ff}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.stat-grid span{min-height:68px;padding:10px;border-radius:8px;background:#ffffff14;color:#b7c7ff}.stat-grid b{display:block;color:#ffea3c;font-size:20px;margin-top:6px;font-variant-numeric:tabular-nums}textarea,input{width:100%;border-radius:8px;border:1px solid rgba(126,252,228,.25);color:#fff;background:#00000040;padding:12px}textarea{min-height:104px;resize:vertical;margin-bottom:10px}.legal-links{display:flex;justify-content:center;gap:18px;margin-top:14px;font-size:13px}.factory-toolbar{display:grid;gap:8px}.admin-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.admin-stats span,.admin-table article{border-radius:8px;background:#ffffff14;padding:10px}.admin-stats b{display:block;color:#ffea3c}.admin-table{display:grid;gap:8px}.admin-table header{display:flex;gap:8px;color:#7efce4}.admin-table p{margin-bottom:8px;font-weight:900}.admin-table small{color:#cbd8ff;line-height:1.5}.error-text{color:#ffb4cb}.avatar{flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:900;box-shadow:inset 0 0 0 3px #ffffff59}.bottom-nav{width:calc(100% + 24px);margin:0 -12px;padding:8px 9px max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:#0d1235f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(126,252,228,.2);position:relative;z-index:2}.bottom-nav button{height:56px;display:grid;place-items:center;gap:2px;border-radius:8px;color:#a7b8f0;background:transparent;transition:transform .16s ease,color .16s ease,background .16s ease}.bottom-nav button i{width:25px;height:25px;display:grid;place-items:center;font-style:normal;font-weight:900}.bottom-nav button span{font-size:12px}.bottom-nav .active{color:#151044;background:#7efce4;font-weight:900;transform:translateY(-2px)}.legal-page{width:min(100% - 32px,760px);margin:0 auto;padding:40px 0;color:#eaf6ff;line-height:1.8}@media(max-width:370px){.main-rank-card h1{font-size:29px}.icon-dock{gap:8px}.quiz-meta{grid-template-columns:50px minmax(0,1fr) 48px 48px;font-size:12px}.question-board h2{font-size:19px}.result-actions,.room-actions,.task-card,.stat-grid{grid-template-columns:1fr}}@keyframes viewIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes starDrift{0%{background-position:0 0,20px 40px}to{background-position:82px 90px,158px 196px}}@keyframes answerPop{0%{transform:scale(.98)}70%{transform:scale(1.016)}to{transform:scale(1)}}@keyframes answerShake{0%,to{transform:translate(0)}28%{transform:translate(-3px)}56%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}