:root{--app-primary: #2563eb;--app-primary-dark: #1e40af;--app-primary-light: #60a5fa;--app-bg: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 45%, #eff6ff 100%);--app-surface: rgba(255, 255, 255, .68);--app-surface-elevated: rgba(255, 255, 255, .78);--app-surface-soft: rgba(241, 247, 255, .72);--app-border: rgba(255, 255, 255, .42);--app-border-strong: rgba(37, 99, 235, .16);--app-text: #475569;--app-heading: #0f172a;--app-text-soft: #64748b;--app-accent: #2563eb;--app-accent-soft: rgba(37, 99, 235, .12);--app-success: #10b981;--app-warning: #f59e0b;--app-danger: #ef4444;--app-page-max: 1440px;--app-main-max: 900px;--app-sidebar-min: 280px;--app-sidebar-max: 340px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 30px;--radius-pill: 999px;--shadow-xs: 0 1px 1px rgba(255, 255, 255, .65) inset, 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 1px rgba(255, 255, 255, .72) inset, 0 10px 24px rgba(15, 23, 42, .08);--shadow-md: 0 1px 1px rgba(255, 255, 255, .76) inset, 0 20px 48px rgba(15, 23, 42, .12);--shadow-primary: 0 1px 1px rgba(255, 255, 255, .68) inset, 0 16px 32px rgba(37, 99, 235, .16);--glass-surface: linear-gradient( 145deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .58) 44%, rgba(244, 249, 255, .72) );--glass-surface-strong: linear-gradient( 145deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .68) 46%, rgba(238, 247, 255, .82) );--glass-border: rgba(255, 255, 255, .62);--glass-border-dark: rgba(37, 99, 235, .14);--glass-blur: blur(24px) saturate(1.55);--glass-highlight: linear-gradient( 135deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .08) 38%, rgba(96, 165, 250, .08) );--control-height-sm: 2.25rem;--control-height-md: 2.75rem;--focus-ring: 0 0 0 3px rgba(37, 99, 235, .16);--motion-fast: .14s ease;--motion-base: .22s ease}*,*:before,*:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{min-height:100vh;overflow-y:scroll;color:var(--app-text);background:linear-gradient(120deg,rgba(224,242,254,.78),transparent 34%),linear-gradient(240deg,rgba(219,234,254,.72),transparent 36%),linear-gradient(180deg,#ffffffc7,#f1f5f9db),var(--app-bg);line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,select{color:inherit}button{touch-action:manipulation}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed}:focus-visible{outline:2px solid rgba(37,99,235,.48);outline-offset:2px}::selection{background:#2563eb2e;color:var(--app-heading)}.ui-panel{border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:var(--glass-surface);box-shadow:var(--shadow-sm);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.ui-chip{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height-sm);padding:.45rem .75rem;border-radius:var(--radius-pill);font-size:.84rem;font-weight:700;line-height:1.2}.status-banner{padding:.9rem 1rem;border-radius:var(--radius-md);font-weight:600;line-height:1.45}.status-banner--error{border:1px solid rgba(239,68,68,.18);background:#ef444414;color:var(--app-danger)}:where(.app-header,.bottom-nav,.left-rail,.right-rail,.home-overview,.timeline-panel,.trend-card,.page-panel,.auth-panel,.profile-hero,.profile-panel,.profile-sidecard,.stat-card,.messages-auth-state__card,.qq-shell,.mini-profile-card,.assistant-card,.star-card,.card-container){border-color:var(--glass-border);background:var(--glass-surface);box-shadow:var(--shadow-sm);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}:where(.home-overview,.timeline-panel,.trend-card,.page-panel,.auth-panel,.profile-hero,.profile-panel,.profile-sidecard,.stat-card,.messages-auth-state__card,.qq-shell,.assistant-card,.mini-profile-card){position:relative;overflow:hidden}:where(.home-overview,.timeline-panel,.trend-card,.page-panel,.auth-panel,.profile-hero,.profile-panel,.profile-sidecard,.stat-card,.messages-auth-state__card,.qq-shell,.assistant-card,.mini-profile-card):before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:var(--glass-highlight);pointer-events:none}:where(.home-overview,.timeline-panel,.trend-card,.page-panel,.auth-panel,.profile-hero,.profile-panel,.profile-sidecard,.stat-card,.messages-auth-state__card,.qq-shell,.assistant-card,.mini-profile-card)>*{position:relative;z-index:1}:where(button,.rail-item,.bottom-nav__item,.filter-chip,.track-card,.qq-thread){transition:background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}:where(button,.rail-item,.bottom-nav__item,.filter-chip,.track-card,.qq-thread):active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#app{min-height:100vh;font-weight:400}@media(max-width:1024px){#app{padding:0 0 calc(5.6rem + env(safe-area-inset-bottom))}}