:root{--primary-color: #8b0000;--primary-light: #b30000;--primary-dark: #5c0000;--primary-hover: #b30000;--primary-active: #5c0000;--primary-gradient: linear-gradient(90deg, #8b0000 0%, #d4380d 100%);--primary-gradient-hover: linear-gradient(135deg, #8b0000, #a52a2a);--secondary-color: #dc143c;--success-color: #52c41a;--warning-color: #faad14;--error-color: #f5222d;--info-color: #1890ff;--font-family-primary: "STKaiti", "KaiTi", "Microsoft YaHei", sans-serif;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-family-code: "source-code-pro", "Menlo", "Monaco", "Consolas", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-pill: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--color-bg-primary: #ffffff;--color-bg-secondary: #ffffff;--color-bg-tertiary: #fafafa;--color-bg-dark: #1a1a1a;--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-text-disabled: #bfbfbf;--color-text-inverse: #ffffff;--color-border-light: #f0f0f0;--color-border-base: #e8e8e8;--color-border-dark: #d9d9d9;--color-success-bg: #f6ffed;--color-success-border: #b7eb8f;--color-success-text: #52c41a;--color-warning-bg: #fffbe6;--color-warning-border: #ffe58f;--color-warning-text: #faad14;--color-error-bg: #fff2f0;--color-error-border: #ffccc7;--color-error-text: #f5222d;--color-info-bg: #e6f7ff;--color-info-border: #91d5ff;--color-info-text: #1890ff}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}code{font-family:var(--font-family-code);font-size:.9em;background-color:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--border-radius-sm)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color);color:var(--color-text-inverse);padding:var(--spacing-sm) var(--spacing-md);z-index:var(--z-index-tooltip);transition:top var(--transition-fast)}.skip-link:focus{top:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-fluid{width:100%;padding:0 var(--spacing-md)}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--spacing-md) * -1)}.col{flex:1;padding:0 var(--spacing-md)}.col-12{flex:0 0 100%;max-width:100%;padding:0 var(--spacing-md)}.col-11{flex:0 0 91.6667%;max-width:91.6667%;padding:0 var(--spacing-md)}.col-10{flex:0 0 83.3333%;max-width:83.3333%;padding:0 var(--spacing-md)}.col-9{flex:0 0 75%;max-width:75%;padding:0 var(--spacing-md)}.col-8{flex:0 0 66.6667%;max-width:66.6667%;padding:0 var(--spacing-md)}.col-7{flex:0 0 58.3333%;max-width:58.3333%;padding:0 var(--spacing-md)}.col-6{flex:0 0 50%;max-width:50%;padding:0 var(--spacing-md)}.col-5{flex:0 0 41.6667%;max-width:41.6667%;padding:0 var(--spacing-md)}.col-4{flex:0 0 33.3333%;max-width:33.3333%;padding:0 var(--spacing-md)}.col-3{flex:0 0 25%;max-width:25%;padding:0 var(--spacing-md)}.col-2{flex:0 0 16.6667%;max-width:16.6667%;padding:0 var(--spacing-md)}.col-1{flex:0 0 8.3333%;max-width:8.3333%;padding:0 var(--spacing-md)}@media (max-width: 1200px){.col-xl-12{flex:0 0 100%;max-width:100%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-4{flex:0 0 33.3333%;max-width:33.3333%}.col-xl-3{flex:0 0 25%;max-width:25%}}@media (max-width: 992px){.col-lg-12{flex:0 0 100%;max-width:100%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}}@media (max-width: 768px){.col-md-12{flex:0 0 100%;max-width:100%}.col-md-6{flex:0 0 50%;max-width:50%}.hide-md{display:none!important}}@media (max-width: 576px){.col-sm-12{flex:0 0 100%;max-width:100%}.hide-sm{display:none!important}}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-none{display:none}.d-block{display:block}.d-inline-block{display:inline-block}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.justify-content-evenly{justify-content:space-evenly}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.align-items-stretch{align-items:stretch}.align-items-baseline{align-items:baseline}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-first{order:-1}.order-last{order:999}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.m-0{margin:0}.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)}.mt-0{margin-top:0}.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)}.mb-0{margin-bottom:0}.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)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.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)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.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-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-italic{font-style:italic}.font-no-underline{text-decoration:none}.font-underline{text-decoration:underline}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-disabled{color:var(--color-text-disabled)}.text-success{color:var(--color-success-text)}.text-warning{color:var(--color-warning-text)}.text-error{color:var(--color-error-text)}.text-info{color:var(--color-info-text)}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.lh-tight{line-height:var(--line-height-tight)}.lh-base{line-height:var(--line-height-base)}.lh-relaxed{line-height:var(--line-height-relaxed)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-success{background-color:var(--color-success-bg)}.bg-warning{background-color:var(--color-warning-bg)}.bg-error{background-color:var(--color-error-bg)}.bg-info{background-color:var(--color-info-bg)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-pill{border-radius:var(--border-radius-pill)}.rounded-0{border-radius:0}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.border{border:1px solid var(--color-border-primary)}.border-top{border-top:1px solid var(--color-border-primary)}.border-bottom{border-bottom:1px solid var(--color-border-primary)}.border-left{border-left:1px solid var(--color-border-primary)}.border-right{border-right:1px solid var(--color-border-primary)}.border-primary{border-color:var(--color-border-primary)}.border-secondary{border-color:var(--color-border-secondary)}.border-success{border-color:var(--color-success-border)}.border-warning{border-color:var(--color-warning-border)}.border-error{border-color:var(--color-error-border)}.w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}.w-auto{width:auto}.h-25{height:25%}.h-50{height:50%}.h-75{height:75%}.h-100{height:100%}.h-auto{height:auto}.min-w-0{min-width:0}.min-h-0{min-height:0}.max-w-100{max-width:100%}.max-h-100{max-height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.position-static{position:static}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-dropdown{z-index:var(--z-index-dropdown)}.z-sticky{z-index:var(--z-index-sticky)}.z-fixed{z-index:var(--z-index-fixed)}.z-modal-backdrop{z-index:var(--z-index-modal-backdrop)}.z-modal{z-index:var(--z-index-modal)}.z-tooltip{z-index:var(--z-index-tooltip)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.hidden{display:none!important}.invisible{visibility:hidden!important}.visible{visibility:visible!important}.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}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media (max-width: 992px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.card{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:var(--primary-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:500;line-height:1.5;text-decoration:none;border:2px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--primary-color);color:var(--color-text-inverse);border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:var(--primary-active);border-color:var(--primary-active);transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-secondary:hover:not(:disabled){background-color:var(--primary-color);color:var(--color-text-inverse)}.btn-ghost{background-color:transparent;color:var(--color-text-primary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.btn-success{background-color:var(--success-color);color:var(--color-text-inverse);border-color:var(--success-color)}.btn-warning{background-color:var(--warning-color);color:var(--color-text-primary);border-color:var(--warning-color)}.btn-error{background-color:var(--error-color);color:var(--color-text-inverse);border-color:var(--error-color)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.btn-block{width:100%}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--color-text-primary)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b00001a}.form-input:disabled{background-color:var(--color-bg-tertiary);cursor:not-allowed}.form-input::placeholder{color:var(--color-text-tertiary)}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--font-size-xs);font-weight:500;line-height:1;border-radius:var(--border-radius-pill)}.badge-primary{background-color:#8b00001a;color:var(--primary-color)}.badge-success{background-color:var(--color-success-bg);color:var(--color-success-text)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.badge-error{background-color:var(--color-error-bg);color:var(--color-error-text)}.badge-info{background-color:var(--color-info-bg);color:var(--color-info-text)}.alert{padding:var(--spacing-md);border-radius:var(--border-radius-md);border-left:4px solid}.alert-success{background-color:var(--color-success-bg);border-color:var(--color-success-text);color:var(--color-success-text)}.alert-warning{background-color:var(--color-warning-bg);border-color:var(--color-warning-text);color:var(--color-warning-text)}.alert-error{background-color:var(--color-error-bg);border-color:var(--color-error-text);color:var(--color-error-text)}.alert-info{background-color:var(--color-info-bg);border-color:var(--color-info-text);color:var(--color-info-text)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-inverse);background-color:var(--color-text-primary);border-radius:var(--border-radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:var(--z-index-tooltip)}.tooltip:hover:after,.tooltip:focus:after{opacity:1;visibility:visible}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border-primary);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:40px;height:40px;border-width:3px}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--border-radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:var(--spacing-sm)}.skeleton-text:last-child{width:60%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-title{height:24px;width:60%;margin-bottom:var(--spacing-md)}.skeleton-card{height:120px}.fade-in{animation:fadeIn var(--transition-base) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-out{animation:fadeOut var(--transition-base) ease-in}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.slide-up{animation:slideUp var(--transition-base) ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slideDown var(--transition-base) ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.scale-in{animation:scaleIn var(--transition-base) ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.bounce{animation:bounce .6s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-shadow{transition:box-shadow var(--transition-base)}.hover-shadow:hover{box-shadow:var(--shadow-lg)}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal-backdrop)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.empty-state-icon{font-size:64px;color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.empty-state-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.empty-state-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.table-container{overflow-x:auto;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;background:var(--color-bg-primary)}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-secondary)}.table th{font-weight:600;color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:var(--color-bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal-backdrop);animation:fadeIn var(--transition-fast)}.modal{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:auto;animation:scaleIn var(--transition-base)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-secondary)}.modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-border-secondary)}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-index-tooltip);display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-bg-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);animation:slideDown var(--transition-base)}.toast-success{border-left:4px solid var(--success-color)}.toast-error{border-left:4px solid var(--error-color)}.toast-warning{border-left:4px solid var(--warning-color)}.toast-info{border-left:4px solid var(--info-color)}.notification-badge{position:relative;display:inline-flex}.notification-badge:after{content:attr(data-count);position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:600;line-height:18px;text-align:center;color:var(--color-text-inverse);background-color:var(--error-color);border-radius:var(--border-radius-pill)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:var(--font-size-base);font-weight:500;color:var(--color-text-inverse);background-color:var(--primary-color);border-radius:50%}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--font-size-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--font-size-2xl)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;padding:var(--spacing-xs) 0;margin-top:var(--spacing-xs);background-color:var(--color-bg-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);list-style:none;z-index:var(--z-index-dropdown);animation:slideDown var(--transition-fast)}.dropdown-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:left;background:transparent;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.dropdown-item:hover{background-color:var(--color-bg-secondary)}.dropdown-divider{height:1px;margin:var(--spacing-xs) 0;background-color:var(--color-border-secondary)}.tabs{display:flex;gap:var(--spacing-xs);border-bottom:2px solid var(--color-border-secondary)}.tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;position:relative;transition:color var(--transition-fast)}.tab:hover,.tab.active{color:var(--primary-color)}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--primary-color)}.progress{width:100%;height:8px;background-color:var(--color-bg-tertiary);border-radius:var(--border-radius-pill);overflow:hidden}.progress-bar{height:100%;background-color:var(--primary-color);border-radius:var(--border-radius-pill);transition:width var(--transition-slow)}.progress-bar-success{background-color:var(--success-color)}.progress-bar-warning{background-color:var(--warning-color)}.progress-bar-error{background-color:var(--error-color)}.stat-card{display:flex;flex-direction:column;padding:var(--spacing-lg);background:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--primary-color);background-color:#8b00001a;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.stat-card-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.stat-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-card-change{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);font-size:var(--font-size-xs)}.stat-card-change-positive{color:var(--success-color)}.stat-card-change-negative{color:var(--error-color)}.list-item{display:flex;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-border-secondary);transition:background-color var(--transition-fast)}.list-item:last-child{border-bottom:none}.list-item:hover{background-color:var(--color-bg-secondary)}.list-item-avatar{margin-right:var(--spacing-md)}.list-item-content{flex:1;min-width:0}.list-item-title{font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.list-item-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.list-item-action{margin-left:var(--spacing-md)}.chinese-corner{position:absolute;width:20px;height:20px;border:3px solid var(--primary-color)}.chinese-corner.top-left{top:10px;left:10px;border-right:none;border-bottom:none}.chinese-corner.top-right{top:10px;right:10px;border-left:none;border-bottom:none}.chinese-corner.bottom-left{bottom:10px;left:10px;border-right:none;border-top:none}.chinese-corner.bottom-right{bottom:10px;right:10px;border-left:none;border-top:none}.card-mini{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-mini:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-mini-clickable{cursor:pointer}.card-mini-clickable:active{transform:scale(.98)}.card-mini-header{display:flex;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-md)}.card-mini-title{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-color);display:flex;align-items:center;gap:var(--spacing-sm)}.card-mini-title:before{content:"";width:4px;height:18px;background-color:var(--primary-color);border-radius:2px}.section-title{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg) 0}.section-title-text{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color);position:relative;padding-left:var(--spacing-lg)}.section-title-text:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;background-color:var(--primary-color);border-radius:2px}.btn-mini{display:flex;align-items:center;justify-content:center;width:100%;height:44px;line-height:44px;text-align:center;background-color:var(--primary-color);color:var(--color-text-inverse);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-family:var(--font-family-primary);font-weight:500;border:none;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-lg)}.btn-mini:hover:not(:disabled){background-color:var(--primary-light)}.btn-mini:active:not(:disabled){transform:scale(.98);opacity:.9}.btn-mini:disabled{background-color:var(--color-border-base);cursor:not-allowed}.btn-mini-outline{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-mini-outline:hover:not(:disabled){background-color:var(--primary-color);color:var(--color-text-inverse)}.btn-mini-success{background-color:var(--success-color)}.btn-mini-warning{background-color:var(--warning-color);color:var(--color-text-primary)}.btn-mini-danger{background-color:var(--error-color)}.input-mini{width:100%;height:44px;border:2px solid var(--color-border-base);border-radius:var(--border-radius-md);padding:0 var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family-primary);transition:border-color var(--transition-fast);outline:none}.input-mini:focus{border-color:var(--primary-color)}.input-mini::placeholder{color:var(--color-text-tertiary)}.input-mini:disabled{background-color:var(--color-bg-tertiary);cursor:not-allowed}.nav-grid{display:flex;justify-content:space-around;padding:var(--spacing-lg) var(--spacing-md);background-color:var(--color-bg-primary);margin:var(--spacing-lg) 0;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.nav-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);border-radius:var(--border-radius-md);transition:background-color var(--transition-fast);cursor:pointer}.nav-item:active{background-color:#8b00000d}.nav-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm)}.nav-icon-bg{font-size:24px;color:#fff}.nav-label{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-top:var(--spacing-xs)}.nav-icon-primary{background:var(--primary-gradient)}.nav-icon-success{background:linear-gradient(135deg,#2e8b57,#3cb371)}.nav-icon-info{background:linear-gradient(135deg,#4169e1,#6495ed)}.nav-icon-warning{background:linear-gradient(135deg,tomato,salmon)}.nav-icon-vip{background:linear-gradient(135deg,#daa520,gold)}.nav-icon-service{background:linear-gradient(135deg,#9370db,#ba55d3)}.stat-card-mini{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);background:linear-gradient(145deg,var(--color-bg-primary),var(--color-bg-tertiary));border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.stat-card-mini:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card-mini-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.stat-card-mini-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-card-mini-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--primary-color);background-color:#8b00001a;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.clock-in-area{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl)}.date-info{text-align:center;margin-bottom:var(--spacing-lg)}.date-display{font-size:var(--font-size-3xl);font-weight:700;color:var(--primary-color)}.weekday-display{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.attendance-display{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--spacing-xs)}.clock-in-btn-mini{width:120px!important;height:44px!important;line-height:44px!important;border-radius:22px!important;background:var(--primary-gradient-hover)!important;font-size:var(--font-size-base)!important}.learning-card{flex:1;min-width:140px;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);border-radius:var(--border-radius-lg)!important;background:linear-gradient(145deg,var(--color-bg-primary),var(--color-bg-tertiary));box-shadow:var(--shadow-md)!important;transition:transform var(--transition-base),box-shadow var(--transition-base);cursor:pointer}.learning-card:active{transform:scale(.98)}.learning-tag{width:80px;height:24px;margin-bottom:var(--spacing-md)}.learning-items{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.learning-item{width:48px;height:48px;border-radius:var(--border-radius-md)}.page-header{padding:var(--spacing-lg);background:transparent;color:var(--color-text-primary)}.page-header-title{font-size:var(--font-size-xl);font-weight:700;font-family:var(--font-family-primary);color:var(--color-text-primary)}.page-header-subtitle{font-size:var(--font-size-sm);opacity:.7;margin-top:var(--spacing-xs);color:var(--color-text-secondary)}.form-group-mini{margin-bottom:var(--spacing-lg)}.form-label-mini{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.form-input-group{position:relative}.form-input-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary)}.form-input-with-icon{padding-left:40px}.badge-mini{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--border-radius-pill);background-color:#8b00001a;color:var(--primary-color)}.badge-mini-success{background-color:var(--color-success-bg);color:var(--color-success-text)}.badge-mini-warning{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.badge-mini-error{background-color:var(--color-error-bg);color:var(--color-error-text)}.badge-mini-info{background-color:var(--color-info-bg);color:var(--color-info-text)}.list-item-mini{display:flex;align-items:center;padding:var(--spacing-md);background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast)}.list-item-mini:last-child{border-bottom:none}.list-item-mini:active{background-color:var(--color-bg-secondary)}.list-item-mini-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:var(--color-text-inverse);font-size:var(--font-size-lg);margin-right:var(--spacing-md)}.list-item-mini-content{flex:1;min-width:0}.list-item-mini-title{font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.list-item-mini-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.list-item-mini-extra{margin-left:var(--spacing-md);text-align:right}.list-item-mini-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.empty-state-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.empty-state-mini-icon{font-size:48px;color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.empty-state-mini-text{font-size:var(--font-size-base);color:var(--color-text-secondary)}.loading-mini{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl)}.loading-mini-spinner{width:32px;height:32px;border:3px solid var(--color-border-base);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--color-border-primary: #000000;--color-text-secondary: #333333}.btn,.form-input{border-width:3px}}@media (prefers-contrast: low){:root{--color-border-primary: #bfbfbf}}@media print{.no-print{display:none!important}body{background:#fff;color:#000}.ant-layout-sider,.ant-layout-header{display:none}.ant-layout-content{margin:0;padding:0}}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}.app-layout{min-height:100vh}.app-header{position:sticky;top:0;z-index:100;width:100%}.app-sider{position:relative;z-index:10;background:#fff!important}.app-sider .ant-layout-sider-trigger{display:none}.app-sider .ant-layout-sider-children{background:#fff!important}.app-menu{border-right:none!important;background:#fff!important}.app-menu .ant-menu-item{margin:4px 8px;border-radius:6px;height:40px;line-height:40px;transition:all .2s;color:#666!important}.app-menu .ant-menu-item:hover{background-color:#f5f5f5!important;color:var(--primary-color)!important}.app-menu .ant-menu-item-selected{background-color:var(--primary-color)!important;color:#fff!important}.app-menu .ant-menu-item .ant-menu-item-icon{color:#666!important}.app-menu .ant-menu-item-selected .ant-menu-item-icon{color:#fff!important}.app-menu .ant-menu-item:hover .ant-menu-item-icon{color:var(--primary-color)!important}.app-menu .ant-menu-item a{color:inherit;text-decoration:none}.app-content{overflow:auto;background:#fff!important}.ant-card{border-radius:8px!important;box-shadow:0 2px 8px #0000000f!important;border:none!important}.ant-card-head{border-bottom:1px solid #f0f0f0!important;padding:16px 24px!important}.ant-card-head-title{font-size:16px!important;font-weight:600!important;color:#262626!important}.ant-card-body{padding:24px!important}.ant-statistic-content{font-size:28px!important;font-weight:600!important;color:#262626!important}.ant-statistic-title{font-size:14px!important;color:#8c8c8c!important;margin-bottom:4px!important}.ant-list-item{padding:12px 0!important;border-bottom:1px solid #f5f5f5!important}.ant-list-item:last-child{border-bottom:none!important}.ant-list-item-meta-title{margin-bottom:4px!important;font-size:14px!important}.ant-list-item-meta-description{font-size:12px!important;color:#bfbfbf!important}.ant-tag{border-radius:4px!important;font-size:12px!important;padding:2px 8px!important;border:none!important}.ant-avatar{display:flex!important;align-items:center!important;justify-content:center!important}.ant-btn{border-radius:6px!important;font-weight:500!important;transition:all .2s!important}.ant-btn-primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.ant-btn-primary:hover{background-color:var(--primary-light)!important;border-color:var(--primary-light)!important}@media (max-width: 768px){.app-content{margin:16px!important;padding:16px!important}.ant-card-body{padding:16px!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.loading-container{display:flex;justify-content:center;align-items:center;height:200px;flex-direction:column;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:40px 20px;color:#8c8c8c}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:14px;margin-bottom:16px}