.scrolling-text-container{position:relative;overflow:hidden;width:100%}.scrolling-text-wrapper{display:flex;align-items:center;width:max-content}.scrolling-text-wrapper.paused{animation-play-state:paused}.scrolling-text-item{display:inline-block;color:#333;text-decoration:none;transition:color .3s}.scrolling-text-item:hover{color:#1890ff}.scrolling-separator{display:inline-block;color:#999;margin:0 80px}@keyframes scrollLeft{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes scrollRight{0%{transform:translate(-100%)}to{transform:translate(100%)}}.user-points-container{max-width:1200px;margin:0 auto;padding:20px}.points-header{margin-bottom:30px}.points-header h1{font-size:32px;color:#333;margin:0}.points-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #e8e8e8}.tab-button{padding:12px 24px;font-size:16px;border:none;background:none;cursor:pointer;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .3s}.tab-button:hover{color:#1890ff}.tab-button.active{color:#1890ff;border-bottom-color:#1890ff;font-weight:500}.points-overview{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.points-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.points-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:16px;transition:transform .3s,box-shadow .3s}.points-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.card-icon{font-size:48px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:12px}.card-content{flex:1}.card-label{font-size:14px;color:#666;margin-bottom:8px}.card-value{font-size:28px;font-weight:700;color:#333}.card-sub{font-size:14px;color:#999;margin-top:4px}.total-points .card-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.available-points .card-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.level .card-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.checkin .card-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.checkin-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center}.checkin-info h3{margin:0 0 8px;font-size:20px;color:#333}.checkin-info p{margin:0;font-size:14px;color:#666}.checkin-button{padding:12px 32px;font-size:16px;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;font-weight:500;transition:all .3s}.checkin-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.checkin-button:disabled,.checkin-button.disabled{background:#d9d9d9;cursor:not-allowed;transform:none}.level-progress{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-bottom:30px}.level-progress h3{margin:0 0 16px;font-size:20px;color:#333}.progress-bar{height:12px;background:#f0f0f0;border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s ease-in-out;border-radius:6px}.progress-text{font-size:14px;color:#666}.points-rules{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.points-rules h3{margin:0 0 20px;font-size:20px;color:#333}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.rule-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f9f9f9;border-radius:8px;transition:all .3s}.rule-item:hover{background:#f0f0f0;transform:translate(4px)}.rule-icon{font-size:24px}.rule-content{flex:1}.rule-name{font-size:14px;color:#333;margin-bottom:4px}.rule-points{font-size:12px;color:#1890ff;font-weight:500}.points-history{animation:fadeIn .3s ease-in}.points-history h3{margin:0 0 20px;font-size:20px;color:#333}.history-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.history-item{display:flex;align-items:flex-start;gap:16px;padding:20px;border-bottom:1px solid #f0f0f0;transition:background .3s}.history-item:last-child{border-bottom:none}.history-item:hover{background:#f9f9f9}.history-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;flex-shrink:0}.history-content{flex:1}.history-type{font-size:16px;font-weight:500;color:#333;margin-bottom:4px}.history-description{font-size:14px;color:#666;margin-bottom:8px}.history-time{font-size:12px;color:#999}.leaderboard-container{max-width:1200px;margin:0 auto;padding:20px}.leaderboard-header{text-align:center;margin-bottom:30px}.leaderboard-header h1{font-size:32px;color:#333;margin:0 0 8px}.leaderboard-header p{font-size:16px;color:#666;margin:0}.leaderboard-filters{display:flex;justify-content:center;gap:12px;margin-bottom:30px}.filter-button{padding:10px 24px;font-size:14px;border:2px solid #e8e8e8;background:#fff;border-radius:8px;cursor:pointer;color:#666;transition:all .3s;font-weight:500}.filter-button:hover{border-color:#1890ff;color:#1890ff}.filter-button.active{background:#1890ff;border-color:#1890ff;color:#fff}.leaderboard-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;margin-bottom:30px}.leaderboard-item{display:grid;grid-template-columns:80px 280px 1fr 80px;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0;transition:all .3s;gap:20px}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item:hover{background:#f9f9f9;transform:translate(4px)}.leaderboard-item.rank-1{background:linear-gradient(90deg,#fff9c4,#fff);border-left:4px solid #ffd700}.leaderboard-item.rank-2{background:linear-gradient(90deg,#f5f5f5,#fff);border-left:4px solid #c0c0c0}.leaderboard-item.rank-3{background:linear-gradient(90deg,#fff4e6,#fff);border-left:4px solid #cd7f32}.rank-column{display:flex;justify-content:center;align-items:center}.rank-number{font-size:32px;font-weight:700;color:#333}.leaderboard-item.rank-1 .rank-number{font-size:40px}.user-column{display:flex;align-items:center;gap:12px}.user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #e8e8e8}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:20px;font-weight:700}.user-info{flex:1;min-width:0}.username{font-size:16px;font-weight:500;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;color:#fff;font-weight:500}.stats-column{display:flex;gap:24px;justify-content:center}.stat-item{text-align:center}.stat-label{font-size:12px;color:#999;margin-bottom:4px}.stat-value{font-size:18px;font-weight:700;color:#333}.trend-column{display:flex;justify-content:center;align-items:center}.trend-indicator{font-size:24px}.trend-up{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:30px}.pagination-pages{display:flex;gap:4px}.pagination-page{width:36px;height:36px;border:1px solid #d9d9d9;background:#fff;border-radius:4px;cursor:pointer;transition:all .3s;font-size:14px;color:#666}.pagination-page:hover{border-color:#1890ff;color:#1890ff}.pagination-page.active{background:#1890ff;border-color:#1890ff;color:#fff}.leaderboard-tips{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:24px;color:#fff}.leaderboard-tips h3{margin:0 0 16px;font-size:18px}.leaderboard-tips ul{margin:0;padding-left:20px;list-style:none}.leaderboard-tips li{margin-bottom:8px;padding-left:24px;position:relative}.leaderboard-tips li:before{content:"✓";position:absolute;left:0;font-weight:700}@media (max-width: 768px){.leaderboard-item{grid-template-columns:60px 1fr;grid-template-rows:auto auto;gap:12px}.rank-column{grid-column:1;grid-row:1 / 3}.user-column{grid-column:2;grid-row:1}.stats-column{grid-column:2;grid-row:2;gap:12px}.trend-column{display:none}.rank-number{font-size:24px}.leaderboard-item.rank-1 .rank-number{font-size:28px}}.error-log-management{max-width:1400px;margin:0 auto;padding:20px}.cleanup-button{padding:10px 20px;font-size:14px;border:none;border-radius:8px;background:#f5222d;color:#fff;cursor:pointer;transition:all .3s}.cleanup-button:hover{background:#cf1322;transform:translateY(-2px);box-shadow:0 4px 12px #f5222d66}.stat-card.error .stat-icon{background:linear-gradient(135deg,#f5222d,#ff4d4f)}.stat-card.warn .stat-icon{background:linear-gradient(135deg,#fa8c16,#ffa940)}.stat-card.info .stat-icon{background:linear-gradient(135deg,#1890ff,#40a9ff)}.stat-card.resolved .stat-icon{background:linear-gradient(135deg,#52c41a,#73d13d)}.stat-card.unresolved .stat-icon{background:linear-gradient(135deg,#faad14,#ffc53d)}.filters-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.filter-group select,.filter-group input{padding:8px 12px;font-size:14px;border:1px solid #d9d9d9;border-radius:4px;min-width:150px;transition:all .3s}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.error-logs-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.error-log-item{padding:20px;border-bottom:1px solid #f0f0f0;transition:all .3s}.error-log-item:last-child{border-bottom:none}.error-log-item:hover{background:#f9f9f9}.error-log-item.resolved{opacity:.6}.log-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.log-level{padding:4px 12px;border-radius:4px;color:#fff;font-size:12px;font-weight:500;white-space:nowrap}.log-message{flex:1;font-size:14px;color:#333;font-weight:500}.log-status{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.log-time{font-size:12px;color:#999;white-space:nowrap}.log-details{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:12px;padding-left:4px}.log-detail-item{display:flex;gap:8px;font-size:13px}.detail-label{color:#999}.detail-value{color:#666}.log-actions{display:flex;gap:8px;padding-left:4px}.action-button{padding:6px 12px;font-size:13px;border:none;border-radius:4px;cursor:pointer;transition:all .3s;font-weight:500}.action-button.view:hover{background:#40a9ff}.action-button.resolve{background:#52c41a;color:#fff}.action-button.resolve:hover{background:#73d13d}.action-button.delete:hover{background:#ff4d4f}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.stack-trace{background:#f5f5f5;padding:12px;border-radius:4px;font-size:12px;color:#666;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.metadata-content{background:#f5f5f5;padding:12px;border-radius:4px;font-size:12px;color:#666;overflow-x:auto}.form-group textarea{width:100%;padding:12px;font-size:14px;border:1px solid #d9d9d9;border-radius:4px;resize:vertical;font-family:inherit;transition:all .3s}.form-group textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}@media (max-width: 768px){.stats-cards{grid-template-columns:repeat(2,1fr)}.filters-section{flex-direction:column;align-items:stretch}.filter-group select,.filter-group input{width:100%}.log-header{flex-wrap:wrap}.log-details{flex-direction:column;gap:8px}.log-actions{flex-wrap:wrap}}.backup-management{max-width:1200px;margin:0 auto;padding:20px}.header-actions{display:flex;gap:12px}.create-button{padding:10px 24px;font-size:14px;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;font-weight:500;transition:all .3s}.create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.create-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.cleanup-button{padding:10px 20px;font-size:14px;border:1px solid #d9d9d9;background:#fff;border-radius:8px;cursor:pointer;color:#666;transition:all .3s;font-weight:500}.cleanup-button:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.cleanup-button:disabled{opacity:.6;cursor:not-allowed}.backup-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.info-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:16px;transition:transform .3s,box-shadow .3s}.info-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.info-icon{font-size:40px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px}.info-content{flex:1}.info-label{font-size:14px;color:#666;margin-bottom:8px}.info-value{font-size:24px;font-weight:700;color:#333}.backups-list{display:grid;gap:20px;margin-bottom:30px}.backup-item{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;transition:all .3s}.backup-item:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.backup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.backup-name{flex:1;font-size:16px;font-weight:500;color:#333;display:flex;align-items:center;gap:8px}.badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge.latest{background:linear-gradient(135deg,#52c41a,#73d13d);color:#fff}.backup-size{font-size:14px;color:#666;font-weight:500}.backup-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.backup-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid #f0f0f0}.action-button.restore{background:#1890ff;color:#fff}.action-button.restore:hover:not(:disabled){background:#40a9ff;transform:translateY(-2px);box-shadow:0 4px 12px #1890ff66}.action-button.restore:disabled{opacity:.6;cursor:not-allowed}.action-button.delete{background:#f5222d;color:#fff}.action-button.delete:hover{background:#ff4d4f;transform:translateY(-2px);box-shadow:0 4px 12px #f5222d66}.backup-tips{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:24px;color:#fff}.backup-tips h3{margin:0 0 16px;font-size:18px}.backup-tips ul{margin:0;padding-left:20px;list-style:none}.backup-tips li{margin-bottom:8px;padding-left:24px;position:relative}.backup-tips li:before{content:"✓";position:absolute;left:0;font-weight:700}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .3s ease-in}.warning-box{background:#fff2f0;border:1px solid #ffccc7;border-radius:8px;padding:16px;margin-bottom:24px;display:flex;gap:12px}.warning-icon{font-size:24px;flex-shrink:0}.warning-content h3{margin:0 0 8px;font-size:16px;color:#f5222d}.warning-content p{margin:0;font-size:14px;color:#666}.backup-preview{background:#f9f9f9;border-radius:8px;padding:16px;margin-bottom:24px}.preview-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.preview-item:last-child{border-bottom:none}.preview-label{font-size:14px;color:#666}.preview-value{font-size:14px;color:#333;font-weight:500}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.button.primary.danger{background:#f5222d}.button.primary.danger:hover{background:#ff4d4f}.button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.page-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{flex-direction:column}.backup-info,.backup-details{grid-template-columns:1fr}.backup-actions{flex-direction:column}}.blacklist-management{max-width:1200px;margin:0 auto;padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{font-size:32px;color:#333;margin:0}.add-button{padding:10px 24px;font-size:14px;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;font-weight:500;transition:all .3s}.add-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:16px;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.stat-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:12px}.stat-content{flex:1}.stat-label{font-size:14px;color:#666;margin-bottom:8px}.stat-value{font-size:24px;font-weight:700;color:#333}.stat-card.total .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.active .stat-icon{background:linear-gradient(135deg,#f5222d,#ff4d4f)}.stat-card.expired .stat-icon{background:linear-gradient(135deg,#8c8c8c,#bfbfbf)}.stat-card.today .stat-icon{background:linear-gradient(135deg,#1890ff,#40a9ff)}.filters-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:14px;color:#666;font-weight:500}.filter-group select{padding:8px 12px;font-size:14px;border:1px solid #d9d9d9;border-radius:4px;min-width:200px;transition:all .3s}.filter-group select:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:16px;color:#999}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{margin:0 0 12px;font-size:20px;color:#333}.empty-state p{margin:0;font-size:14px;color:#999}.blacklist-list{display:grid;gap:20px;margin-bottom:30px}.blacklist-item{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;transition:all .3s}.blacklist-item:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.ip-address{flex:1;font-size:18px;font-weight:700;color:#333;font-family:Courier New,monospace}.status-badge{padding:6px 12px;border-radius:4px;color:#fff;font-size:12px;font-weight:500;white-space:nowrap}.item-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.detail-item{display:flex;align-items:flex-start;gap:12px}.detail-icon{font-size:20px;margin-top:2px}.detail-content{flex:1}.detail-label{font-size:12px;color:#999;margin-bottom:4px}.detail-value{font-size:14px;color:#333;font-weight:500}.item-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid #f0f0f0}.action-button{flex:1;padding:10px 20px;font-size:14px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s}.action-button.view{background:#1890ff;color:#fff}.action-button.view:hover{background:#40a9ff;transform:translateY(-2px);box-shadow:0 4px 12px #1890ff66}.action-button.remove{background:#f5222d;color:#fff}.action-button.remove:hover{background:#ff4d4f;transform:translateY(-2px);box-shadow:0 4px 12px #f5222d66}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:30px}.pagination-button{padding:8px 16px;font-size:14px;border:1px solid #d9d9d9;background:#fff;border-radius:4px;cursor:pointer;transition:all .3s}.pagination-button:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.pagination-button:disabled{color:#d9d9d9;cursor:not-allowed}.pagination-info{font-size:14px;color:#666}.blacklist-tips{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:24px;color:#fff}.blacklist-tips h3{margin:0 0 16px;font-size:18px}.blacklist-tips ul{margin:0;padding-left:20px;list-style:none}.blacklist-tips li{margin-bottom:8px;padding-left:24px;position:relative}.blacklist-tips li:before{content:"✓";position:absolute;left:0;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;max-width:800px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .3s ease-in}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0}.modal-header h2{margin:0;font-size:20px;color:#333}.close-button{width:32px;height:32px;border:none;background:#f0f0f0;border-radius:50%;cursor:pointer;font-size:18px;color:#666;transition:all .3s}.close-button:hover{background:#e8e8e8;color:#333}.modal-body{padding:20px;overflow-y:auto;flex:1}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;color:#666;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d9d9d9;border-radius:4px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.form-group small{display:block;margin-top:4px;font-size:12px;color:#999}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #f0f0f0}.button{padding:10px 20px;font-size:14px;border:none;border-radius:4px;cursor:pointer;transition:all .3s;font-weight:500}.button.secondary{background:#f0f0f0;color:#666}.button.secondary:hover{background:#e8e8e8;color:#333}.button.primary{background:#1890ff;color:#fff}.button.primary:hover{background:#40a9ff}.detail-section{margin-bottom:24px}.detail-section h3{margin:0 0 12px;font-size:16px;color:#333;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.detail-row{display:flex;gap:12px;margin-bottom:8px;font-size:14px}.detail-row .detail-label{color:#999;min-width:100px}.detail-row .detail-value{color:#333;flex:1}.activities-list{background:#f9f9f9;border-radius:4px;padding:12px;max-height:200px;overflow-y:auto}.activity-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.activity-item:last-child{border-bottom:none}.activity-type{font-size:13px;color:#333}.activity-time{font-size:12px;color:#999}@media (max-width: 768px){.page-header{flex-direction:column;gap:16px;align-items:stretch}.stats-cards{grid-template-columns:repeat(2,1fr)}.item-details{grid-template-columns:1fr}.item-actions{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.page-header{margin-bottom:24px}.card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.rating-star{color:#faad14}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}