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}@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}}