body{margin:0;font-family:Arial,Microsoft YaHei,sans-serif;background:#f5f7fb;color:#1f2937}main{max-width:900px;margin:48px auto;padding:24px;background:#fff;border:1px solid #e5e7eb}h1{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{display:flex;flex-direction:column;gap:10px;text-align:left;padding:20px;background:#fff;color:#1f2937;border:1px solid #dbe2ea;cursor:pointer}.card b{font-size:18px;color:#111827}.card span{color:#64748b}.card:hover{border-color:#2563eb}label{display:block;margin:20px 0;font-weight:600}input,select{display:block;width:100%;box-sizing:border-box;padding:10px;margin-top:8px;border:1px solid #cbd5e1}.rating{display:flex;gap:8px;margin-top:8px}.rating button,.rating button.on{width:42px;height:36px;border:1px solid #cbd5e1;background:#fff;color:#1f2937}.rating button.on{background:#2563eb;color:#fff}button{padding:10px 16px;border:1px solid #2563eb;background:#2563eb;color:#fff;cursor:pointer}section>button:first-child{background:transparent;color:#2563eb;margin-bottom:16px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.actions,.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.link{background:transparent;color:#2563eb;border-color:transparent}.muted{color:#64748b}.login{max-width:360px}.login button{margin-top:16px}.error{color:#b91c1c;background:#fef2f2;padding:10px}.notice{color:#166534;background:#f0fdf4;padding:10px}.toolbar{margin:24px 0}.export{background:#0f766e;border-color:#0f766e}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.small{padding:6px 10px;font-size:13px}.empty{text-align:center;color:#64748b;padding:30px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:20px}.modal-body{background:#fff;padding:24px;max-width:560px;width:100%;max-height:85vh;overflow:auto}.options{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.option{display:flex;align-items:center;gap:6px;margin:0;font-weight:400}.option input{width:auto;margin:0}.matrix{margin-top:8px;overflow:auto}.matrix-row{display:flex;align-items:center;gap:6px;min-width:520px;margin:8px 0}.matrix-row span{width:260px;font-weight:400}.matrix-row button{width:34px;height:32px;padding:0;background:#fff;color:#1f2937;border-color:#cbd5e1}.matrix-row button:hover{background:#eff6ff;border-color:#2563eb}.matrix-row button.on{background:#2563eb;color:#fff;border-color:#2563eb}.link{border-radius:4px}.link:hover{background:#eff6ff}.modal-body .link,section>.link{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.admin-tabs{display:flex;gap:8px;margin:18px 0;border-bottom:1px solid #e5e7eb}.admin-tabs button{background:#f8fafc;color:#475569;border-color:#cbd5e1;border-bottom-left-radius:0;border-bottom-right-radius:0}.admin-tabs button.active{background:#2563eb;color:#fff;border-color:#2563eb}.analysis-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #e5e7eb}.analysis-filters label{margin:0;font-size:13px;font-weight:600;color:#475569}.analysis-filters input{min-width:145px;margin-top:5px;background:#fff}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.metric{border:1px solid #dbe2ea;background:#f8fafc;padding:14px;min-height:68px;display:flex;flex-direction:column;justify-content:space-between}.metric span{font-size:13px;color:#64748b}.metric strong{font-size:24px;color:#0f172a}.analysis-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.analysis-grid h2{font-size:18px;margin:24px 0 10px;border-left:3px solid #2563eb;padding-left:8px}.analysis-block{border:1px solid #e5e7eb;background:#fff;padding:12px;margin:10px 0}.analysis-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.analysis-heading h3{font-size:15px;margin:0}.analysis-heading span{font-size:12px;color:#64748b}.analysis-value{margin:8px 0;color:#334155}.bucket-list{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#475569}.bucket-list span{background:#f1f5f9;padding:6px 8px}.analysis-block table{font-size:13px}.analysis-block th,.analysis-block td{padding:8px}.analysis-block .table-wrap{max-height:330px}.analysis-filters button{height:40px}.analysis-filters label input{display:block}.chart-bars,.score-bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:flex;flex-direction:column;gap:5px}.bar-label,.score-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.bar-label span,.score-row>span{color:#334155;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-label b,.score-row>b{font-size:12px;color:#475569;white-space:nowrap}.bar-track,.score-track{height:10px;background:#eaf0f6;border-radius:999px;overflow:hidden}.bar-track i,.score-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#38bdf8)}.score-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(120px,2fr) 44px;gap:10px}.score-track i{background:linear-gradient(90deg,#0f766e,#2dd4bf)}.analysis-summary{padding:12px;background:#f8fafc;color:#475569}.analysis-summary strong{font-size:24px;color:#0f172a;margin:0 4px}.compare-chart{display:flex;align-items:stretch;gap:20px;min-height:190px;padding:10px 12px 0;background:#f8fafc}.compare-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-width:76px}.compare-item span,.compare-increase span,.compare-increase small{font-size:12px;color:#64748b}.compare-item b{font-size:14px;color:#0f172a}.compare-track{height:120px;width:42px;background:#e2e8f0;border-radius:6px 6px 0 0;display:flex;align-items:flex-end;overflow:hidden}.compare-track i{display:block;width:100%;border-radius:6px 6px 0 0}.compare-track i.pre{background:#60a5fa}.compare-track i.post{background:#14b8a6}.compare-increase{margin-left:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px}.compare-increase strong{font-size:27px;color:#0f766e}.accuracy-chart{display:flex;flex-direction:column;gap:12px}.accuracy-row>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#475569}.accuracy-row b{font-weight:600;color:#0f172a}.accuracy-row .bar-track{margin-top:5px}.accuracy-row i.good{background:#16a34a}.accuracy-row i.mid{background:#f59e0b}.accuracy-row i.bad{background:#ef4444}@media (max-width:600px){body{font-size:13px}main{margin:0;min-height:100vh;padding:12px 10px;border:0;box-sizing:border-box}h1{font-size:21px;margin-bottom:4px}h2{font-size:17px}.topbar{align-items:center;flex-wrap:wrap}.topbar h1{margin:0}.grid{grid-template-columns:1fr;gap:8px}.card{min-height:58px;padding:11px}.card b{font-size:15px}.card span{font-size:12px}button,select,input{min-height:36px;font-size:14px;box-sizing:border-box}.toolbar{align-items:stretch;gap:6px}.toolbar select,.toolbar .export{width:100%}.actions{width:100%;justify-content:flex-end}.login{max-width:none;margin-top:16px}.login input{margin-bottom:8px}.table-wrap{margin:0 -10px;padding:0 10px}.matrix{margin-right:0}.matrix-row{min-width:0;display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.matrix-row span{width:100%;flex:0 0 100%;line-height:1.4}.matrix-row button{min-height:34px;width:calc((100% - 20px)/5);padding:0}.options{gap:5px;margin-top:4px}.option{min-height:30px}.option input{min-height:16px}.modal{padding:8px}.modal-body{padding:12px;max-height:92vh}.modal-body .topbar{align-items:center}label{margin:12px 0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.metric{padding:10px;min-height:58px}.metric strong{font-size:19px}.analysis-grid{grid-template-columns:1fr;gap:8px}.analysis-filters{align-items:stretch}.analysis-filters label,.analysis-filters input,.analysis-filters button{width:100%}.analysis-block{padding:9px}.analysis-block th,.analysis-block td{padding:7px 6px}.admin-tabs{margin:12px 0 8px}}.analysis{min-width:0}.score-row{grid-template-columns:minmax(90px,1fr) minmax(80px,1.5fr) 38px}.compare-chart{gap:12px;padding-left:4px;padding-right:4px}.compare-item{min-width:62px}.compare-increase strong{font-size:22px}.shared-type-switch{margin:14px 0}.shared-type-switch select{margin:0;width:100%;background:#fff}.analysis-research .satisfaction-category,.analysis-research .effect-category,.analysis-research .accuracy-category,.analysis-research .llm-category,.analysis-satisfaction .research-category,.analysis-satisfaction .effect-category,.analysis-satisfaction .accuracy-category,.analysis-satisfaction .llm-category,.analysis-evaluation .research-category,.analysis-evaluation .satisfaction-category,.analysis-recruitment .research-category,.analysis-recruitment .satisfaction-category,.analysis-recruitment .effect-category,.analysis-recruitment .accuracy-category,.analysis-recruitment .llm-category{display:none}.analysis-research .analysis-grid,.analysis-satisfaction .analysis-grid,.analysis-evaluation .analysis-grid,.analysis-recruitment .analysis-grid{display:block}.analysis-category>h2{margin-top:10px}.chart-duo{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:18px;align-items:center}.pie-card{display:flex;align-items:center;gap:12px;min-width:0}.pie{width:112px;height:112px;border-radius:50%;flex:0 0 auto;border:8px solid #f8fafc;box-shadow:0 0 0 1px #e2e8f0}.pie-legend{display:flex;flex-direction:column;gap:5px;min-width:0;max-height:125px;overflow:auto}.pie-legend div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:5px;font-size:11px}.pie-legend i{width:8px;height:8px;border-radius:50%}.pie-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569}.pie-legend b{color:#0f172a}@media (max-width:600px){.chart-duo{grid-template-columns:1fr}.pie-card{justify-content:center}.pie{width:96px;height:96px}}