Autosave: 20260224-110546

assets/css/custom.css

@@ -2,57 +2,64 @@
     --primary-gold: #ffc107;
     --dark-gold: #e0a800;
     --light-gold: #ffdf7e;
-    --bg-light: #f4f7f6;
+    --bg-dark-deep: #0a0e14;
-    --text-dark: #1a202c;
+    --glass-bg: rgba(255, 255, 255, 0.05);
-    --text-muted: #718096;
+    --glass-border: rgba(255, 255, 255, 0.1);
+    --text-gold: #ffc107;
     --white: #ffffff;
-    --dark-bg: #111827;
 }
 
-body {
+body.bg-wealth {
-    background-color: var(--bg-light);
+    background: radial-gradient(circle at top right, #1a202c, #0a0e14);
-    color: var(--text-dark);
+    color: var(--white);
     font-family: 'Noto Sans SC', 'Inter', -apple-system, sans-serif;
-    font-size: 15px;
+    min-height: 100vh;
-    margin: 0;
     -webkit-font-smoothing: antialiased;
 }
 
-/* Navbar */
+/* Glassmorphism Effects */
-.navbar {
+.glass-nav {
-    padding: 0.8rem 0;
+    background: rgba(10, 14, 20, 0.8) !important;
-    background-color: var(--dark-bg) !important;
+    backdrop-filter: blur(10px);
+    border-bottom: 1px solid var(--glass-border);
 }
 
-.logo-wrapper {
+.glass-card {
-    width: 52px;
+    background: var(--glass-bg);
-    height: 52px;
+    backdrop-filter: blur(15px);
-    border-radius: 50%;
+    border: 1px solid var(--glass-border) !important;
-    overflow: hidden;
+    border-radius: 24px !important;
-    border: 2px solid var(--primary-gold);
+}
-    display: flex;
+
-    align-items: center;
+.icon-circle.bg-gold {
-    justify-content: center;
+    background: linear-gradient(135deg, var(--primary-gold), var(--dark-gold));
-    background: #fff;
     box-shadow: 0 0 15px rgba(255, 193, 7, 0.4);
 }
 
-.logo-img {
+/* Navbar & Brand */
-    width: 100%;
+.logo-wrapper {
-    height: 100%;
+    display: flex;
-    object-fit: cover;
+    align-items: center;
+    justify-content: center;
+    width: 45px;
+    height: 45px;
+    border-radius: 50%;
+    overflow: hidden;
+    border: 2px solid var(--primary-gold);
+    box-shadow: 0 0 20px rgba(255, 193, 7, 0.3);
 }
 
 .brand-text {
-    font-size: 1.45rem;
+    font-size: 1.4rem;
-    font-weight: 800 !important;
+    background: linear-gradient(135deg, #fff 40%, var(--primary-gold) 100%);
-    letter-spacing: -0.01em;
-    color: var(--white);
-    background: linear-gradient(135deg, #fff 30%, var(--primary-gold) 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }
 
+.text-glow {
+    text-shadow: 0 0 10px rgba(255, 193, 7, 0.3);
+}
+
 /* Animations */
 @keyframes rotating {
     from { transform: rotate(0deg); }
@@ -60,140 +67,111 @@ body {
 }
 
 .rotating {
-    animation: rotating 8s linear infinite;
+    animation: rotating 15s linear infinite;
 }
 
-/* Carousel Hero - Reduced Height */
+/* Carousel */
 #mainCarousel {
-    border-radius: 20px;
+    border: 1px solid var(--glass-border);
-    overflow: hidden;
+}
+
+.border-gold {
+    border: 2px solid var(--primary-gold) !important;
 }
 
 .hero-img {
-    height: 220px; /* Reduced to roughly half */
+    height: 220px;
     object-fit: cover;
-    filter: brightness(0.55) contrast(1.1);
+    filter: brightness(0.6);
-}
-
-.carousel-overlay {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.75) 100%);
-}
-
-.carousel-caption {
-    bottom: 10%;
-    text-shadow: 0 2px 12px rgba(0,0,0,0.8);
 }
 
 .carousel-caption h2 {
-    font-size: 2rem !important;
+    font-size: 2.2rem !important;
-    margin-bottom: 0.25rem !important;
+    text-shadow: 0 0 20px rgba(0,0,0,1);
-}
-
-.slogan-text {
-    font-weight: 400;
-    font-size: 1.1rem;
-    opacity: 0.95;
-    letter-spacing: 0.02em;
-}
-
-/* Cards */
-.main-card {
-    border-radius: 16px !important;
-    border: 1px solid rgba(0,0,0,0.05) !important;
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
-}
-
-.main-card:hover {
-    box-shadow: 0 20px 40px rgba(0,0,0,0.08) !important;
-}
-
-.icon-circle {
-    width: 45px;
-    height: 45px;
-    border-radius: 12px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 1.2rem;
 }
 
 /* Inputs & Outputs */
-textarea.form-control {
+.glass-input {
-    background-color: #fcfdfe;
+    background: rgba(255, 255, 255, 0.03) !important;
-    border: 2px solid #edf2f7;
+    border: 1px solid var(--glass-border) !important;
-    border-radius: 12px;
+    color: #fff !important;
-    padding: 1.25rem;
+    border-radius: 12px !important;
-    font-size: 0.95rem;
+    transition: all 0.3s ease;
-    line-height: 1.7;
-    resize: none;
-    color: #2d3748;
-    transition: all 0.2s ease;
 }
 
-textarea.form-control:focus {
+.glass-input:focus {
-    background-color: #fff;
+    background: rgba(255, 255, 255, 0.08) !important;
-    border-color: var(--primary-gold);
+    border-color: var(--primary-gold) !important;
-    box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.1);
+    box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.1) !important;
-    outline: none;
 }
 
-.result-container {
+.result-container-dark {
-    background-color: #f8fafc;
+    background: rgba(0, 0, 0, 0.3);
-    border: 2px dashed #e2e8f0 !important;
+    border: 1px dashed var(--glass-border);
-    font-family: 'Inter', monospace;
+    color: var(--primary-gold);
+    font-family: 'Consolas', 'Monaco', monospace;
     white-space: pre-wrap;
-    line-height: 1.8;
+    line-height: 2.2;
-    font-size: 0.95rem;
+    font-size: 1.1rem;
-    color: #1a202c;
 }
 
 /* Buttons */
 .btn-gold {
     background: linear-gradient(135deg, var(--primary-gold) 0%, var(--dark-gold) 100%);
     border: none;
-    color: #333;
+    color: #000;
+    border-radius: 12px;
     box-shadow: 0 8px 20px rgba(255, 193, 7, 0.3);
     transition: all 0.3s ease;
 }
 
 .btn-gold:hover {
-    background: linear-gradient(135deg, #ffca2c 0%, #d39e00 100%);
+    transform: translateY(-3px);
-    transform: translateY(-2px);
+    box-shadow: 0 12px 25px rgba(255, 193, 7, 0.5);
-    box-shadow: 0 10px 25px rgba(255, 193, 7, 0.45);
     color: #000;
 }
 
-.btn-outline-danger {
+.btn-gold-outline {
-    border-width: 2px;
+    border: 1px solid var(--primary-gold);
-    font-weight: 600;
+    color: var(--primary-gold);
+    border-radius: 8px;
+    transition: all 0.2s;
+}
+
+.btn-gold-outline:hover {
+    background: var(--primary-gold);
+    color: #000;
+}
+
+.text-light-muted {
+    color: rgba(255, 255, 255, 0.6);
+}
+
+/* Footer & Logo */
+.bg-dark-deep {
+    background-color: #05070a;
 }
 
-/* Footer */
 .footer {
-    border-top: 4px solid var(--primary-gold);
+    border-top: 2px solid var(--glass-border);
 }
 
 .footer-logo {
     width: 60px;
     height: 60px;
     border-radius: 50%;
+    object-fit: cover;
     border: 2px solid var(--primary-gold);
+    box-shadow: 0 0 15px rgba(255, 193, 7, 0.4);
 }
 
-/* Toast */
+.text-gold {
-.toast {
+    color: var(--primary-gold) !important;
-    background-color: #111827 !important;
 }
 
-/* Responsive fixes */
+/* Responsive */
 @media (max-width: 768px) {
-    .hero-img { height: 180px; }
+    .hero-img { height: 160px; }
-    .carousel-caption h2 { font-size: 1.4rem !important; }
+    .carousel-caption h2 { font-size: 1.5rem !important; }
-    .slogan-text { font-size: 0.9rem; }
+}.logo-img { width: 100%; height: 100%; object-fit: cover; display: block; }
-    .display-5 { font-size: 1.8rem; }
+.marked-label { font-weight: 800 !important; font-size: 0.95rem !important; letter-spacing: 0.5px; text-shadow: 0 0 10px rgba(255, 193, 7, 0.4); }
-}

assets/js/main.js

@@ -1,7 +1,6 @@
 document.addEventListener('DOMContentLoaded', () => {
     // Elements
     const clockEl = document.getElementById('real-time-clock');
-    const inputEl = document.getElementById('reportInput');
     const outputEl = document.getElementById('reportOutput');
     const btnParse = document.getElementById('btnParse');
     const btnClear = document.getElementById('btnClear');
@@ -10,6 +9,26 @@ document.addEventListener('DOMContentLoaded', () => {
     const toastEl = document.getElementById('liveToast');
     const toast = new bootstrap.Toast(toastEl);
 
+    // Input Elements Mapping
+    const inputs = {
+        totalWS: document.getElementById('in_totalWS'),
+        wsBanned: document.getElementById('in_wsBanned'),
+        wsPermBanned: document.getElementById('in_wsPermBanned'),
+        totalXHS: document.getElementById('in_totalXHS'),
+        totalSMS: document.getElementById('in_totalSMS'),
+        xhs: document.getElementById('in_xhs'),
+        xhs_reply: document.getElementById('in_xhs_reply'),
+        ws: document.getElementById('in_ws'),
+        ws_reply: document.getElementById('in_ws_reply'),
+        sms: document.getElementById('in_sms'),
+        sms_reply: document.getElementById('in_sms_reply'),
+        totalGreeting: document.getElementById('in_totalGreeting'),
+        totalReply: document.getElementById('in_totalReply'),
+        rechat: document.getElementById('in_rechat'),
+        traffic: document.getElementById('in_traffic'),
+        voice: document.getElementById('in_voice')
+    };
+
     // Initialize Real-time Clock
     const updateClock = () => {
         const now = new Date();
@@ -18,7 +37,6 @@ document.addEventListener('DOMContentLoaded', () => {
             hour: '2-digit', minute: '2-digit', second: '2-digit',
             hour12: false 
         };
-        // Format to YYYY-MM-DD HH:mm:ss
         const formatted = now.toLocaleString('zh-CN', options).replace(/\//g, '-');
         clockEl.textContent = formatted;
     };
@@ -33,106 +51,57 @@ document.addEventListener('DOMContentLoaded', () => {
         toast.show();
     };
 
-    // Parsing Logic
+    // Parsing Logic (now just reading inputs)
-    const parseReports = () => {
+    const generateReport = () => {
-        const text = inputEl.value.trim();
+        const stats = {};
-        if (!text) {
+        let hasValue = false;
-            showToast('请在左侧粘贴报表内容！', true);
+
+        for (const [key, el] of Object.entries(inputs)) {
+            const val = parseInt(el.value, 10) || 0;
+            stats[key] = val;
+            if (el.value !== '') hasValue = true;
+        }
+
+        if (!hasValue) {
+            showToast('请至少填入一项数据！', true);
             return;
         }
 
-        // Define stats object to hold sums
+        // Generate output in the EXACT order and format requested
-        const stats = {
+        const result = `总WS数量： ${stats.totalWS}
-            '总WS数量': 0,
+WS今日封号： ${stats.wsBanned}
-            'WS今日封号': 0,
+总永封WS： ${stats.wsPermBanned}
-            '总永封WS': 0,
+总XHS数量： ${stats.totalXHS}
-            '总XHS数量': 0,
+总SMS数量： ${stats.totalSMS}
-            '总SMS数量': 0,
+XHS招呼量： ${stats.xhs}  回复： ${stats.xhs_reply}
-            'XHS': 0,
+WS招呼量： ${stats.ws}  回复： ${stats.ws_reply}
-            'XHS回复': 0,
+SMS招呼量： ${stats.sms}  回复： ${stats.sms_reply}
-            'WS': 0,
+总招呼量： ${stats.totalGreeting}
-            'WS回复': 0,
+总回复： ${stats.totalReply}
-            'SMS': 0,
+再聊： ${stats.rechat}
-            'SMS回复': 0,
+引流： ${stats.traffic}
-            '总招呼量': 0,
+语音： ${stats.voice}`;
-            '总回复': 0,
-            '再聊': 0,
-            '引流': 0,
-            '语音': 0
-        };
-
-        // Standard single value patterns
-        const singlePatterns = {
-            '总WS数量': /总WS数量[:：]\s*(\d+)/g,
-            'WS今日封号': /WS今日封号[:：]\s*(\d+)/g,
-            '总永封WS': /总永封WS[:：]\s*(\d+)/g,
-            '总XHS数量': /总XHS数量[:：]\s*(\d+)/g,
-            '总SMS数量': /总SMS数量[:：]\s*(\d+)/g,
-            '总招呼量': /总招呼量[:：]\s*(\d+)/g,
-            '总回复': /总回复[:：]\s*(\d+)/g,
-            '再聊': /再聊[:：]\s*(\d+)/g,
-            '引流': /引流[:：]\s*(\d+)/g,
-            '语音': /语音[:：]\s*(\d+)/g
-        };
-
-        // Dual value patterns (e.g., XHS: 10 回复: 5)
-        const dualPatterns = {
-            'XHS': /XHS[:：]\s*(\d+)\s*回复[:：]\s*(\d+)/g,
-            'WS': /WS[:：]\s*(\d+)\s*回复[:：]\s*(\d+)/g,
-            'SMS': /SMS[:：]\s*(\d+)\s*回复[:：]\s*(\d+)/g
-        };
-
-        // Sum single fields
-        for (const [key, regex] of Object.entries(singlePatterns)) {
-            let match;
-            while ((match = regex.exec(text)) !== null) {
-                stats[key] += parseInt(match[1], 10) || 0;
-            }
-        }
-
-        // Sum dual fields
-        for (const [key, regex] of Object.entries(dualPatterns)) {
-            let match;
-            while ((match = regex.exec(text)) !== null) {
-                stats[key] += parseInt(match[1], 10) || 0;
-                stats[key + '回复'] += parseInt(match[2], 10) || 0;
-            }
-        }
-
-        // Format the output string exactly like the requested report structure
-        const result = 
-`总WS数量： ${stats['总WS数量']}
-WS今日封号： ${stats['WS今日封号']}
-总永封WS： ${stats['总永封WS']}
-总XHS数量： ${stats['总XHS数量']}
-总SMS数量： ${stats['总SMS数量']}
-XHS： ${stats['XHS']}  回复： ${stats['XHS回复']}
-WS： ${stats['WS']}  回复： ${stats['WS回复']}
-SMS： ${stats['SMS']}  回复： ${stats['SMS回复']}
-总招呼量： ${stats['总招呼量']}
-总回复： ${stats['总回复']}
-再聊： ${stats['再聊']}
-引流： ${stats['引流']}
-语音： ${stats['语音']}`;
 
         outputEl.textContent = result;
         btnCopy.disabled = false;
-        showToast('解析统计成功，数据已汇总！');
+        showToast('报表生成成功！');
     };
 
     // Events
-    btnParse.addEventListener('click', parseReports);
+    btnParse.addEventListener('click', generateReport);
 
     btnClear.addEventListener('click', () => {
-        inputEl.value = '';
+        for (const el of Object.values(inputs)) {
-        outputEl.textContent = '汇总结果将实时显示在此处...';
+            el.value = '';
+        }
+        outputEl.textContent = '数据结果将在此处生成...';
         btnCopy.disabled = true;
         showToast('已清空所有内容');
     });
 
     btnCopy.addEventListener('click', () => {
         const text = outputEl.textContent;
-        if (text && !text.includes('实时显示在此处')) {
+        if (text && !text.includes('在此处生成')) {
             navigator.clipboard.writeText(text).then(() => {
                 showToast('汇总报表已复制到剪贴板！');
             }).catch(err => {

index.php

@@ -25,17 +25,16 @@ $logoPath = 'assets/pasted-20260224-085211-bb97e8b6.jpg';
   <!-- Custom CSS -->
   <link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
 </head>
-<body>
+<body class="bg-wealth">
 
   <!-- Navbar -->
-  <nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top shadow-lg">
+  <nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top shadow-lg glass-nav">
     <div class="container">
       <a class="navbar-brand d-flex align-items-center" href="#">
         <div class="logo-wrapper me-3">
-            <!-- Animation changed to rotating -->
             <img src="<?= $logoPath ?>" alt="Logo" class="logo-img rotating">
         </div>
-        <span class="fw-bold brand-text"><?= htmlspecialchars($projectName) ?></span>
+        <span class="fw-bold brand-text text-glow"><?= htmlspecialchars($projectName) ?></span>
       </a>
       <div class="ms-auto d-flex align-items-center">
         <i class="fa-regular fa-clock text-warning me-2"></i>
@@ -46,37 +45,34 @@ $logoPath = 'assets/pasted-20260224-085211-bb97e8b6.jpg';
 
   <main class="container py-4">
     
-    <!-- Hero Carousel - Height reduced via CSS -->
+    <!-- Hero Carousel -->
-    <div id="mainCarousel" class="carousel slide mb-5 rounded-4 overflow-hidden shadow-lg border border-warning border-2" data-bs-ride="carousel" data-bs-interval="4000">
+    <div id="mainCarousel" class="carousel slide mb-4 rounded-4 overflow-hidden shadow-lg border-gold" data-bs-ride="carousel" data-bs-interval="4000">
       <div class="carousel-indicators">
         <button type="button" data-bs-target="#mainCarousel" data-bs-slide-to="0" class="active"></button>
         <button type="button" data-bs-target="#mainCarousel" data-bs-slide-to="1"></button>
         <button type="button" data-bs-target="#mainCarousel" data-bs-slide-to="2"></button>
       </div>
       <div class="carousel-inner">
-        <!-- Slide 1: High-quality USD bills -->
         <div class="carousel-item active">
           <img src="https://images.pexels.com/photos/164501/pexels-photo-164501.jpeg?auto=compress&cs=tinysrgb&w=1200" class="d-block w-100 hero-img" alt="Cash">
           <div class="carousel-overlay"></div>
-          <div class="carousel-caption d-md-block">
+          <div class="carousel-caption">
             <h2 class="fw-bold text-warning mb-1">我们是：财神组...</h2>
             <p class="slogan-text">我们的口号是...目标赚钱，团结奋进，一股作气，挑战佳绩！</p>
           </div>
         </div>
-        <!-- Slide 2: More USD stack -->
         <div class="carousel-item">
           <img src="https://images.pexels.com/photos/259027/pexels-photo-259027.jpeg?auto=compress&cs=tinysrgb&w=1200" class="d-block w-100 hero-img" alt="Money">
           <div class="carousel-overlay"></div>
-          <div class="carousel-caption d-md-block">
+          <div class="carousel-caption">
             <h2 class="fw-bold text-warning mb-1">财源广进 · 步步高升</h2>
             <p class="slogan-text">专业报表分析，助力团队业绩翻倍，共创辉煌！</p>
           </div>
         </div>
-        <!-- Slide 3: Gold and Cash -->
         <div class="carousel-item">
           <img src="https://images.pexels.com/photos/730547/pexels-photo-730547.jpeg?auto=compress&cs=tinysrgb&w=1200" class="d-block w-100 hero-img" alt="Success">
           <div class="carousel-overlay"></div>
-          <div class="carousel-caption d-md-block">
+          <div class="carousel-caption">
             <h2 class="fw-bold text-warning mb-1">团结奋进 · 挑战佳绩</h2>
             <p class="slogan-text">一股作气，共筑梦想，财神组与您并肩作战！</p>
           </div>
@@ -91,26 +87,112 @@ $logoPath = 'assets/pasted-20260224-085211-bb97e8b6.jpg';
     </div>
 
     <div class="row g-4">
-      <!-- Input Section -->
+      <!-- Input Section (Fixed Side) -->
-      <div class="col-lg-6">
+      <div class="col-lg-7">
-        <div class="card border-0 shadow-lg h-100 main-card">
+        <div class="card border-0 shadow-lg h-100 glass-card">
-          <div class="card-header border-0 pt-4 pb-2 d-flex align-items-center">
+          <div class="card-header border-0 pt-4 pb-2 d-flex align-items-center bg-transparent">
-            <div class="icon-circle bg-warning-subtle text-warning me-3">
+            <div class="icon-circle bg-gold text-dark me-3">
-                <i class="fa-solid fa-file-import"></i>
+                <i class="fa-solid fa-pen-to-square"></i>
             </div>
             <div>
-                <h5 class="fw-bold mb-0">报表内容粘贴区</h5>
+                <h5 class="fw-bold mb-0 text-white">报表数据输入</h5>
-                <p class="text-muted small mb-0">在此粘贴多份待汇总的原始数据报表</p>
+                <p class="text-light-muted small mb-0">在各分类中填入数字，系统自动汇总</p>
             </div>
           </div>
           <div class="card-body">
-            <textarea id="reportInput" class="form-control" placeholder="示例格式：&#10;总WS数量： 100&#10;WS今日封号： 5&#10;...&#10;粘贴多份系统将自动累加统计！" style="height: 450px;"></textarea>
+            <div class="row g-3">
+              <div class="col-md-6">
+                <label class="form-label text-gold small fw-bold">总WS招呼量</label> <!-- marked-label -->
+                <input type="number" id="in_totalWS" class="form-control glass-input" placeholder="0">
+              </div>
+              <div class="col-md-6">
+                <label class="form-label text-gold small fw-bold">WS今日封号</label>
+                <input type="number" id="in_wsBanned" class="form-control glass-input" placeholder="0">
+              </div>
+              <div class="col-md-6">
+                <label class="form-label text-gold small fw-bold">总永封WS</label>
+                <input type="number" id="in_wsPermBanned" class="form-control glass-input" placeholder="0">
+              </div>
+              <div class="col-md-6">
+                <label class="form-label text-gold small fw-bold">总XHS招呼量</label> <!-- marked-label -->
+                <input type="number" id="in_totalXHS" class="form-control glass-input" placeholder="0">
+              </div>
+              <div class="col-md-6">
+                <label class="form-label text-gold small fw-bold">总SMS招呼量</label> <!-- marked-label -->
+                <input type="number" id="in_totalSMS" class="form-control glass-input" placeholder="0">
+              </div>
+              <div class="col-md-6">
+                <label class="form-label text-gold small fw-bold">总招呼量</label>
+                <input type="number" id="in_totalGreeting" class="form-control glass-input" placeholder="0">
+              </div>
+              
+              <div class="col-12"><hr class="border-secondary opacity-25"></div>
+
+              <!-- Combined Rows -->
+              <div class="col-md-12">
+                <div class="row g-2 align-items-center">
+                    <div class="col-6">
+                        <label class="form-label text-gold small fw-bold marked-label">XHS招呼量</label> <!-- marked-label -->
+                        <input type="number" id="in_xhs" class="form-control glass-input" placeholder="0">
+                    </div>
+                    <div class="col-6">
+                        <label class="form-label text-gold small fw-bold">XHS回复</label>
+                        <input type="number" id="in_xhs_reply" class="form-control glass-input" placeholder="0">
+                    </div>
+                </div>
+              </div>
+
+              <div class="col-md-12">
+                <div class="row g-2 align-items-center">
+                    <div class="col-6">
+                        <label class="form-label text-gold small fw-bold marked-label">WS招呼量</label> <!-- marked-label -->
+                        <input type="number" id="in_ws" class="form-control glass-input" placeholder="0">
+                    </div>
+                    <div class="col-6">
+                        <label class="form-label text-gold small fw-bold">WS回复</label>
+                        <input type="number" id="in_ws_reply" class="form-control glass-input" placeholder="0">
+                    </div>
+                </div>
+              </div>
+
+              <div class="col-md-12">
+                <div class="row g-2 align-items-center">
+                    <div class="col-6">
+                        <label class="form-label text-gold small fw-bold marked-label">SMS招呼量</label> <!-- marked-label -->
+                        <input type="number" id="in_sms" class="form-control glass-input" placeholder="0">
+                    </div>
+                    <div class="col-6">
+                        <label class="form-label text-gold small fw-bold">SMS回复</label>
+                        <input type="number" id="in_sms_reply" class="form-control glass-input" placeholder="0">
+                    </div>
+                </div>
+              </div>
+
+              <div class="col-12"><hr class="border-secondary opacity-25"></div>
+
+              <div class="col-md-6">
+                <label class="form-label text-gold small fw-bold">总回复</label>
+                <input type="number" id="in_totalReply" class="form-control glass-input" placeholder="0">
+              </div>
+              <div class="col-md-6">
+                <label class="form-label text-gold small fw-bold">再聊</label>
+                <input type="number" id="in_rechat" class="form-control glass-input" placeholder="0">
+              </div>
+              <div class="col-md-6">
+                <label class="form-label text-gold small fw-bold">引流</label>
+                <input type="number" id="in_traffic" class="form-control glass-input" placeholder="0">
+              </div>
+              <div class="col-md-6">
+                <label class="form-label text-gold small fw-bold">语音</label>
+                <input type="number" id="in_voice" class="form-control glass-input" placeholder="0">
+              </div>
+            </div>
           </div>
           <div class="card-footer bg-transparent border-0 pb-4 d-flex gap-3">
             <button id="btnParse" class="btn btn-gold flex-grow-1 py-3 fw-bold">
-                <i class="fa-solid fa-wand-magic-sparkles me-2"></i>解析统计
+                <i class="fa-solid fa-wand-magic-sparkles me-2"></i>生成报表
             </button>
-            <button id="btnClear" class="btn btn-outline-danger px-4 py-3">
+            <button id="btnClear" class="btn btn-outline-light px-4 py-3">
                 <i class="fa-solid fa-trash-can me-2"></i>清空
             </button>
           </div>
@@ -118,38 +200,37 @@ $logoPath = 'assets/pasted-20260224-085211-bb97e8b6.jpg';
       </div>
 
       <!-- Output Section -->
-      <div class="col-lg-6">
+      <div class="col-lg-5">
-        <div class="card border-0 shadow-lg h-100 main-card">
+        <div class="card border-0 shadow-lg h-100 glass-card">
-          <div class="card-header border-0 pt-4 pb-2 d-flex justify-content-between align-items-center">
+          <div class="card-header border-0 pt-4 pb-2 d-flex justify-content-between align-items-center bg-transparent">
             <div class="d-flex align-items-center">
-                <div class="icon-circle bg-success-subtle text-success me-3">
+                <div class="icon-circle bg-success text-white me-3">
                     <i class="fa-solid fa-chart-line"></i>
                 </div>
                 <div>
-                    <h5 class="fw-bold mb-0">汇总结果</h5>
+                    <h5 class="fw-bold mb-0 text-white">统计报表</h5>
-                    <p class="text-muted small mb-0">解析后的合并报表数据</p>
+                    <p class="text-light-muted small mb-0">汇总后的最终数据</p>
                 </div>
             </div>
-            <button id="btnCopy" class="btn btn-sm btn-dark px-3 py-2 fw-bold" disabled>
+            <button id="btnCopy" class="btn btn-sm btn-gold-outline px-3 py-2 fw-bold" disabled>
-                <i class="fa-regular fa-copy me-2"></i>复制结果
+                <i class="fa-regular fa-copy me-2"></i>复制
             </button>
           </div>
           <div class="card-body">
-            <div id="reportOutput" class="result-container p-4 rounded-3 border" style="min-height: 450px;">汇总结果将实时显示在此处...</div>
+            <div id="reportOutput" class="result-container-dark p-4 rounded-3" style="min-height: 520px;">数据结果将在此处生成...</div>
           </div>
         </div>
       </div>
     </div>
   </main>
 
-  <footer class="footer mt-5 py-5 bg-dark text-white">
+  <footer class="footer mt-5 py-5 bg-dark-deep text-white">
     <div class="container text-center">
       <div class="mb-4">
-          <!-- Animation changed here too -->
           <img src="<?= $logoPath ?>" alt="Footer Logo" class="footer-logo rotating mb-3">
-          <h5 class="fw-bold text-warning"><?= htmlspecialchars($projectName) ?></h5>
+          <h5 class="fw-bold text-gold"><?= htmlspecialchars($projectName) ?></h5>
       </div>
-      <p class="text-secondary small mb-0">&copy; <?= date('Y') ?> <?= htmlspecialchars($projectName) ?>. 专业驱动数据效率</p>
+      <p class="text-secondary small mb-0">&copy; <?= date('Y') ?> <?= htmlspecialchars($projectName) ?>. 目标赚钱，团结奋进，一股作气，挑战佳绩！</p>
     </div>
   </footer>