fix cards ui and data extract

src/views/Essentials.vue

@@ -5,7 +5,7 @@
       <button @click="installAll" class="primary-btn">一键安装全部</button>
     </header>
     
-    <div class="software-grid">
+    <div class="software-list">
       <SoftwareCard 
         v-for="item in store.essentials" 
         :key="item.id" 
@@ -49,11 +49,11 @@ const installAll = () => {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 40px;
+  margin-bottom: 30px;
 }
 
 .content-header h1 {
-  font-size: 34px;
+  font-size: 32px;
   font-weight: 700;
   letter-spacing: -0.5px;
 }
@@ -62,10 +62,10 @@ const installAll = () => {
   background-color: var(--primary-color);
   color: white;
   border: none;
-  padding: 12px 24px;
-  border-radius: var(--radius-btn);
+  padding: 10px 20px;
+  border-radius: 12px;
   font-weight: 600;
-  font-size: 15px;
+  font-size: 14px;
   cursor: pointer;
   box-shadow: var(--btn-shadow);
   transition: all 0.2s ease;
@@ -76,9 +76,8 @@ const installAll = () => {
   transform: translateY(-1px);
 }
 
-.software-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  gap: 24px;
+.software-list {
+  display: flex;
+  flex-direction: column;
 }
 </style>