.app-shell[data-v-7a7a37b1]{height:100vh;height:100dvh;overflow:hidden}.app-shell__frame[data-v-7a7a37b1]{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;position:relative}.login-overlay[data-v-7a7a37b1]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2000;background:#00000073;display:flex;align-items:stretch;justify-content:center}.page-error[data-v-7a7a37b1]{padding:24px;text-align:center;color:var(--color-on-surface)}.ui-icon[data-v-f5bdbc7b]{flex-shrink:0;display:inline-block}.top-bar[data-v-8c4f7848]{height:var(--toolbar-height);display:grid;grid-template-columns:var(--top-bar-side-width) minmax(0,1fr) var(--top-bar-side-width);align-items:center;background:var(--color-surface);color:var(--color-on-surface);border-bottom:1px solid var(--color-outline);position:sticky;top:0;z-index:100}.top-bar__leading[data-v-8c4f7848],.top-bar__actions[data-v-8c4f7848]{min-width:0}.top-bar__title[data-v-8c4f7848]{margin:0;font-size:17px;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar__actions[data-v-8c4f7848]{display:flex;align-items:center;justify-content:flex-end;padding-right:4px}.icon-btn[data-v-8c4f7848]{width:40px;height:40px;border:none;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%}.icon-btn--back[data-v-8c4f7848]{margin-left:2px}.leading-profile[data-v-8c4f7848]{display:flex;align-items:center;gap:6px;border:none;background:transparent;padding:0 0 0 12px;cursor:pointer}.avatar[data-v-8c4f7848]{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--color-surface-container-highest);display:inline-flex;align-items:center;justify-content:center;font-size:14px}.online-pill[data-v-8c4f7848]{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:.8px solid color-mix(in srgb,var(--color-primary) 28%,transparent);color:var(--color-primary);font-size:10.5px;font-weight:700;white-space:nowrap}.online-dot[data-v-8c4f7848]{width:5px;height:5px;border-radius:50%;background:#69f0ae}.notify-btn[data-v-8c4f7848]{position:relative}.badge[data-v-8c4f7848]{position:absolute;right:2px;top:2px;min-width:16px;height:16px;padding:0 4px;border-radius:10px;background:var(--color-primary);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.main-layout[data-v-22686b16]{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;overflow:hidden}.main-layout__body[data-v-22686b16]{flex:1;min-height:0;position:relative;overflow:hidden;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px))}.main-layout__view[data-v-22686b16]{height:100%;min-height:0}.main-layout__view--with-notice[data-v-22686b16]{padding-bottom:20px}.content-notice[data-v-22686b16]{position:fixed;left:12px;right:12px;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + 4px);margin:0 auto;width:auto;max-width:calc(var(--desktop-max-width) - 24px);box-sizing:border-box;display:flex;align-items:center;gap:2px;padding:0 2px 0 8px;min-height:16px;background:#000000b3;border:.5px solid rgba(255,255,255,.1);border-radius:3px;color:#fff;font-size:10px;line-height:1.1;z-index:190}.content-notice p[data-v-22686b16]{margin:0;flex:1}.content-notice__close[data-v-22686b16]{width:28px;height:28px;border:none;background:transparent;color:#fff;font-size:20px;line-height:1;cursor:pointer;flex-shrink:0}.bottom-nav[data-v-22686b16]{position:fixed;left:0;right:0;bottom:0;margin:0 auto;flex-shrink:0;width:100%;max-width:var(--desktop-max-width);height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;display:flex;background:var(--color-surface);border-top:1px solid var(--color-outline);z-index:200;overflow:visible}.bottom-nav__item[data-v-22686b16]{flex:1;min-width:0;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px;padding-bottom:3px;color:#000;font-size:13px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;overflow:visible;position:relative;z-index:1}.bottom-nav--dark .bottom-nav__item[data-v-22686b16]{color:#fff}.bottom-nav__item--active[data-v-22686b16]{color:#c81e1e;font-weight:800;z-index:2}.bottom-nav--dark .bottom-nav__item--active[data-v-22686b16]{color:#e3c27a}.bottom-nav__label[data-v-22686b16]{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1px;line-height:1.1;color:inherit}.bottom-nav__icon-wrap[data-v-22686b16]{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible}.bottom-nav__icon[data-v-22686b16]{width:28px;height:28px;object-fit:contain;display:block;border:0;outline:none;background:transparent;transition:none;filter:none;opacity:1;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.bottom-nav__item--active .bottom-nav__icon[data-v-22686b16]{position:absolute;left:50%;bottom:0;margin-left:-21px;width:42px;height:42px}:root,[data-theme=light]{--color-primary: #c81e1e;--color-on-primary: #ffffff;--color-secondary: #b91c1c;--color-scaffold: #fff8f6;--color-surface: #ffffff;--color-surface-container-high: #fff5f3;--color-on-surface: #2b1f1f;--color-surface-container-highest: #fff1ee;--color-on-surface-variant: #5f4b4b;--color-outline: #e9cfcf;--color-tertiary: #d4af37;--color-error: #b00020;--color-menu-icon: #c81e1e;--color-menu-chevron: #5f4b4b;--color-meta-pill-bg: #ffecea;--color-meta-pill-fg: #c81e1e;--color-win-ticker-bg: #f1f5f9;--color-win-ticker-icon: #c81e1e;--color-win-ticker-text: #000000;--color-chip-bg: #fff1ee;--color-chip-active-bg: #c81e1e;--color-chip-active-fg: #ffffff;--color-chip-fg: #000000;--color-pill-bg: #ffecea;--color-pill-fg: #c81e1e;--color-accent-card-start: #ffffff;--color-accent-card-end: #fff4f2;--color-accent-card-border: rgba(200, 30, 30, .35);--color-accent-card-shadow: rgba(200, 30, 30, .12);--color-placeholder-bg: #f5f5f5;--color-warm-panel-start: #fff4e8;--color-warm-panel-end: #ffe8d2;--color-warm-panel-strong: #222222;--color-warm-panel-accent: #b45e1b;--color-warm-panel-muted: #8b7a67;--color-warm-panel-divider: #e8c8a5;--color-warm-panel-title: #8e5d34;--color-warm-panel-waiting: #999999;--color-follow-btn-bg: #e62e43;--color-follow-btn-fg: #ffffff;--color-followed-btn-bg: #ffecea;--color-followed-btn-fg: #c81e1e;--nav-height: 48px;--toolbar-height: 56px;--desktop-max-width: 560px;--desktop-breakpoint: 700px;--ui-stroke-from: #ff2d9b;--ui-stroke-mid: #a33dff;--ui-stroke-to: #3d5bff;--ui-stroke-gradient: linear-gradient(120deg, var(--ui-stroke-from), var(--ui-stroke-mid), var(--ui-stroke-to));--ui-stroke-width: 1.2px;--color-tab-active-fg: #c81e1e}[data-theme=dark]{--color-primary: #e35d66;--color-on-primary: #ffffff;--color-secondary: #e6c86e;--color-scaffold: #140c0c;--color-surface: #1d1212;--color-surface-container-high: #231616;--color-on-surface: #f7ecec;--color-surface-container-highest: #281818;--color-on-surface-variant: #b9a7a7;--color-outline: #3a2525;--color-tertiary: #e6c86e;--color-error: #ff7b84;--color-menu-icon: #e3c27a;--color-menu-chevron: #e3c27a;--color-meta-pill-bg: #3b3220;--color-meta-pill-fg: #e3c27a;--color-win-ticker-bg: #1a1a1a;--color-win-ticker-icon: #e3c27a;--color-win-ticker-text: #ffffff;--color-chip-bg: #26272b;--color-chip-active-bg: #e3c27a;--color-chip-active-fg: #2b2520;--color-chip-fg: #ffffff;--color-pill-bg: #4a1f23;--color-pill-fg: #e35d66;--color-accent-card-start: #1d1212;--color-accent-card-end: #2b1c17;--color-accent-card-border: rgba(227, 194, 122, .26);--color-accent-card-shadow: rgba(0, 0, 0, .26);--color-placeholder-bg: #2a1f1f;--color-warm-panel-start: #2a1a14;--color-warm-panel-end: #3a2418;--color-warm-panel-strong: #f7ecec;--color-warm-panel-accent: #e3c27a;--color-warm-panel-muted: #b9a7a7;--color-warm-panel-divider: rgba(227, 194, 122, .33);--color-warm-panel-title: #e3c27a;--color-warm-panel-waiting: #b9a7a7;--color-follow-btn-bg: #e3c27a;--color-follow-btn-fg: #2a2112;--color-followed-btn-bg: #2e323a;--color-followed-btn-fg: #c7cbd3;--ui-stroke-from: #ff4db0;--ui-stroke-mid: #b85cff;--ui-stroke-to: #5c7cff;--ui-stroke-gradient: linear-gradient(120deg, var(--ui-stroke-from), var(--ui-stroke-mid), var(--ui-stroke-to));--ui-stroke-width: 1.2px;--color-tab-active-fg: #e3c27a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;padding:0}body{font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;background:var(--color-scaffold);color:var(--color-on-surface);font-size:14px;line-height:1.5;position:fixed;top:0;right:0;bottom:0;left:0;overscroll-behavior:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}::placeholder{color:var(--color-on-surface-variant);opacity:.75}.app-shell{width:100%;background:var(--color-scaffold);display:flex;justify-content:center}.app-shell--desktop{background:var(--color-surface-container-highest)}.app-shell__frame{width:100%;max-width:var(--desktop-max-width);background:var(--color-scaffold);position:relative;box-shadow:0 0 0 1px #0000000a}.ui-btn-theme,.filled-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:var(--ui-stroke-width) solid transparent;border-radius:10px;background:linear-gradient(125deg,var(--ui-stroke-from) 0%,var(--ui-stroke-mid) 50%,var(--ui-stroke-to) 100%) padding-box,var(--ui-stroke-gradient) border-box;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,var(--ui-stroke-mid) 28%,transparent)}.ui-btn-theme:disabled,.filled-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.card{background:var(--color-surface);border-radius:12px}.ui-stroke-panel{border:var(--ui-stroke-width) solid transparent;background:linear-gradient(135deg,var(--color-accent-card-start),var(--color-accent-card-end)) padding-box,var(--ui-stroke-gradient) border-box;box-shadow:0 3px 12px color-mix(in srgb,var(--ui-stroke-to) 14%,transparent)}.ui-stroke-surface{border:var(--ui-stroke-width) solid transparent;background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--ui-stroke-gradient) border-box;box-shadow:0 3px 12px color-mix(in srgb,var(--ui-stroke-to) 12%,transparent)}.ui-stroke-chip{border:var(--ui-stroke-width) solid transparent;background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--ui-stroke-gradient) border-box}.ui-stroke-chip.is-active,.ui-stroke-chip--active{background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--ui-stroke-gradient) border-box;color:var(--color-tab-active-fg);font-weight:700}.snackbar{position:fixed;left:50%;bottom:calc(var(--nav-height) + 16px);transform:translate(-50%);background:#000000c7;color:#fff;padding:10px 16px;border-radius:8px;z-index:9999;max-width:calc(100% - 32px);text-align:center}.page-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid #e5e7eb;border-top-color:var(--color-primary);animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}