/* ===== 化妆品注册备案服务块（绿翊合规，可复用组件） ===== */
.lyc-service-block {
    font-family: 'PingFang SC', 'Microsoft YaHei', 'Segoe UI', Arial, sans-serif;
    color: #1A1B1C;
    line-height: 1.6;
    max-width: 860px;
    margin: 40px auto 0;
}
.lyc-service-intro {
    padding: 16px 18px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(148,216,195,0.20), rgba(148,216,195,0.05));
    border: 1px solid rgba(148,216,195,0.55);
    margin: 16px 0;
    box-sizing: border-box;
}
.lyc-service-intro-title {
    font-size: 17px;
    font-weight: 600;
    color: #285F50;
}
.lyc-service-intro-sub {
    font-size: 12.5px;
    color: #6B7280;
    margin-top: 4px;
}
.lyc-service-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 12px 0;
    box-sizing: border-box;
}
.lyc-service-card {
    flex: 1 1 260px;
    min-width: 0;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(148,216,195,0.4);
    background: linear-gradient(135deg, rgba(148,216,195,0.12), rgba(255,255,255,0.4));
    box-sizing: border-box;
}
.lyc-service-card-title {
    font-size: 12px;
    font-weight: 600;
    color: #4B7A6B;
}
.lyc-service-card-sub {
    font-size: 12px;
    color: #6B7280;
    margin: 4px 0 6px;
}
.lyc-service-card-desc {
    font-size: 12px;
    color: #1A1B1C;
}
.lyc-service-card--blue {
    border-color: rgba(139,200,234,0.4);
    background: linear-gradient(135deg, rgba(139,200,234,0.12), rgba(255,255,255,0.4));
}
.lyc-service-card--blue .lyc-service-card-title { color: #2E6E8A; }
.lyc-service-card--pink {
    border-color: rgba(234,167,178,0.4);
    background: linear-gradient(135deg, rgba(234,167,178,0.12), rgba(255,255,255,0.4));
}
.lyc-service-card--pink .lyc-service-card-title { color: #8A4A58; }
.lyc-service-card--orange {
    border-color: rgba(225,185,143,0.45);
    background: linear-gradient(135deg, rgba(225,185,143,0.14), rgba(255,255,255,0.4));
}
.lyc-service-card--orange .lyc-service-card-title { color: #8A642E; }
.lyc-service-card--indigo {
    border-color: rgba(159,171,234,0.45);
    background: linear-gradient(135deg, rgba(159,171,234,0.13), rgba(255,255,255,0.4));
}
.lyc-service-card--indigo .lyc-service-card-title { color: #4A4E8A; }
.lyc-service-card--teal {
    border-color: rgba(162,221,170,0.5);
    background: linear-gradient(135deg, rgba(162,221,170,0.16), rgba(255,255,255,0.4));
}
.lyc-service-card--teal .lyc-service-card-title { color: #3F7A45; }
.lyc-service-process {
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(148,216,195,0.35);
    margin: 12px 0 16px;
    box-sizing: border-box;
}
.lyc-service-process-title {
    font-size: 13px;
    font-weight: 600;
    color: #285F50;
}
.lyc-service-steps {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}
.lyc-service-step {
    flex: 1 1 130px;
    min-width: 0;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(148,216,195,0.15);
    box-sizing: border-box;
}
.lyc-service-step--blue { background: rgba(139,200,234,0.15); }
.lyc-service-step--pink { background: rgba(234,167,178,0.15); }
.lyc-service-step--orange { background: rgba(225,185,143,0.16); }
.lyc-service-step--teal { background: rgba(162,221,170,0.18); }
.lyc-service-step-num {
    font-size: 11.5px;
    color: #6B7280;
}
.lyc-service-step-title {
    font-size: 12.5px;
    font-weight: 500;
}
.lyc-service-process-note {
    font-size: 11.5px;
    color: #6B7280;
    margin-top: 8px;
}
.lyc-service-cta {
    padding: 11px 14px;
    border-radius: 14px;
    background: rgba(148,216,195,0.08);
    border: 1px dashed rgba(148,216,195,0.5);
    margin: 0 0 12px 0;
    box-sizing: border-box;
    text-align: center;
}
.lyc-service-cta-main {
    font-size: 12px;
    color: #4B7A6B;
    font-weight: 500;
}
.lyc-service-cta-sub {
    display: block;
    font-size: 11.5px;
    color: #6B7280;
    margin-top: 3px;
}

/* ===== Tab 切换容器 ===== */
.lyc-service-tabs {
    max-width: 860px;
    margin: 40px auto 0;
}
.lyc-service-tabs-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.lyc-service-tab {
    padding: 9px 18px;
    border-radius: 999px;
    border: 1px solid rgba(148,216,195,0.45);
    background: #fff;
    color: #4B7A6B;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.lyc-service-tab:hover {
    background: rgba(148,216,195,0.12);
}
.lyc-service-tab.is-active {
    background: linear-gradient(135deg, rgba(148,216,195,0.9), rgba(148,216,195,0.55));
    color: #1F4D42;
    border-color: transparent;
}
.lyc-service-panel {
    display: none;
}
.lyc-service-panel.is-active {
    display: block;
}
.lyc-service-tabs .lyc-service-block {
    margin-top: 16px;
}