:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--primary-light: #818cf8;--primary-lighter: rgba(99, 102, 241, .1);--primary-gradient: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);--success-color: #10b981;--success-light: #d1fae5;--warning-color: #f59e0b;--warning-light: #fef3c7;--error-color: #ef4444;--error-light: #fee2e2;--info-color: #3b82f6;--info-light: #dbeafe;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-inverse: #ffffff;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-hover: rgba(0, 0, 0, .04);--border-color: #e5e7eb;--border-focus: var(--primary-color);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .05), 0 1px 2px -1px rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .05);--shadow-primary: 0 4px 14px 0 rgba(99, 102, 241, .25);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--sider-width: 240px;--sider-collapsed-width: 80px;--header-height: 64px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.main-layout{height:100vh;overflow:hidden}.main-sider{border-right:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-slow);position:relative;z-index:100}.main-sider .ant-layout-sider-children{display:flex;flex-direction:column;height:100%;overflow:hidden}.logo{display:flex;align-items:center;justify-content:center;gap:12px;height:64px;padding:0 16px;border-bottom:1px solid var(--border-color)}.logo-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color) 0%,#818cf8 100%);border-radius:var(--radius-md);color:#fff;font-size:18px;font-weight:700;letter-spacing:-1px}.logo-text{font-size:18px;font-weight:600;color:var(--text-primary);white-space:nowrap}.main-menu{flex:1;padding:12px 8px;border-inline-end:none!important}.main-menu .ant-menu-item{margin:4px 0;border-radius:var(--radius-md)}.main-menu .ant-menu-item-selected{background:linear-gradient(135deg,#6366f11a,#818cf81a)}.main-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;height:auto!important;min-height:48px!important;padding:8px 24px!important;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.ant-layout-header.main-header{height:auto!important;line-height:normal!important}.header-left{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;flex:1;min-width:0}.collapse-btn{font-size:18px;color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.notification-btn{font-size:18px;color:var(--text-secondary)}.user-info{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s}.user-info:hover{background-color:#0000000a}.username{color:var(--text-primary);font-weight:500}.all-sites-btn{color:var(--primary-color)!important;font-weight:500;font-size:14px;border-radius:var(--radius-sm)!important;padding:4px 12px!important;height:auto!important;line-height:1.5;transition:all var(--transition-normal)}.all-sites-btn:hover{background:var(--primary-lighter)!important;color:var(--primary-hover)!important}.all-sites-btn .anticon-down{transition:transform var(--transition-normal)}.all-sites-btn-open .anticon-down{transform:rotate(180deg)}.all-sites-popover{padding:0}.all-sites-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:#fff;z-index:1}.all-sites-header .ant-input-affix-wrapper{border-radius:var(--radius-md)!important}.all-sites-body{padding:12px 20px 20px}.all-sites-group{margin-bottom:0}.all-sites-group:last-child .ant-divider{display:none}.all-sites-group-title{font-weight:700;font-size:13px;color:var(--text-primary);margin-bottom:10px;margin-top:8px;padding-left:8px;border-left:3px solid var(--primary-color);line-height:1}.all-sites-group-items{display:flex;flex-wrap:wrap;gap:8px}.all-sites-tag{cursor:pointer;padding:5px 10px!important;border-radius:var(--radius-sm)!important;border:1px solid var(--border-color)!important;background:var(--bg-secondary)!important;transition:all var(--transition-fast);display:inline-flex!important;align-items:center;gap:6px;font-size:13px;color:var(--text-primary)!important;line-height:1.4;margin:0!important}.all-sites-tag:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important;background:var(--primary-lighter)!important}.all-sites-tag-fav{border-color:#ffe7ba!important;background:#fffbe6!important}.all-sites-tag-fav:hover{border-color:#faad14!important;background:#fff1b8!important;color:#d48806!important}.all-sites-star{cursor:pointer;display:inline-flex;align-items:center;font-size:13px;transition:all var(--transition-fast);margin-left:2px}.all-sites-star:hover{transform:scale(1.3)}.all-sites-empty{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:13px}.main-content{overflow-y:auto;background-color:var(--bg-primary)}.site-page-container{height:calc(100vh - 180px);display:flex;flex-direction:column;overflow:hidden}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h4.ant-typography{margin:0}.table-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dashboard-page{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-card{border-radius:var(--radius-lg);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card-content{display:flex;align-items:flex-start;justify-content:space-between}.stat-info{flex:1}.stat-trend{display:flex;align-items:center;margin-top:8px;font-size:12px}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);font-size:24px}.activity-card,.progress-card{border-radius:var(--radius-lg)}.progress-item{margin-bottom:20px}.progress-item:last-child{margin-bottom:0}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:13px;color:var(--text-secondary)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.login-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bg-shape{position:absolute;border-radius:50%;opacity:.1;animation:float 20s infinite ease-in-out}.bg-shape-1{width:600px;height:600px;background:#fff;top:-200px;right:-100px;animation-delay:0s}.bg-shape-2{width:400px;height:400px;background:#fff;bottom:-150px;left:-100px;animation-delay:-5s}.bg-shape-3{width:300px;height:300px;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(20px) rotate(-5deg)}}.login-card{width:100%;max-width:420px;margin:20px;padding:40px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.login-header{text-align:center;margin-bottom:32px}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--primary-color) 0%,#818cf8 100%);border-radius:var(--radius-lg);color:#fff;font-size:28px;font-weight:700;letter-spacing:-2px;margin-bottom:16px}.login-options{display:flex;align-items:center;justify-content:space-between}.forgot-password{color:var(--primary-color)}.login-footer{text-align:center;margin-top:24px}.user-list-page,.user-detail-page{animation:fadeIn .3s ease-out}.user-profile-card{border-radius:var(--radius-lg)}.user-profile{display:flex;align-items:center;gap:24px;padding:8px 0}.user-profile-info{flex:1}.user-profile-meta{margin-top:12px;color:var(--text-secondary);font-size:13px}.content-list-page,.content-edit-page{animation:fadeIn .3s ease-out}.template-all-page{animation:fadeIn .3s ease-out;padding:var(--spacing-lg);background:linear-gradient(180deg,#ffffff 0%,var(--bg-primary) 100%);min-height:100%;border-radius:var(--radius-lg)}.template-toolbar{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);position:sticky;top:-10px;z-index:100;box-shadow:0 2px 8px #0000000f}.template-filter-select,.template-filter-search,.template-filter-input{min-width:120px;transition:all var(--transition-fast)}.template-filter-select:hover,.template-filter-search:hover,.template-filter-input:hover{border-color:var(--primary-light)!important}.template-filter-select{width:140px}.template-filter-search{width:200px}.template-filter-search .ant-input-group .ant-input-affix-wrapper{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.template-filter-search .ant-input-group-addon{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.template-filter-input{width:120px}.template-toolbar-actions{margin-left:auto;display:flex;gap:var(--spacing-sm)}.template-section{margin-bottom:2rem}.template-section:last-child{margin-bottom:0}.template-section-title{margin-bottom:1rem!important;font-size:1.125rem!important;font-weight:600!important;color:#262626!important}.template-section-row{margin:0!important}.template-section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;width:100%}.template-card{transition:all var(--transition-normal);cursor:pointer;height:100%;border:2px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-lg)!important;overflow:hidden}.template-card:hover{border-color:var(--primary-color)!important;box-shadow:var(--shadow-primary);transform:translateY(-2px)}.template-card:active{transform:translateY(0)}.template-card-content{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.template-card-left{display:flex;gap:var(--spacing-md);flex:1;width:100%;align-items:flex-start}.template-card-avatar{width:3rem;height:3rem;font-size:1rem;font-weight:600;flex-shrink:0;transition:transform var(--transition-bounce);box-shadow:var(--shadow-sm)}.template-card:hover .template-card-avatar{transform:scale(1.05)}.template-card-info{flex:1;min-width:0}.template-card-title{margin-bottom:var(--spacing-xs);display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.template-name{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.4;word-break:break-word}.template-alias{font-size:.75rem;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-full)}.template-desc{font-size:.8125rem;display:block;color:var(--text-secondary);margin-top:var(--spacing-xs)}.template-card-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:100%;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.template-action-btn{padding:var(--spacing-xs) var(--spacing-sm)!important;height:auto!important;font-size:1rem;border-radius:var(--radius-sm)!important;transition:all var(--transition-fast)}.template-action-btn:hover{background:var(--primary-lighter)!important;color:var(--primary-color)!important}.template-action-btn-secondary{color:var(--text-muted)!important}.template-action-btn-secondary:hover{color:var(--text-secondary)!important;background:var(--bg-tertiary)!important}@media(max-width:1200px){.template-all-page{padding:var(--spacing-lg)}.template-toolbar{padding:var(--spacing-sm);gap:var(--spacing-sm)}.template-section-title{font-size:1rem!important}.template-section-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.template-card-avatar{width:2.75rem;height:2.75rem;font-size:1rem}.template-name{font-size:.9375rem}.template-alias{font-size:.6875rem;padding:1px 6px}.template-desc{font-size:.75rem}}@media(max-width:992px){.template-all-page{padding:var(--spacing-md)}.template-toolbar{flex-wrap:wrap}.template-filter-select{width:calc(50% - var(--spacing-sm))!important;flex:1 1 calc(50% - var(--spacing-sm))}.template-filter-search{width:100%!important;order:-1;flex:1 1 100%}.template-filter-input{width:calc(50% - var(--spacing-sm))!important;flex:1 1 calc(50% - var(--spacing-sm))}.template-section-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}}@media(max-width:768px){.template-all-page{padding:var(--spacing-md);border-radius:0}.template-toolbar{padding:var(--spacing-md);gap:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.template-filter-select,.template-filter-search,.template-filter-input{width:100%!important;min-width:100%;flex:1 1 100%}.template-toolbar-actions{margin-left:0;width:100%;margin-top:var(--spacing-sm)}.template-toolbar-actions .ant-space{width:100%}.template-section{margin-bottom:var(--spacing-lg)}.template-section-title{font-size:.9375rem!important;margin-bottom:var(--spacing-md)!important;padding-left:var(--spacing-xs);border-left:3px solid var(--primary-color)}.template-section-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.template-card-left{gap:var(--spacing-sm)}.template-card-avatar{width:2.5rem;height:2.5rem;font-size:.8125rem}.template-name{font-size:.9375rem}.template-alias{font-size:.6875rem}.template-desc{font-size:.75rem}.template-card-actions{gap:var(--spacing-xs);padding-top:var(--spacing-sm)}.template-action-btn{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)!important}}@media(max-width:576px){.template-all-page{padding:var(--spacing-sm)}.template-toolbar{flex-direction:column;align-items:stretch;padding:var(--spacing-sm);gap:var(--spacing-sm)}.template-toolbar-actions,.template-toolbar-actions .ant-space{width:100%;flex-wrap:wrap}.template-toolbar-actions .ant-btn{flex:1;min-width:calc(50% - var(--spacing-xs))}.template-section-title{font-size:1rem!important}.template-card-content{gap:var(--spacing-sm)}.template-card .ant-card-body{padding:var(--spacing-md)!important}.template-card-avatar{width:2.25rem;height:2.25rem;font-size:.75rem}.template-name{font-size:1rem}.template-alias{font-size:.625rem;padding:1px 4px}.template-action-btn{font-size:.6875rem;padding:2px 6px!important}}@media(max-width:375px){.template-all-page{padding:var(--spacing-xs)}.template-toolbar{padding:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.template-card-avatar{width:2rem;height:2rem;font-size:.625rem}.template-name{font-size:.8125rem}.template-alias{display:none}.template-desc{font-size:.6875rem}.template-card-actions{justify-content:center}}@media(hover:none)and (pointer:coarse){.template-card:hover{transform:none}.template-card:active{transform:scale(.98);box-shadow:var(--shadow-md)}.template-action-btn{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.template-card:hover .template-card-avatar{transform:none}}@media(min-width:1600px){.template-all-page{padding:2rem}.template-card-avatar{width:3.5rem;height:3.5rem;font-size:1.5rem}.template-name{font-size:1.5rem}.template-alias{font-size:1rem}.template-desc{font-size:.9375rem}.template-section-title{font-size:1.25rem!important}}.settings-page{animation:fadeIn .3s ease-out}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.settings-item-info{flex:1}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px)}@media(max-width:992px){.main-header{padding:0 var(--spacing-md)}.username{display:none}}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.table-toolbar{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.user-profile{flex-direction:column;text-align:center}.user-profile-meta .ant-space{flex-wrap:wrap;justify-content:center}.login-card{padding:var(--spacing-lg);margin:var(--spacing-md);max-width:calc(100vw - var(--spacing-xl))}.login-logo{width:56px;height:56px;font-size:24px}.logo-text{display:none}.logo{justify-content:center}.main-sider{position:fixed!important;left:0;top:0;bottom:0;z-index:1000}.main-sider.ant-layout-sider-collapsed{width:0!important;min-width:0!important;max-width:0!important;overflow:hidden}}@media(max-width:576px){.main-header{padding:0 var(--spacing-sm);height:56px}.page-header{margin-bottom:var(--spacing-md)}.login-page{padding:var(--spacing-sm)}.login-card{padding:var(--spacing-md);margin:var(--spacing-sm);border-radius:var(--radius-lg)}.login-header{margin-bottom:var(--spacing-lg)}.login-logo{width:48px;height:48px;font-size:20px;margin-bottom:var(--spacing-md)}.user-info{padding:var(--spacing-xs)}.collapse-btn,.notification-btn{font-size:16px}}@media(max-width:375px){.login-card{padding:var(--spacing-sm)}.login-footer{font-size:.875rem}}@media(max-height:600px)and (orientation:landscape){.login-page{padding:var(--spacing-sm)}.login-card{padding:var(--spacing-md);max-height:90vh;overflow-y:auto}.login-header{margin-bottom:var(--spacing-md)}.login-logo{width:48px;height:48px;font-size:20px;margin-bottom:var(--spacing-sm)}.bg-shape{display:none}}.ant-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ant-btn-primary{box-shadow:0 2px 4px #6366f14d}.ant-btn-primary:hover{box-shadow:0 4px 8px #6366f166}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker{border-radius:var(--radius-md)!important}.ant-table-wrapper .ant-table{border-radius:var(--radius-lg)}.ant-table-thead>tr>th{background:#f9fafb!important;font-weight:600}.ant-tabs-left>.ant-tabs-content-holder{border-left:1px solid var(--border-color);padding-left:24px}.ant-dropdown-menu{border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.ant-modal-content{border-radius:var(--radius-lg)}.ant-message-notice-content{border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.popover-item{padding:8px 12px;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px}.popover-item:hover{background-color:var(--bg-hover);color:var(--primary-color)}@keyframes pulse{0%,to{color:#faad14}50%{color:#000000e0}}