:root{--color-primary: #1890FF;--color-primary-hover: #40A9FF;--color-primary-active: #0052D9;--color-primary-light: #E6F7FF;--color-success: #52C41A;--color-success-light: #F6FFED;--color-warning: #FAAD14;--color-warning-light: #FFF7E6;--color-error: #FF4D4F;--color-error-light: #FFF1F0;--color-error-border: #FFCCC7;--color-info: #1890FF;--color-info-light: #E6F7FF;--color-text-primary: #262626;--color-text-secondary: #595959;--color-text-tertiary: #8C8C8C;--color-text-disabled: #BFBFBF;--color-bg-page: #F5F5F5;--color-bg-card: #FFFFFF;--color-bg-hover: #FAFAFA;--color-border: #D9D9D9;--color-border-light: #E8E8E8;--color-divider: #F0F0F0;--shadow-card: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02);--shadow-hover: 0 3px 6px rgba(0, 0, 0, .1);--shadow-modal: 0 6px 16px 0 rgba(0, 0, 0, .08);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-xxl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-modal: 2000;--z-toast: 3000;--front-header-offset: 64px;--front-hero-radius: 16px;--front-page-max-width: 1400px;--front-code-bg: #1e1e1e;--front-code-text: #d4d4d4;--front-code-inline-fg: #cf1322}[data-theme=dark]{--color-text-primary: #FFFFFF;--color-text-secondary: #D9D9D9;--color-text-tertiary: #8C8C8C;--color-bg-page: #141414;--color-bg-card: #1F1F1F;--color-bg-hover: #2A2A2A;--color-border: #434343;--color-border-light: #303030;--color-divider: #303030;--color-error-light: #2a1215;--color-error-border: #58181c}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}page{background-color:var(--color-bg-page);color:var(--color-text-primary);font-size:var(--font-size-sm)}.container{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}.page-content{padding:var(--spacing-md)}.card{background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card-more{font-size:var(--font-size-xs);color:var(--color-primary);cursor:pointer}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-link{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-success-light{background-color:var(--color-success-light)}.bg-warning-light{background-color:var(--color-warning-light)}.bg-error-light{background-color:var(--color-error-light)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-primary:active{background-color:var(--color-primary-active)}.btn-default{background-color:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-default:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-text{background:transparent;color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.btn-block{width:100%}.input{width:100%;height:40px;padding:0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:all var(--transition-fast)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1890ff33}.input:disabled{background-color:var(--color-bg-page);color:var(--color-text-disabled);cursor:not-allowed}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 2px #ff4d4f33}.tag{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.tag-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.tag-success{background-color:var(--color-success-light);color:var(--color-success)}.tag-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.tag-error{background-color:var(--color-error-light);color:var(--color-error)}.tag-gray{background-color:var(--color-bg-page);color:var(--color-text-tertiary)}.front-spinner{width:40px;height:40px;margin:0 auto 12px;border:3px solid var(--color-divider);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:front-spin .8s linear infinite;flex-shrink:0}.front-spinner--sm{width:28px;height:28px;border-width:2px;margin-bottom:8px}.front-spinner--on-primary{border-color:#ffffff59;border-top-color:#fff}.front-spinner--inline{display:inline-block;vertical-align:middle;width:18px;height:18px;margin:0 8px 0 0;border-width:2px}@keyframes front-spin{to{transform:rotate(360deg)}}.avatar{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;background-color:var(--color-primary-light);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-weight:var(--font-weight-semibold)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar-lg{width:64px;height:64px;font-size:var(--font-size-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--font-size-xl)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:var(--font-weight-medium);color:#fff;background-color:var(--color-error);border-radius:9px}.badge-primary{background-color:var(--color-primary)}.badge-success{background-color:var(--color-success)}.badge-warning{background-color:var(--color-warning)}.divider{height:1px;background-color:var(--color-divider);margin:var(--spacing-md) 0}.divider-vertical{width:1px;height:100%;background-color:var(--color-divider);margin:0 var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-xxl{font-size:var(--font-size-xxl)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-hover{box-shadow:var(--shadow-hover)}.shadow-modal{box-shadow:var(--shadow-modal)}.transition-all{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.hover-shadow:hover{box-shadow:var(--shadow-hover)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--color-text-tertiary)}.empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.empty-text{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.skeleton{background:linear-gradient(90deg,var(--color-bg-page) 25%,var(--color-bg-hover) 50%,var(--color-bg-page) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--transition-normal)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}@media (min-width: 769px) and (max-width: 1024px){.hide-tablet{display:none!important}}