style: 精简 Logo 舞台并强化玻璃动效

oneinai.html

@@ -969,6 +969,8 @@
   .trust-proof {
     border-top-color: rgba(0, 0, 0, 0.16);
     border-bottom-color: rgba(0, 0, 0, 0.08);
+    background: rgba(255, 255, 255, 0.42);
+    backdrop-filter: blur(16px) saturate(1.05);
   }
 
   .trust-proof-accent {
@@ -1017,9 +1019,9 @@
 
   .signal {
     border-color: #d2d2d7;
-    background: #ffffff;
+    background: rgba(255, 255, 255, 0.66);
     box-shadow: 0 10px 28px rgba(0, 0, 0, 0.05);
-    backdrop-filter: none;
+    backdrop-filter: blur(18px) saturate(1.06);
   }
 
   .signal:first-child {
@@ -1063,9 +1065,44 @@
 
   .metric-chip {
     border-color: #d2d2d7;
-    background: rgba(255, 255, 255, 0.96);
+    background: rgba(255, 255, 255, 0.58);
-    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
+    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07), inset 0 1px 0 rgba(255,255,255,0.92);
-    backdrop-filter: blur(12px);
+    backdrop-filter: blur(18px) saturate(1.08);
+    transition: transform 0.28s ease, box-shadow 0.28s ease;
+    animation: chipDrift 6s ease-in-out infinite;
+  }
+
+  .metric-chip:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255,255,255,0.96);
+  }
+
+  .chip-b { animation-delay: -1.8s; }
+  .chip-c { animation-delay: -3.6s; }
+
+  @keyframes chipDrift {
+    0%, 100% { transform: translateY(0); }
+    50% { transform: translateY(-6px); }
+  }
+
+  .stage-frame {
+    width: min(360px, 100%);
+    background: transparent;
+    border: 0;
+    box-shadow: none;
+    overflow: visible;
+  }
+
+  .stage-frame::before,
+  .stage-frame::after,
+  .corner {
+    display: none;
+  }
+
+  .hero-logo {
+    width: 68%;
+    height: 68%;
+    filter: drop-shadow(0 22px 30px rgba(0, 0, 0, 0.15));
   }
 
   .section {
@@ -1086,8 +1123,9 @@
   .pricing-main,
   .provenance-bar {
     border-color: #d2d2d7;
-    background: #ffffff;
+    background: rgba(255, 255, 255, 0.72);
     box-shadow: 0 12px 34px rgba(0, 0, 0, 0.04), inset 0 1px 0 #ffffff;
+    backdrop-filter: blur(16px) saturate(1.04);
   }
 
   .feature-card::before,
@@ -1161,10 +1199,22 @@
       font-size: 16px;
     }
 
+    .stage-frame {
+      width: 240px;
+      max-width: 240px;
+    }
+
     .section {
       padding: 72px 0;
     }
   }
+
+  @media (max-width: 340px) {
+    .stage-frame {
+      width: 240px;
+      max-width: 240px;
+    }
+  }
 </style>
 <div class='oneinai-root'>
   <main class='page' id='top'>
@@ -1172,7 +1222,7 @@
       <div class='hero-copy fade-up'>
         <div class='hero-kicker'>MODEL SUPPLY / ENTERPRISE ACCESS</div>
         <h1>企业级 <span>AI 模型网关</span></h1>
-        <p class='lead'>Claude、OpenAI、Gemini 等模型均通过一手正规渠道采购，来源清晰可追溯；充值按 1 CNY = 1 USD 计价，让企业从接入到对账都保持透明。</p>
+        <p class='lead'>本站所有模型均通过一手正规渠道采购，来源清晰可追溯；充值按 1 CNY = 1 USD 计价，让企业从接入到对账都保持透明。</p>
         <div class='trust-strip'>
           <div class='trust-proof'>
             <span class='trust-index'>01</span>
@@ -1200,7 +1250,7 @@
           </div>
           <div class='signal'>
             <strong>多模型</strong>
-            <span>Claude / OpenAI / Gemini</span>
+            <span>本站所有模型</span>
           </div>
           <div class='signal'>
             <strong>可追溯</strong>
@@ -1266,7 +1316,7 @@
           <div class='section-kicker'>MODEL ACCESS</div>
           <h2 class='section-title'>聚合顶尖模型能力</h2>
         </div>
-        <p class='section-desc'>用一套 API 兼容多模型调用；模型额度来自一手正规渠道采购，采购与使用链路清晰可追溯。</p>
+        <p class='section-desc'>用一套 API 兼容本站所有模型；模型额度来自一手正规渠道采购，采购与使用链路清晰可追溯。</p>
       </div>
 
       <div class='model-strip'>