:root{--color-bg-primary:#f6f7f9;--color-bg-secondary:#fff;--color-bg-tertiary:#edeff2;--color-bg-hover:#e8eaee;--color-bg-active:#e6ebf4;--color-bg-selected:#e1e8f4;--color-bg-overlay:#0006;--color-text-primary:#181d25;--color-text-secondary:#5c6370;--color-text-tertiary:#838995;--color-text-inverse:#fff;--color-text-link:#1a5ee6;--color-border:#dcdfe5;--color-border-light:#e8eaee;--color-accent:#2a6df4;--color-accent-hover:#0c56e9;--color-accent-soft:#e8effc;--color-danger:#e8304f;--color-danger-soft:#fce8eb;--color-success:#2bab60;--color-success-soft:#def7e9;--color-warning:#f2a60d;--color-warning-soft:#fdf1d8;--color-star:#f9c31f;--color-unread:#2a6df4;--sidebar-width:260px;--sidebar-collapsed-width:72px;--sidebar-bg:#fff;--sidebar-hover:#f0f2f4;--sidebar-active:#e4eaf6;--sidebar-active-text:#0c56e9;--header-height:60px;--header-bg:#fff;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000f,0 2px 4px #0000000a;--shadow-lg:0 10px 15px #00000014,0 4px 6px #0000000a;--shadow-xl:0 20px 25px #0000001a,0 8px 10px #0000000a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--font-inter:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.35rem;--font-size-2xl:1.75rem;--mobile-font-scale:1;--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.35s ease;--z-sidebar:100;--z-header:200;--z-modal-overlay:300;--z-modal:400;--z-toast:500}[data-theme=dark]{--color-bg-primary:#212631;--color-bg-secondary:#2a303c;--color-bg-tertiary:#333a47;--color-bg-hover:#3a4150;--color-bg-active:#3a465f;--color-bg-selected:#384b71;--color-bg-overlay:#080c1480;--color-text-primary:#eaecf0;--color-text-secondary:#babfc9;--color-text-tertiary:#9aa0ac;--color-text-inverse:#1d222a;--color-text-link:#7ba3f4;--color-border:#4b5363;--color-border-light:#404654;--color-accent:#5e8ff3;--color-accent-hover:#84aaf6;--color-accent-soft:#213c73;--color-danger-soft:#692b35;--color-success-soft:#2f6043;--color-warning-soft:#69542b;--sidebar-bg:#272d3a;--sidebar-hover:#383f4d;--sidebar-active:#2c426d;--sidebar-active-text:#88adf6;--header-bg:#272d3a;--shadow-xs:0 1px 2px #00000029;--shadow-sm:0 1px 3px #0003,0 1px 2px #0000001f;--shadow-md:0 4px 6px #0003,0 2px 4px #0000001f;--shadow-lg:0 10px 15px #0000003d,0 4px 6px #0000001f;--shadow-xl:0 20px 25px #00000042,0 8px 10px #0000001f}:root[data-mobile-font-size=small]{--mobile-font-scale:.94}:root[data-mobile-font-size=medium]{--mobile-font-scale:1.12}:root[data-mobile-font-size=large]{--mobile-font-scale:1.16}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;width:100%;font-size:16px;overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100%;height:100dvh;min-height:100dvh;line-height:1.6;overflow:hidden}a{color:var(--color-text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}input:focus,textarea:focus{outline:none}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.app-layout{width:100%;max-width:100%;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;height:100dvh;min-height:100dvh;display:flex}.app-content{flex:1;min-width:0;display:flex;overflow:hidden}@media (max-width:768px){.app-content.show-list>:not(:first-child),.app-content.show-detail>:first-child{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary)25%,var(--color-bg-hover)50%,var(--color-bg-tertiary)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@media (max-width:1024px){:root{--sidebar-width:220px}}@media (max-width:768px){html{font-size:calc(16px*var(--mobile-font-scale))}body,.app-layout,.app-main{height:100dvh}:root{--sidebar-width:280px;--header-height:56px;--space-xl:16px;--space-2xl:20px;--font-size-xs:calc(.75rem*var(--mobile-font-scale));--font-size-sm:calc(.8125rem*var(--mobile-font-scale));--font-size-base:calc(.875rem*var(--mobile-font-scale));--font-size-md:calc(.9375rem*var(--mobile-font-scale));--font-size-lg:calc(1.125rem*var(--mobile-font-scale));--font-size-xl:calc(1.35rem*var(--mobile-font-scale));--font-size-2xl:calc(1.75rem*var(--mobile-font-scale))}body{font-size:var(--font-size-base)}}