完成AI问答模块

src/expert/index.scss

@@ -1,18 +1,18 @@
 .veteran-page {
   min-height: 100vh;
   background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%);
-  
+
   .hero-section {
     position: relative;
     padding: 40px 20px 60px;
     background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%);
     overflow: hidden;
-    
+
     .hero-content {
       position: relative;
       z-index: 2;
       text-align: center;
-      
+
       .hero-title {
         font-size: 28px;
         font-weight: bold;
@@ -20,7 +20,7 @@
         margin-bottom: 20px;
         text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
       }
-      
+
       .hero-subtitle {
         font-size: 14px;
         line-height: 1.6;
@@ -30,7 +30,7 @@
         text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
       }
     }
-    
+
     .hero-decoration {
       position: absolute;
       top: 0;
@@ -38,7 +38,7 @@
       width: 100%;
       height: 100%;
       pointer-events: none;
-      
+
       .decoration-circle {
         position: absolute;
         top: -50px;
@@ -49,7 +49,7 @@
         border-radius: 50%;
         animation: rotate 20s linear infinite;
       }
-      
+
       .decoration-star {
         position: absolute;
         bottom: 20px;
@@ -60,7 +60,7 @@
         border-right: 15px solid transparent;
         border-bottom: 10px solid rgba(255, 255, 255, 0.1);
         transform: rotate(35deg);
-        
+
         &::before {
           content: '';
           position: absolute;
@@ -76,10 +76,10 @@
       }
     }
   }
-  
+
   .veteran-list {
     padding: 20px 15px;
-    
+
     .veteran-card {
       background: #fff;
       border-radius: 12px;
@@ -91,16 +91,16 @@
       border: 2px solid #d32f2f;
       transition: all 0.3s ease;
       cursor: pointer;
-      
+
       &:hover {
         transform: translateY(-2px);
         box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
       }
-      
+
       .veteran-avatar {
         flex-shrink: 0;
         margin-right: 15px;
-        
+
         .avatar-img {
           width: 60px;
           height: 60px;
@@ -110,17 +110,17 @@
           background: #f5f5f5;
         }
       }
-      
+
       .veteran-info {
         flex: 1;
-        
+
         .veteran-name {
           font-size: 18px;
           font-weight: bold;
           color: #d32f2f;
           margin: 0 0 8px 0;
         }
-        
+
         .veteran-description {
           font-size: 13px;
           line-height: 1.5;
@@ -146,36 +146,36 @@
   .veteran-page {
     .hero-section {
       padding: 30px 15px 50px;
-      
+
       .hero-content {
         .hero-title {
           font-size: 24px;
         }
-        
+
         .hero-subtitle {
           font-size: 13px;
         }
       }
     }
-    
+
     .veteran-list {
       padding: 15px 10px;
-      
+
       .veteran-card {
         padding: 15px;
-        
+
         .veteran-avatar {
           .avatar-img {
             width: 50px;
             height: 50px;
           }
         }
-        
+
         .veteran-info {
           .veteran-name {
             font-size: 16px;
           }
-          
+
           .veteran-description {
             font-size: 12px;
           }