:root{--color-primary: #d97706;--color-primary-hover: #b45309;--color-primary-light: #fef3c7;--color-primary-soft: #fffbeb;--color-bg-page: #fdf8f0;--color-bg-admin: #faf6f0;--color-bg-card: #ffffff;--color-bg-search: #fef7ed;--color-bg-sidebar: #fffdf9;--color-border: rgba(217, 119, 6, .15);--color-border-warm: #fde68a;--color-border-muted: #f0e7db;--color-text: #1c1917;--color-text-secondary: #57534e;--color-text-muted: #a8a29e;--color-text-inverse: #fffdf9;--color-folder: #f59e0b;--gradient-hero: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-login-btn: linear-gradient(90deg, #fbbf24 0%, #d97706 100%);--gradient-page: radial-gradient(ellipse 80% 50% at 90% -10%, rgba(253, 230, 138, .3), transparent 60%), radial-gradient(circle 200px at 5% 60%, rgba(254, 243, 199, .5), transparent 70%);--gradient-auth-panel: linear-gradient(160deg, #fef3c7 0%, #fffbeb 55%, #ffffff 100%);--stage-primary-bg: #fef3c7;--stage-primary-border: #fcd34d;--stage-secondary-bg: #ecfdf5;--stage-secondary-border: #6ee7b7;--stage-high-bg: #eff6ff;--stage-high-border: #93c5fd;--player-bg: #0f172a;--player-chrome: #1e293b;--font-display: "DM Sans", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-title: 18px;--font-size-card-title: 16px;--font-size-body: 14px;--font-size-caption: 12px;--letter-spacing-title: .01em;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-button: 12px;--radius-card: var(--radius-md);--radius-cover: var(--radius-md);--sidebar-width: 220px;--shadow-sm: 0 1px 3px rgba(28, 25, 23, .04);--shadow-md: 0 4px 16px rgba(217, 119, 6, .08);--shadow-lg: 0 12px 32px rgba(28, 25, 23, .06);--shadow-card-hover: var(--shadow-md);--page-padding: 20px;--content-max: 1280px;--content-narrow: 343px;--gap: 16px;--kids-bg-page: var(--color-bg-page);--kids-bg-gradient: radial-gradient(ellipse 120% 80% at 50% -20%, #fef3c7 0%, #fffbeb 45%, #fdf8f0 100%);--kids-bg-card: var(--color-bg-card);--kids-bg-search: var(--color-bg-search);--kids-primary: var(--color-primary);--kids-accent: #f59e0b;--kids-chip-active: var(--color-primary-soft);--kids-border-spine: var(--color-border-warm);--kids-text: var(--color-text);--kids-text-muted: var(--color-text-muted);--kids-stage-primary: var(--stage-primary-bg);--kids-stage-secondary: var(--stage-secondary-bg);--kids-stage-high: var(--stage-high-bg);--kids-cloud-1: rgba(254, 243, 199, .6);--kids-cloud-2: rgba(253, 230, 138, .6);--kids-shadow-soft: var(--shadow-md);--kids-shadow-lift: 0 4px 12px rgba(217, 119, 6, .18);--kids-radius-card: var(--radius-lg);--kids-radius-btn: var(--radius-md);--kids-radius-sm: var(--radius-sm);--kids-radius-cover: var(--radius-md);--kids-page-padding: var(--page-padding);--kids-gap: var(--gap);--kids-content-width: var(--content-narrow);--kids-btn-height: 48px;--kids-search-height: 44px;--kids-chip-height: 32px;--kids-cover-width: 163px;--kids-tabbar-core: 56px;--kids-safe-bottom: 34px;--kids-tabbar-height: calc(var(--kids-tabbar-core) + env(safe-area-inset-bottom, var(--kids-safe-bottom)));--kids-letter-spacing-title: var(--letter-spacing-title);--kids-font-title: var(--font-size-title);--kids-font-card-title: var(--font-size-card-title);--kids-font-body: var(--font-size-body);--kids-font-caption: var(--font-size-caption);--kids-font-cover: 13px;--el-color-primary: var(--color-primary);--el-color-primary-light-3: #fbbf24;--el-color-primary-light-5: #fcd34d;--el-color-primary-light-7: #fde68a;--el-color-primary-light-9: var(--color-primary-soft);--el-color-primary-dark-2: var(--color-primary-hover);--resource-grid-cols: 4}@media (max-width: 767px){:root{--resource-grid-cols: 1}}@media (min-width: 768px) and (max-width: 1199px){:root{--resource-grid-cols: 2}}@media (min-width: 1200px){:root{--resource-grid-cols: 4}}:root{--m-bg-page: var(--kids-bg-page);--m-bg-card: var(--kids-bg-card);--m-primary: var(--kids-primary);--m-primary-light: var(--kids-chip-active);--m-border: var(--kids-border-spine);--m-border-muted: var(--color-border-muted);--m-text: var(--kids-text);--m-text-muted: var(--kids-text-muted);--m-radius-bento: var(--kids-radius-card);--m-shadow-bento: var(--kids-shadow-soft);--m-tabbar-height: var(--kids-tabbar-height)}.mobile-page{min-height:100%;padding:var(--kids-page-padding);padding-bottom:calc(var(--m-tabbar-height) + var(--kids-page-padding));box-sizing:border-box}.mobile-page--no-tab{padding-bottom:var(--kids-page-padding)}.bento-card{background:var(--m-bg-card);border-radius:var(--m-radius-bento);border:none;box-shadow:var(--m-shadow-bento)}.bento-card--flat{box-shadow:none;border:1px solid var(--m-border-muted)}.mobile-page{background:var(--kids-bg-gradient);position:relative;isolation:isolate}.mobile-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle 120px at 10% 15%,var(--kids-cloud-1) 0%,transparent 70%),radial-gradient(circle 160px at 85% 8%,var(--kids-cloud-2) 0%,transparent 70%),radial-gradient(circle 100px at 70% 35%,var(--kids-cloud-1) 0%,transparent 65%)}.mobile-page>*{position:relative;z-index:1}.mobile-page--admin{background:var(--kids-bg-page)}.mobile-page--admin:before{display:none}.mobile-page--admin .bento-card,.mobile-page--admin .bento-card--flat{box-shadow:var(--shadow-sm)}.mobile-search{width:100%;max-width:var(--kids-content-width)}.mobile-search :deep(.el-input__wrapper){border-radius:var(--kids-radius-btn);min-height:var(--kids-search-height);height:var(--kids-search-height);background:var(--kids-bg-search);box-shadow:none!important;border:1px solid var(--color-border-muted)}.mobile-search :deep(.el-input__wrapper.is-focus){box-shadow:0 0 0 2px #d9770633!important;border-color:var(--color-border-warm)}.kids-btn-primary{width:100%;max-width:var(--kids-content-width);height:var(--kids-btn-height);border-radius:var(--kids-radius-btn);font-size:var(--kids-font-body);font-weight:600}.kids-tap:active{transform:scale(.98);box-shadow:var(--kids-shadow-lift)}.kids-tap:hover{filter:brightness(.98)}.kids-cover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--kids-gap);max-width:var(--kids-content-width);width:100%}.kids-cover-scroll{display:flex;gap:var(--kids-gap);overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.kids-cover-scroll::-webkit-scrollbar{display:none}.kids-cover-scroll>*{scroll-snap-align:start;flex-shrink:0}.kids-text-title{font-size:var(--kids-font-title);font-weight:600;letter-spacing:var(--kids-letter-spacing-title);color:var(--kids-text);font-family:var(--font-display)}.kids-text-card-title{font-size:var(--kids-font-card-title);font-weight:600;color:var(--kids-text)}.kids-text-body{font-size:var(--kids-font-body);color:var(--kids-text)}.kids-text-caption{font-size:var(--kids-font-caption);color:var(--kids-text-muted)}.mobile-page :deep(.el-button),.mobile-detail :deep(.el-button),.mobile-shell :deep(.el-button){border-radius:var(--kids-radius-sm);font-weight:600;font-family:inherit}.mobile-page :deep(.el-button--primary),.mobile-detail :deep(.el-button--primary),.mobile-shell :deep(.el-button--primary){background:var(--kids-primary);border-color:var(--kids-primary);border-radius:var(--kids-radius-btn);box-shadow:var(--kids-shadow-lift)}.mobile-page :deep(.el-button--primary:active),.mobile-detail :deep(.el-button--primary:active){transform:scale(.98)}.mobile-page :deep(.el-button--default),.mobile-detail :deep(.el-button--default){background:var(--kids-bg-card);border-color:var(--kids-border-spine);color:var(--kids-text)}.mobile-page :deep(.el-button--small){height:36px;padding:0 14px;font-size:var(--kids-font-caption);border-radius:var(--kids-radius-sm)}.mobile-page :deep(.el-button.is-text),.mobile-detail :deep(.el-button.is-text){box-shadow:none;background:transparent}.auth-form :deep(.el-input__wrapper),.portal-search :deep(.el-input__wrapper){border-radius:var(--radius-md);min-height:var(--kids-btn-height);background:var(--color-bg-search);box-shadow:none!important;border:1px solid var(--color-border-muted)}.auth-form :deep(.el-input__wrapper.is-focus),.portal-search :deep(.el-input__wrapper.is-focus){box-shadow:0 0 0 2px #d9770633!important;border-color:var(--color-border-warm)}.auth-form :deep(.el-button--primary){width:100%;height:var(--kids-btn-height);border-radius:var(--radius-md);font-weight:600;box-shadow:var(--kids-shadow-lift)}.offline-banner[data-v-7fba753a]{position:sticky;top:0;z-index:9999;padding:10px 16px;text-align:center;font-size:13px;line-height:1.5;color:#7c2d12;background:#ffedd5;border-bottom:1px solid #fdba74}.offline-banner__retry[data-v-7fba753a]{margin-left:4px;padding:0;border:none;background:none;color:var(--color-primary, #ea580c);font-weight:600;cursor:pointer;text-decoration:underline;font-family:inherit;font-size:inherit}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--color-bg-page);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:var(--color-primary)}h1,h2,h3,h4{font-family:var(--font-display)}