/* 保持原有样式不变 */
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: "Helvetica Neue", sans-serif; background: #f7f8fa; color: #333; padding-bottom: 100px; }
    .header { display: flex; justify-content: center; align-items: center; height: 50px; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.08); font-weight: bold; position: sticky; top: 0; z-index: 10; }
    .doctor-section { background: #fff; padding: 16px; display: flex; gap: 12px; }
    .doctor-section img { width: 60px; height: 60px; border-radius: 50%; }
    .doctor-info { flex: 1; }
    .doctor-name { font-weight: bold; font-size: 16px; }
    .tag { background: #00c084; color: #fff; font-size: 12px; padding: 2px 6px; border-radius: 10px; margin-left: 6px; }
    .hospital { color: #1abc9c; font-size: 14px; margin-top: 2px; }
    .desc { font-size: 13px; color: #666; margin-top: 8px; line-height: 1.4; }
    .stats { background: #fff; display: flex; justify-content: space-around; padding: 12px 0; text-align: center; font-size: 13px; }
    .stats span { display: block; color: red; font-weight: bold; font-size: 16px; }
    .form-section { background: #fff; margin-top: 10px; padding: 16px; }
    .form-section h3 { font-size: 16px; margin-bottom: 10px; }
    .form-group { margin: 10px 0; }
    label { font-size: 14px; display: block; margin-bottom: 4px; }
    input, textarea, select { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; }
    textarea { resize: none; height: 80px; }
    .checkbox-group { display: flex; align-items: center; font-size: 12px; margin-top: 10px; }
    .checkbox-group input { margin-right: 5px; }
    .submit-btn { margin-top: 16px; width: 100%; background: #007aff; color: white; font-size: 16px; padding: 12px; border: none; border-radius: 8px; cursor: pointer; }
    .remark { font-size: 12px; color: #999; margin-top: 10px; }
    .schedule-wrapper { display: flex; flex-direction: column; font-size: 13px; margin-bottom: 20px; }
    .schedule-header, .schedule-row { display: flex; align-items: center; margin-bottom: 8px; }
    .time-label { width: 40px; text-align: center; color: #666; }
    .date { flex: 1; text-align: center; font-size: 12px; color: #444; }
    .slot { flex: 1; text-align: center; margin: 0 4px; background: #e4f7ec; color: #00b26a; border-radius: 50%; font-size: 12px; cursor: pointer; transition: 0.3s; }
    .slot.active { background: #ff5722; color: #fff; }
    .plain-btn { background: none; border: none; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; }
    .plain-btn:focus { outline: none; }
    .view-btn { color: #00b26a; font-size: 13px; margin-left: 6px; cursor: pointer; }
    .modal-mask { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.4); z-index: 99; }
    .modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 12px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); width: 85%; max-width: 500px; z-index: 100; padding: 20px; }
    .modal h4 { margin-bottom: 10px; font-size: 16px; }
    .modal p { font-size: 14px; line-height: 1.5; margin-bottom: 20px; }
    .modal button { display: block; width: 100%; background: #00c084; color: white; border: none; padding: 10px 0; border-radius: 8px; font-size: 16px; cursor: pointer; }