:root {
        --svc-brand: #7c89d7; 
        --svc-brand-light: rgba(124, 137, 215, 0.08); 
        --svc-brand-hover: #6a7bc9;
        --svc-text-main: #1f2937; 
        --svc-text-sub: #6b7280;
        --svc-bg-page: #f9fafb;
        --svc-white: #ffffff;
        --svc-radius: 8px;
        --svc-shadow: 0 10px 30px -10px rgba(0,0,0,0.06);
        --svc-shadow-hover: 0 20px 40px -10px rgba(124, 137, 215, 0.15);
    }

    body {
        background-color: var(--svc-bg-page);
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
        color: var(--svc-text-main);
        -webkit-font-smoothing: antialiased;
    }

    .svc-container {
        width: 1200px;
        margin: 0 auto;
        line-height: 1.6;
    }

    .svc-breadcrumb {
        padding: 24px 0;
        font-size: 13px;
        color: #9ca3af;
    }
    .svc-breadcrumb a { color: #9ca3af; text-decoration: none; transition: 0.2s; }
    .svc-breadcrumb a:hover { color: var(--svc-brand); }

    .svc-overview {
        background: var(--svc-white);
        padding: 40px;
        border-radius: 12px;
        display: flex;
        gap: 40px;
        box-shadow: var(--svc-shadow);
        margin-bottom: 24px;
        box-sizing: border-box;
        border: 1px solid rgba(255,255,255,0);
        transition: transform 0.3s ease;
    }

    .svc-gallery {
        width: 480px;
        height: 380px;
        border-radius: var(--svc-radius);
        overflow: hidden;
        box-shadow: 0 4px 12px rgba(0,0,0,0.04);
        flex-shrink: 0;
        position: relative;
    }
    .svc-gallery img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }
    .svc-gallery:hover img { transform: scale(1.05); }

    .svc-info {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .svc-title {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 12px;
        color: var(--svc-text-main);
        line-height: 1.3;
        letter-spacing: -0.5px;
    }
    .svc-desc {
        font-size: 15px;
        color: var(--svc-text-sub);
        margin-bottom:20px;
        line-height: 1.6;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .svc-price-panel {
        background:linear-gradient(135deg, #f4f5ff 0%, #ffffff 100%);
        padding: 24px;
        margin-bottom:25px;
    }
    .svc-price-row {
        display: flex;
        align-items: baseline;
    }
    .svc-label { 
        font-size: 14px; 
        color: #6b7280; 
        width: 70px; 
        font-weight: 500;
    }
    
    .svc-price-val {
        color: var(--svc-brand);
        font-size: 38px;
        font-weight: 800;
        font-family: "DIN Alternate", "Roboto", sans-serif;
        letter-spacing: -1px;
        line-height: 1;
    }
    .svc-symbol { font-size: 20px; margin-right: 2px; color: var(--svc-brand); font-weight: 600; }
    .svc-unit { font-size: 14px; color: #888; font-weight: normal; margin-left: 6px; }
    
    .svc-sales {
        margin-left: auto;
        font-size: 13px;
        color: #888;
        background: rgba(255,255,255,0.6);
        padding: 4px 12px;
        border-radius: 20px;
    }
    .svc-sales b { color: var(--svc-text-main); font-weight: 600; }

    .svc-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom:20px;
        font-size: 13px;
        color: var(--svc-text-sub);
        align-items: center;
    }
    .svc-tags span { 
        display: flex; 
        align-items: center; 
        background: #f3f4f6;
        padding: 6px 12px;
        border-radius: 6px;
        transition: 0.2s;
    }
    .svc-tags span:hover { background: #e5e7eb; color: #333; }
    .svc-tags .svc-label { 
        background: none; 
        padding: 0; 
        width: 70px;
        margin-right: -12px;
    }
    .svc-tags i {
        color:#8BC34A;
        margin-right: 6px;
        font-size: 14px;
    }

    .svc-btns {
        margin-top: auto;
        display: flex;
        gap: 16px;
    }
    .svc-btn-buy {
        background: var(--svc-brand);
        color: #fff;
        width: 200px;
        height: 52px;
        line-height: 52px;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        border-radius: var(--svc-radius);
        text-decoration: none;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(124, 137, 215, 0.4);
    }
    .svc-btn-buy:hover {
        background: var(--svc-brand-hover);
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(124, 137, 215, 0.5);
    }
    .svc-btn-cs {
        background: #fff;
        color: var(--svc-text-main);
        width: 150px;
        height: 52px;
        line-height: 50px;
        text-align: center;
        border-radius: var(--svc-radius);
        font-size: 15px;
        text-decoration: none;
        transition: 0.2s;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border: 1px solid #e5e7eb;
        font-weight: 500;
    }
    .svc-btn-cs:hover { 
        border-color: var(--svc-brand); 
        color: var(--svc-brand); 
        background: #fefefe; 
    }

    .svc-layout {
        display: flex;
        gap: 24px;
        padding-bottom: 60px;
    }

    .svc-content {
        flex: 1;
        background: var(--svc-white);
        border-radius: 12px;
        min-height: 500px;
        box-shadow: var(--svc-shadow);
        border: none;
        overflow: hidden;
    }

    .svc-tabs {
        background: #fff;
        padding: 0 20px;
        display: flex;
        gap: 10px;
    }
    .svc-tab-item {
        padding: 0 15px;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        cursor: pointer;
        color: #6b7280;
        font-weight: 500;
        background: transparent;
        border: none;
        position: relative;
        transition: color 0.3s;
    }
    .svc-tab-item:hover { color: var(--svc-brand); }

    .svc-tab-item.svc-active {
        color: var(--svc-brand);
        font-weight: 600;
        background: transparent;
        border: none;
    }
    .svc-tab-item.svc-active::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 24px;
        height: 3px;
        background: var(--svc-brand);
        border-radius: 2px;
    }
    
    .svc-pane { padding: 50px; display: none; }
    .svc-pane.svc-active { display: block; animation: svcFadeIn 0.4s ease-out; }
    @keyframes svcFadeIn { 
        from {opacity:0; transform: translateY(10px);} 
        to {opacity:1; transform: translateY(0);} 
    }

    .svc-tit {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 24px;
        padding-left: 0;
        border-left: none;
        display: flex;
        align-items: center;
        color: #111;
    }
    .svc-tit::before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 18px;
        background: var(--svc-brand);
        border-radius: 3px;
        margin-right: 12px;
    }

    .svc-rich-text p { margin-bottom: 18px; font-size: 15px; color: #374151; line-height: 1.8; }
    
    .svc-process {
        background: #f9fafb;
        border: 1px solid #e5e7eb; /* 虚线改实线，更稳重 */
        padding: 30px;
        border-radius: var(--svc-radius);
        margin-bottom: 40px;
    }

    /* 右侧侧边栏 */
    .svc-sidebar { width: 300px; flex-shrink: 0; }
    .svc-sidebox {
        background: var(--svc-white);
        border-radius: 12px;
        border: none;
        padding: 24px;
        margin-bottom: 24px;
        box-shadow: var(--svc-shadow); /* 统一阴影 */
    }
    .svc-stitle { 
        font-size: 14px; 
        font-weight: 700; 
        border-bottom: 1px solid #f3f4f6; 
        padding-bottom: 15px; 
        margin-bottom: 20px;
        color: #111; 
		letter-spacing:1px;
    }
    
    .svc-promise div {
        display: flex;
        align-items: center;
        margin-bottom: 18px;
        font-size:12px;
        color: #4b5563;
        transition: transform 0.2s;
    }
    .svc-promise div:hover { transform: translateX(5px); color: var(--svc-brand); cursor: default; }

    .svc-promise i {
        width: 32px;
        height: 32px;
        background: var(--svc-brand-light); /* 淡色背景 */
        color: var(--svc-brand);
        border-radius: 50%;
        text-align: center;
        line-height: 32px;
        margin-right: 12px;
        font-size: 14px;
        flex-shrink: 0;
    }
        .step-num {
            width: 20px;
            height: 20px;
            background:#7c89d7;
            color:#fff;
            border-radius: 50%;
            text-align: center;
            line-height: 20px;
            font-size: 12px;
            margin-right: 10px;
            flex-shrink: 0;
            margin-top: 2px;
        }
        .step-content h4 {
            font-size: 14px;
            margin-bottom: 4px;
        }
        .step-content p {
            font-size: 12px;
            color: #888;
        }
		        .flow-step {
            display: flex;
            margin-bottom: 15px;
        }
		.sever_ts p{
			font-size:12px;
			color:#999;
			text-align:justify;
			display: -webkit-box;
			-webkit-line-clamp:2;
			-webkit-box-orient: vertical;
			overflow: hidden;
		}
		.khfwrx{text-align:center; padding:10px 0;border-radius:5px;background:#f5f6ff;}
		.khfwrx .khfwrx_con{font-size:15px;color:var(--svc-brand);font-weight:800;}
		.khfwrx_con i{margin-right:5px;font-size:12px;}
		.svc-price-val i{font-style:normal;margin-left:5px;font-size:16px;}
}