:root{--paper-base: #F4EDE0;--paper-card: #FFFDF7;--paper-deep: #EFE7D6;--ink-primary: #26292E;--ink-secondary: #5C5F66;--ink-tertiary: #8A8A85;--ink-disabled: #B9B3A6;--color-primary: #2C5F6E;--color-primary-soft: #74B6C4;--color-accent: #B93B2B;--color-gold: #C8901E;--color-success: #1B7A63;--color-success-soft: #4FBF9F;--color-warning: #C8901E;--color-error: #B93B2B;--color-error-soft: #E07A63;--realm-1: #9E9E7C;--realm-2: #9E9E7C;--realm-3: #9E9E7C;--realm-4: #7E8A6E;--realm-5: #7E8A6E;--realm-6: #7E8A6E;--realm-7: #5A7B74;--realm-8: #5A7B74;--realm-9: #5A7B74;--realm-10: #2C5F6E;--realm-11: #2C5F6E;--realm-12: #2C5F6E;--realm-13: #C8901E;--realm-14: #6B4A92;--realm-15: #5E3A85;--realm-16: #4E2E72;--realm-17: #B33A2B;--realm-18: #9A2A1E;--realm-19: #7A1C12;--border-soft: #DDD2BC;--border-medium: #B9AC8E;--shadow-soft: 0 1px 2px rgba(38, 41, 46, .08);--shadow-card: 0 2px 6px rgba(38, 41, 46, .06);--shadow-modal: 0 8px 28px rgba(38, 41, 46, .18);--fs-h1: 32px;--fs-h2: 24px;--fs-h3: 20px;--fs-stem: 20px;--fs-body: 16px;--fs-meta: 14px;--fs-num-xl: 48px;--fs-num-lg: 36px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-8: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-deco: "KaiTi", "STKaiti", "楷体", "SimSun", "宋体", serif;--font-title: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-body: -apple-system, "Microsoft YaHei", "微软雅黑", "PingFang SC", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;--font-num: "Bahnschrift", "DIN Alternate", "Consolas", "Microsoft YaHei", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font-scale: 1;--bg-overlay-rgb: 244, 237, 224}html.night{--paper-base: #1A1F26;--paper-card: #232A33;--bg-overlay-rgb: 26, 31, 38;--bg-overlay-alpha: .9 !important;--paper-deep: #2D343F;--ink-primary: #F2EEE4;--ink-secondary: #B9B3A6;--ink-tertiary: #8A8A85;--border-soft: #39424E;--border-medium: #4E5965;--color-primary: #74B6C4;--color-accent: #E07A63;--color-success: #4FBF9F}html.proj{--font-scale: 1.25;--paper-base: #F4EDE0;--ink-primary: #26292E}@supports (font-size: calc(1rem * var(--font-scale))){html{font-size:calc(16px * var(--font-scale))}}@media (max-height: 740px){:root{--sp-1: 3px;--sp-2: 6px;--sp-3: 8px;--sp-4: 10px;--sp-5: 16px;--sp-6: 22px;--sp-8: 32px;--fs-h1: 26px;--fs-h2: 20px;--fs-h3: 17px;--fs-stem: 18px;--fs-body: 16px;--fs-meta: 13px;--fs-num-xl: 36px;--fs-num-lg: 28px}}@media (max-height: 560px){:root{--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 12px;--sp-6: 16px;--sp-8: 24px;--fs-h1: 22px;--fs-h2: 18px;--fs-h3: 16px;--fs-stem: 17px;--fs-num-xl: 28px;--fs-num-lg: 24px}}@media (min-height: 900px){:root{--sp-8: 56px;--fs-stem: 22px;--fs-num-xl: 56px;--fs-num-lg: 40px}}*,*:before,*:after{box-sizing:border-box}html,body{height:100vh;height:100dvh;overflow:hidden;background-color:var(--paper-base)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(var(--bg-overlay-rgb),var(--bg-overlay-alpha, .82)),rgba(var(--bg-overlay-rgb),var(--bg-overlay-alpha, .82))),var(--page-bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat}#app{height:100%;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;position:relative;z-index:1}body{margin:0;background-color:var(--paper-base);color:var(--ink-primary);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}h1,h2,h3{margin:0;font-family:var(--font-title);font-weight:600;color:var(--ink-primary)}h1{font-size:var(--fs-h1);line-height:1.25}h2{font-size:var(--fs-h2);line-height:1.33}h3{font-size:var(--fs-h3);line-height:1.4}p{margin:0 0 var(--sp-3)}ul,ol{padding-left:var(--sp-5);margin:0 0 var(--sp-3)}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font:inherit;color:inherit;background:var(--paper-card);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:var(--sp-3);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--color-primary)}a{color:var(--color-primary);text-decoration:none}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:4px}.page{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding-top:var(--safe-top)}.page>.page-topbar,.page>.app-bar,.page>header{flex:none}.page-body{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;overflow:hidden;padding-bottom:calc(100px + var(--safe-bottom))!important}.scroll-area{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.container{max-width:1080px;margin:0 auto;padding:0 var(--sp-4)}.card{background:var(--paper-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--sp-4);box-shadow:var(--shadow-soft)}.row{display:flex;gap:var(--sp-3);align-items:center}.col{display:flex;flex-direction:column;gap:var(--sp-3)}.spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--sp-5);font-size:var(--fs-body);font-weight:600;background:var(--color-primary);color:#fffdf7;border-radius:var(--radius-md);transition:background-color .15s}.btn:hover:not(:disabled){background:#234c58}.btn-accent{background:var(--color-accent)}.btn-accent:hover:not(:disabled){background:#9f2f23}.btn-ghost{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-ghost:hover:not(:disabled){background:#2c5f6e0f}.btn-lg{min-height:56px;padding:0 var(--sp-6);font-size:var(--fs-h3)}.btn-sm{min-height:32px;padding:0 var(--sp-3);font-size:var(--fs-meta)}.t-secondary{color:var(--ink-secondary)}.t-tertiary{color:var(--ink-tertiary)}.t-success{color:var(--color-success)}.t-error{color:var(--color-error)}.hidden{display:none!important}.app-bar{position:sticky;top:0;z-index:50;min-height:56px;padding:var(--sp-3) var(--sp-4);background:var(--paper-card);border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:var(--sp-3)}.tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;min-height:56px;padding-bottom:var(--safe-bottom);background:var(--paper-card);border-top:1px solid var(--border-soft);display:flex}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--ink-tertiary);font-size:12px;font-weight:500;background:transparent;border:0}.tab.active{color:var(--color-primary)}.tab .icon{font-size:20px}.xiuwei-bar{position:relative;height:24px;border-radius:12px;background:var(--paper-deep);overflow:hidden;border:1px solid var(--border-soft)}.xiuwei-bar .fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(45deg,var(--color-primary) 25%,var(--color-primary-soft) 25%,var(--color-primary-soft) 50%,var(--color-primary) 50%,var(--color-primary) 75%,var(--color-primary-soft) 75%);background-size:16px 16px;background-attachment:local;transition:width .4s ease}.xiuwei-bar .label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-num);font-size:13px;color:var(--ink-primary);text-shadow:0 1px 0 rgba(255,253,247,.6)}.seal{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--paper-card);color:var(--ink-primary);border:2px solid currentColor;border-radius:4px;font-family:var(--font-deco);font-weight:700;font-size:18px;transform:rotate(-3deg);flex-shrink:0}.seal-lg{width:56px;height:56px;font-size:22px}.seal-xl{width:80px;height:80px;font-size:32px}.avatar{display:inline-block;width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0;border:2px solid rgba(0,0,0,.1);background:var(--paper-card);vertical-align:middle}.avatar-lg{width:56px;height:56px;border-radius:8px}.avatar-xl{width:80px;height:80px;border-radius:10px}.quiz-stem{font-size:var(--fs-stem);line-height:1.55;padding:var(--sp-3);background:var(--paper-card);border-radius:var(--radius-md);border:1px solid var(--border-soft);margin-bottom:var(--sp-3)}.quiz-options{display:flex;flex-direction:column;gap:var(--sp-2)}.quiz-opt{display:flex;align-items:center;gap:var(--sp-3);min-height:44px;padding:var(--sp-2) var(--sp-3);background:var(--paper-card);border:2px solid var(--border-soft);border-radius:var(--radius-md);font-size:var(--fs-body);transition:border-color .15s}.quiz-opt:hover{border-color:var(--color-primary)}.quiz-opt.selected{border-color:var(--color-primary);background:#2c5f6e0f}.quiz-opt.correct{border-color:var(--color-success);background:#1b7a6314}.quiz-opt.wrong{border-color:var(--color-error);background:#b93b2b14}.quiz-opt .badge{flex-shrink:0;width:24px;height:24px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;background:var(--paper-deep);color:var(--ink-secondary);border-radius:50%;font-family:var(--font-num);font-weight:600}.quiz-body{gap:var(--sp-2)}.quiz-body .quiz-meta{flex:none;margin-bottom:0;font-size:var(--fs-meta)}.quiz-body .quiz-stem{flex:1 1 auto;min-height:44px;max-height:34vh;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;margin-bottom:0}.quiz-body .quiz-options{flex:none}.quiz-body .quiz-result{flex:none;max-height:20vh;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;margin-top:0}.quiz-body .quiz-actions{flex:none;margin-top:0}.quiz-opt.correct .badge{background:var(--color-success);color:#fffdf7}.quiz-opt.wrong .badge{background:var(--color-error);color:#fffdf7}@media (max-height: 740px){.quiz-body .quiz-stem{min-height:38px;max-height:30vh}.quiz-opt{min-height:42px}}@media (max-height: 560px){.quiz-opt{min-height:38px;padding:var(--sp-1) var(--sp-2)}.quiz-opt .badge{width:20px;height:20px;font-size:12px}}.toast-host{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;pointer-events:none}.toast{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);background:var(--ink-primary);color:var(--paper-base);border-radius:var(--radius-md);font-size:var(--fs-h3);font-weight:600;animation:toast-rise 1.2s ease forwards}.toast.success{background:var(--color-success)}.toast.error{background:var(--color-error)}@keyframes toast-rise{0%{opacity:0;transform:translateY(8px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(-8px)}to{opacity:0;transform:translateY(-20px)}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.entry-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:96px;padding:var(--sp-3);background:var(--paper-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);font-size:var(--fs-h3);color:var(--ink-primary);font-weight:600}.entry-card .icon{font-size:28px;margin-bottom:var(--sp-1);color:var(--color-primary);line-height:1.1}.entry-card:active{background:var(--paper-deep)}.grid-fit{flex:1 1 auto;min-height:0;gap:var(--sp-2);grid-template-rows:repeat(3,minmax(76px,128px));align-content:space-evenly}.grid-fit .entry-card{min-height:0;height:100%;overflow:hidden;padding:var(--sp-2)}@media (max-height: 740px){.entry-card{min-height:76px}.entry-card .icon{font-size:24px}.grid-fit .entry-card{min-height:0;font-size:var(--fs-body)}}.rank-row{display:grid;grid-template-columns:32px 1fr auto;gap:var(--sp-2);align-items:center;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-soft)}.avatar-sm{width:32px;height:32px}.rank-row .seal{width:32px;height:32px;font-size:15px}.rank-row .rank-no{font-family:var(--font-num);font-weight:700;text-align:center;color:var(--ink-tertiary)}.rank-row.top-1 .rank-no{color:var(--color-gold)}.rank-row.top-2 .rank-no{color:#8a8a85}.rank-row.top-3 .rank-no{color:#b96e2b}.rank-row.self{background:#2c5f6e0f}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:0;overflow-y:auto;padding:var(--sp-5) var(--sp-4);padding-top:calc(var(--sp-5) + var(--safe-top))}.login-card{width:100%;max-width:360px}.login-card input{width:100%;min-height:44px;font-size:var(--fs-h3);text-align:center;letter-spacing:4px}.login-card .seal-xl{margin:0 auto var(--sp-4)}.login-card h2{text-align:center;margin-bottom:var(--sp-2)}.login-card .sub{text-align:center;color:var(--ink-tertiary);margin-bottom:var(--sp-4)}@media (max-height: 620px){.login-card .seal-xl{width:60px;height:60px;font-size:24px;margin-bottom:var(--sp-3)}.login-card h2{font-size:var(--fs-h3)}}.teacher-table{width:100%;border-collapse:collapse}.teacher-table th,.teacher-table td{padding:var(--sp-3);border-bottom:1px solid var(--border-soft);text-align:left}.teacher-table th{background:var(--paper-deep);font-weight:600;font-size:var(--fs-meta)}.teacher-table tr.zebra{background:var(--paper-card)}.herald-host{position:fixed;left:0;right:0;z-index:80;bottom:calc(56px + var(--safe-bottom) + var(--sp-3));display:flex;justify-content:center;padding:0 var(--sp-4);pointer-events:none}.herald{display:flex;align-items:flex-end;gap:var(--sp-2);max-width:420px;animation:herald-in .28s ease both;will-change:transform,opacity}.herald.out{animation:herald-out .4s ease both}.herald-portrait{width:80px;height:120px;flex:none;object-fit:cover;object-position:top center;border-radius:6px;opacity:.95;-webkit-mask-image:linear-gradient(to bottom,#000 75%,transparent 100%);mask-image:linear-gradient(to bottom,#000 75%,transparent 100%)}.herald-bubble{background:var(--paper-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);box-shadow:var(--shadow-card)}.herald-voice{display:block;font-size:11px;letter-spacing:2px;color:var(--ink-tertiary);margin-bottom:2px}.herald-text{margin:0;font-family:var(--font-deco);font-size:var(--fs-h3);color:var(--ink-primary)}@keyframes herald-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes herald-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.98)}}@media (prefers-reduced-motion: reduce){.herald,.herald.out{animation-name:herald-fade}@keyframes herald-fade{0%{opacity:0}to{opacity:1}}}.zhenyan-page{display:flex;flex-direction:column;background:transparent;padding:var(--sp-4);padding-top:0}.page-topbar{display:flex;align-items:center;justify-content:space-between;min-height:40px;margin-bottom:var(--sp-3);flex:none}.page-topbar-title{font-size:13px;letter-spacing:2px;color:var(--ink-tertiary)}.wallet{font-size:var(--fs-meta);color:var(--color-gold);font-weight:600;white-space:nowrap}.wallet b{font-size:var(--fs-body);margin-left:2px}.zhenyan-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-5)}.zhenyan-portrait{width:120px;height:180px;object-fit:cover;object-position:top center;border-radius:8px;opacity:.95;flex:none;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}@media (max-height: 740px){.zhenyan-portrait{width:96px;height:144px}}@media (max-height: 620px){.zhenyan-portrait{width:72px;height:108px}}.zhenyan-bubble{max-width:340px;background:var(--paper-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-card);animation:zhenyan-pop .3s ease both}@keyframes zhenyan-pop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.zhenyan-text{margin:0;font-family:var(--font-deco);font-size:20px;line-height:32px;color:var(--ink-primary);text-align:center}.zhenyan-hint{animation:zhenyan-fade 2s ease infinite alternate}@keyframes zhenyan-fade{0%{opacity:.4}to{opacity:.8}}.home-banner{margin:0 calc(var(--sp-4) * -1) var(--sp-4);overflow:hidden}.home-banner img{width:100%;height:auto;display:block;object-fit:cover}.home-page .card{background:#fffdf7ad}.home-page .entry-card{background:#fffdf799}.home-page .entry-card:hover{background:#fffdf7bf}.app-bar-trans{background:#fffdf7b8}html.night .home-page .card{background:#232a33b8}html.night .home-page .entry-card{background:#232a33a6}html.night .home-page .entry-card:hover{background:#2d343fcc}html.night .app-bar-trans{background:#232a33c7}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1a1f268c;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:tut-in .2s ease both}@keyframes tut-in{0%{opacity:0}to{opacity:1}}.tutorial-card{position:relative;width:100%;max-width:340px;background:var(--paper-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-4) var(--sp-4);text-align:center;box-shadow:var(--shadow-modal);display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);animation:tut-pop .25s ease both}@keyframes tut-pop{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}.tutorial-skip{position:absolute;top:var(--sp-3);right:var(--sp-3);background:none;border:none;font-size:13px;color:var(--ink-tertiary);cursor:pointer;padding:4px 8px}.tutorial-portrait{width:100px;height:150px;object-fit:cover;object-position:top center;border-radius:8px;opacity:.95;-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}.tutorial-bubble{display:flex;align-items:flex-start;gap:var(--sp-2);background:var(--paper-deep);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);width:100%;animation:tut-pop .25s ease both}.tutorial-icon{font-size:24px;flex-shrink:0;line-height:1.4}.tutorial-text{margin:0;font-family:var(--font-deco);font-size:17px;line-height:28px;color:var(--ink-primary);text-align:left;flex:1;padding-top:2px}.tutorial-dots{display:flex;gap:6px}.tdot{width:6px;height:6px;border-radius:50%;background:var(--border-medium);transition:background .2s}.tdot.active{background:var(--color-primary)}.tutorial-next{width:100%}.spark{display:block}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ink-tertiary)}.status-dot.ok{background:var(--color-success)}.status-dot.warn{background:var(--color-warning)}.status-dot.err{background:var(--color-error)}.announce-bar{width:100%;display:flex;align-items:center;gap:6px;padding:6px 10px;margin-bottom:var(--sp-4);background:#c8901e14;border:1px solid rgba(200,144,30,.35);border-radius:999px;color:var(--ink-primary);font-size:12px;cursor:pointer}html.night .announce-bar{background:#c8901e1f}.announce-ico{font-size:13px;flex:none}.announce-label{flex:none;font-weight:700;color:var(--color-gold, #C8901E);letter-spacing:1px;font-size:11px}.announce-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;animation:announce-in .4s ease both}@keyframes announce-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.announce-more{flex:none;font-size:10px;color:var(--color-gold);border:1px solid rgba(200,144,30,.4);border-radius:999px;padding:0 5px;line-height:16px}.announce-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0006;display:flex;align-items:flex-end;justify-content:center}.announce-panel{width:100%;max-width:560px;max-height:70vh;overflow:auto;background:var(--paper-base);border-radius:16px 16px 0 0;padding:var(--sp-4);animation:announce-sheet .25s ease both}html.night .announce-panel{background:#1a1f26}@keyframes announce-sheet{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.announce-item{display:flex;gap:10px;align-items:flex-start;padding:var(--sp-2) 0;border-bottom:1px solid var(--border-soft)}.announce-item:last-child{border-bottom:0}.app-icon{display:block;border-radius:50%;object-fit:cover;flex-shrink:0;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}html.night .app-icon{opacity:.92}.tab .app-icon{opacity:.62;transition:opacity .18s ease,transform .18s ease}.tab.active .app-icon{opacity:1;transform:scale(1.06)}@media (max-height: 740px) and (max-width: 900px){.entry-card .app-icon{width:36px!important;height:36px!important}}@media (max-height: 560px) and (max-width: 900px){.entry-card .app-icon{width:30px!important;height:30px!important}}@media (min-width: 900px){.entry-card .app-icon{width:48px!important;height:48px!important}}.heaven-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#00000073;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:heaven-fade .2s ease both}@keyframes heaven-fade{0%{opacity:0}to{opacity:1}}.heaven-card{width:100%;max-width:380px;background:var(--paper-base);border:1px solid var(--border-medium);border-radius:16px;padding:var(--sp-5);text-align:center;box-shadow:var(--shadow-modal);animation:heaven-pop .28s cubic-bezier(.2,.9,.3,1.25) both}html.night .heaven-card{background:#232a33}@keyframes heaven-pop{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}@media (min-width: 900px){.page{height:auto;min-height:100%;overflow:visible}.page-body{overflow:visible;padding-bottom:calc(96px + var(--safe-bottom))!important}.scroll-area{overflow:visible}.container{max-width:1200px}.grid-2{grid-template-columns:repeat(3,1fr)}.grid-fit{flex:none;grid-template-rows:auto}.grid-fit .entry-card{min-height:118px;height:auto}.entry-card .icon{font-size:32px}.quiz-body{max-width:780px;margin:0 auto;width:100%}.quiz-body .quiz-stem{max-height:none}.quiz-opt{min-height:52px}.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);align-content:start}.market-grid>.card{margin-bottom:0!important}}