:root{--s-bg-page: #f6f8fc;--s-bg-surface: #fff;--s-bg-surface-alt: #f8f9fa;--s-bg-header: #fff;--s-bg-search: #fff;--s-bg-search-focus: #fff;--s-bg-hover: #f1f3f4;--s-bg-selected: #d3e3fd;--s-bg-compose-btn: #c2e7ff;--s-bg-compose-btn-hover: #a8d8ea;--s-bg-nav-active: #d3e3fd;--s-bg-nav-hover: #e8eaed;--s-bg-menu-selected: #d3e3fd;--s-bg-code: #f4f4f5;--s-bg-icon-btn-hover: #e8eaed;--s-bg-icon-btn-active: #d3d5d8;--s-bg-stat-card: #f8f9fa;--s-text-primary: #1f1f1f;--s-text-secondary: #5f6368;--s-text-tertiary: #80868b;--s-text-brand: #1f1f1f;--s-text-compose-btn: #001d35;--s-text-link: #1a73e8;--s-border: #e0e0e0;--s-border-light: #e8eaed;--s-divider: #e0e0e0;--s-shadow-search: 0 1px 3px rgba(0, 0, 0, .1);--s-shadow-compose: 0 1px 3px rgba(0, 0, 0, .08);--s-shadow-main: -1px 0 3px rgba(0, 0, 0, .04);--s-scrollbar-thumb: rgba(0, 0, 0, .15)}[data-theme=dark]{--s-bg-page: #1a1a1a;--s-bg-surface: #2d2d2d;--s-bg-surface-alt: #333;--s-bg-header: #2d2d2d;--s-bg-search: #3c4043;--s-bg-search-focus: #444;--s-bg-hover: #3a3a3a;--s-bg-selected: #294661;--s-bg-compose-btn: #394457;--s-bg-compose-btn-hover: #475569;--s-bg-nav-active: #394457;--s-bg-nav-hover: #3a3a3a;--s-bg-menu-selected: #394457;--s-bg-code: #3a3a3a;--s-bg-icon-btn-hover: #444;--s-bg-icon-btn-active: #555;--s-bg-stat-card: #333;--s-text-primary: #e8eaed;--s-text-secondary: #9aa0a6;--s-text-tertiary: #80868b;--s-text-brand: #e8eaed;--s-text-compose-btn: #c2e7ff;--s-text-link: #8ab4f8;--s-border: #444;--s-border-light: #555;--s-divider: #555;--s-shadow-search: 0 1px 3px rgba(0, 0, 0, .3);--s-shadow-compose: 0 1px 3px rgba(0, 0, 0, .3);--s-shadow-main: -1px 0 3px rgba(0, 0, 0, .15);--s-scrollbar-thumb: rgba(255, 255, 255, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%;font-family:Google Sans,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;color:var(--s-text-primary)}body{overflow:hidden;background:var(--s-bg-page)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:transparent;border-radius:4px;border:2px solid transparent;background-clip:content-box}*:hover>::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background-color:var(--s-scrollbar-thumb)}a{color:var(--s-text-link);text-decoration:none}a:hover{text-decoration:underline}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .25s ease-out}.slide-fade-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from{transform:translate(10px);opacity:0}.slide-fade-leave-to{transform:translate(-10px);opacity:0}.page-container{width:100%;max-width:100%;min-height:100%;padding:28px 32px;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-header h2{font-size:22px;font-weight:400;margin-bottom:4px;color:var(--s-text-primary)}.page-desc{color:var(--s-text-secondary);font-size:14px}@media(max-width:768px){.page-container{padding:16px}.page-header{flex-direction:column}}::selection{background:var(--s-bg-selected);color:var(--s-text-primary)}