@charset "utf-8";
/* ============================================================
   贴膜预约表单  appointment.css  (2026-10-03)
   ============================================================ */

.apt-wrap{
    max-width:960px;
    margin:0 auto 30px;
}
.apt-page-title{
    text-align:center;
    margin-bottom:8px;
}
.apt-page-sub{
    text-align:center;
    color:#777;
    font-size:14px;
    margin-bottom:24px;
}

/* ---- 提示条 ---- */
.apt-notice{
    border-radius:6px;
    padding:14px 18px;
    font-size:14px;
    line-height:1.7;
    margin-bottom:18px;
}
.apt-notice-info{
    background:#eef8f0;
    border:1px solid #bfe3c8;
    color:#2a6e3f;
}
.apt-notice-warn{
    background:#fff8e6;
    border:1px solid #f0d48a;
    color:#8a6d1b;
}
.apt-notice .apt-notice-title{
    font-weight:bold;
    margin-right:6px;
}

/* ---- 表单卡片 ---- */
.apt-card{
    background:#fff;
    border:1px solid #e6e8e6;
    border-radius:8px;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
    padding:26px 30px 30px;
}
.apt-section{ margin-bottom:26px; }
.apt-section:last-child{ margin-bottom:0; }
.apt-section-title{
    font-size:16px;
    font-weight:bold;
    color:#1a7f37;
    border-left:4px solid #1a7f37;
    padding-left:10px;
    margin:0 0 16px;
    line-height:1.3;
}
.apt-section-title small{
    color:#999;
    font-size:12px;
    font-weight:normal;
    margin-left:8px;
}

/* ---- 字段网格 ---- */
.apt-grid{
    display:flex;
    flex-wrap:wrap;
    margin:0 -10px;
}
.apt-field{
    width:50%;
    padding:0 10px;
    margin-bottom:16px;
    box-sizing:border-box;
}
.apt-field-full{ width:100%; }
.apt-label{
    display:block;
    font-size:14px;
    color:#444;
    margin-bottom:6px;
}
.apt-req{ color:#e14b4b; margin-left:2px; }
.apt-input{
    width:100%;
    height:42px;
    padding:8px 12px;
    font-size:14px;
    color:#333;
    border:1px solid #cfd4cf;
    border-radius:5px;
    background:#fff;
    box-sizing:border-box;
    transition:border-color .2s, box-shadow .2s;
}
textarea.apt-input{
    height:auto;
    min-height:96px;
    resize:vertical;
}
.apt-input:focus{
    outline:none;
    border-color:#1a7f37;
    box-shadow:0 0 0 3px rgba(26,127,55,.12);
}
.apt-input.apt-err-border{
    border-color:#e14b4b;
    box-shadow:0 0 0 3px rgba(225,75,75,.10);
}
.apt-err-msg{
    display:none;
    color:#e14b4b;
    font-size:12.5px;
    margin-top:4px;
    line-height:1.4;
}
.apt-err-msg.show{ display:block; }

/* ---- 贴膜类型卡片单选 ---- */
.apt-type-group{
    display:flex;
    flex-wrap:wrap;
    margin:0 -8px;
}
.apt-type-item{
    flex:1 1 0;
    min-width:200px;
    padding:0 8px;
    margin-bottom:10px;
    box-sizing:border-box;
}
.apt-type-item input{ position:absolute; opacity:0; }
.apt-type-label{
    display:block;
    border:1px solid #cfd4cf;
    border-radius:6px;
    padding:13px 14px;
    cursor:pointer;
    font-size:14px;
    color:#444;
    text-align:center;
    line-height:1.5;
    transition:all .2s;
    background:#fff;
    height:100%;
    box-sizing:border-box;
}
.apt-type-label b{ color:#222; display:block; font-size:14.5px; margin-bottom:2px; }
.apt-type-label span{ color:#888; font-size:12.5px; }
.apt-type-item input:checked + .apt-type-label{
    border-color:#1a7f37;
    background:#f1f9f3;
    box-shadow:0 0 0 2px rgba(26,127,55,.15);
}
.apt-type-item input:checked + .apt-type-label b{ color:#1a7f37; }
.apt-type-item input:focus + .apt-type-label{
    border-color:#1a7f37;
}

/* ---- 验证码 ---- */
.apt-captcha-row{
    display:flex;
    align-items:center;
}
.apt-captcha-q{
    margin-left:12px;
    font-size:15px;
    color:#555;
    white-space:nowrap;
    background:#f3f5f3;
    border:1px solid #dde1dd;
    border-radius:5px;
    padding:8px 14px;
}
.apt-captcha-row .apt-input{ max-width:160px; }

/* ---- 协议 ---- */
.apt-agree{
    display:flex;
    align-items:flex-start;
    font-size:14px;
    color:#444;
    line-height:1.6;
}
.apt-agree input{
    margin:3px 8px 0 0;
    flex:0 0 auto;
}
.apt-agree a{ color:#1a7f37; }

/* ---- 提交区 ---- */
.apt-submit-row{
    text-align:center;
    margin-top:8px;
}
.apt-submit{
    min-width:220px;
    height:50px;
    font-size:17px;
    letter-spacing:2px;
    background:#1a7f37;
    color:#fff;
    border:none;
    border-radius:6px;
    cursor:pointer;
    transition:background .2s, transform .1s;
}
.apt-submit:hover{ background:#15682d; }
.apt-submit:active{ transform:translateY(1px); }
.apt-submit:disabled{
    background:#7fae8b;
    cursor:not-allowed;
}
.apt-tel-tip{
    margin-top:12px;
    font-size:13.5px;
    color:#888;
}
.apt-tel-tip b{ color:#e14b4b; }

/* ---- 蜜罐：对真人隐藏 ---- */
.apt-hp{
    position:absolute;
    left:-9999px;
    top:-9999px;
    width:1px;
    height:1px;
    overflow:hidden;
}

/* ---- 响应式 ---- */
@media (max-width:767px){
    .apt-card{ padding:20px 16px 22px; border-radius:6px; }
    .apt-field{ width:100%; margin-bottom:14px; }
    .apt-type-item{ min-width:100%; }
    .apt-section-title{ font-size:15px; }
    .apt-notice{ font-size:13px; padding:12px 14px; }
    .apt-captcha-row{ flex-wrap:wrap; }
    .apt-captcha-q{ margin:8px 0 0; }
    .apt-submit{ width:100%; min-width:0; height:48px; }
}