.ask-container{max-width:1200px;margin:0 auto;padding:20px} .ask-header{background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin-bottom:20px;overflow:hidden} .ask-nav{display:flex;border-bottom:1px solid #f0f0f0} .ask-nav-item{padding:15px 20px;color:#666;text-decoration:none;border-bottom:2px solid transparent;transition:all 0.3s} .ask-nav-item:hover,.ask-nav-item.active{color:#FF7324;border-bottom-color:#FF7324} .ask-content{display:flex;gap:20px} .ask-main{flex:2;min-width:700px;background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);overflow:hidden} .ask-sidebar{width:280px;flex-shrink:0} .ask-filter{display:flex;border-bottom:1px solid #f0f0f0} .ask-filter-item{padding:12px 20px;color:#666;text-decoration:none;border-bottom:2px solid transparent;transition:all 0.3s;font-size:14px} .ask-filter-item:hover,.ask-filter-item.active{color:#FF7324;border-bottom-color:#FF7324} .ask-list{padding:0} .ask-item{display:flex;padding:20px;border-bottom:1px solid #f8f9fa;transition:background 0.3s} .ask-item:hover{background:#f8f9fa} .ask-item:last-child{border-bottom:none} .ask-stats{width:80px;text-align:center;margin-right:20px} .ask-replies{font-size:18px;font-weight:bold;color:var(--agu-text);margin-bottom:5px} .ask-views{font-size:12px;color:#999} .ask-content-main{flex:1} .ask-title{font-size:16px;font-weight:600;color:var(--agu-text);margin-bottom:8px;line-height:1.4} .ask-title a{color:inherit;text-decoration:none} .ask-title a:hover{color:#FF7324} .ask-meta{font-size:12px;color:#999;margin-bottom:8px} .ask-avatar-sm{width:16px;height:16px;border-radius:50%;margin-right:5px;vertical-align:middle} .ask-tags{display:flex;flex-wrap:wrap;gap:5px} .ask-tag{padding:2px 8px;background:#f0f0f0;color:#666;border-radius:3px;font-size:12px;text-decoration:none} .ask-tag:hover{background:#FF7324;color:white} .ask-flag-solved{color:#51cf66} .ask-flag-unanswered{color:#ffd43b} .sidebar-section{background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin-bottom:20px;overflow:hidden} .sidebar-title{padding:15px 20px;font-size:16px;font-weight:600;color:var(--agu-text);border-bottom:1px solid #f0f0f0} .sidebar-content{padding:15px 20px} .sidebar-more{float:right;font-size:12px;color:#999} .popular-list{list-style:none;padding:0;margin:0} .popular-item{padding:8px 0;border-bottom:1px solid #f8f9fa} .popular-item:last-child{border-bottom:none} .popular-link{color:#666;text-decoration:none;font-size:14px;line-height:1.4} .popular-link:hover{color:#FF7324} .popular-meta{font-size:12px;color:#999;margin-top:2px} .tag-cloud{display:flex;flex-wrap:wrap;gap:8px} .tag-item{padding:4px 8px;background:#f0f0f0;color:#666;border-radius:3px;font-size:12px;text-decoration:none;transition:all 0.3s} .tag-item:hover{background:#FF7324;color:white} .expert-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f8f9fa} .expert-item:last-child{border-bottom:none} .expert-avatar{width:40px;height:40px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px} .expert-info{flex:1} .expert-name{font-size:14px;font-weight:600;color:var(--agu-text);margin-bottom:2px} .expert-stats{font-size:12px;color:#999} .ask-pager{display:flex;justify-content:center;align-items:center;padding:20px;gap:5px} .ask-page-item{padding:8px 12px;border:1px solid var(--agu-border);color:#666;text-decoration:none;border-radius:3px;transition:all 0.3s} .ask-page-item:hover,.ask-page-item.active{background:#FF7324;color:white;border-color:#FF7324} .ask-page-item.disabled{color:#ccc;cursor:not-allowed} .tag-container{max-width:1200px;margin:0 auto;padding:20px} .tag-header{background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin-bottom:20px;padding:20px} .tag-title{font-size:24px;font-weight:600;color:var(--agu-text);margin-bottom:10px} .tag-meta{font-size:14px;color:#666;margin-bottom:15px} .tag-description{font-size:14px;line-height:1.6;color:var(--agu-text);margin-bottom:20px} .tag-stats{display:flex;gap:20px;font-size:14px;color:#666} .tag-stat-item{display:flex;align-items:center;gap:5px} .tag-container .ask-main{flex:1} .tag-container .ask-sidebar{width:300px} .tag-container .ask-replies{font-size:16px;font-weight:600;color:#666} .tag-container .ask-title a{color:var(--agu-text)} .tag-container .ask-title a:hover{color:#1E9FFF} .tag-container .ask-tag{padding:2px 6px;border-radius:2px;font-size:11px} .tag-container .ask-tag:hover{background:#1E9FFF} .ask-status{display:inline-block;padding:2px 6px;border-radius:2px;font-size:11px;margin-left:5px} .ask-status-solved{background:#51cf66;color:white} .ask-status-unsolved{background:#ff6b6b;color:white} .ask-status-unanswered{background:#ffd43b;color:#333} .tag-container .ask-pager{gap:10px} .tag-container .ask-pager a{padding:8px 12px;border:1px solid #ddd;color:#666;text-decoration:none;border-radius:4px;transition:all 0.3s} .tag-container .ask-pager a:hover,.tag-container .ask-pager a.active{background:#1E9FFF;color:white;border-color:#1E9FFF} .tag-container .popular-link:hover{color:#1E9FFF} .tag-container .tag-item:hover{background:#1E9FFF} .profile-container{max-width:1200px;margin:0 auto;padding:20px} .profile-header{background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin-bottom:20px;padding:20px} .profile-info{display:flex;align-items:center;gap:20px} .profile-avatar{width:80px;height:80px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999;font-size:24px;overflow:hidden} .profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%} .profile-details h2{margin:0 0 10px 0;color:var(--agu-text)} .profile-email{color:#666;margin:0} .profile-stats{display:flex;gap:20px;margin-top:15px} .profile-stat{text-align:center} .profile-stat-number{font-size:24px;font-weight:600;color:#1E9FFF} .profile-stat-label{font-size:12px;color:#999} .profile-body{display:flex;gap:20px} .profile-sidenav{width:240px;flex-shrink:0} .profile-sidenav .sidenav{background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);overflow:hidden} .profile-sidenav .sidenav-title{padding:14px 16px;font-size:16px;font-weight:600;color:var(--agu-text);border-bottom:1px solid #f0f0f0} .profile-sidenav .sidenav-list{list-style:none;margin:0;padding:8px 0} .profile-sidenav .sidenav-item a{display:block;padding:10px 16px;color:#666;text-decoration:none;transition:all .2s;border-left:3px solid transparent} .profile-sidenav .sidenav-item a:hover,.profile-sidenav .sidenav-item a.active{background:#fff5f0;color:#FF7324;border-left-color:#FF7324} .profile-main{flex:1;background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);overflow:hidden} .profile-tab-header{padding:14px 16px;font-size:16px;font-weight:600;color:var(--agu-text);border-bottom:1px solid #f0f0f0} .profile-tab-content{padding:16px} .profile-tab-hidden{display:none} .favorite-list{list-style:none;padding:0;margin:0} .favorite-item{padding:15px;border-bottom:1px solid #f8f9fa;transition:background 0.3s} .favorite-item:hover{background:#f8f9fa} .favorite-item:last-child{border-bottom:none} .favorite-title{font-size:16px;font-weight:600;color:var(--agu-text);margin-bottom:5px} .favorite-title a{color:inherit;text-decoration:none} .favorite-title a:hover{color:#1E9FFF} .favorite-meta{font-size:12px;color:#999;margin-bottom:8px} .favorite-content{font-size:14px;color:#666;line-height:1.4;margin-bottom:10px} .favorite-actions{display:flex;gap:10px} .favorite-btn{padding:4px 8px;border:1px solid #ddd;background:white;color:#666;text-decoration:none;border-radius:3px;font-size:12px;transition:all 0.3s;cursor:pointer} .favorite-btn:hover{background:#1E9FFF;color:white;border-color:#1E9FFF} .favorite-btn-margin{margin-top:10px} .profile-empty{text-align:center;padding:40px 20px;color:#999} .profile-empty-icon{font-size:48px;margin-bottom:10px} .profile-pager{display:flex;justify-content:center;margin-top:20px} .profile-page-item{padding:8px 12px;margin:0 2px;border:1px solid #ddd;background:white;color:#666;text-decoration:none;border-radius:4px;transition:all 0.3s} .profile-page-item:hover,.profile-page-item.active{background:#1E9FFF;color:white;border-color:#1E9FFF} .profile-page-item.disabled{color:#ccc;cursor:not-allowed} .ac-container{max-width:1400px;margin:0 auto;padding:16px} .ac-layout{display:flex;gap:16px} .ac-sidebar{width:150px;flex-shrink:0} .ac-main{flex:1} .ac-rightbar{width:260px;flex-shrink:0} .ac-type-switcher{background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:10px 0} .ac-type-switcher-item{display:block;padding:15px 15px;text-decoration:none;color:#666;font-size:16px;transition:all 0.3s;border-left:3px solid transparent} .ac-type-switcher-item:hover{background:#f5f5f5;color:var(--agu-text)} .ac-type-switcher-item.active{color:#FF7324;background:#fff5f0;border-left-color:#FF7324;font-weight:600} .ac-form{background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:30px} .ac-form-group{margin-bottom:20px} .ac-form-label{display:block;font-size:14px;font-weight:600;color:var(--agu-text);margin-bottom:8px} .ac-required{color:#ff4757;margin-left:3px} .ac-form-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color 0.3s;box-sizing:border-box} .ac-form-input:focus{outline:none;border-color:#FF7324;box-shadow:0 0 0 2px rgba(255,115,36,0.1)} .ac-form-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px} .ac-selected-tag{position:relative;display:inline-flex;align-items:center;padding:6px 28px 6px 12px;background:#FFEDD9;color:#E05A1A;border:1px solid #FFB68A;border-radius:999px;font-size:12px;line-height:1} .ac-selected-tag-close{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#E05A1A;cursor:pointer} .ac-selected-tag-close:hover{background:rgba(224,90,26,0.08)} .ac-tag-hint{font-size:12px;color:#999;margin-top:5px} .ac-editor-wrapper{border:1px solid #ddd;border-radius:4px;overflow:hidden} .ac-editor-toolbar{border-bottom:1px solid #ddd} .ac-editor-container{min-height:500px;padding:15px} .ac-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0} .ac-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all 0.3s} .ac-btn-primary{background:#FF7324;color:white} .ac-btn-primary:hover{background:#e05a1a} .ac-btn-secondary{background:#f5f5f5;color:#666} .ac-btn-secondary:hover{background:#e0e0e0} .ac-tag-panel{background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:16px} .ac-tag-panel-title{font-size:16px;font-weight:600;color:var(--agu-text);margin-bottom:10px} .ac-tag-list{display:flex;flex-wrap:wrap;gap:8px} .ac-tag-item{display:inline-flex;align-items:center;padding:6px 10px;background:#f7f7f7;border-radius:999px;color:#555;font-size:12px;cursor:pointer;border:1px solid #eee;transition:all .2s;user-select:none} .ac-tag-item:hover{background:#fff5f0;color:#FF7324;border-color:#ffd6bf} .ac-tag-item.active{background:#ffe6d9;color:#e05a1a;border-color:#ffb89a} .ac-tag-search-box{margin-top:12px} .ac-tag-search-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box} .ac-tag-search-result{margin-top:10px;max-height:220px;overflow:auto;border-top:1px solid #f0f0f0;padding-top:10px} .ac-tag-empty{font-size:12px;color:#999} @media (max-width:768px){.ac-layout{flex-direction:column} .ac-sidebar{width:100%} .ac-type-switcher{display:flex;padding:0} .ac-type-switcher-item{flex:1;text-align:center;border-left:none;border-bottom:3px solid transparent;padding:12px} .ac-type-switcher-item.active{border-left:none;border-bottom-color:#FF7324}} .ask-detail-container{max-width:1200px;margin:0 auto;padding:20px} .ask-detail-content{display:flex;gap:20px} .ask-detail-main{flex:1;background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);overflow:hidden} .ask-detail-sidebar{width:300px;flex-shrink:0} .question-header{padding:20px;border-bottom:1px solid #f0f0f0} .question-title{font-size:20px;font-weight:600;color:var(--agu-text);margin-bottom:10px;line-height:1.4} .question-meta{font-size:12px;color:#999;margin-bottom:15px} .ad-meta-avatar{width:20px;height:20px;border-radius:50%;margin-right:5px;vertical-align:middle} .question-content{font-size:14px;line-height:1.6;color:var(--agu-text);margin-bottom:20px;overflow-wrap:break-word} .question-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px} .question-content p{margin:0 0 10px} .question-content p:last-child{margin-bottom:0} .question-content img{max-width:100%;height:auto;border-radius:4px} .question-content video{max-width:100%} .question-content h1,.question-content h2,.question-content h3,.question-content h4,.question-content h5,.question-content h6{margin:16px 0 8px;font-weight:600;line-height:1.4} .question-content h1{font-size:20px} .question-content h2{font-size:18px} .question-content h3{font-size:16px} .question-content h4,.question-content h5,.question-content h6{font-size:14px} .question-content ul,.question-content ol{margin:0 0 10px;padding-left:24px} .question-content li{margin-bottom:4px} .question-content blockquote{margin:0 0 10px;padding:8px 12px;border-left:3px solid var(--agu-primary);background:var(--agu-bg-soft);color:var(--agu-text-secondary)} .question-content pre{margin:0 0 10px;padding:10px 12px;background:var(--agu-bg-soft);border-radius:4px;overflow-x:auto;font-size:var(--agu-font-sm);line-height:1.5} .question-content code{font-family:Consolas,Monaco,"Courier New",monospace;font-size:var(--agu-font-sm);background:var(--agu-divider-soft);padding:1px 4px;border-radius:3px} .question-content pre code{background:none;padding:0} .question-content table{width:100%;border-collapse:collapse;margin-bottom:10px} .question-content th,.question-content td{border:1px solid var(--agu-border);padding:6px 10px;text-align:left} .question-content th{background:var(--agu-bg-soft);font-weight:600} .question-content a{color:var(--agu-link)} .question-content hr{border:none;border-top:1px solid var(--agu-divider);margin:16px 0} .question-actions{display:flex;gap:10px} .action-btn{padding:8px 16px;border:1px solid #ddd;background:white;color:#666;text-decoration:none;border-radius:4px;font-size:14px;transition:all 0.3s;cursor:pointer} .action-btn:hover,.action-btn.active{background:#1E9FFF;color:white;border-color:#1E9FFF} .answers-section{padding:20px} .answers-header{font-size:16px;font-weight:600;color:var(--agu-text);margin-bottom:20px} .answer-item{border-bottom:1px solid #f0f0f0;padding:20px 0} .answer-item:last-child{border-bottom:none} .answer-header{display:flex;align-items:center;gap:10px;margin-bottom:15px} .answer-avatar{width:40px;height:40px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;overflow:hidden} .ad-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%} .answer-info{flex:1} .answer-author{font-size:14px;font-weight:600;color:var(--agu-text);margin-bottom:2px} .answer-badge{display:inline-block;padding:2px 6px;background:#1E9FFF;color:white;font-size:10px;border-radius:2px;margin-left:5px} .answer-desc{font-size:12px;color:#999} .answer-content{font-size:14px;line-height:1.6;color:var(--agu-text);margin-bottom:15px} .answer-actions{display:flex;gap:10px;align-items:center} .vote-btn{padding:5px 10px;border:1px solid #ddd;background:white;color:#666;text-decoration:none;border-radius:3px;font-size:12px;transition:all 0.3s;cursor:pointer} .vote-btn:hover,.vote-btn.active{background:#1E9FFF;color:white;border-color:#1E9FFF} .accept-btn{padding:5px 10px;border:1px solid #51cf66;background:#51cf66;color:white;text-decoration:none;border-radius:3px;font-size:12px;cursor:pointer;transition:all 0.3s} .accept-btn:hover{background:#40c057;border-color:#40c057} .write-answer{padding:20px;border-top:1px solid #f0f0f0} .write-title{font-size:16px;font-weight:600;color:var(--agu-text);margin-bottom:15px} .answer-form{margin-bottom:15px} .answer-textarea{width:100%;min-height:200px;padding:15px;border:1px solid #ddd;border-radius:4px;font-size:14px;line-height:1.6;resize:vertical;box-sizing:border-box} .submit-btn{padding:10px 20px;background:#1E9FFF;color:white;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background 0.3s} .submit-btn:hover{background:#0d8aff} .related-list{list-style:none;padding:0;margin:0} .related-item{padding:8px 0;border-bottom:1px solid #f8f9fa} .related-item:last-child{border-bottom:none} .related-link{color:#666;text-decoration:none;font-size:14px;line-height:1.4} .related-link:hover{color:#1E9FFF} .ask-detail-container .popular-link:hover{color:#1E9FFF} .ask-detail-container .tag-item:hover{background:#1E9FFF} .ad-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)} .ad-modal-open{display:block} .ad-modal-content{background-color:white;margin:15% auto;padding:20px;border-radius:8px;width:80%;max-width:500px} .ad-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px} .ad-modal-title{font-size:18px;font-weight:600;color:var(--agu-text)} .ad-modal-close{color:#aaa;font-size:28px;font-weight:bold;cursor:pointer} .ad-modal-close:hover{color:#000} .ad-modal-body{margin-bottom:20px} .ad-form-group{margin-bottom:15px} .ad-form-label{display:block;margin-bottom:5px;font-weight:600;color:var(--agu-text)} .ad-form-textarea{width:100%;min-height:100px;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;resize:vertical;box-sizing:border-box} .ad-modal-footer{display:flex;gap:10px;justify-content:flex-end} .ad-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all 0.3s} .ad-btn-primary{background:#1E9FFF;color:white} .ad-btn-primary:hover{background:#0d8aff} .ad-btn-secondary{background:#6c757d;color:white} .ad-btn-secondary:hover{background:#5a6268} .reply-replies{margin-top:15px;padding-left:20px;border-left:2px solid #f0f0f0} .reply-reply-item{padding:10px 0;border-bottom:1px solid #f8f9fa} .reply-reply-item:last-child{border-bottom:none} .reply-reply-header{display:flex;align-items:center;gap:8px;margin-bottom:5px} .reply-reply-avatar{width:24px;height:24px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999;font-size:10px;overflow:hidden} .reply-reply-author{font-size:12px;font-weight:600;color:var(--agu-text)} .reply-reply-time{font-size:10px;color:#999} .reply-reply-content{font-size:12px;line-height:1.4;color:#666;margin-left:32px} .reply-reply-form{margin-top:10px;margin-left:32px} .reply-reply-textarea{width:100%;min-height:60px;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:12px;resize:vertical;box-sizing:border-box} .reply-reply-actions{display:flex;gap:5px;margin-top:5px} .reply-reply-btn{padding:4px 8px;border:1px solid #ddd;background:white;color:#666;border-radius:3px;font-size:10px;cursor:pointer;transition:all 0.3s} .reply-reply-btn:hover{background:#1E9FFF;color:white;border-color:#1E9FFF} .ad-hidden{display:none} .ad-reply-empty{color:#999;font-size:12px;padding:10px} .ad-light-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.35);z-index:9999} .ad-light-mask-hidden{display:none} .ad-light-panel{width:280px;max-width:90%;background:white;border-radius:8px;margin:120px auto;padding:14px 18px} .ad-light-close-bar{text-align:right} .ad-light-close{cursor:pointer;font-size:18px} .ad-share-menu{padding:12px 0} .ad-share-link{display:block;padding:8px 0} .ad-qr-box{text-align:center;padding:10px 0} .ad-qr-title{font-size:14px;margin-bottom:8px} .ad-qr-img{width:180px;height:180px} .error-container{max-width:600px;margin:100px auto;text-align:center;padding:40px 20px} .error-icon{font-size:80px;color:#ccc;margin-bottom:20px} .error-title{font-size:24px;color:#333;margin-bottom:15px} .error-message{font-size:16px;color:#666;margin-bottom:30px} .error-actions{display:flex;justify-content:center;gap:15px} .error-btn{padding:10px 20px;background:#1E9FFF;color:white;text-decoration:none;border-radius:4px;transition:background 0.3s} .error-btn:hover{background:#0d8aff} .error-btn.secondary{background:#f0f0f0;color:#666} .error-btn.secondary:hover{background:#e0e0e0} .admin-container{max-width:1200px;margin:0 auto;padding:20px} .admin-header{background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin-bottom:20px;padding:20px} .admin-title{font-size:24px;font-weight:600;color:#333;margin-bottom:10px} .admin-subtitle{color:#666;font-size:14px} .report-list{background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);overflow:hidden} .report-item{padding:20px;border-bottom:1px solid #f0f0f0;transition:background 0.3s} .report-item:hover{background:#f8f9fa} .report-item:last-child{border-bottom:none} .report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px} .report-info{display:flex;gap:15px;align-items:center} .report-type{padding:4px 8px;border-radius:3px;font-size:12px;color:white} .report-type.article{background:#1E9FFF} .report-type.reply{background:#51cf66} .report-status{padding:4px 8px;border-radius:3px;font-size:12px} .report-status.pending{background:#ffd43b;color:#333} .report-status.processed{background:#51cf66;color:white} .report-status.rejected{background:#ff6b6b;color:white} .report-time{font-size:12px;color:#999} .report-content{margin-bottom:15px} .report-reason{font-size:14px;color:#333;line-height:1.4;margin-bottom:10px} .report-target{background:#f8f9fa;padding:10px;border-radius:4px;margin-bottom:10px} .report-target-title{font-size:14px;font-weight:600;color:#333;margin-bottom:5px} .report-target-content{font-size:12px;color:#666;line-height:1.4} .report-actions{display:flex;gap:10px} .action-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all 0.3s} .btn-approve{background:#51cf66;color:white} .btn-approve:hover{background:#40c057} .btn-reject{background:#ff6b6b;color:white} .btn-reject:hover{background:#fa5252} .btn-view{background:#1E9FFF;color:white} .btn-view:hover{background:#0d8aff} .empty-state{text-align:center;padding:40px 20px;color:#999} .empty-icon{font-size:48px;margin-bottom:10px} .report-pagination{display:flex;justify-content:center;margin-top:20px} .report-page-item{padding:8px 12px;margin:0 2px;border:1px solid #ddd;background:white;color:#666;text-decoration:none;border-radius:4px;transition:all 0.3s} .report-page-item:hover,.report-page-item.active{background:#1E9FFF;color:white;border-color:#1E9FFF}