/*============按钮样式v1===========================*/

/* =======================
   通用按钮基础样式（苹果灰）
========================== */
/* .btn-large, .btn-all, .btn-small {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: none;
    border-radius: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    outline: none;
    box-shadow: 0 1.5px 6px rgba(110,130,160,0.08);
    transition: 
        background 0.19s, 
        box-shadow 0.19s cubic-bezier(.33,1.34,.55,1),
        transform 0.14s,
        color 0.14s;
}
.btn-large  { font-size: 1.13rem; padding: 14px 32px; }
.btn-all    { font-size: 1.00rem; padding: 12px 25px; }
.btn-small  { font-size: 0.92rem; padding: 7px 15px;  }
.btn-large:active, .btn-all:active, .btn-small:active {
    transform: scale(0.97);
    box-shadow: 0 0.5px 2px rgba(120,130,140,0.11);
} */

/* =======================
   主操作按钮（低饱和蓝/灰蓝）
========================== */
/* .btn-edit, .btn-confirm, .btn-large {
    background: linear-gradient(90deg, #eef4fa 20%, #e3effa 100%);
    color: #24568a;
    border: 1.4px solid #c9dbef;
}
.btn-edit:hover, .btn-confirm:hover, .btn-large:hover {
    background: linear-gradient(90deg, #e1ebf6 20%, #d3e4f5 100%);
    color: #164878;
    box-shadow: 0 2px 9px #b7d3ee45;
    transform: scale(1.035);
}
.btn-edit:active, .btn-confirm:active, .btn-large:active {
    background: #dde6f3;
    color: #143e67;
} */

/* =======================
   辅助/返回按钮（苹果灰）
========================== */
/* .btn-back, .btn-back-click {
    background: linear-gradient(90deg, #f6f7fa 20%, #ececec 100%);
    color: #60677a;
    border: 1.2px solid #dde0e7;
}
.btn-back:hover, .btn-back-click:hover {
    background: #e7ebf1;
    color: #285a9e;
}
.btn-back:active, .btn-back-click:active {
    background: #e2e2e6;
    color: #47659e;
} */

/* =======================
   添加/保存按钮（淡绿色调）
========================== */
/* .btn-add, .btn-save, .btn-add-click, .btn-save-click {
    background: linear-gradient(90deg, #eefaf3 20%, #d7f3e4 100%);
    color: #1f6a47;
    border: 1.3px solid #c5e7d7;
}
.btn-add:hover, .btn-save:hover,
.btn-add-click:hover, .btn-save-click:hover {
    background: linear-gradient(90deg, #e1f4ea 0%, #bfe8d1 100%);
    color: #135b36;
}
.btn-add:active, .btn-save:active,
.btn-add-click:active, .btn-save-click:active {
    background: #d6eeda;
    color: #165838;
}
.btn-add-click, .btn-save-click {
    border-bottom: 3px solid #bfe8d1;
} */

/* =======================
   删除按钮（淡粉/灰红）
========================== */
/* .btn-delete, .btn-delete-click {
    background: linear-gradient(90deg, #fff0f0 40%, #fbe6e6 100%);
    color: #d55353;
    border: 1.2px solid #ffd6d6;
}
.btn-delete:hover, .btn-delete-click:hover {
    background: #ffe3e3;
    color: #b63232;
}
.btn-delete:active, .btn-delete-click:active {
    background: #fbe1e1;
    color: #ae2525;
}
.btn-delete-click {
    border-bottom: 3px solid #ffd6d6;
} */

/* =======================
   取消按钮（淡橙/灰橙）
========================== */
/* .btn-cancel {
    background: linear-gradient(90deg, #fff8ee 20%, #fff2e0 100%);
    color: #a05d0e;
    border-radius: 18px;
    border: 1.3px solid #ffe5bb;
    box-shadow: 0 1.5px 7px #ffedc544;
}
.btn-cancel:hover {
    background: linear-gradient(90deg, #ffefdb 0%, #fae2bf 100%);
    color: #864b06;
}
.btn-cancel:active {
    background: #fae2bf;
    color: #bb824f;
} */

/* =======================
   AI/特殊按钮（灰紫/金色点缀）
========================== */
/* .btn-ai { 
    background: linear-gradient(90deg, #f1e8fc 20%, #ebe5f7 100%);
    color: #845ec2;
    border: 1.5px solid #ded6f5;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-shadow: 0 1px 8px #c1b1e066;
}
.btn-ai:hover { 
    background: linear-gradient(90deg, #e4d6fa 0%, #e0dcf4 100%);
    color: #5a3c93;
    transform: scale(1.04);
}
.btn-ai:active {
    background: linear-gradient(90deg, #e0dcf4 40%, #d3c5ee 100%);
    color: #9b81cb;
    box-shadow: 0 1px 6px #c1b1e033;
    transform: scale(0.98);
} */

/* =======================
   通用：icon区域、禁用、描边可按需补充
========================== */
/* .btn-large[disabled], .btn-all[disabled], .btn-small[disabled] {
    opacity: 0.55;
    pointer-events: none;
    filter: grayscale(30%);
} */


/*============按钮样式v2===========================*/
.btn-large, .btn-all, .btn-small {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: none;
    border-radius: 15px;
    font-weight: 600;
    letter-spacing: 0.1px;
    outline: none;
    background: #f7f9fa;
    color: #212936;
    box-shadow: 0 1.5px 8px 0 rgba(44, 71, 113, 0.06);
    transition: 
        background 0.18s, 
        box-shadow 0.22s cubic-bezier(.33,1.34,.55,1),
        color 0.14s,
        transform 0.11s;
    border: 1.2px solid #e9edf3;
    position: relative;
    overflow: hidden;
}
.btn-large  { font-size: 1.13rem; padding: 13px 30px; }
.btn-all    { font-size: 1.00rem; padding: 10px 24px; }
.btn-small  { font-size: 0.92rem; padding: 7px 13px;  }

/* 通用悬浮：微微升高，微亮 */
.btn-large:hover, .btn-all:hover, .btn-small:hover {
    background: #f3f6fd;
    color: #143360;
    box-shadow: 0 3px 18px 0 rgba(44, 71, 113, 0.12);
    transform: translateY(-1.5px) scale(1.032);
}

/* 按下动效 */
.btn-large:active, .btn-all:active, .btn-small:active {
    background: #e9ecf2;
    color: #11305c;
    box-shadow: 0 0.5px 2px rgba(120,130,140,0.13);
    transform: scale(0.97);
}

/* 主要操作（蓝色/黑色极简） */
.btn-edit, .btn-confirm, .btn-large {
    background: linear-gradient(90deg, #e4eafd 40%, #eaf3fc 100%);
    color: #212f4d;
    border: 1.2px solid #c4d5ee;
}
.btn-edit:hover, .btn-confirm:hover, .btn-large:hover {
    background: #3c66fa;
    color: #fff;
    border-color: #3c66fa;
    box-shadow: 0 4px 18px #6d9afe22;
    transform: translateY(-1px) scale(1.038);
}
.btn-edit:active, .btn-confirm:active, .btn-large:active {
    background: #2955c3;
    color: #fff;
    border-color: #2854bc;
}

/* 返回/次要操作（高亮灰黑） */
.btn-back, .btn-back-click {
    background: #f8f8f9;
    color: #212936;
    border: 1.1px solid #ebebf0;
}
.btn-back:hover, .btn-back-click:hover {
    background: #e5e7ee;
    color: #143c74;
    border-color: #d4dae6;
}
.btn-back:active, .btn-back-click:active {
    background: #e0e3eb;
    color: #293655;
}

/* 添加/保存（极简绿色/灰绿） */
.btn-add, .btn-save, .btn-add-click, .btn-save-click {
    background: linear-gradient(90deg, #e7faef 30%, #e0f3e8 100%);
    color: #217a4d;
    border: 1.1px solid #c1e4d2;
}
.btn-add:hover, .btn-save:hover,
.btn-add-click:hover, .btn-save-click:hover {
    background: #3dc88e;
    color: #fff;
    border-color: #35a676;
}
.btn-add:active, .btn-save:active,
.btn-add-click:active, .btn-save-click:active {
    background: #237250;
    color: #fff;
    border-color: #217a4d;
}

/* 删除按钮：高对比极简红 */
.btn-delete, .btn-delete-click {
    background: #fff0f0;
    color: #d55353;
    border: 1.1px solid #ffe3e3;
}
.btn-delete:hover, .btn-delete-click:hover {
    background: #eb3a44;
    color: #fff;
    border-color: #e85059;
}
.btn-delete:active, .btn-delete-click:active {
    background: #c22a2d;
    color: #fff;
    border-color: #ba2428;
}

/* 取消按钮：亮橙灰、hover更深 */
.btn-cancel {
    background: linear-gradient(90deg, #fff9ef 30%, #fef5e6 100%);
    color: #b7792a;
    border: 1.1px solid #ffe1b2;
}
.btn-cancel:hover {
    background: #fbb960;
    color: #fff;
    border-color: #e5a64c;
}
.btn-cancel:active {
    background: #c18744;
    color: #fff;
    border-color: #a6793e;
}

/* AI/特殊按钮：极简紫金 */
.btn-ai { 
    background: linear-gradient(90deg, #f6eafd 20%, #f3f6fa 100%);
    color: #7d3eea;
    border: 1.5px solid #e7dbf5;
    font-weight: 700;
    text-shadow: 0 2px 9px #c8b2e090;
}
.btn-ai:hover { 
    background: #b481fa;
    color: #fff;
    border-color: #b481fa;
    text-shadow: none;
}
.btn-ai:active {
    background: #6d28d9;
    color: #fff;
    border-color: #5b21b6;
}

/* 禁用/置灰态 */
.btn-large[disabled], .btn-all[disabled], .btn-small[disabled] {
    opacity: 0.57;
    pointer-events: none;
    filter: grayscale(40%);
}