diff --git a/assets/css/custom.css b/assets/css/custom.css
index 0210e2e..ddaaf03 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -1,264 +1,231 @@
 :root {
-    --primary-pink: #ff69b4; /* HotPink - softer than DeepPink */
-    --vibrant-pink: #ff85b2;
-    --light-pink: #fff0f5; /* LavenderBlush */
-    --accent-gold: #ffd700;
-    --bg-bright: #fffafa; /* Snow */
-    --text-main: #444;
-    --glass-bg: rgba(255, 255, 255, 0.9);
-    --glass-border: rgba(255, 105, 180, 0.3);
+    --primary-pink: #ff1493;
+    --vibrant-pink: #ff69b4;
+    --soft-pink: #ffb6c1;
+    --royal-gold: #ffd700;
+    --electric-blue: #00d2ff;
+    --neon-green: #39ff14;
+    --glass-bg: rgba(255, 255, 255, 0.95);
+    --dark-text: #2c3e50;
 }
 
 body.bg-wealth {
-    background: linear-gradient(135deg, #ffb6c1, #ffc0cb, #fff0f5);
+    background: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
     background-attachment: fixed;
-    color: var(--text-main);
-    font-family: 'Noto Sans SC', 'Inter', -apple-system, sans-serif;
+    color: var(--dark-text);
+    font-family: 'Noto Sans SC', sans-serif;
     min-height: 100vh;
-    -webkit-font-smoothing: antialiased;
 }
 
-/* Glassmorphism Effects */
+/* Personalized Brand Font */
+.brand-personalized {
+    font-family: 'Ma Shan Zheng', cursive;
+    font-size: 2.2rem;
+    letter-spacing: 2px;
+}
+
+/* Glass Navbar */
 .glass-nav {
-    background: rgba(255, 255, 255, 0.95) !important;
-    backdrop-filter: blur(10px);
-    border-bottom: 2px solid var(--primary-pink);
-}
-
-.glass-card {
-    background: var(--glass-bg);
+    background: var(--glass-bg) !important;
     backdrop-filter: blur(15px);
-    border: 3px solid var(--primary-pink) !important;
-    border-radius: 24px !important;
-    box-shadow: 0 10px 30px rgba(255, 105, 180, 0.15) !important;
+    border-bottom: 3px solid transparent;
+    border-image: linear-gradient(to right, var(--primary-pink), var(--royal-gold), var(--electric-blue)) 1;
 }
 
-.icon-circle.bg-gold {
+/* Time Badge Fix - More Contrast */
+.time-badge {
     background: linear-gradient(135deg, var(--primary-pink), var(--vibrant-pink));
-    box-shadow: 0 0 15px rgba(255, 105, 180, 0.3);
+    color: white;
+    border-radius: 50px;
+    padding: 8px 20px;
+    border: 2px solid white;
+    display: flex;
+    align-items: center;
+    box-shadow: 0 5px 15px rgba(255, 20, 147, 0.4);
+}
+
+.time-badge i {
+    color: var(--royal-gold);
+}
+
+/* Modern Gradient Cards */
+.modern-card {
+    background: var(--glass-bg);
+    border-radius: 20px;
+    overflow: hidden;
+    position: relative;
+    z-index: 1;
+    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+
+.modern-card::before {
+    content: '';
+    position: absolute;
+    top: -3px; left: -3px; right: -3px; bottom: -3px;
+    background: linear-gradient(135deg, var(--primary-pink), var(--royal-gold), var(--electric-blue), var(--neon-green));
+    background-size: 400% 400%;
+    z-index: -1;
+    border-radius: 23px;
+    animation: gradient-border 8s ease infinite;
+}
+
+@keyframes gradient-border {
+    0% { background-position: 0% 50%; }
+    50% { background-position: 100% 50%; }
+    100% { background-position: 0% 50%; }
+}
+
+.modern-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
+}
+
+/* Area sizing consistency */
+.fixed-height-area {
+    height: 550px !important;
+    overflow-y: auto;
+    font-size: 1.15rem;
+}
+
+.result-display {
+    background: #ffffff;
+    border: 2px dashed var(--soft-pink);
+    border-radius: 15px;
+    padding: 25px;
+    line-height: 1.8;
+    color: #333;
+    font-weight: 600;
+    white-space: pre-wrap; /* Preserve line breaks */
+}
+
+/* Personalized Buttons */
+.btn-personalized {
+    border-radius: 50px;
+    padding: 12px 30px;
+    font-weight: 800;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    transition: all 0.3s ease;
+    border: none;
+    position: relative;
+    overflow: hidden;
+}
+
+.btn-parse {
+    background: linear-gradient(to right, #ff1493, #ff69b4);
+    color: white !important;
+    box-shadow: 0 5px 20px rgba(255, 20, 147, 0.4);
+}
+
+.btn-parse:hover {
+    box-shadow: 0 10px 30px rgba(255, 20, 147, 0.6);
+    transform: scale(1.03);
+}
+
+.btn-clear {
+    background: white;
+    color: var(--primary-pink) !important;
+    border: 2px solid var(--primary-pink);
+}
+
+.btn-clear:hover {
+    background: #fff0f5;
+    transform: rotate(-2deg);
+}
+
+.btn-copy-alt {
+    background: linear-gradient(135deg, #ffd700, #ff8c00);
     color: white !important;
 }
 
-.icon-circle.bg-success {
-    background: linear-gradient(135deg, #00c853, #b2ff59);
+.btn-copy-alt:hover {
+    filter: brightness(1.1);
+    transform: translateY(-2px);
 }
 
-/* Navbar & Brand */
-.logo-wrapper {
+/* Icons */
+.icon-badge {
+    width: 50px;
+    height: 50px;
+    border-radius: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 45px;
-    height: 45px;
-    border-radius: 50%;
+    font-size: 1.5rem;
+    margin-right: 15px;
+}
+
+.badge-pink { background: linear-gradient(135deg, #ff1493, #ff69b4); color: white; }
+.badge-gold { background: linear-gradient(135deg, #ffd700, #daa520); color: white; }
+
+/* Carousel */
+.hero-wrapper {
+    border-radius: 25px;
     overflow: hidden;
-    border: 2px solid var(--primary-pink);
-    box-shadow: 0 0 10px rgba(255, 105, 180, 0.2);
+    border: 5px solid white;
+    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
 }
 
-.brand-text {
-    font-size: 1.4rem;
-    background: linear-gradient(135deg, var(--primary-pink) 0%, #ff1493 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    font-weight: 900 !important;
+.hero-img {
+    height: 250px;
+    object-fit: cover;
 }
 
-.text-glow {
-    text-shadow: 0 0 10px rgba(255, 105, 180, 0.1);
+/* Instruction Steps */
+.step-item {
+    background: white;
+    border-radius: 15px;
+    padding: 15px;
+    margin-bottom: 12px;
+    display: flex;
+    align-items: center;
+    border-left: 5px solid var(--electric-blue);
+    transition: 0.3s;
 }
 
-/* Animations */
-@keyframes rotating {
+.step-item:hover {
+    background: #f0faff;
+    transform: translateX(5px);
+}
+
+.step-digit {
+    background: var(--electric-blue);
+    color: white;
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: bold;
+    margin-right: 15px;
+}
+
+/* Logo Animation */
+.logo-spin {
+    animation: spin 20s linear infinite;
+    border: 3px solid var(--primary-pink);
+    padding: 2px;
+}
+
+@keyframes spin {
     from { transform: rotate(0deg); }
     to { transform: rotate(360deg); }
 }
 
-.rotating {
-    animation: rotating 15s linear infinite;
-}
-
-/* Carousel */
-#mainCarousel {
-    border: 3px solid var(--primary-pink);
-}
-
-.hero-img {
-    height: 220px;
-    object-fit: cover;
-    filter: brightness(0.95);
-}
-
-.carousel-overlay {
-    background: linear-gradient(to top, rgba(255, 105, 180, 0.3), transparent);
-}
-
-.carousel-caption h2 {
-    font-size: 2.2rem !important;
-    text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
-    color: white !important;
-}
-
-.slogan-text {
-    color: white !important;
-    font-weight: 700;
-    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-}
-
-/* Inputs & Outputs */
-.glass-input {
-    background: #fff !important;
-    border: 2px solid var(--primary-pink) !important;
-    color: var(--primary-pink) !important;
-    border-radius: 12px !important;
-    transition: all 0.3s ease;
-    font-weight: 700 !important;
-    font-size: 1.1rem !important;
-}
-
-.glass-input::placeholder {
-    color: #ffb6c1 !important;
-    font-weight: 500;
-    text-shadow: 1px 1px 2px rgba(255, 105, 180, 0.2);
-    opacity: 0.8;
-}
-
-.glass-input:focus {
-    background: #fff !important;
-    border-color: #ff1493 !important;
-    box-shadow: 0 0 0 4px rgba(255, 105, 180, 0.2) !important;
-    transform: scale(1.01);
-}
-
-.form-label {
-    color: var(--primary-pink) !important;
-    font-weight: 800 !important;
-    font-size: 1rem;
-    margin-bottom: 0.5rem;
-}
-
-.result-container-dark {
-    background: #fff;
-    border: 3px solid var(--primary-pink);
+.brand-glow {
     color: var(--primary-pink);
-    font-family: 'Noto Sans SC', sans-serif;
-    white-space: pre-wrap;
-    line-height: 1.8;
-    font-size: 1.1rem;
-    font-weight: 700;
-    box-shadow: inset 0 2px 8px rgba(255, 105, 180, 0.1);
+    text-shadow: 0 0 15px rgba(255, 20, 147, 0.3);
 }
 
-/* Buttons */
-.btn-gold {
-    background: linear-gradient(135deg, #ff1493 0%, #ff69b4 100%);
-    border: none;
-    color: white !important;
-    border-radius: 15px;
-    box-shadow: 0 6px 15px rgba(255, 105, 180, 0.3);
-    transition: all 0.3s ease;
-    font-size: 1.2rem;
-}
-
-.btn-gold:hover {
-    transform: translateY(-3px);
-    box-shadow: 0 10px 20px rgba(255, 105, 180, 0.4);
-    filter: brightness(1.05);
-}
-
-.btn-gold-outline {
-    border: 2px solid var(--primary-pink);
-    color: var(--primary-pink);
-    border-radius: 12px;
-    transition: all 0.2s;
-    font-weight: 800;
-}
-
-.btn-gold-outline:hover {
-    background: var(--primary-pink);
-    color: #fff;
-}
-
-.btn-outline-light {
-    border: 2px solid var(--primary-pink);
-    color: var(--primary-pink);
-    background: white;
-}
-
-.btn-outline-light:hover {
-    background: #fff5f8;
-    color: var(--primary-pink);
-    border-color: #ff1493;
-}
-
-.text-light-muted {
-    color: var(--primary-pink);
-    opacity: 0.8;
+/* Textarea Custom */
+.custom-textarea {
+    border: none !important;
+    background: #fcfcfc !important;
+    padding: 20px !important;
     font-weight: 600;
 }
 
-/* Footer & Logo */
-.footer {
-    border-top: 4px solid var(--primary-pink);
-    color: var(--primary-pink) !important;
-    background: #fff !important;
-}
-
-.footer-logo {
-    width: 60px;
-    height: 60px;
-    border-radius: 50%;
-    object-fit: cover;
-    border: 3px solid var(--primary-pink);
-}
-
-/* Instructions Section */
-.instruction-card {
-    background: #fff5f8;
-    border-left: 5px solid var(--primary-pink);
-    border-radius: 12px;
-}
-
-.instruction-step {
-    display: flex;
-    align-items: center;
-    margin-bottom: 1rem;
-}
-
-.step-number {
-    width: 28px;
-    height: 28px;
-    background: var(--primary-pink);
-    color: white;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 0.9rem;
-    font-weight: 900;
-    margin-right: 12px;
-    flex-shrink: 0;
-}
-
-/* Responsive */
-@media (max-width: 768px) {
-    .hero-img { height: 160px; }
-    .carousel-caption h2 { font-size: 1.5rem !important; }
-}
-
-.logo-img { width: 100%; height: 100%; object-fit: cover; display: block; }
-
-.marked-label { 
-    font-weight: 900 !important; 
-    font-size: 1.1rem !important; 
-    color: #ff1493 !important;
-}
-
-hr {
-    border-top: 2px solid var(--primary-pink) !important;
-    opacity: 0.2 !important;
-}
-
-#real-time-clock {
-    color: var(--primary-pink) !important;
+.custom-textarea:focus {
+    box-shadow: none !important;
 }
\ No newline at end of file
diff --git a/assets/js/main.js b/assets/js/main.js
index 97a14c5..1103734 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -2,33 +2,14 @@ document.addEventListener('DOMContentLoaded', () => {
     // Elements
     const clockEl = document.getElementById('real-time-clock');
     const outputEl = document.getElementById('reportOutput');
-    const btnParse = document.getElementById('btnParse');
-    const btnClear = document.getElementById('btnClear');
     const btnCopy = document.getElementById('btnCopy');
+    const btnBatchParse = document.getElementById('btnBatchParse');
+    const btnClearBatch = document.getElementById('btnClearBatch');
+    const batchInput = document.getElementById('batchInput');
     const toastMessage = document.getElementById('toastMessage');
     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();
@@ -46,69 +27,160 @@ document.addEventListener('DOMContentLoaded', () => {
     // Show Toast Helper
     const showToast = (msg, isError = false) => {
         toastMessage.textContent = msg;
-        const icon = isError ? 'fa-circle-xmark text-danger' : 'fa-circle-check text-success';
-        toastMessage.previousElementSibling.className = `fa-solid ${icon} me-2`;
+        const iconContainer = toastMessage.previousElementSibling;
+        if (iconContainer) {
+            const icon = isError ? 'fa-circle-xmark text-danger' : 'fa-circle-check text-success';
+            iconContainer.className = `fa-solid ${icon} me-2`;
+        }
         toast.show();
     };
 
-    // Parsing Logic
-    const generateReport = () => {
-        const stats = {};
-        let hasValue = false;
+    // Global button click feedback
+    document.querySelectorAll('button').forEach(btn => {
+        btn.addEventListener('click', (e) => {
+            if (btn.id === 'btnBatchParse' || btn.id === 'btnClearBatch' || btn.id === 'btnCopy') return;
+            
+            if (btn.classList.contains('carousel-control-prev') || btn.classList.contains('carousel-control-next')) {
+                showToast('切换轮播图');
+            } else if (btn.hasAttribute('data-bs-slide-to')) {
+                showToast('切换到幻灯片 ' + (parseInt(btn.getAttribute('data-bs-slide-to')) + 1));
+            } else if (!btn.classList.contains('btn-close')) {
+                showToast('功能已触达');
+            }
+        });
+    });
 
-        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;
-        }
-
-        // Generate output in the EXACT order and format requested by the user
-        // We also use the "招呼量" terminology for XHS, WS, SMS in the output for consistency
-        const result = `总WS数量： ${stats.totalWS}
+    // Helper to format the final report (Exact format requested)
+    const formatReport = (stats) => {
+        return `总WS数量： ${stats.totalWS}
 WS今日封号： ${stats.wsBanned}
 总永封WS： ${stats.wsPermBanned}
 总XHS数量： ${stats.totalXHS}
 总SMS数量： ${stats.totalSMS}
-XHS招呼量： ${stats.xhs}  回复： ${stats.xhs_reply}
-WS招呼量： ${stats.ws}  回复： ${stats.ws_reply}
-SMS招呼量： ${stats.sms}  回复： ${stats.sms_reply}
+XHS： ${stats.xhs}
+回复： ${stats.xhs_reply}
+WS： ${stats.ws}
+回复： ${stats.ws_reply}
+SMS： ${stats.sms}
+回复： ${stats.sms_reply}
 总招呼量： ${stats.totalGreeting}
 总回复： ${stats.totalReply}
 再聊： ${stats.rechat}
 引流： ${stats.traffic}
 语音： ${stats.voice}`;
+    };
 
-        outputEl.textContent = result;
+    // Robust Parsing Logic
+    const parseBatchData = () => {
+        const text = batchInput.value.trim();
+        if (!text) {
+            showToast('请先粘贴报表内容！', true);
+            return;
+        }
+
+        const totals = {
+            totalWS: 0, wsBanned: 0, wsPermBanned: 0, totalXHS: 0, totalSMS: 0,
+            xhs: 0, xhs_reply: 0, ws: 0, ws_reply: 0, sms: 0, sms_reply: 0,
+            totalGreeting: 0, totalReply: 0, rechat: 0, traffic: 0, voice: 0
+        };
+
+        // Helper to extract a single value from a chunk
+        const extractVal = (pattern, content) => {
+            const match = content.match(pattern);
+            return match ? parseInt(match[1], 10) : 0;
+        };
+
+        // Identify distinct reports by "总WS数量" delimiter
+        const reportChunks = text.split(/总WS数量/);
+        
+        reportChunks.forEach((chunk, index) => {
+            if (!chunk.trim() && index === 0) return;
+            
+            const fullChunk = (index === 0 && !text.startsWith('总WS数量')) ? chunk : '总WS数量' + chunk;
+
+            // Basic fields
+            totals.totalWS += extractVal(/总WS数量[：:\s]+(\d+)/, fullChunk);
+            totals.wsBanned += extractVal(/WS今日封号[：:\s]+(\d+)/, fullChunk);
+            totals.wsPermBanned += extractVal(/总永封WS[：:\s]+(\d+)/, fullChunk);
+            totals.totalXHS += extractVal(/总XHS数量[：:\s]+(\d+)/, fullChunk);
+            totals.totalSMS += extractVal(/总SMS数量[：:\s]+(\d+)/, fullChunk);
+
+            // XHS & Reply (Targeted extraction)
+            const xhsMatch = fullChunk.match(/XHS招呼量[：:\s]+(\d+)[\s\S]*?回复[：:\s]+(\d+)/);
+            if (xhsMatch) {
+                totals.xhs += parseInt(xhsMatch[1], 10);
+                totals.xhs_reply += parseInt(xhsMatch[2], 10);
+            } else {
+                totals.xhs += extractVal(/XHS(?:招呼量)?[：:\s]+(\d+)/, fullChunk);
+                const genericXhsReply = fullChunk.match(/XHS[\s\S]*?回复[：:\s]+(\d+)/);
+                if (genericXhsReply) totals.xhs_reply += parseInt(genericXhsReply[1], 10);
+            }
+
+            // WS & Reply
+            const wsMatch = fullChunk.match(/WS招呼量[：:\s]+(\d+)[\s\S]*?回复[：:\s]+(\d+)/);
+            if (wsMatch) {
+                totals.ws += parseInt(wsMatch[1], 10);
+                totals.ws_reply += parseInt(wsMatch[2], 10);
+            } else {
+                totals.ws += extractVal(/WS(?:招呼量)?[：:\s]+(\d+)/, fullChunk);
+                const genericWsReply = fullChunk.match(/WS[\s\S]*?回复[：:\s]+(\d+)/);
+                if (genericWsReply) totals.ws_reply += parseInt(genericWsReply[1], 10);
+            }
+
+            // SMS & Reply
+            const smsMatch = fullChunk.match(/SMS招呼量[：:\s]+(\d+)[\s\S]*?回复[：:\s]+(\d+)/);
+            if (smsMatch) {
+                totals.sms += parseInt(smsMatch[1], 10);
+                totals.sms_reply += parseInt(smsMatch[2], 10);
+            } else {
+                totals.sms += extractVal(/SMS(?:招呼量)?[：:\s]+(\d+)/, fullChunk);
+                const genericSmsReply = fullChunk.match(/SMS[\s\S]*?回复[：:\s]+(\d+)/);
+                if (genericSmsReply) totals.sms_reply += parseInt(genericSmsReply[1], 10);
+            }
+
+            // Bottom fields
+            totals.totalGreeting += extractVal(/总招呼量[：:\s]+(\d+)/, fullChunk);
+            totals.totalReply += extractVal(/总回复[：:\s]+(\d+)/, fullChunk);
+            totals.rechat += extractVal(/再聊[：:\s]+(\d+)/, fullChunk);
+            totals.traffic += extractVal(/引流[：:\s]+(\d+)/, fullChunk);
+            totals.voice += extractVal(/语音[：:\s]+(\d+)/, fullChunk);
+        });
+
+        outputEl.textContent = formatReport(totals);
         btnCopy.disabled = false;
-        showToast('报表生成成功！');
+        showToast('报表汇总成功！');
     };
 
     // Events
-    btnParse.addEventListener('click', generateReport);
+    if (btnBatchParse) {
+        btnBatchParse.addEventListener('click', () => {
+            showToast('深度解析中...');
+            setTimeout(parseBatchData, 400);
+        });
+    }
 
-    btnClear.addEventListener('click', () => {
-        for (const el of Object.values(inputs)) {
-            el.value = '';
-        }
-        outputEl.textContent = '数据结果将在此处生成...';
-        btnCopy.disabled = true;
-        showToast('已清空所有内容');
-    });
+    if (btnClearBatch) {
+        btnClearBatch.addEventListener('click', () => {
+            batchInput.value = '';
+            outputEl.textContent = '数据结果将在此处生成...';
+            btnCopy.disabled = true;
+            showToast('输入区域已清空');
+        });
+    }
 
-    btnCopy.addEventListener('click', () => {
-        const text = outputEl.textContent;
-        if (text && !text.includes('在此处生成')) {
-            navigator.clipboard.writeText(text).then(() => {
-                showToast('汇总报表已复制到剪贴板！');
-            }).catch(err => {
-                console.error('Copy failed', err);
-                showToast('复制失败，请手动选择复制', true);
-            });
-        }
-    });
+    if (btnCopy) {
+        btnCopy.addEventListener('click', () => {
+            const text = outputEl.textContent;
+            if (text && !text.includes('在此处生成')) {
+                navigator.clipboard.writeText(text).then(() => {
+                    showToast('汇总报表已复制成功！');
+                }).catch(err => {
+                    console.error('Copy failed', err);
+                    showToast('复制失败', true);
+                });
+            } else {
+                showToast('无可复制内容', true);
+            }
+        });
+    }
 });
\ No newline at end of file
diff --git a/assets/pasted-20260224-132125-caa5002a.png b/assets/pasted-20260224-132125-caa5002a.png
new file mode 100644
index 0000000..405ef11
Binary files /dev/null and b/assets/pasted-20260224-132125-caa5002a.png differ
diff --git a/assets/pasted-20260224-132641-5b229e68.png b/assets/pasted-20260224-132641-5b229e68.png
new file mode 100644
index 0000000..c7ffd3f
Binary files /dev/null and b/assets/pasted-20260224-132641-5b229e68.png differ
diff --git a/assets/pasted-20260224-133231-aee5dd9c.png b/assets/pasted-20260224-133231-aee5dd9c.png
new file mode 100644
index 0000000..f3c390e
Binary files /dev/null and b/assets/pasted-20260224-133231-aee5dd9c.png differ
diff --git a/assets/pasted-20260224-135812-cffb2f73.png b/assets/pasted-20260224-135812-cffb2f73.png
new file mode 100644
index 0000000..549fa95
Binary files /dev/null and b/assets/pasted-20260224-135812-cffb2f73.png differ
diff --git a/index.php b/index.php
index 77d99d0..844ab4b 100644
--- a/index.php
+++ b/index.php
@@ -4,7 +4,7 @@ declare(strict_types=1);
 @date_default_timezone_set('Asia/Shanghai');
 
 $projectName = '财神组报表统计系统';
-$projectDescription = '专业、高效、精准的报表数据汇总解析平台';
+$projectDescription = '专业、高效、精准...报表数据汇总解析平台';
 $logoPath = 'assets/pasted-20260224-085211-bb97e8b6.jpg';
 ?>
 <!doctype html>
@@ -18,8 +18,8 @@ $logoPath = 'assets/pasted-20260224-085211-bb97e8b6.jpg';
   
   <!-- Bootstrap 5 CSS -->
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
-  <!-- Google Fonts: Inter & Noto Sans SC -->
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Noto+Sans+SC:wght@400;700;900&display=swap" rel="stylesheet">
+  <!-- Google Fonts -->
+  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700;900&family=Ma+Shan+Zheng&display=swap" rel="stylesheet">
   <!-- Font Awesome -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   <!-- Custom CSS -->
@@ -28,201 +28,113 @@ $logoPath = 'assets/pasted-20260224-085211-bb97e8b6.jpg';
 <body class="bg-wealth">
 
   <!-- Navbar -->
-  <nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top shadow-lg glass-nav">
+  <nav class="navbar navbar-expand-lg navbar-light sticky-top glass-nav py-3">
     <div class="container">
       <a class="navbar-brand d-flex align-items-center" href="#">
-        <div class="logo-wrapper me-3">
-            <img src="<?= $logoPath ?>" alt="Logo" class="logo-img rotating">
-        </div>
-        <span class="fw-bold brand-text text-glow"><?= htmlspecialchars($projectName) ?></span>
+        <img src="<?= $logoPath ?>" alt="Logo" class="rounded-circle logo-spin me-3" width="50" height="50">
+        <span class="brand-personalized brand-glow"><?= htmlspecialchars($projectName) ?></span>
       </a>
-      <div class="ms-auto d-flex align-items-center">
-        <i class="fa-regular fa-clock text-primary-pink me-2"></i>
-        <span id="real-time-clock" class="small fw-bold"></span>
+      <div class="ms-auto">
+        <div class="time-badge shadow-lg">
+            <i class="fa-regular fa-clock me-2"></i>
+            <span id="real-time-clock" class="fw-bold"></span>
+        </div>
       </div>
     </div>
   </nav>
 
-  <main class="container py-4">
+  <main class="container py-5">
     
-    <!-- Hero Carousel -->
-    <div id="mainCarousel" class="carousel slide mb-5 rounded-4 overflow-hidden shadow-lg" 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">
-        <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">
-            <h2 class="fw-bold mb-1">我们是：财神组...</h2>
-            <p class="slogan-text">我们的口号是...目标赚钱，团结奋进，一股作气，挑战佳绩！</p>
-          </div>
+    <!-- Hero Section -->
+    <div class="row mb-5">
+        <div class="col-12">
+            <div id="mainCarousel" class="carousel slide hero-wrapper" data-bs-ride="carousel">
+                <div class="carousel-inner">
+                    <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="1">
+                        <div class="carousel-caption d-none d-md-block">
+                            <h2 class="fw-black display-5">财神组：目标赚钱，团结奋进</h2>
+                        </div>
+                    </div>
+                    <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="2">
+                        <div class="carousel-caption d-none d-md-block">
+                            <h2 class="fw-black display-5">一股作气，挑战佳绩</h2>
+                        </div>
+                    </div>
+                </div>
+                <button class="carousel-control-prev" type="button" data-bs-target="#mainCarousel" data-bs-slide="prev">
+                    <span class="carousel-control-prev-icon"></span>
+                </button>
+                <button class="carousel-control-next" type="button" data-bs-target="#mainCarousel" data-bs-slide="next">
+                    <span class="carousel-control-next-icon"></span>
+                </button>
+            </div>
         </div>
-        <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">
-            <h2 class="fw-bold mb-1">财源广进 · 步步高升</h2>
-            <p class="slogan-text">专业报表分析，助力团队业绩翻倍，共创辉煌！</p>
-          </div>
-        </div>
-        <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">
-            <h2 class="fw-bold mb-1">团结奋进 · 挑战佳绩</h2>
-            <p class="slogan-text">一股作气，共筑梦想，财神组与您并肩作战！</p>
-          </div>
-        </div>
-      </div>
     </div>
 
-    <div class="row g-4">
+    <div class="row g-5 align-items-stretch">
       <!-- Input Section -->
-      <div class="col-lg-7">
-        <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 bg-transparent">
-            <div class="icon-circle bg-gold me-3">
-                <i class="fa-solid fa-pen-to-square"></i>
-            </div>
-            <div>
-                <h5 class="fw-bold mb-0" style="color: #ff1493;">报表数据输入</h5>
-                <p class="text-light-muted small mb-0">请按照顺序填入今日数据</p>
+      <div class="col-lg-6">
+        <div class="card modern-card shadow-lg h-100">
+          <div class="card-header bg-transparent border-0 pt-4 px-4">
+            <div class="d-flex align-items-center">
+                <div class="icon-badge badge-pink">
+                    <i class="fa-solid fa-file-import"></i>
+                </div>
+                <div>
+                    <h4 class="fw-black mb-0" style="color: #ff1493;">数据录入区</h4>
+                    <p class="text-muted small mb-0">粘贴多份组员报表至下方</p>
+                </div>
             </div>
           </div>
-          <div class="card-body">
-            <div class="row g-3">
-              <!-- Row 1 & 2: Totals -->
-              <div class="col-md-6">
-                <label class="form-label">总WS数量：</label>
-                <input type="number" id="in_totalWS" class="form-control glass-input" placeholder="填入数量">
-              </div>
-              <div class="col-md-6">
-                <label class="form-label">WS今日封号：</label>
-                <input type="number" id="in_wsBanned" class="form-control glass-input" placeholder="填入数量">
-              </div>
-              <div class="col-md-6">
-                <label class="form-label">总永封WS：</label>
-                <input type="number" id="in_wsPermBanned" class="form-control glass-input" placeholder="填入数量">
-              </div>
-              <div class="col-md-6">
-                <label class="form-label">总XHS数量：</label>
-                <input type="number" id="in_totalXHS" class="form-control glass-input" placeholder="填入数量">
-              </div>
-              <div class="col-md-6">
-                <label class="form-label">总SMS数量：</label>
-                <input type="number" id="in_totalSMS" class="form-control glass-input" placeholder="填入数量">
-              </div>
-
-              <div class="col-12"><hr></div>
-
-              <!-- Section: XHS -->
-              <div class="col-md-6">
-                <label class="form-label marked-label">XHS招呼量：</label>
-                <input type="number" id="in_xhs" class="form-control glass-input" placeholder="填入数量">
-              </div>
-              <div class="col-md-6">
-                <label class="form-label">回复：</label>
-                <input type="number" id="in_xhs_reply" class="form-control glass-input" placeholder="填入数量">
-              </div>
-
-              <!-- Section: WS -->
-              <div class="col-md-6">
-                <label class="form-label marked-label">WS招呼量：</label>
-                <input type="number" id="in_ws" class="form-control glass-input" placeholder="填入数量">
-              </div>
-              <div class="col-md-6">
-                <label class="form-label">回复：</label>
-                <input type="number" id="in_ws_reply" class="form-control glass-input" placeholder="填入数量">
-              </div>
-
-              <!-- Section: SMS -->
-              <div class="col-md-6">
-                <label class="form-label marked-label">SMS招呼量：</label>
-                <input type="number" id="in_sms" class="form-control glass-input" placeholder="填入数量">
-              </div>
-              <div class="col-md-6">
-                <label class="form-label">回复：</label>
-                <input type="number" id="in_sms_reply" class="form-control glass-input" placeholder="填入数量">
-              </div>
-
-              <div class="col-12"><hr></div>
-
-              <!-- Bottom Stats -->
-              <div class="col-md-6">
-                <label class="form-label">总招呼量：</label>
-                <input type="number" id="in_totalGreeting" class="form-control glass-input" placeholder="填入数量">
-              </div>
-              <div class="col-md-6">
-                <label class="form-label">总回复：</label>
-                <input type="number" id="in_totalReply" class="form-control glass-input" placeholder="填入数量">
-              </div>
-              <div class="col-md-6">
-                <label class="form-label">再聊：</label>
-                <input type="number" id="in_rechat" class="form-control glass-input" placeholder="填入数量">
-              </div>
-              <div class="col-md-6">
-                <label class="form-label">引流：</label>
-                <input type="number" id="in_traffic" class="form-control glass-input" placeholder="填入数量">
-              </div>
-              <div class="col-md-6">
-                <label class="form-label">语音：</label>
-                <input type="number" id="in_voice" class="form-control glass-input" placeholder="填入数量">
-              </div>
-            </div>
+          <div class="card-body px-4">
+            <textarea id="batchInput" class="form-control custom-textarea fixed-height-area shadow-sm" placeholder="在此粘贴报表，支持多份报表同时录入..."></textarea>
           </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>生成报表
-            </button>
-            <button id="btnClear" class="btn btn-outline-light px-4 py-3">
-                <i class="fa-solid fa-trash-can me-2"></i>清空
-            </button>
+          <div class="card-footer bg-transparent border-0 pb-4 px-4">
+            <div class="d-flex gap-3">
+                <button id="btnBatchParse" class="btn btn-personalized btn-parse flex-grow-1">
+                    <i class="fa-solid fa-bolt-lightning me-2"></i>开始解析汇总
+                </button>
+                <button id="btnClearBatch" class="btn btn-personalized btn-clear">
+                    <i class="fa-solid fa-broom me-2"></i>清空
+                </button>
+            </div>
           </div>
         </div>
       </div>
 
       <!-- Output Section -->
-      <div class="col-lg-5">
-        <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 bg-transparent">
-            <div class="d-flex align-items-center">
-                <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" style="color: #ff1493;">统计报表</h5>
-                    <p class="text-light-muted small mb-0">汇总后的最终数据</p>
+      <div class="col-lg-6">
+        <div class="card modern-card shadow-lg h-100">
+          <div class="card-header bg-transparent border-0 pt-4 px-4">
+            <div class="d-flex align-items-center justify-content-between w-100">
+                <div class="d-flex align-items-center">
+                    <div class="icon-badge badge-gold">
+                        <i class="fa-solid fa-chart-pie"></i>
+                    </div>
+                    <div>
+                        <h4 class="fw-black mb-0" style="color: #ff1493;">统计报告区</h4>
+                        <p class="text-muted small mb-0">汇总结果实时生成</p>
+                    </div>
                 </div>
+                <button id="btnCopy" class="btn btn-personalized btn-copy-alt" disabled>
+                    <i class="fa-solid fa-copy me-2"></i>一键复制
+                </button>
             </div>
-            <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>复制
-            </button>
           </div>
-          <div class="card-body">
-            <div id="reportOutput" class="result-container-dark p-4 rounded-3" style="min-height: 400px;">数据结果将在此处生成...</div>
+          <div class="card-body px-4">
+            <div id="reportOutput" class="result-display fixed-height-area shadow-sm">数据结果将在此处生成...</div>
             
-            <!-- Instructions Section -->
-            <div class="instruction-card mt-4 p-4">
-                <h6 class="fw-bold mb-3" style="color: #ff1493;"><i class="fa-solid fa-circle-info me-2"></i>步骤说明</h6>
-                <div class="instruction-step">
-                    <div class="step-number">1</div>
-                    <div class="small fw-bold">在左侧区域按顺序填入各项数据。</div>
+            <!-- Dynamic Instructions -->
+            <div class="mt-4">
+                <div class="step-item shadow-sm">
+                    <div class="step-digit">1</div>
+                    <span class="small fw-bold">复制组员报表并粘贴至左侧。</span>
                 </div>
-                <div class="instruction-step">
-                    <div class="step-number">2</div>
-                    <div class="small fw-bold">检查无误后点击“生成报表”按钮。</div>
-                </div>
-                <div class="instruction-step">
-                    <div class="step-number">3</div>
-                    <div class="small fw-bold">点击右上角“复制”按钮获取报表内容。</div>
-                </div>
-                <div class="instruction-step mb-0">
-                    <div class="step-number">4</div>
-                    <div class="small fw-bold">将复制的内容发送到对应的统计群组。</div>
+                <div class="step-item shadow-sm" style="border-left-color: #ff1493;">
+                    <div class="step-digit" style="background: #ff1493;">2</div>
+                    <span class="small fw-bold">点击解析，系统自动秒出结果。</span>
                 </div>
             </div>
           </div>
@@ -231,22 +143,20 @@ $logoPath = 'assets/pasted-20260224-085211-bb97e8b6.jpg';
     </div>
   </main>
 
-  <footer class="footer mt-5 py-5">
+  <footer class="py-5 bg-white mt-5 border-top border-5 border-pink">
     <div class="container text-center">
-      <div class="mb-4">
-          <img src="<?= $logoPath ?>" alt="Footer Logo" class="footer-logo rotating mb-3">
-          <h5 class="fw-bold" style="color: #ff1493;"><?= htmlspecialchars($projectName) ?></h5>
-      </div>
-      <p class="small mb-0" style="color: #ff1493;">&copy; <?= date('Y') ?> <?= htmlspecialchars($projectName) ?>. 目标赚钱，团结奋进，一股作气，挑战佳绩！</p>
+      <img src="<?= $logoPath ?>" alt="Footer Logo" class="rounded-circle mb-3 logo-spin" width="60" height="60">
+      <h5 class="brand-personalized text-pink fs-4"><?= htmlspecialchars($projectName) ?></h5>
+      <p class="text-muted small mb-0">&copy; <?= date('Y') ?> 专业团队 · 精准统计 · 财神领航</p>
     </div>
   </footer>
 
   <!-- Toast -->
   <div class="toast-container position-fixed bottom-0 end-0 p-4">
-    <div id="liveToast" class="toast align-items-center bg-white border-0 shadow-lg" role="alert" aria-live="assertive" aria-atomic="true">
+    <div id="liveToast" class="toast align-items-center border-0 shadow-lg rounded-4" role="alert" aria-live="assertive" aria-atomic="true">
       <div class="d-flex">
-        <div class="toast-body d-flex align-items-center" style="color: #ff1493;">
-            <i class="fa-solid fa-circle-check text-success me-2"></i>
+        <div class="toast-body d-flex align-items-center fw-bold" style="color: #ff1493;">
+            <i class="fa-solid fa-circle-check me-2 text-success"></i>
             <span id="toastMessage">操作成功</span>
         </div>
         <button type="button" class="btn-close me-3 m-auto" data-bs-dismiss="toast"></button>