放大放大

css/index.css

@@ -509,6 +509,10 @@
   padding: 24px 28px;
   position: relative;
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 16px;
 
   /* 毛玻璃效果 */
   background: rgba(15, 23, 42, 0.6);
@@ -528,6 +532,28 @@
   overflow: hidden;
 }
 
+/* banner-item 图标样式 */
+.banner-s .banner-list .banner-item .banner-item-icon {
+  width: 48px;
+  height: 48px;
+  flex-shrink: 0;
+  object-fit: contain;
+  transition: all 0.4s ease;
+  filter: brightness(1.1);
+}
+
+.banner-s .banner-list .banner-item:hover .banner-item-icon {
+  transform: scale(1.1) rotate(5deg);
+  filter: brightness(1.3) drop-shadow(0 0 12px rgba(56, 189, 248, 0.6));
+}
+
+/* banner-item 文字内容区域 */
+.banner-s .banner-list .banner-item-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
 /* 卡片光晕装饰 */
 .banner-s .banner-list .banner-item::before {
   content: '';

index.html

@@ -101,22 +101,34 @@
     <div class="banner-s">
       <div class="section-content banner-list">
         <div class="banner-item" id="cloud-box">
+          <img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon" class="banner-item-icon">
+          <div class="banner-item-content">
             <h5>新用户最低可<span class="highlight">5折</span>优惠</h5>
             <p class="title-desc mt-10 mb-10">无数个人用户的共同选择</p>
           </div>
+        </div>
         <div class="banner-item" id="domain-box">
+          <img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon" class="banner-item-icon">
+          <div class="banner-item-content">
             <h5>域名<span class="highlight">低至9元</span>起</h5>
             <p class="title-desc mt-10 mb-10">优选主流域名注册服务</p>
           </div>
+        </div>
         <div class="banner-item" id="cps-box">
+          <img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon" class="banner-item-icon">
+          <div class="banner-item-content">
             <h5>推广最高<span class="highlight">30%</span>佣金</h5>
             <p class="title-desc mt-10 mb-10">多种产品高额返佣</p>
           </div>
+        </div>
         <div class="banner-item" id="logon-box">
+          <img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon" class="banner-item-icon">
+          <div class="banner-item-content">
             <h5>注册送<span class="highlight">2000元</span>礼包</h5>
             <p class="title-desc mt-10 mb-10">免费注册领取专属礼包</p>
           </div>
         </div>
+      </div>
 
     </div>