:root{--kt-color-primary:#2c5aa0;--kt-color-nav-active:#00c78c;--kt-color-course:#00c896;--kt-color-course-success:#52c41a;--kt-color-live:#1677ff;--kt-color-live-link:#007aff;--kt-color-commerce:#ff5a1f;--kt-color-commerce-warm:#ff6b00;--kt-color-danger:#ff4d4f;--kt-color-wechat:#07c160;--kt-color-background:#f5f7fa;--kt-color-surface:#ffffff;--kt-color-text-primary:#2c3e50;--kt-color-text-secondary:#8a94a6;--kt-color-text-tertiary:#c0c8d6;--kt-color-border:#eaecef;--kt-tab-bar-height:50px;--kt-page-gutter:16px;--kt-space-xs:4px;--kt-space-sm:8px;--kt-space-md:12px;--kt-space-lg:16px;--kt-space-xl:20px;--kt-radius-compact:8px;--kt-radius-card:10px;--kt-font-caption:10px;--kt-font-meta:12px;--kt-font-body:14px;--kt-font-title:16px;--kt-font-heading:18px;--kt-shadow-soft:0 2px 6px rgba(19,34,48,0.06);--h5-design-width:375px;--h5-rpx:0.5px;--h5-tab-bar-height:calc(var(--kt-tab-bar-height) + env(safe-area-inset-bottom, 0px));--h5-color-primary:var(--kt-color-primary);--h5-color-nav-active:var(--kt-color-nav-active);--h5-color-marketing-start:#00c78c;--h5-color-marketing-middle:#21d3a1;--h5-color-marketing-end:#31d0a2;--h5-color-course:var(--kt-color-course);--h5-color-course-success:var(--kt-color-course-success);--h5-color-live:var(--kt-color-live);--h5-color-live-link:var(--kt-color-live-link);--h5-color-commerce:var(--kt-color-commerce);--h5-color-commerce-warm:var(--kt-color-commerce-warm);--h5-color-danger:var(--kt-color-danger);--h5-bg-primary:var(--kt-color-background);--h5-bg-surface:var(--kt-color-surface);--h5-text-primary:var(--kt-color-text-primary);--h5-text-secondary:var(--kt-color-text-secondary);--h5-text-tertiary:var(--kt-color-text-tertiary);--h5-border-color:var(--kt-color-border);--h5-shadow-soft:var(--kt-shadow-soft);--h5-radius-compact:var(--kt-radius-compact);--h5-page-gutter:var(--kt-page-gutter)}@media (prefers-color-scheme:dark){:root{--h5-bg-primary:#121212;--h5-bg-surface:#1e1e1e;--h5-text-primary:#e5e5e5;--h5-text-secondary:#a0a0a0;--h5-text-tertiary:#666666;--h5-border-color:#333333}}*{box-sizing:border-box}body,html{background:var(--h5-bg-primary)}body{min-height:100vh;margin:0;color:var(--h5-text-primary);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;text-rendering:optimizeLegibility}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid rgb(0 199 140/45%);outline:3px solid color-mix(in srgb,var(--h5-color-nav-active) 45%,transparent);outline-offset:3px}.h5-page-shell{overflow-x:hidden}.h5-page-shell,.state-page{min-height:100vh;min-height:100svh}.state-page{display:grid;place-items:center;padding:40px 20px}.state-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--h5-text-secondary);font-size:14px;line-height:1.5;text-align:center}.state-content p{margin:0}.state-spinner{width:20px;height:20px;border:2px solid #e0e0e0;border-top-color:#07c160;border-radius:50%;animation:h5-spin .8s linear infinite}.state-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:4px}.state-button,.state-link{min-height:40px;padding:9px 18px;border-radius:var(--h5-radius-compact);font:inherit;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none}.state-button{border:0;background:#07c160;color:#ffffff;cursor:pointer}.state-link{border:1px solid var(--h5-border-color);background:var(--h5-bg-surface);color:var(--h5-text-primary)}.state-button:active,.state-link:active{opacity:.7}@keyframes h5-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.state-spinner{animation-duration:1.6s}}