@charset "UTF-8";.app-icon[data-v-bae313e6]{display:inline-block;vertical-align:middle;flex-shrink:0}.mascot[data-v-546040fa]{display:block;flex-shrink:0}._wrap_1ovmd_3{position:relative;display:inline-flex}._bellBtn_1ovmd_7{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-btn, 12px);background:transparent;color:var(--color-text);cursor:pointer}._bellBtn_1ovmd_7:hover{background:var(--color-hover, rgba(0, 0, 0, .06))}._badge_1ovmd_39{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--color-danger, #ef4444);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}._panel_1ovmd_71{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:min(340px,calc(100vw - 32px));max-height:min(420px,70vh);display:flex;flex-direction:column;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-card, 16px);box-shadow:var(--shadow-lg, 0 12px 32px rgba(0, 0, 0, .16));overflow:hidden}._head_1ovmd_103{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--color-border, #e2e8f0)}._title_1ovmd_118{font-size:14px;font-weight:700;color:var(--color-text)}._readAll_1ovmd_122{border:none;background:none;color:var(--color-primary, #2563eb);font-size:12px;font-weight:600;cursor:pointer}._list_1ovmd_140{flex:1;overflow-y:auto;padding:6px}._tip_1ovmd_144{margin:18px 0;text-align:center;font-size:13px;color:var(--color-text-secondary, #64748b)}._item_1ovmd_148{display:flex;flex-direction:row;align-items:stretch;gap:4px;width:100%;padding:10px 12px;border-radius:var(--radius-btn, 12px)}._item_1ovmd_148:hover{background:var(--color-hover, rgba(0, 0, 0, .05))}._itemUnread_1ovmd_172{background:var(--color-primary-alpha, rgba(37, 99, 235, .06))}._itemUnread_1ovmd_172:hover{background:var(--color-primary-alpha, rgba(37, 99, 235, .12))}._itemMain_1ovmd_178{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:0;border:none;background:transparent;text-align:left;cursor:pointer}._itemDel_1ovmd_204{flex-shrink:0;align-self:center;width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary, #94a3b8);font-size:16px;line-height:1;cursor:pointer}._itemDel_1ovmd_204:hover{background:#dc26261a;color:#dc2626}._itemTitle_1ovmd_236{font-size:13px;font-weight:700;color:var(--color-text);line-height:1.4}._itemText_1ovmd_238{font-size:12px;color:var(--color-text-secondary, #64748b);line-height:1.4}._itemTime_1ovmd_240{font-size:11px;color:var(--color-text-secondary, #94a3b8)}._detailMask_1ovmd_246{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:20px}._detailBox_1ovmd_268{width:min(400px,100%);max-height:70vh;overflow-y:auto;background:var(--color-surface, #fff);border-radius:var(--radius-card, 16px);padding:20px;box-shadow:0 16px 48px #00000038}._detailTitle_1ovmd_288{margin:0 0 4px;font-size:1rem;font-weight:800;color:var(--color-text)}._detailTime_1ovmd_290{margin:0 0 12px;font-size:.75rem;color:var(--color-text-secondary, #94a3b8)}._detailContent_1ovmd_292{margin:0 0 16px;font-size:.9rem;line-height:1.65;color:var(--color-text);white-space:pre-wrap;word-break:break-word}._detailActions_1ovmd_296{display:flex;gap:10px}._detailGoBtn_1ovmd_300{flex:1;min-height:40px;border:none;border-radius:var(--radius-btn, 12px);background:var(--color-primary, #2563eb);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer}._detailCloseBtn_1ovmd_324{flex:1;min-height:40px;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-btn, 12px);background:var(--color-bg, #f8fafc);color:var(--color-text-secondary, #64748b);font-size:.9rem;font-weight:700;cursor:pointer}._foot_1ovmd_348{padding:8px;border-top:1px solid var(--color-border, #e2e8f0)}._moreBtn_1ovmd_352{width:100%;padding:7px;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-btn, 12px);background:var(--color-surface, #fff);color:var(--color-text-secondary, #64748b);font-size:12px;font-weight:600;cursor:pointer}._moreBtn_1ovmd_352:disabled{opacity:.6;cursor:default}._modalMask_fxw3t_2{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal, 1500);background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:20px}._modalBox_fxw3t_13{width:100%;max-width:360px;background:#fff;border-radius:16px;box-shadow:0 16px 40px #0f172a40;animation:_modalZoomIn_fxw3t_1 .25s cubic-bezier(.34,1.4,.64,1)}._modalHeader_fxw3t_22{padding:20px 20px 0;text-align:center}._modalTitle_fxw3t_27{margin:0;font-size:17px;font-weight:800;color:#1e293b}._modalBody_fxw3t_34{padding:12px 20px 0}._modalMessage_fxw3t_38{margin:0;font-size:14px;color:#64748b;line-height:1.6;text-align:center;white-space:pre-line}._typedWrap_fxw3t_47{margin-top:14px}._typedHint_fxw3t_51{margin:0 0 6px;font-size:13px;color:#64748b;text-align:center}._typedHint_fxw3t_51 b{color:#dc2626;word-break:break-all}._typedInput_fxw3t_63{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;font-size:14px;outline:none;text-align:center}._typedInput_fxw3t_63:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}._modalFooter_fxw3t_79{display:flex;gap:12px;padding:18px 20px 20px}._cancelBtn_fxw3t_85{flex:1;border:1px solid #e2e8f0;border-radius:12px;padding:12px 0;font-size:15px;font-weight:700;color:#64748b;background:#f8fafc;cursor:pointer}._cancelBtn_fxw3t_85:active{transform:scale(.97)}._confirmBtn_fxw3t_101{flex:1;border:none;border-radius:12px;padding:12px 0;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-primary),#7c5cf0);box-shadow:0 4px 12px var(--shadow-primary);cursor:pointer}._confirmBtn_fxw3t_101:active{transform:scale(.97)}._confirmBtnDanger_fxw3t_118{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466}._confirmBtnDisabled_fxw3t_123{opacity:.45;cursor:not-allowed;box-shadow:none}._confirmBtnDisabled_fxw3t_123:active{transform:none}@keyframes _modalZoomIn_fxw3t_1{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.modal-fade-enter-active{transition:opacity .2s ease}.modal-fade-leave-active{transition:opacity .15s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}._overlay_1adr9_2{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2050;background:var(--color-overlay, rgba(15, 23, 42, .45));display:flex;align-items:center;justify-content:center;padding:24px}._box_1adr9_12{background:var(--color-surface, #fff);border-radius:var(--radius-xl, 24px);padding:24px 22px 18px;max-width:420px;width:100%;box-shadow:var(--shadow-xl, 0 18px 48px rgba(15, 23, 42, .16));color:var(--color-text)}._title_1adr9_21{margin:0 0 10px;font-size:18px;font-weight:800}._body_1adr9_26{font-size:14px;line-height:1.75;color:var(--color-text-secondary);white-space:pre-wrap;max-height:50vh;overflow-y:auto}._actions_1adr9_34{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}._primary_1adr9_40,._ghost_1adr9_41{border:none;border-radius:var(--radius-btn, 12px);padding:9px 18px;font-size:14px;font-weight:700;cursor:pointer}._primary_1adr9_40{background:var(--gradient-primary, var(--color-primary));color:var(--color-on-primary, #fff)}._ghost_1adr9_41{background:var(--bg-tertiary, #f1f5f9);color:var(--color-text)}._ann-fade-enter-active_1adr9_57,._ann-fade-leave-active_1adr9_58{transition:opacity .25s}._ann-fade-enter-from_1adr9_61,._ann-fade-leave-to_1adr9_62{opacity:0}._eyecareOverlay_1xips_2{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--color-overlay, rgba(15, 23, 42, .45));display:flex;align-items:center;justify-content:center;padding:24px}._eyecareBox_1xips_13{background:var(--color-surface, #fff);border-radius:var(--radius-xl, 24px);padding:28px 24px 22px;max-width:320px;width:100%;text-align:center;box-shadow:var(--shadow-xl, 0 18px 48px rgba(15, 23, 42, .16));color:var(--color-text)}._eyecareTitle_1xips_24{margin:12px 0 0;font-size:19px;font-weight:800;color:var(--color-text)}._eyecareText_1xips_31{margin:10px 0 0;font-size:14px;color:var(--color-text-secondary);line-height:1.7}._eyecareBtn_1xips_39{display:block;margin-top:18px;border:none;background:var(--gradient-primary, var(--color-primary));color:var(--color-on-primary, #fff);font-size:15px;font-weight:800;cursor:pointer}._eyecare-fade-enter-active_1xips_50,._eyecare-fade-leave-active_1xips_51{transition:opacity .3s}._eyecare-fade-enter-from_1xips_55,._eyecare-fade-leave-to_1xips_56{opacity:0}.app-toasts{position:fixed;top:68px;left:50%;transform:translate(-50%);z-index:2100;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 32px));pointer-events:none}.app-toast{pointer-events:auto;padding:12px 16px;border-radius:var(--radius-btn, 12px);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);font-size:14px;font-weight:500;cursor:pointer;animation:app-toast-in .25s ease}.app-toast--success{border-left:4px solid var(--color-success)}.app-toast--error{border-left:4px solid var(--color-danger)}.app-toast--warning{border-left:4px solid var(--color-warning)}.app-toast--info{border-left:4px solid var(--color-primary)}@keyframes app-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}:root{--color-primary: #2f80ed;--color-primary-dark: #1f6fd0;--color-primary-deeper: #1557ab;--color-primary-soft: rgba(47, 128, 237, .12);--color-on-primary: #ffffff;--color-accent: #ffb020;--color-success: #22a06b;--color-danger: #e5484d;--color-warning: #f5a524;--color-info: var(--color-primary);--color-gold: #f5c542;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-light: #94a3b8;--color-text-inverse: #f8fafc;--color-bg: #f1f5f9;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-muted: #f8fafc;--color-white: #ffffff;--color-border: #e2e8f0;--color-divider: #f1f5f9;--color-overlay: rgba(15, 23, 42, .45);--gradient-primary: linear-gradient(135deg, #2f80ed 0%, #56a8ff 100%);--gradient-header: linear-gradient(135deg, #2f80ed 0%, #7ec8ff 100%);--gradient-gold: linear-gradient(135deg, #f5c542 0%, #ffb020 100%);--gradient-card: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);--gradient-success: linear-gradient(135deg, #22a06b 0%, #3cb371 100%);--gradient-hero: linear-gradient(145deg, #2f80ed 0%, #5b8def 55%, #7ec8ff 100%);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 4px 14px rgba(15, 23, 42, .08);--shadow-lg: 0 10px 28px rgba(15, 23, 42, .12);--shadow-xl: 0 18px 48px rgba(15, 23, 42, .16);--shadow-primary: 0 6px 16px rgba(47, 128, 237, .28);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--radius-btn: 12px;--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;--font-family-display: var(--font-family-base);--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-size-h1: 26px;--font-size-h2: 22px;--font-size-h3: 18px;--font-size-h4: 16px;--font-size-h5: 15px;--font-size-h6: 13px;--font-size-body: 16px;--font-size-small: 13px;--font-size-xs: 12px;--font-size-lg: 18px;--font-size-display: 28px;--line-height-tight: 1.25;--line-height-base: 1.6;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--space-xxxl: 48px;--container-max-width: 1120px;--content-max-width: 720px;--header-height: 56px;--sidebar-width: 240px;--sidebar-rail-width: 68px;--bottom-nav-height: 62px;--touch-min: 48px;--z-header: 900;--z-sidebar: 950;--z-overlay: 1400;--z-modal: 1500;--z-toast: 2000;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--input-height: 44px;--input-height-sm: 36px;--input-border-radius: var(--radius-btn);--input-border-color: var(--color-border);--input-border-color-focus: var(--color-primary);--input-bg: var(--color-surface);--input-bg-disabled: var(--color-surface-muted);--input-text-color: var(--color-text);--input-placeholder-color: var(--color-text-light);--input-focus-ring: 0 0 0 3px var(--color-primary-soft);--label-font-size: var(--font-size-small);--label-font-weight: 500;--label-color: var(--color-text-secondary);--help-font-size: var(--font-size-xs);--help-color: var(--color-text-light);--switch-width: 44px;--switch-height: 24px;--switch-dot-size: 18px;--chip-height: 32px;--chip-padding-x: 14px;--chip-font-size: var(--font-size-xs);--chip-font-weight: 600;--slider-track-height: 6px;--slider-thumb-size: 20px;--slider-thumb-border: 2px solid var(--color-white);--disabled-opacity: .55;--card-padding: 16px;--card-radius: 16px}:root,html[data-mode=light],body[data-mode=light]{color-scheme:light;--color-bg: #f1f5f9;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-muted: #f8fafc;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-light: #94a3b8;--color-text-inverse: #f8fafc;--color-border: #e2e8f0;--color-divider: #f1f5f9;--color-overlay: rgba(15, 23, 42, .45);--color-white: #ffffff;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 4px 14px rgba(15, 23, 42, .08);--shadow-lg: 0 10px 28px rgba(15, 23, 42, .12);--shadow-xl: 0 18px 48px rgba(15, 23, 42, .16);--gradient-card: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%)}html[data-mode=dark],body[data-mode=dark]{color-scheme:dark;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-raised: #243044;--color-surface-muted: #162033;--color-white: #1e293b;--color-text: #e2e8f0;--color-text-secondary: #94a3b8;--color-text-light: #64748b;--color-text-inverse: #0f172a;--color-border: #334155;--color-divider: #243044;--color-overlay: rgba(2, 6, 23, .65);--color-on-primary: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 14px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 28px rgba(0, 0, 0, .45);--shadow-xl: 0 18px 48px rgba(0, 0, 0, .5);--gradient-card: linear-gradient(160deg, #1e293b 0%, #162033 100%);--gradient-hero: linear-gradient(145deg, #1d4ed8 0%, #2563eb 55%, #3b82f6 100%);--input-bg: #162033;--input-border-color: #334155}html[data-mode=eye],body[data-mode=eye]{color-scheme:light;--color-bg: #f4efe3;--color-surface: #faf6eb;--color-surface-raised: #fffcf4;--color-surface-muted: #efe8d8;--color-white: #faf6eb;--color-text: #3d3a33;--color-text-secondary: #6b655a;--color-text-light: #8f877a;--color-text-inverse: #faf6eb;--color-border: #e0d7c5;--color-divider: #ebe4d4;--color-overlay: rgba(61, 58, 51, .4);--color-primary: #3d7a5a;--color-primary-dark: #2f6348;--color-primary-deeper: #245039;--color-primary-soft: rgba(61, 122, 90, .14);--color-on-primary: #faf6eb;--gradient-primary: linear-gradient(135deg, #3d7a5a 0%, #4f9670 100%);--gradient-header: linear-gradient(135deg, #3d7a5a 0%, #6aaf8a 100%);--gradient-hero: linear-gradient(145deg, #3d7a5a 0%, #4f9670 55%, #6aaf8a 100%);--shadow-sm: 0 1px 3px rgba(61, 58, 51, .08);--shadow-md: 0 4px 14px rgba(61, 58, 51, .1);--shadow-lg: 0 10px 28px rgba(61, 58, 51, .12);--shadow-xl: 0 18px 48px rgba(61, 58, 51, .14);--shadow-primary: 0 6px 16px rgba(61, 122, 90, .28);--gradient-card: linear-gradient(160deg, #faf6eb 0%, #f4efe3 100%);--input-bg: #faf6eb;--input-border-color: #e0d7c5}:root,html[data-skin=sky],body[data-skin=sky],html[data-theme=default],body[data-theme=default]{--skin-name: sky;--color-primary: #2f80ed;--color-primary-dark: #1f6fd0;--color-primary-deeper: #1557ab;--color-primary-soft: rgba(47, 128, 237, .12);--color-on-primary: #ffffff;--gradient-primary: linear-gradient(135deg, #2f80ed 0%, #56a8ff 100%);--gradient-header: linear-gradient(135deg, #2f80ed 0%, #7ec8ff 100%);--shadow-primary: 0 6px 16px rgba(47, 128, 237, .28)}html[data-mode=dark][data-skin=sky],body[data-mode=dark][data-skin=sky],html[data-mode=dark][data-theme=default],body[data-mode=dark][data-theme=default]{--color-primary: #60a5fa;--color-primary-dark: #3b82f6;--color-primary-deeper: #2563eb;--color-primary-soft: rgba(96, 165, 250, .18);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);--gradient-header: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);--shadow-primary: 0 6px 16px rgba(59, 130, 246, .35)}html[data-skin=mint],body[data-skin=mint],html[data-theme=forest],body[data-theme=forest]{--skin-name: mint;--color-primary: #0d9488;--color-primary-dark: #0f766e;--color-primary-deeper: #115e59;--color-primary-soft: rgba(13, 148, 136, .12);--color-on-primary: #ffffff;--gradient-primary: linear-gradient(135deg, #0d9488 0%, #2dd4bf 100%);--gradient-header: linear-gradient(135deg, #0d9488 0%, #5eead4 100%);--shadow-primary: 0 6px 16px rgba(13, 148, 136, .28)}html[data-mode=dark][data-skin=mint],body[data-mode=dark][data-skin=mint],html[data-mode=dark][data-theme=forest],body[data-mode=dark][data-theme=forest]{--color-primary: #2dd4bf;--color-primary-dark: #14b8a6;--color-primary-deeper: #0d9488;--color-primary-soft: rgba(45, 212, 191, .18);--gradient-primary: linear-gradient(135deg, #14b8a6 0%, #2dd4bf 100%);--gradient-header: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%)}html[data-skin=coral],body[data-skin=coral],html[data-theme=candy],body[data-theme=candy]{--skin-name: coral;--color-primary: #e85d75;--color-primary-dark: #db3f5c;--color-primary-deeper: #c4324e;--color-primary-soft: rgba(232, 93, 117, .12);--color-on-primary: #ffffff;--gradient-primary: linear-gradient(135deg, #e85d75 0%, #ff8fab 100%);--gradient-header: linear-gradient(135deg, #e85d75 0%, #ffc2d1 100%);--shadow-primary: 0 6px 16px rgba(232, 93, 117, .28)}html[data-mode=dark][data-skin=coral],body[data-mode=dark][data-skin=coral],html[data-mode=dark][data-theme=candy],body[data-mode=dark][data-theme=candy]{--color-primary: #fb7185;--color-primary-dark: #f43f5e;--color-primary-deeper: #e11d48;--color-primary-soft: rgba(251, 113, 133, .18);--gradient-primary: linear-gradient(135deg, #f43f5e 0%, #fb7185 100%);--gradient-header: linear-gradient(135deg, #be123c 0%, #f43f5e 100%)}html[data-skin=grape],body[data-skin=grape],html[data-theme=starlight],body[data-theme=starlight]{--skin-name: grape;--color-primary: #7c5cfc;--color-primary-dark: #6941e6;--color-primary-deeper: #5630c9;--color-primary-soft: rgba(124, 92, 252, .12);--color-on-primary: #ffffff;--gradient-primary: linear-gradient(135deg, #7c5cfc 0%, #a78bfa 100%);--gradient-header: linear-gradient(135deg, #7c5cfc 0%, #c4b5fd 100%);--shadow-primary: 0 6px 16px rgba(124, 92, 252, .28)}html[data-mode=dark][data-skin=grape],body[data-mode=dark][data-skin=grape],html[data-mode=dark][data-theme=starlight],body[data-mode=dark][data-theme=starlight]{--color-primary: #a78bfa;--color-primary-dark: #8b5cf6;--color-primary-deeper: #7c3aed;--color-primary-soft: rgba(167, 139, 250, .18);--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);--gradient-header: linear-gradient(135deg, #6d28d9 0%, #8b5cf6 100%)}html[data-skin=sunset],body[data-skin=sunset]{--skin-name: sunset;--color-primary: #f59e0b;--color-primary-dark: #d97706;--color-primary-deeper: #b45309;--color-primary-soft: rgba(245, 158, 11, .14);--color-on-primary: #1e1200;--gradient-primary: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--gradient-header: linear-gradient(135deg, #f59e0b 0%, #fde68a 100%);--shadow-primary: 0 6px 16px rgba(245, 158, 11, .3)}html[data-mode=dark][data-skin=sunset],body[data-mode=dark][data-skin=sunset]{--color-primary: #fbbf24;--color-primary-dark: #f59e0b;--color-primary-deeper: #d97706;--color-primary-soft: rgba(251, 191, 36, .18);--color-on-primary: #1e1200;--gradient-primary: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--gradient-header: linear-gradient(135deg, #b45309 0%, #f59e0b 100%)}html[data-skin=ocean-deep],body[data-skin=ocean-deep],html[data-theme=ocean],body[data-theme=ocean]{--skin-name: ocean-deep;--color-primary: #0891b2;--color-primary-dark: #0e7490;--color-primary-deeper: #155e75;--color-primary-soft: rgba(8, 145, 178, .12);--color-on-primary: #ffffff;--gradient-primary: linear-gradient(135deg, #0891b2 0%, #22d3ee 100%);--gradient-header: linear-gradient(135deg, #0891b2 0%, #67e8f9 100%);--shadow-primary: 0 6px 16px rgba(8, 145, 178, .28)}html[data-mode=dark][data-skin=ocean-deep],body[data-mode=dark][data-skin=ocean-deep],html[data-mode=dark][data-theme=ocean],body[data-mode=dark][data-theme=ocean]{--color-primary: #22d3ee;--color-primary-dark: #06b6d4;--color-primary-deeper: #0891b2;--color-primary-soft: rgba(34, 211, 238, .18);--gradient-primary: linear-gradient(135deg, #06b6d4 0%, #22d3ee 100%);--gradient-header: linear-gradient(135deg, #0e7490 0%, #06b6d4 100%)}html[data-mode=eye] [data-skin],body[data-mode=eye] [data-skin],html[data-mode=eye][data-skin],body[data-mode=eye][data-skin]{--color-primary: #3d7a5a !important;--color-primary-dark: #2f6348 !important;--color-primary-deeper: #245039 !important;--color-primary-soft: rgba(61, 122, 90, .14) !important;--color-on-primary: #faf6eb !important;--gradient-primary: linear-gradient(135deg, #3d7a5a 0%, #4f9670 100%) !important;--gradient-header: linear-gradient(135deg, #3d7a5a 0%, #6aaf8a 100%) !important}:root,html[data-age=middle],body[data-age=middle]{--font-size-body: 16px;--font-size-small: 13px;--font-size-h1: 26px;--font-size-h2: 22px;--font-size-h3: 18px;--font-size-display: 28px;--radius-btn: 12px;--card-radius: 16px;--card-padding: 16px;--touch-min: 48px;--btn-height: 48px;--btn-height-sm: 40px;--btn-height-lg: 52px}html[data-age=lower],body[data-age=lower]{--font-size-body: 17px;--font-size-small: 14px;--font-size-xs: 13px;--font-size-h1: 28px;--font-size-h2: 24px;--font-size-h3: 19px;--font-size-h4: 17px;--font-size-display: 32px;--radius-btn: 14px;--card-radius: 20px;--card-padding: 20px;--touch-min: 52px;--btn-height: 52px;--btn-height-sm: 44px;--btn-height-lg: 56px;--space-lg: 18px;--space-xl: 26px}html[data-age=upper],body[data-age=upper],html[data-age=admin],body[data-age=admin]{--font-size-body: 15px;--font-size-small: 13px;--font-size-h1: 24px;--font-size-h2: 20px;--font-size-h3: 17px;--font-size-display: 26px;--radius-btn: 10px;--card-radius: 14px;--card-padding: 14px;--touch-min: 44px;--btn-height: 44px;--btn-height-sm: 36px;--btn-height-lg: 48px}html[data-age=admin],body[data-age=admin]{--font-size-body: 14px;--font-size-small: 12px;--font-size-h1: 22px;--font-size-h2: 18px;--font-size-h3: 16px;--radius-btn: 8px;--card-radius: 10px;--card-padding: 12px;--touch-min: 40px;--btn-height: 40px;--btn-height-sm: 32px;--btn-height-lg: 44px;--input-height: 36px;--sidebar-width: 220px;--sidebar-rail-width: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg, #F4F8FC);color:var(--color-text, #2C3E50);font-family:var(--font-family-base, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif);font-size:var(--font-size-body, 14px);line-height:var(--line-height-base, 1.6);min-height:100vh}h1{font-size:var(--font-size-h1, 26px)}h2{font-size:var(--font-size-h2, 22px)}h3{font-size:var(--font-size-h3, 18px)}h4{font-size:var(--font-size-h4, 16px)}h5{font-size:var(--font-size-h5, 15px)}h6{font-size:var(--font-size-h6, 13px)}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight, 1.25);font-weight:600}button,input,select,textarea{font:inherit;color:inherit;border:none;outline:none;background:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}a{text-decoration:none;color:var(--color-primary-deeper, #0288D1)}ul,ol{list-style:none}img{max-width:100%;display:block}table{border-collapse:collapse;border-spacing:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7f8c9b59;border-radius:var(--radius-pill, 999px)}::-webkit-scrollbar-thumb:hover{background:#7f8c9b8c}.container{max-width:var(--container-max-width, 1080px);margin:0 auto;padding:0 var(--space-lg, 16px)}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes reveal{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}25%,75%{transform:translateY(-3px)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes swing{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes gachaShake{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-4px) rotate(-2deg)}30%{transform:translate(4px) rotate(2deg)}45%{transform:translate(-5px) rotate(-3deg)}60%{transform:translate(5px) rotate(3deg)}75%{transform:translate(-3px) rotate(-1deg)}90%{transform:translate(3px) rotate(1deg)}}@keyframes flip{0%{transform:perspective(600px) rotateY(0)}to{transform:perspective(600px) rotateY(360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinIn{0%{opacity:0;transform:rotate(-180deg) scale(.6)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.94)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes coinFly{0%{opacity:1;transform:translateY(0) scale(1) rotate(0)}20%{transform:translateY(-80px) scale(1.1) rotate(72deg)}40%{transform:translateY(-160px) scale(1.05) rotate(144deg)}70%{opacity:1;transform:translateY(-260px) scale(.9) rotate(252deg)}to{opacity:0;transform:translateY(-340px) scale(.7) rotate(360deg)}}@keyframes pointsFloat{0%{opacity:0;transform:translate(0) scale(.8)}15%{opacity:1;transform:translateY(-8px) scale(1.06)}75%{opacity:1;transform:translateY(-36px) scale(1)}to{opacity:0;transform:translateY(-56px) scale(.94)}}.page{width:100%;max-width:var(--content-max-width, 720px);margin:0 auto}.page-wide{width:100%;max-width:var(--container-max-width, 1120px);margin:0 auto}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius, 16px);padding:var(--card-padding, 16px);box-shadow:var(--shadow-sm)}.homePage,.vocabularyPage,.readingPage,.playlandPage,.rewardsPage,.lookupPage,.profilePage,.loginPage,.adminPage,.socialPage,.assessmentPage{background:var(--color-bg)!important;color:var(--color-text)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--btn-height, 48px);padding:0 18px;border:none;border-radius:var(--radius-btn, 12px);background:var(--gradient-primary, var(--color-primary));color:var(--color-on-primary, #fff);font-size:var(--font-size-body, 16px);font-weight:600;cursor:pointer;box-shadow:var(--shadow-primary)}.btn-primary:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.btn-block{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:360px;min-height:var(--btn-height, 48px);margin-inline:auto;padding:0 18px;border-radius:var(--radius-btn, 12px);font-size:15px;font-weight:700}.field-input{width:100%;min-height:var(--input-height, 44px);padding:0 14px;border:1.5px solid var(--input-border-color);border-radius:var(--radius-btn, 12px);background:var(--input-bg);color:var(--input-text-color);font-size:16px;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--input-border-color-focus);box-shadow:var(--input-focus-ring)}.field-input::placeholder{color:var(--input-placeholder-color)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page-bottom-back{display:flex;justify-content:center;padding:16px 0 calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 24px)}.shell{min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column}.sidebar{display:none;position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-rail-width);background:var(--color-surface);border-right:1px solid var(--color-border);z-index:var(--z-sidebar);flex-direction:column;padding:12px 8px;transition:width var(--transition-base)}.sidebarLogo{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-bottom:8px;border-radius:var(--radius-btn);overflow:hidden;flex-shrink:0}.sidebarLogoText{display:none;font-weight:700;font-size:15px;color:var(--color-text);white-space:nowrap}.navList{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;overflow-x:hidden}.navSection{display:none;padding:14px 10px 6px;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--color-text-light);text-transform:none}.navItem{display:flex;align-items:center;gap:10px;min-height:var(--touch-min);padding:0 12px;border-radius:var(--radius-btn);color:var(--color-text-secondary);font-size:14px;font-weight:500;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.navItem:hover{background:var(--color-surface-muted);color:var(--color-text)}.navItem.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.navItem .icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.navLabel{display:none;overflow:hidden;text-overflow:ellipsis}.sidebarFooter{margin-top:auto;padding-top:8px;border-top:1px solid var(--color-divider)}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:100vh;min-height:100dvh}.topbar{position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;gap:12px;min-height:var(--header-height);padding:0 14px;background:color-mix(in srgb,var(--color-surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.topbarMenuBtn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-btn);color:var(--color-text);background:transparent}.topbarMenuBtn:hover{background:var(--color-surface-muted)}.topbarTitle{flex:1;font-size:16px;font-weight:700;color:var(--color-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbarActions{display:flex;align-items:center;gap:6px}.iconBtn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-btn);color:var(--color-text-secondary);background:transparent}.iconBtn:hover{background:var(--color-surface-muted);color:var(--color-text)}.content{flex:1;width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box}.contentNoNav{padding-bottom:0}.bottomNav{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-header);display:flex;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb,var(--color-surface) 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border)}.bottomNavItem{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;color:var(--color-text-light);font-size:11px;font-weight:500;transition:color var(--transition-fast)}.bottomNavItem .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.bottomNavItem span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottomNavItem.active{color:var(--color-primary);font-weight:600}.drawerMask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-sidebar) - 1);background:var(--color-overlay);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.drawerMask.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;left:0;bottom:0;z-index:var(--z-sidebar);width:min(300px,86vw);background:var(--color-surface);border-right:1px solid var(--color-border);transform:translate(-105%);transition:transform var(--transition-base);display:flex;flex-direction:column;padding:16px 12px;box-shadow:var(--shadow-lg)}.drawer.open{transform:translate(0)}.drawerHeader{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;border-bottom:1px solid var(--color-divider);margin-bottom:12px}.drawerTitle{font-weight:700;font-size:16px}.drawerClose{margin-left:auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-btn);color:var(--color-text-secondary)}.shell[data-shell=admin] .sidebar,.shell[data-shell=admin] .drawer,.shell[data-shell=admin] .drawerMask,.shell[data-shell=admin] .topbar{display:none!important}.shell[data-shell=admin] .main{margin-left:0}.shell[data-shell=app] .topbar{z-index:calc(var(--z-header) + 1)}@media (min-width: 1024px){.sidebar{display:flex;width:var(--sidebar-width);padding:16px 12px}.main{margin-left:var(--sidebar-width)}.bottomNav,.topbarMenuBtn,.drawer,.drawerMask{display:none}.sidebarLogo{justify-content:flex-start;padding:0 8px}.sidebarLogoText,.navLabel,.navSection{display:block}.navItem{padding:0 12px}.topbar{padding:0 24px}}html.large-font{font-size:20px}html.large-font body{font-size:1.25rem}button,[role=button]{min-height:40px}button{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:16px}