.sp-handle[data-v-473aaa52]{position:fixed;right:0;top:38%;width:30px;height:74px;z-index:900;display:flex;align-items:center;justify-content:center;background:#6e101873;border:1px solid rgba(232,199,102,.42);border-right:none;border-radius:10px 0 0 10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .45s ease,background .2s;cursor:pointer}.sp-handle[data-v-473aaa52]:active{background:#6e1018b3}.sp-handle.dim[data-v-473aaa52]{opacity:.34}.sp-handle-txt[data-v-473aaa52]{font-size:13px;line-height:1.15;font-weight:600;color:var(--light-gold, #F2D675);letter-spacing:1px;text-align:center}.sp-testbadge[data-v-473aaa52]{position:fixed;left:0;top:0;z-index:950;padding:4px 12px 4px 10px;font-size:12px;font-weight:700;letter-spacing:2px;color:#fff8f0;background:#d42a1ee6;border-radius:0 0 10px;pointer-events:none}.sp-mask[data-v-473aaa52]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0000009e}.sp-card[data-v-473aaa52]{width:78%;max-width:320px;padding:22px 20px 18px;border-radius:16px;border:1px solid rgba(232,199,102,.5);background:linear-gradient(160deg,#6e1018,#4a0a10);box-shadow:0 12px 36px #0000008c}.sp-title[data-v-473aaa52]{text-align:center;font-size:19px;font-weight:700;color:var(--light-gold, #F2D675);letter-spacing:3px}.sp-divider[data-v-473aaa52]{height:1px;margin:12px 0 6px;background:linear-gradient(90deg,transparent,rgba(232,199,102,.55),transparent)}.sp-row[data-v-473aaa52]{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;cursor:pointer}.sp-row+.sp-row[data-v-473aaa52]{border-top:1px solid rgba(232,199,102,.14)}.sp-row-label[data-v-473aaa52]{display:flex;flex-direction:column}.sp-row-name[data-v-473aaa52]{font-size:15px;color:var(--light, #FFF8F0);font-weight:600}.sp-row-desc[data-v-473aaa52]{font-size:11.5px;color:#fff8f08c;margin-top:2px}.sp-switch[data-v-473aaa52]{position:relative;flex-shrink:0;width:50px;height:28px;border-radius:14px;background:#ffffff29;border:1px solid rgba(232,199,102,.3);transition:background .22s,border-color .22s}.sp-switch i[data-v-473aaa52]{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#9a8878;transition:transform .22s,background .22s}.sp-switch.on[data-v-473aaa52]{background:#e8c76642;border-color:var(--gold, #E8C766)}.sp-switch.on i[data-v-473aaa52]{transform:translate(22px);background:var(--light-gold, #F2D675)}.sp-close[data-v-473aaa52]{display:block;width:100%;margin-top:16px;height:44px;border-radius:10px;cursor:pointer;border:1px solid rgba(232,199,102,.45);background:#ffffff0f;color:var(--light-gold, #F2D675);font-size:15px;letter-spacing:2px}.sp-close[data-v-473aaa52]:active{background:#ffffff24}:root{--red: #D42A1E;--crimson: #9B1420;--crimson-dark: #6E1018;--gold: #E8C766;--light-gold: #F2D675;--gold-light: #F8E3A0;--warm-yellow: #FFE9B0;--white: #FFFFFF;--light: #FFF8F0;--gray: #9A8878;--gray-light: #C0AE9C;--gray-dark: #7A6A5A;--correct: #4CAF50;--correct-light: #E8F5E9;--wrong: #F44336;--wrong-light: #FFEBEE;--warning: #FF5722;--bg: #7A2820;--bg-deep: #5A1D20;--bg-card: rgba(255, 255, 255, .12);--text-primary: #FFFFFF;--text-secondary: #E0C9A8;--text-dark: #333333;--border: rgba(255, 255, 255, .16);--border-light: rgba(255, 255, 255, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--max-width: 480px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}@font-face{font-family:CJK-Punct;src:local("PingFang SC"),local("PingFangSC-Regular"),local("HarmonyOS Sans SC"),local("HarmonyOS_Sans_SC"),local("MiSans"),local("OPPO Sans"),local("Source Han Sans SC"),local("SourceHanSansSC-Regular"),local("Noto Sans CJK SC"),local("NotoSansCJKsc-Regular"),local("Noto Sans SC"),local("NotoSansSC-Regular"),local("Droid Sans Fallback"),local("DroidSansFallback"),local("Microsoft YaHei"),local("msyh"),local("Heiti SC"),local("STHeitiSC-Light");unicode-range:U+2013-2014,U+2018-201D,U+2026,U+3001-3002,U+3008-3011,U+3014-3015,U+FF01-FF5E}body{font-family:CJK-Punct,-apple-system,BlinkMacSystemFont,Microsoft YaHei,PingFang SC,sans-serif;background:var(--bg);color:var(--text-primary);font-size:15px;line-height:1.6}.page{position:relative;max-width:var(--max-width);margin:0 auto;min-height:100dvh;padding:16px 20px;padding-top:calc(16px + var(--safe-top));padding-bottom:calc(24px + var(--safe-bottom));background-color:#5e1013;background-image:radial-gradient(ellipse 95% 34% at 50% -6%,rgba(232,199,102,.15) 0%,transparent 62%),radial-gradient(ellipse 125% 85% at 50% 42%,transparent 38%,rgba(38,6,9,.5) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='170' height='170' filter='url(%23n)' opacity='0.30'/%3E%3C/svg%3E"),linear-gradient(180deg,#8e1f1b,#7a1818 34%,#5e1013);background-size:cover,cover,170px 170px,cover;background-position:center top,center top,center top,center top;background-repeat:no-repeat,no-repeat,repeat,no-repeat;background-blend-mode:normal,normal,overlay,normal}.page:after{content:"";position:absolute;bottom:0;left:0;right:0;height:240px;background:url(./bg-line-art-BSJnq6vO.jpg) no-repeat center bottom;background-size:cover;opacity:.12;pointer-events:none;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.page-title{font-size:22px;font-weight:700;color:var(--gold);text-align:center;margin-bottom:2px;letter-spacing:2px;text-shadow:0 1px 3px rgba(0,0,0,.55),0 0 14px rgba(232,199,102,.3)}.page-subtitle{text-align:center;color:var(--text-secondary);font-size:13px;margin-bottom:16px}.commemorate-bar{font-size:clamp(15px,4.8vw,23px);font-weight:800;color:var(--gold);letter-spacing:.06em;white-space:nowrap;line-height:1.45;text-align:center;padding:10px 2px 4px;margin-bottom:2px;text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 18px rgba(232,199,102,.38)}.main-subtitle{text-align:center;font-size:clamp(15px,4.8vw,23px);font-weight:700;color:var(--warm-yellow);letter-spacing:.12em;margin-bottom:14px;text-shadow:0 1px 3px rgba(0,0,0,.55)}.xuexi-header{display:flex;align-items:center;justify-content:center;padding:2px 12px 10px;margin-bottom:14px}.xuexi-logo{height:55px;width:auto;object-fit:contain}.xuexi-brand{flex:1;display:flex;align-items:center;min-width:0;width:100%}.xuexi-brand-title{font-size:18px;font-weight:600;color:var(--text-primary);line-height:1.2;overflow-wrap:anywhere;word-break:break-word}.section-title{font-size:14px;font-weight:600;color:var(--light-gold);margin-bottom:8px;display:flex;align-items:center;gap:6px}.section-title:before{content:"";width:3px;height:14px;background:var(--light-gold);border-radius:2px}.btn-primary{display:flex;align-items:center;justify-content:center;width:100%;height:44px;margin:0 auto;background:var(--red);color:var(--white);font-size:15px;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;letter-spacing:1px;transition:transform .1s,opacity .2s}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.4;transform:none}.btn-secondary{display:flex;align-items:center;justify-content:center;width:100%;height:44px;margin:0 auto;background:transparent;color:var(--white);font-size:15px;font-weight:500;border:1.5px solid rgba(255,255,255,.25);border-radius:var(--radius-md);cursor:pointer;transition:background .2s;letter-spacing:1px}.btn-secondary:active{background:#ffffff14}.btn-gold{background:linear-gradient(180deg,#d4a832,#b8922a);color:#fff}.card{background:#ffffff17;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-md);padding:12px}input,input[type=text],input[type=number]{width:100%;height:46px;background:#fff8f029;border:1px solid rgba(232,199,102,.32);border-radius:var(--radius-sm);color:var(--text-primary);padding:0 14px;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e8c76626}input::placeholder{color:#fff8f0c7}label{font-size:14px;color:var(--text-secondary);margin-top:12px;margin-bottom:6px;display:block}.empty{color:var(--text-secondary);font-size:14px;text-align:center;padding:24px}.toast{position:fixed;bottom:20%;left:50%;transform:translate(-50%);background:#000000d9;color:var(--white);padding:10px 24px;border-radius:20px;font-size:14px;z-index:999;animation:toastIn .3s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.badge{display:inline-flex;align-items:center;font-size:11px;padding:2px 8px;border-radius:4px;font-weight:600}.badge-success{background:var(--correct);color:var(--white)}.badge-gold{background:#d4a8321f;color:var(--light-gold);border:1px solid rgba(212,168,50,.25)}.badge-gray{background:#ffffff14;color:var(--text-secondary)}.rank-item{display:flex;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);margin-bottom:4px;background:var(--bg-card);border:1px solid var(--border-light);font-size:14px;transition:background .2s}.rank-item.me{background:#d4a8320f;border:1px solid rgba(212,168,50,.2)}.rank-num{width:32px;font-weight:700;color:var(--light-gold);text-align:center}.rank-name{flex:1}.rank-score{color:var(--light-gold);margin-right:8px;font-weight:700}.wechat-guide{margin-top:24px;padding:16px;text-align:center;background:var(--bg-card);border-radius:var(--radius-md);font-size:14px;color:var(--text-secondary);line-height:1.8}.wechat-guide strong{color:var(--light-gold)}.divider{display:flex;align-items:center;gap:8px;margin:12px 0;color:var(--text-secondary);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.status-bar{text-align:center;padding:8px 10px;background:#d4a83214;border-radius:var(--radius-sm);margin-bottom:12px;font-size:13px;color:var(--light-gold)}:focus-visible{outline:2px solid var(--light-gold);outline-offset:2px}.hero-band{position:relative;margin:0 -20px 18px;height:190px;overflow:hidden}.hero-band.hero-top{margin-top:calc(-16px - var(--safe-top));height:235px}.hero-band .hero-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 70%}.hero-band .hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#5e101300 34%,#5e101373 72%,#5e1013)}.hero-band .hero-txt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 24px;text-align:center}.hero-band .hero-txt .page-title{margin:0;font-size:26px}.hero-band .hero-txt .page-subtitle{margin:0;color:#ffffffe6}.hero-band .commemorate-bar{margin:0}.hero-band .xuexi-header{margin:0 0 6px;padding:0 12px}.hero-band .main-subtitle{margin:0}.hero-band.hero-top{height:260px}.hero-band.hero-top .hero-txt{justify-content:flex-start;padding-top:calc(var(--safe-top) + 16px);gap:10px}.hero-band .commemorate-bar{font-size:clamp(13px,3.6vw,17px);font-weight:700}.hero-band .xuexi-logo{height:74px}.hero-band .main-subtitle{font-size:clamp(17px,5.6vw,27px);letter-spacing:.14em}