.assessment-container{max-width:600px;margin:0 auto;padding:20px;font-family:system-ui,-apple-system,sans-serif}.assessment-form{text-align:center}.input-group{margin:20px 0}.input-group label{display:block;margin-bottom:10px}input[type="date"]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:16px;margin-bottom:10px}button{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px}button:hover{background:#45a049}.error-msg{background-color:#dc3545;color:#fff;padding:12px;border-radius:4px;text-align:center;margin:20px 0;font-weight:700;display:none}.questions-section{display:none}.age-info{background:#f8f9fa;padding:10px;margin:20px 0;border-radius:4px;text-align:center}.question{background:#fff;padding:15px;margin:10px 0;border:1px solid #ddd;border-radius:4px}.question.important{position:relative;padding-left:25px}.question.important::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;background-image:url(/wp-content/plugins/學齡前幼兒發展檢核表v0.1/assets/star-solid.svg);background-size:contain;background-repeat:no-repeat;background-position:center;filter:invert(83%) sepia(32%) saturate(1096%) hue-rotate(359deg) brightness(103%) contrast(107%)}.options{margin-top:10px}.options label{margin-right:20px;cursor:pointer}@media (max-width:600px){.assessment-container{padding:10px}.question{padding:10px}.options label{display:block;margin:10px 0}}.result-message{padding:20px;margin:20px 0;border-radius:4px;text-align:center;font-size:18px}.result-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.result-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.reset-btn{display:block;margin:20px auto;background:#6c757d}.reset-btn:hover{background:#5a6268}.questions-table{width:100%;border-spacing:0;margin-bottom:20px}.question-row{display:grid;grid-template-columns:30px 40px 1fr 100px;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.star-cell{color:#ff4081;text-align:center;font-size:18px}.number-cell{text-align:right;padding-right:10px}.description-cell{padding:0 10px}.options-cell{display:flex;gap:15px;justify-content:flex-end}.options-cell label{display:flex;align-items:center;gap:5px}.question-row.important{background-color:#fff8f8}.instruction{background-color:#f8f9fa;padding:15px;margin-bottom:20px;border-radius:4px;border-left:4px solid #4caf50;color:#333;font-size:15px;line-height:1.5}.questions-container{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.question-card{border:1px solid #ddd;border-radius:8px;padding:15px;background:#fff;box-shadow:0 2px 4px rgb(0 0 0 / .05)}.question-text{margin-bottom:15px;line-height:1.5;font-size:16px}.answer-buttons{display:flex;gap:10px;justify-content:flex-start}.answer-btn{padding:8px 24px;border:none;border-radius:4px;font-size:16px;cursor:pointer;background-color:#f0f0f0;color:#333;transition:all 0.2s ease}.answer-btn:hover{background-color:#e0e0e0}.answer-btn.selected{background-color:#4caf50;color:#fff}.submit-btn{margin-top:10px;width:100%;padding:12px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.submit-btn:hover{background-color:#45a049}@media (max-width:768px){.question-card{padding:12px}.question-text{font-size:15px}.answer-btn{padding:8px 20px;font-size:15px}}.question-image{margin:10px 0 15px 0;text-align:center}.question-image img{max-width:100%;height:auto}@media (max-width:768px){.question-image{margin:8px 0 12px 0}}.question-card.unanswered{border-color:#dc3545;animation:shake 0.5s ease-in-out;background-color:#fff8f8}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-container{margin:20px 0}.error-msg{background-color:#dc3545;color:#fff;padding:12px;border-radius:4px;text-align:center;font-weight:700;display:none}.submit-btn{width:100%;padding:12px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.buttons-container{display:flex;flex-direction:column;gap:10px}.submit-btn{width:100%;padding:12px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.submit-btn:hover{background-color:#45a049}.reset-btn{width:100%;padding:12px;font-size:16px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}.reset-btn:hover{background-color:#5a6268}