/* ===================================================================
   AI视频制作业务 - 新增样式 (video.html)
   说明：主样式继续使用 fzk8.min.css，本文件仅补充 AI 业务内容所需样式；
   页面底色 #2F3238，新增板块采用同色系深底，点缀色沿用站点主色：
   主色 #80C021 / 辅色 #0369B4 / 强调色 #FA5400
   =================================================================== */

/* ---------- 1. AI视频业务内容卡片（深色系） ---------- */
.ai-svc {
    background:#2F3238;
    border:1px solid #4A4F57;
    padding:24px 16px 18px;
    text-align:center;
    height:100%;
    transition:all .3s;
    position:relative;
    overflow:hidden;
}
.ai-svc .ai-svc-ico {
    width:64px;height:64px;line-height:64px;
    margin:0 auto 14px;
    border-radius:50%;
    background:#80C021;
    color:#fff;
    font-size:30px;
    text-align:center;
    transition:all .3s;
}
.ai-svc h3 {font-size:18px;color:#fff;margin:0 0 8px;}
.ai-svc p {font-size:13px;color:#a5a9b0;line-height:22px;margin:0;}
.ai-svc:hover {border-color:#80C021;box-shadow:0 10px 20px rgba(0,0,0,.35);transform:translateY(-4px);}
.ai-svc:hover .ai-svc-ico {background:#0369B4;transform:rotateY(180deg);}
.ai-svc .ai-svc-tag {
    position:absolute;top:0;right:0;
    background:#FA5400;color:#fff;
    font-size:12px;padding:2px 10px;
    border-bottom-left-radius:8px;
}

/* ---------- 2. AI视频制作服务流程（深色系） ---------- */
.ai-steps {position:relative;margin:30px 0 10px;}
.ai-steps .ai-step {
    background:#2F3238;
    border:1px solid #4A4F57;
    border-radius:8px;
    padding:20px 14px 16px;
    text-align:center;
    position:relative;
    height:100%;
    transition:all .3s;
}
.ai-steps .ai-step:hover {border-color:#80C021;box-shadow:0 10px 20px rgba(0,0,0,.35);transform:translateY(-4px);}
.ai-step .ai-step-num {
    width:36px;height:36px;line-height:36px;
    margin:0 auto 10px;
    border-radius:50%;
    background:#0369B4;color:#fff;
    font-size:18px;font-weight:bold;
    text-align:center;
    transition:all .3s;
}
.ai-step:hover .ai-step-num {background:#80C021;}
.ai-step .ai-step-ico {display:block;font-size:28px;color:#80C021;margin-bottom:6px;}
.ai-step h3 {font-size:16px;color:#fff;margin:0 0 6px;}
.ai-step p {font-size:12px;color:#a5a9b0;line-height:20px;margin:0;}
/* 步骤之间连接箭头（仅平板/桌面显示） */
.ai-steps .ai-step:after {
    content:"\f061";
    font-family:FontAwesome;
    position:absolute;top:50%;right:-12px;
    color:#4A4F57;font-size:16px;
    z-index:2;
}
.ai-steps .xb2:last-child .ai-step:after {display:none;}
@media (max-width:1199px){
    .ai-steps .ai-step:after {display:none;}
}

/* ---------- 3. AI视频制作价格表（深色系） ---------- */
.ai-price {background:#2F3238;border:1px solid #4A4F57;border-radius:8px;overflow:hidden;}
.ai-price .ai-price-table {width:100%;border-collapse:collapse;font-size:14px;}
.ai-price .ai-price-table th {
    background:#80C021;color:#fff;
    padding:12px 10px;
    font-size:15px;font-weight:bold;
    text-align:center;
    border-right:1px solid rgba(255,255,255,.3);
}
.ai-price .ai-price-table th:last-child {border-right:none;}
.ai-price .ai-price-table td {
    padding:12px 10px;
    border-bottom:1px solid #3A3F46;
    text-align:center;
    color:#e8eaed;
    line-height:22px;
}
.ai-price .ai-price-table tr:nth-child(even) td {background:rgba(255,255,255,.04);}
.ai-price .ai-price-table tr:hover td {background:rgba(128,192,33,.15);}
.ai-price .ai-price-table tr:last-child td {border-bottom:none;}
.ai-price .ai-price-table td.ai-price-item {text-align:left;color:#fff;}
.ai-price .ai-price-table td.ai-price-val {
    color:#FA5400;font-size:20px;font-weight:bold;white-space:nowrap;
}
.ai-price .ai-price-table td.ai-price-val small {font-size:12px;color:#8f949b;font-weight:normal;}
.ai-price .ai-price-table td.ai-price-note {color:#a5a9b0;font-size:13px;text-align:left;}
.ai-price-tip {
    background:rgba(255,255,255,.05);
    border:1px dashed #4A4F57;
    color:#a5a9b0;
    font-size:13px;line-height:22px;
    padding:10px 14px;border-radius:6px;margin-top:12px;
}
.ai-price-tip i {color:#8f949b;margin-right:4px;}
@media (max-width:760px){
    .ai-price .ai-price-table {font-size:12px;}
    .ai-price .ai-price-table th,.ai-price .ai-price-table td {padding:9px 6px;}
    .ai-price .ai-price-table td.ai-price-val {font-size:16px;}
}

/* ---------- 4. 标题小点缀 ---------- */
.ai-title-sub {font-size:14px;color:#a5a9b0;}

/* ---------- 5. 手机端一行两个适配微调 ---------- */
@media (max-width:760px){
    .ai-svc {padding:16px 8px 12px;}
    .ai-svc .ai-svc-ico {width:48px;height:48px;line-height:48px;font-size:22px;margin-bottom:8px;}
    .ai-svc h3 {font-size:15px;margin-bottom:5px;}
    .ai-svc p {font-size:12px;line-height:18px;}
    .ai-svc .ai-svc-tag {font-size:11px;padding:1px 8px;}
    .ai-step {padding:14px 8px 12px;}
    .ai-step .ai-step-num {width:30px;height:30px;line-height:30px;font-size:15px;margin-bottom:8px;}
    .ai-step .ai-step-ico {font-size:22px;margin-bottom:4px;}
    .ai-step h3 {font-size:14px;margin-bottom:4px;}
    .ai-step p {font-size:11px;line-height:17px;}
}