:root{--bg-page: #f1f5f9;--text-main: #0f172a;--text-sub: #64748b;--border: #e2e8f0;--c-primary: #2563eb;--c-primary-light: #eff6ff;--c-green: #059669;--c-red: #e11d48}body{margin:0;background-color:var(--bg-page);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app-container{max-width:1280px;margin:0 auto;padding:24px}.loading-box{padding:40px;text-align:center;color:var(--text-sub)}.blue-header{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:24px 32px;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 12px #2563eb33;position:relative;overflow:hidden}.blue-header:after{content:"仅供个人作品展示 · 反爬反作弊 · 禁止商用/转载 · 联系作者：myrawzm0406@163.com · 微信：15301052620";position:absolute;right:20px;bottom:10px;font-size:11px;line-height:1.4;color:#e2e8f0e6;max-width:60%;text-align:right;pointer-events:none;white-space:normal}.header-content{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.header-icon{font-size:36px;background:#ffffff26;width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}.header-text h1{margin:0;font-size:24px;font-weight:700;line-height:1.2}.header-text p{margin:6px 0 0;font-size:14px;opacity:.9}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.import-btn,.mobile-switch-btn{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.import-btn:hover,.mobile-switch-btn:hover{background:#ffffff4d}.card{background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000000d;padding:20px;margin-bottom:20px;border:1px solid var(--border)}.wm-overlay{position:fixed;inset:0;pointer-events:none;z-index:2}.wm-text-grid{position:absolute;inset:-80px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;transform:rotate(-26deg);font-size:16px;font-weight:600;color:#0f172a;opacity:.06;text-transform:none}.wm-item{white-space:nowrap}.wm-corner{position:fixed;right:12px;bottom:10px;max-width:360px;background:#0f172ad9;color:#f1f5f9fa;padding:6px 10px;border-radius:8px;font-size:10px;line-height:1.5;z-index:3;pointer-events:none}.filter-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}select{padding:6px 10px;border:1px solid var(--border);border-radius:6px;color:#334155;outline:none;background:#fff;font-size:13px}.reset-btn{background:#fff;border:1px solid #cbd5e1;color:#475569;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer}.search-box{margin-left:auto;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:6px;padding:4px 6px 4px 10px}.search-box input{border:none;width:180px;outline:none;font-size:13px}.count-tag{font-size:11px;color:var(--text-sub);background:#f1f5f9;padding:2px 6px;border-radius:4px}.active-filter-tip{margin-top:10px;font-size:12px;color:#64748b;display:flex;align-items:center;gap:6px}.close-filter{cursor:pointer;margin-left:4px;color:#94a3b8}.close-filter:hover{color:#475569}.workflow-panel{background:#fff;padding:20px}.workflow-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.workflow-subtitle{font-size:12px;color:#64748b}.workflow-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:16px}.workflow-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;display:flex;flex-direction:column;transition:transform .2s}.workflow-step:hover{border-color:#cbd5e1;background:#fff;box-shadow:0 4px 12px -2px #0000000d}.workflow-step-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.step-index{background:#0f172a;color:#fff;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.step-title{font-size:13px;font-weight:700;color:#1e293b}.step-metric{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.step-metric-num{font-size:20px;font-weight:800;color:#0f172a}.step-metric-label{font-size:12px;color:#64748b}.step-desc{margin:0 0 12px;padding-left:18px;font-size:12px;color:#475569;line-height:1.5}.step-desc li+li{margin-top:2px}.step-chip{margin-top:auto;align-self:flex-start;font-size:10px;padding:2px 8px;border-radius:4px;background:#e2e8f0;color:#475569;font-weight:600}.step-chip-rag{background:#e0e7ff;color:#4338ca}.step-chip-alarm{background:#fee2e2;color:#b91c1c}.workflow-arrow{display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:24px;font-weight:300}@media(max-width:768px){.workflow-grid{display:flex;flex-direction:column;gap:12px}.workflow-arrow{display:none}.workflow-step{min-height:auto}}.panel-title{font-size:15px;font-weight:700;margin-bottom:16px;border-left:3px solid var(--c-primary);padding-left:10px;color:#1e293b}.panel-title-with-tip{display:flex;align-items:center;justify-content:space-between;gap:8px}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.tooltip-icon{width:20px;height:20px;border-radius:50%;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#f1f5f9}.tooltip-icon:hover,.tooltip-icon.active{background:#e0f2fe;color:#0284c7}.tooltip-bubble{position:absolute;top:28px;right:0;left:auto;transform:none;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:8px;padding:12px 16px;width:280px;z-index:100;display:none;text-align:left;animation:fadeUpRight .2s ease-out}.tooltip-bubble.show{display:block}.tooltip-arrow{position:absolute;top:-6px;right:14px;width:10px;height:10px;background:#fff;transform:rotate(45deg);border-left:1px solid #e2e8f0;border-top:1px solid #e2e8f0}.tooltip-header{font-weight:700;font-size:13px;margin-bottom:6px;color:#0f172a;border-bottom:1px dashed #e2e8f0;padding-bottom:4px}.tooltip-content{font-size:12px;color:#475569;line-height:1.6}@media(max-width:600px){.tooltip-bubble{width:260px;right:-8px}.tooltip-arrow{right:18px}}@keyframes fadeUpRight{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kpi-split{display:flex;gap:32px}.kpi-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.kpi-divider{width:1px;background:#e2e8f0;align-self:stretch}.kpi-head{font-size:13px;color:var(--text-sub);margin-bottom:12px;font-weight:500}.kpi-num{font-size:36px;font-weight:800;color:#0f172a;line-height:1;margin-bottom:12px}.kpi-num .sub{font-size:16px;color:#94a3b8;margin-left:4px}.kpi-breakdown-pill{font-size:12px;color:#475569;background:#f1f5f9;padding:6px 16px;border-radius:20px;margin-bottom:16px;display:inline-flex;align-items:center;gap:4px}.kpi-suggestion{font-size:12px;text-align:left;background:#fffbeb;color:#92400e;padding:10px 14px;border-radius:8px;line-height:1.5;width:90%;border-left:3px solid #fcd34d}.c-green{color:var(--c-green);font-weight:600}.c-red{color:var(--c-red);font-weight:600}@media(max-width:640px){.kpi-split{flex-direction:column;gap:20px}.kpi-item{align-items:flex-start;text-align:left}.kpi-suggestion{width:100%}}.chart-row{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;margin-bottom:20px}.panel-title-row{display:flex;gap:12px;border-bottom:1px solid #f1f5f9;padding-bottom:10px;margin-bottom:16px}.panel-tab{font-size:13px;color:#64748b;cursor:pointer;padding:4px 8px;border-radius:4px}.panel-tab.active{font-weight:600;background:#f1f5f9;color:#0f172a}.panel-tab.active.neg{color:#e11d48;background:#fff1f2}.panel-tab.active.pos{color:#059669;background:#ecfdf5}.panel-tab.active.sugg{color:#7c3aed;background:#f5f3ff}@media(max-width:1024px){.chart-row{grid-template-columns:1fr}}.ai-qa-panel{margin-top:20px;padding-bottom:16px}.ai-qa-title{font-size:15px;font-weight:700;margin-bottom:16px}.ai-qa-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:stretch;min-height:180px}.ai-qa-left-col{display:flex;flex-direction:column;gap:10px}.ai-qa-right-col{display:flex;flex-direction:column}.ai-qa-tabs{display:flex;gap:8px}.ai-qa-tab{background:#f1f5f9;border:none;padding:6px 12px;border-radius:6px;font-size:12px;color:#64748b;cursor:pointer;transition:all .2s}.ai-qa-tab.active{background:#e0e7ff;color:#4338ca;font-weight:600}.ai-qa-textarea{flex:1;width:100%;border:1px solid #e2e8f0;border-radius:8px;padding:10px;font-family:inherit;font-size:13px;outline:none;resize:none;background:#f8fafc}.ai-qa-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.ai-qa-submit{background:#0f172a;color:#fff;border:none;padding:8px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.ai-qa-submit:hover:not(:disabled){background:#334155}.ai-qa-answer-block{height:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px;font-size:13px;color:#334155;line-height:1.6;white-space:pre-wrap;overflow-y:auto;max-height:200px}.ai-qa-answer-loading{font-size:13px;color:#64748b}.ai-qa-answer-placeholder{color:#94a3b8;display:flex;align-items:center;justify-content:center;height:100%}.ai-qa-answer{margin:0;font-family:inherit;white-space:pre-wrap}.ai-qa-error{font-size:12px;color:#b91c1c;margin-top:4px}@media(max-width:768px){.ai-qa-grid{grid-template-columns:1fr}.ai-qa-textarea{min-height:80px}}.list-section{margin-top:20px}.section-header{font-size:16px;font-weight:700;margin-bottom:12px;color:#111827}.list-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}@media(max-width:900px){.list-layout{grid-template-columns:1fr}.comment-panel{margin-top:20px;position:static}}.review-list-scroll{height:600px;overflow-y:auto;padding-right:8px}.review-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:0;cursor:pointer;transition:all .2s;position:relative}.review-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.review-card.active{border-color:var(--c-primary);background:#f8fafc}.review-card.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c-primary);border-top-left-radius:8px;border-bottom-left-radius:8px}.card-top{padding:10px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #f1f5f9}.store{font-size:12px;font-weight:600;color:#334155}.time{font-size:12px;color:#94a3b8;margin-left:auto}.status{font-size:10px;padding:2px 8px;border-radius:10px;background:#f1f5f9;color:#64748b}.status.done{background:#dcfce7;color:#15803d}.tag{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.tag-positive{background:#d1fae5;color:#047857}.tag-neutral{background:#f1f5f9;color:#475569}.tag-negative{background:#ffe4e6;color:#be123c}.card-main{padding:12px 14px;font-size:13px;color:#334155;line-height:1.5}.ai-full{margin:0 14px 14px;background:#eff6ff;border-radius:6px;padding:8px 10px;font-size:12px;color:#1e40af;display:flex;gap:6px}.ai-full-icon{font-weight:600;white-space:nowrap}.ai-full-text{word-break:break-all}.ai-inline-row{padding:0 14px 10px;font-size:11px;color:#94a3b8}.comment-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;min-height:400px;display:flex;flex-direction:column;position:sticky;top:20px}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.comment-title{font-weight:700;font-size:14px}.comment-store-tag{background:#f1f5f9;color:#64748b;font-size:11px;padding:2px 8px;border-radius:12px}.comment-meta{display:flex;justify-content:space-between;margin-bottom:16px;font-size:12px;color:#94a3b8}.comment-body{flex:1;display:flex;flex-direction:column;gap:16px}.comment-original-label{font-size:12px;font-weight:600;color:#64748b;margin-bottom:6px}.comment-original-text{font-size:13px;line-height:1.6;color:#1e293b;background:#f8fafc;padding:10px;border-radius:6px}.staff-reply-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;padding:10px}.staff-reply-label{font-size:12px;font-weight:700;color:#c2410c;margin-bottom:4px}.staff-reply-text{font-size:13px;color:#9a3412;line-height:1.5}.comment-input-section{margin-top:auto}.comment-textarea{width:100%;height:100px;border:1px solid #cbd5e1;border-radius:6px;padding:8px;font-size:13px;resize:vertical;margin-bottom:10px;font-family:inherit}.comment-textarea:focus{border-color:var(--c-primary);outline:none;box-shadow:0 0 0 2px #2563eb1a}.comment-actions{display:flex;gap:10px}.btn-save{flex:1;background:var(--c-primary);color:#fff;border:none;padding:8px;border-radius:6px;font-size:13px;cursor:pointer}.btn-save:hover{background:#1d4ed8}.btn-cancel{flex:1;background:#fff;border:1px solid #cbd5e1;color:#64748b;padding:8px;border-radius:6px;font-size:13px;cursor:pointer}.btn-cancel:hover{background:#f8fafc}.comment-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:13px;gap:8px;margin-top:40px}.empty-icon{font-size:32px;opacity:.5}.empty-sub{font-size:12px;color:#cbd5e1}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:12px}.page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer}.page-btn.active{background:#0f172a;color:#fff;border-color:#0f172a}.pagination-info{font-size:12px;color:#64748b}.pagination-jump{font-size:12px;color:#64748b;margin-left:8px}.pagination-jump input{width:30px;text-align:center;border:1px solid #e2e8f0;border-radius:4px;margin:0 4px}.mobile-wrapper{display:flex;justify-content:center;align-items:center;min-height:80vh;gap:40px;animation:fadeUpRight .3s ease-in-out}.mobile-frame{width:375px;height:667px;background:#f5f7fa;border:12px solid #111;border-radius:36px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;overflow:hidden;position:relative}.mobile-frame:after{content:"仅供个人作品展示 · 反爬反作弊 · 请勿商用/转载 · 作者 myrawzm0406@163.com · 微信 15301052620";position:absolute;left:14px;right:14px;bottom:40px;font-size:10px;line-height:1.4;color:#94a3b8f2;pointer-events:none}.mobile-header{background:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;color:#000;font-weight:600;font-size:16px}.back-icon{font-size:14px;color:#007aff;cursor:pointer;font-weight:400}.dots{font-size:20px;color:#333;letter-spacing:2px}.mobile-body{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.msg-row{display:flex;gap:8px;max-width:85%}.msg-row.user{align-self:flex-end;flex-direction:row-reverse}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.avatar.ai{background:#e0f2fe}.avatar.user{background:#dcfce7}.bubble{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5;white-space:pre-wrap;box-shadow:0 1px 2px #0000000d}.ai .bubble{background:#fff;color:#333;border-top-left-radius:2px}.user .bubble{background:#007aff;color:#fff;border-top-right-radius:2px}.typing{font-size:12px;color:#999;font-style:italic;margin-left:10px}.mobile-quick-actions{padding:10px 16px;display:flex;gap:8px;overflow-x:auto;background:#fff;border-top:1px solid #f0f0f0}.mobile-quick-actions button{white-space:nowrap;padding:6px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:16px;font-size:12px;color:#374151;cursor:pointer;transition:all .2s}.mobile-quick-actions button:hover{background:#f9fafb;border-color:#d1d5db}.mobile-footer{padding:12px;background:#fff;border-top:1px solid #eee;display:flex;gap:8px}.mobile-footer input{flex:1;border:1px solid #ddd;padding:8px 12px;border-radius:20px;outline:none;font-size:14px}.mobile-footer button{background:#007aff;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-weight:500;cursor:pointer}.mobile-footer button:disabled{opacity:.6}.mobile-bg-tip{max-width:300px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 10px 30px #0000001a}.mobile-bg-tip h3{margin-top:0;color:#111}.mobile-bg-tip p{color:#666;font-size:14px;line-height:1.6}.exit-mobile-btn{margin-top:16px;width:100%;padding:10px;background:#111;color:#fff;border:none;border-radius:8px;cursor:pointer}@media(max-width:768px){.app-container{padding:16px}.header-content{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{margin-left:0;width:100%;justify-content:flex-start;flex-wrap:wrap}.header-icon{width:48px;height:48px;font-size:28px}.blue-header:after{max-width:80%;font-size:9px;line-height:1.3;right:16px}.tooltip-icon{width:16px;height:16px}.mobile-wrapper{flex-direction:column;gap:20px;padding:20px}.mobile-bg-tip{max-width:100%;order:-1}.wm-text-grid{gap:24px;font-size:12px;opacity:.1}.wm-corner{left:10px;right:auto;max-width:82%;font-size:9px;line-height:1.4}.mobile-frame:after{font-size:9px}}@media(max-width:768px){.mobile-bg-tip{max-width:100%}}:root{--bg-page: #f8fafc;--bg-card: #ffffff;--text-main: #1e293b;--text-sub: #64748b;--primary: #2563eb;--success: #16a34a;--warning: #f97316;--danger: #ef4444;--border: #e2e8f0;--radius: 12px}body{margin:0;background-color:var(--bg-page);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-root{padding:20px;min-height:100vh}.app-shell{max-width:1200px;margin:0 auto}.app-header{margin-bottom:24px}.app-header-top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}.app-title{font-size:24px;font-weight:800;margin:0;color:#0f172a}.app-subtitle{font-size:14px;color:var(--text-sub);margin:4px 0 0}.app-tagline{font-size:13px;color:var(--primary);background:#eff6ff;padding:6px 12px;border-radius:999px;font-weight:500}.custom-tooltip-wrapper{position:relative;display:inline-block;margin-left:8px;cursor:pointer}.help-icon{width:18px;height:18px;border-radius:50%;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:12px;color:#999}.custom-tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;width:220px;z-index:100;margin-bottom:8px;line-height:1.4;text-align:left}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:0 1px 3px #0000000d;padding:20px;margin-bottom:16px;border:1px solid var(--border)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-header h2{font-size:16px;font-weight:600;margin:0}.filters-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.filter-item{display:flex;flex-direction:column;gap:4px}.filter-item label{font-size:12px;color:var(--text-sub)}.filter-item select{padding:6px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;min-width:100px}.filters-row-bottom{margin-top:16px;padding-top:16px;border-top:1px dashed var(--border);align-items:center;justify-content:space-between}.filter-search input{padding:8px 12px;border:1px solid var(--border);border-radius:6px;width:240px}.filter-toggle{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.filter-summary{font-size:13px;color:var(--text-sub)}.layout-grid{display:grid;grid-template-columns:3fr 2fr;gap:20px}.layout-left,.layout-right{display:flex;flex-direction:column;gap:16px}.kpi-main{display:flex;gap:12px}.kpi-block{flex:1;padding:12px;border-radius:8px;text-align:center}.kpi-nps{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af}.kpi-csat{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534}.kpi-label{font-size:12px;opacity:.8;margin-bottom:4px}.kpi-value{font-size:28px;font-weight:700}.kpi-sub{font-size:11px;opacity:.7;margin-top:4px}.overview-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.overview-item{background:#f8fafc;padding:12px;border-radius:8px;text-align:center}.overview-value{font-size:20px;font-weight:700;margin:4px 0}.overview-label{font-size:12px;color:var(--text-sub)}.text-red-500{color:var(--danger)}.text-green-600{color:var(--success)}.store-table{width:100%;font-size:13px;text-align:left;border-collapse:collapse}.store-table th{color:var(--text-sub);font-weight:500;border-bottom:1px solid var(--border);padding:8px 4px}.store-table td{border-bottom:1px solid #f1f5f9;padding:8px 4px}.chart-legend{display:flex;justify-content:center;gap:16px;font-size:12px;margin-top:10px}.topic-list{display:flex;flex-direction:column;gap:10px}.topic-bar-row{display:flex;align-items:center;gap:8px;font-size:13px}.topic-name{width:60px;text-align:right;color:var(--text-sub)}.topic-bar-bg{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.topic-bar-fill{height:100%;background:#3b82f6;border-radius:4px}.topic-val{font-size:12px;color:var(--text-sub);width:24px}.details-section{margin-top:24px}.section-header h3{font-size:18px;margin-bottom:16px}.details-list{display:flex;flex-direction:column;gap:12px}.detail-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:16px;border-left-width:4px}.detail-card.sent-positive{border-left-color:var(--success)}.detail-card.sent-neutral{border-left-color:var(--warning)}.detail-card.sent-negative{border-left-color:var(--danger)}.detail-top{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-sub);margin-bottom:8px;flex-wrap:wrap}.detail-store{font-weight:600;color:var(--text-main)}.badge{padding:2px 8px;border-radius:4px;font-size:11px}.badge-positive{background:#dcfce7;color:#166534}.badge-neutral{background:#ffedd5;color:#9a3412}.badge-negative{background:#fee2e2;color:#991b1b}.status-tag{margin-left:auto;padding:2px 8px;border-radius:99px;font-size:11px}.status-tag.done{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.status-tag.open{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.detail-content{font-size:14px;line-height:1.5;margin-bottom:8px}.detail-ai-box{background:#f8fafc;padding:8px;border-radius:6px;font-size:12px;color:var(--text-sub);margin-bottom:8px}.detail-reply-box{background:#f3f4f6;padding:10px;border-radius:6px;border-left:2px solid #cbd5e1;margin-top:8px}.reply-label{font-size:11px;color:#64748b;margin-bottom:2px;font-weight:600}.reply-text{font-size:13px;color:#334155}.pagination{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;align-items:center;font-size:13px}.pagination button{padding:4px 12px;border:1px solid var(--border);background:#fff;border-radius:4px;cursor:pointer}.pagination button:disabled{opacity:.5}@media(max-width:768px){.app-root{padding:12px}.layout-grid{grid-template-columns:1fr}.filters-row-bottom{flex-direction:column;align-items:stretch;gap:12px}.filter-search input{width:100%;box-sizing:border-box}.kpi-main{flex-direction:column}.overview-grid{grid-template-columns:1fr}.app-header-top{flex-direction:column;align-items:flex-start}.filter-summary{text-align:center}.store-table{font-size:12px}}