/*
Theme Name:     极主题  Jitheme.com
Theme URI:      http://7b2.com/
Description:    这是b2主题的子主题，名为极主题，一个美化最好看的子主题。
Author:         极主题创造团队
Author URI:     https://www.jitheme.com/
Template:       b2
Version:        2.9.5
Tags:           收费主题,极主题,子主题
*/
/*
 *-------------------------------------------------------------------------------
 *全站字体更换
 *-------------------------------------------------------------------------------
*/
@font-face {
	font-family: 'jitheme';
	src: url('https://dsfs.oppo.com/store/public/font/OPPOSans-Medium.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
body,pre {
	font-family: 'jitheme', sans-serif;

}
/* 整体滚动条样式 */
::-webkit-scrollbar {
  width: 8px;  /* 垂直滚动条宽度 */
  height: 8px; /* 水平滚动条高度 */
}
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background-color: #888;
}

/* 滚动条滑块悬停时 */
::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.Jifont_pad{margin-right: 5px;}
.Jifont_red{color:#fa455f;}
/*20230925*/
.logo-left .mobile-box {
    margin-left: 10px;
}
[class*="icon-fire-"] {
    color: #c1c1c1;
}
.icon-talk-hot-1 {
    color: #fa455f;
}
.icon-talk-hot-2 {
    color: #f90;
}
.icon-talk-hot-3 {
    color: #ff6000;
}
.icon-fire-1 {
    color: #e20000;
}
.icon-fire-2{
    color: #ff6000;
}
.icon-fire-3 {
    color: #f90;
}
.post-list-cats a span {
    border-radius: 4px;
}
/*暗夜模式*/
.jitheme-toggle i {
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 24px;
}
.jitheme_logo{
    background-image: var(--logo-url);
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 34px;
    width: 150px;
    background-size: contain;
}
.jitheme_index_qx{
    margin-top: 20px;
    padding: 15px;
    background-color: var(--main-bg-color);
}
.jitheme_index_qx .content-user-lv-login a{
    background-color:var(--b2color);
    color: #fff;
}
.ji-rank-archive-header .header-menus .menus,.ji-rank-archive-header .header-menus .join .cont-title small, .ji-rank-archive-header .header-menus .menus .cont-title small, .ji-rank-archive-header .header-menus .cats .item .txt {
    color: var(--muted-color);
}
.ji-rank-archive-header .header-menus,.ji-rank-archive-header .header-menus .join, .ji-rank-archive-header .header-menus .menus ,.jitheme-rank-tab .mi-tab-wrap,.group-item .item-wrap,.trendInfo___3oCmt {
    background-color:var(--main-bg-color);
}
.ji-paih-title h5,.btn-pink,.ji-rank-archive-header .header-menus .cats .item .count,.ji-rank-archive-header .header-menus .cats .item:hover .jitheme,.jitheme-ranks .item-author .author-avatar:after,.ji-rank-archive-header .header-menus .pops .item .num{
    color: #fff;
}
.site-content,.tax-info-item .fliter-button,.link-top h2,.top-user-box-drop p,.top-user-box-drop .top-user-info-box-count p,.top-user-info-box .user-w-gold a,.top-user-info-box-name h2,.login-out a,.bar-item i,.post-meta-right button,.post-style-2 .top-menu ul li.depth-0 > a,.post-style-2 .change-theme button,.post-style-2 .change-theme>div a,.document-cat-rot,.link-overlay,.link-overlay,.topic-name-data b,.comment-info span,.tags-page ul li h2,.shop-single-action-right .favorite-button,.insert-post h2, .file-down h2,.vip-allow.allow,#jitheme_header_top02 .header, #jitheme_header_top02 .header .wrapper,.jiheme_home .home .ji_haeder .jitheme-toggle i,.jiheme_home .home .ji_haeder .change-theme i,.item-ico i,.jitheme-zt .item-title,.message-content p,.jitheme-zt .item-desc,.close,.vip-login-title,.zt-title,.ji_haeder #jitheme_header_top02 .top-menu ul li.depth-0 > a,#jitheme_header_top01 .social-top .top-menu ul li.depth-0 > a,.mobile-footer-menu a,.ji-rank-archive-header .header-menus .pops .item a,.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a,.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit,.home-section-first-menus .main-menus .sub .sub-menus-2 .item a,.home-section-first-menus .main-menus .sub .sub-menus-2 .item a em,.home-section-first-menus .main-menus .sub h2,#Jitheme_index_rili .swiper-slide-text .home-sence-name h6{
    color: var(--key-color);
    
    }
.logo-left .login-button .b2-account-circle-line,.footer,.vip-faq-list h2{
    color: var(--key-color)!important;
}    
.user-w-logon::after{
    background-image: linear-gradient(0deg, var(--main-bg-color) 0,rgba(247,248,249,0) 100%)!important;
}
.top-user-box-drop.show,.site .site-header-in {
    box-shadow: var(--box-ty);
}
.b2-menu-3 .sub-menu-0 > li:hover > a, .b2-menu-3 .sub-menu-0 a:hover,.site, .widget-comment-contnet,.user-widget-content .user-w-rw,.widget .recommended-widget li.picked a,.po-ask button span,.po-topic-box-tips,.insert-post,.download-list,.content-ds,.download-rights,.download-info,.w-d-role.d-allow,.com-form-textarea textarea,.document-content .button,.pager-center,.homebk12 .homebk8-ctn li,.post-6-jiehsao,.post-tags-meat-onecad .tag-img i,.post-tags-meat-onecad .sub-nav span,.audio-wrapper,.site-terms,.topic-guess-box,.topic-card-box li,.file-list-item,.topic-vote-box,.user-money, .user-credit,#Onecad_vips .vip-faq-list p,.post-user-info,.jitheme-bqts,.jitheme_slide_d .mini-stats,.jitheme_slide_link ul li a,.topic-image-light,.info-po-attrs > div .info-po-input,.info-po-type-in,.po-attrs-buttons,.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type):before,.new-meta-left button,.infomation-list-top-l span,.fancybox-thumbs,.w-d-list.gujia .w-d-meta p,.widget .widget-gujia-hot-circle .widget-circle-info h2,.post-tags-meat a,.post-tags-meat a .tag-img,.ji-downMain .categories,.tax-fliter-hot .order-items a:hover.ji-rank-archive-header .header-menus .pops .item .num.num_1,.footer-fav,#jitheme_ask .ask-bar,.jitheme-category .tax-info-item .fliter-button,.about-contact .c-menus,.about-contactus .ct-box,.topic-comment-form,.jitheme_links_post .site-desc,.single-link-rating button,.jitheme_links_post .site-list-cat a,.login-out a,.top-user-info-box .user-w-gold > div,.topic-meta-more-box ul,.topic-footer-left button,.item-ico,.post-9 .post-excerpt, .post-2 .post-excerpt, .post-4 .post-excerpt, .post-7 .post-excerpt, .post-excerpt,.bind-pass-info div,.user-social-box > div,.social-top .show-menu-box .header-logo,.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a,.home-section-first-menus .main-menus .sub .sub-menus-2 .item a,.entry-content .content-hidden,.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .ithumb, #bigTriangleColor,.ask-widget-fliter  {
    background-color: var(--body-bg-color);
}

.widget-comment-contnet.jt:before, .widget-comment-contnet.jt:after {
    border-bottom-color: var(--body-bg-color);
}
#public .my-circle-list button.picked:after,.widget-circle-info-desc:before{
    border-bottom-color: var(--float-btn-bg)!important;
}
.post-list-cats a span,.collection-posts li span,.ajax-pager .button[disabled], .ajax-pager .button.selected,.post-3-li-dubble .post-list-cats a span{
    background: var(--ji-btcolor);
}
.box, .side-fixed,.side-fixed,i.b2-vrenzhengguanli,.credit-top-avatar,.next-jt i,.document-row,.link-in:hover,.bar-normal,.bar-footer,.post-3 .post-3-li .item-in,.po-topic-box-tips,.topic-answer-login ,.topic-loading-more-button,.newOneCAD_link,.Onecad-dongtai,.user-sidebar-count li,#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide a,.com-form-input input,.jitheme-background-default,.jitheme_slide_d_m .mini-stats-desc,.collection-button,.info-po-type-in > div.picked,#b2-editor-box .tox .tox-toolbar,.tox .tox-edit-area__iframe,.top-user-info-box,.top-user-box-drop,.top-user-info-box .user-w-gold a i,.w-d-list.gujia .w-d-title,.post-content-footer .content-footer-poster button,.tax-fliter-hot,.jitheme-zt .item-wrapa,.ji-bg-white,.jitheme-zt-more,.jitheme_arc_b,.jitheme_baim,#jitheme_ask_list  .ask-item  ,.jitheme-cat .ask-cat-list .b-wrap,#jitheme_new.plate-news,#jitheme_ask input,.content-excerpt,#jitheme_ask .ask-bar .picked,.ask-widget-ul li:nth-child(odd),.about-honour,.b2-menu-3 .sub-menu-0>li>a:hover,.about-contact,.about-calture .c2,.about-calture .c1-items,.about-contactus .c-box,.about-contactus .intro-wrap .c-box,.ask-list-nav,.topic-comment-form.show textarea,.post-type-archive-links .inner-wrapper-sticky,.modal-content,.home-section-first-menus .main-menus .sub .sub-menus-2 .item a em,#Jitheme_index_rili .calendar-title .right,.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .ithumb{
    background: var(--main-bg-color)!important;
}
.widget-comment-contnet jt, .post-excerpt, .widget-comment-contnet p,.topic-content-text,.comment-author .user-title,.comment-content-text p,.document-row h3 a,.link-desc,.ask-desc,.ask-user-info,.tags-page ul li p,.post-list-cats a span,#jitheme_new .news-item a,#jitheme_new .news-item p,.one-home-title p,.user-panel-info p,.user-info-title,.user-sidebar-info p,.user-item-desc,.widget-comment-post,.widget-comment-user time,.shop-single-data-title,.post-breadcrumb,.user-w-tj p,.post-meta li span,.jitheme-category .data .ji-flex-1 span i.b2-upload-fill,.jitheme-category .data .ji-flex-1 span i.b2-hearts-line,.post-list-cat a,.item-author .author-info,.topic-more-menu button, .topic-more-menu a,.comment-content-text p,.shop-single-data li,.shop-single-data .shop-item-delete,.shop-single-data .shop-item-delete,.user-mission-info-left time,#footer_tsk .vip-login-countdown-row,.jitheme_avatar_data,.post-3 .post-list-meta,.ap-item-meta, .author-meta span,.home-authors .item-tobe-author .item-cont,.home-authors .item-tobe-author .item-cont .count span,.item-author .item-bottom-title,.post-list-cat a,.user-s-data,.user-s-info-desc,.user-s-data p,.jitheme-zt .item-desc,.vip-faq-list p{
    color: var(--this-text)
}
.topic-comment-list,.ask-inv-box,.topic-ask-box,.com-form-input input,.info-po-type-in,.po-attrs-buttons label,.infomation-meta,.post-tags-meat a,.btn-gray,.collection-list-top-info{
    border: 1px dashed var(--main-border-color);
}

.list-footer,.circle-widget-button,.comment .comment-item,.document-row.b2-pd:nth-of-type(odd) ,.document-row + .document-row,.pager-center,.aside-bar > div > div + div,.none-comment,.w-d-role > div + div,.topic-lv1 + .topic-lv1,.topic-comments,.jitheme_slide_tjmk,.po-infomation-footer,.infomation-vote,.custom-page-widget ul li + li,.b2-b-t,.coll-text,.jitheme-cat .ask-cat-list .select-wrap,.vip-faq-list + .vip-faq-list,.ask-write-answer,.circle-topic-item,.post-gg-button,.ask-item + .ask-item,#ji-footer-new{
    border-top: 1px solid var(--main-border-color);
}
.jitheme-widget-pl .b2-widget-title h2, .b2-widget-newsflashes .b2-widget-title h2 ,.b2-menu-4 .sub-menu-0 > li > a,.po-topic-textarea textarea:first-child, .content-show-roles  h2 , .content-show-roles  h1,.comments-title ,.pager-center ,.post-3 .post-3-li .item-in, .post-5 .post-modules-top,.topic-comment-list-header,.topic-vote-desc,.jitheme-widget-pl .b2-widget-title h2 ,.b2-widget-newsflashes .b2-widget-title h2,.info-po-attrs > div,.info-po-type,.info-po-attrs-row1,.li-line,.infomation-list-top,.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary,.message-list li,.dmsg-header,.jitheme-widget-post .b2-widget-title h2,.ji-downMain .data ul li>div, .post-5 .post-modules-top,.ask-answer-title,.shop-single-attr-title{
    border-bottom: 1px dashed  var(--main-border-color);
    
}

.user-s-data div + div,.document-row.b2-pd:nth-of-type(even) ,.pager-center,.info-box,.ji-rank-archive-header .header-menus .pops{
    border-left: 1px solid var(--main-border-color)!important;
}
.document-cat-item,.pager-center ,.ji-rank-archive-header .header-menus .pops{
    border-right: 1px solid var(--main-border-color);
}
.post-tags-meat a,.content-excerpt,.login-form-item input,.bind-pass-info div {
    border: 1px solid var(--main-border-color);
}
.header .login-button button.empty{
    color:#fff ;
   background: var(--b2color); 
}
/*导航*/
.post-type-archive-circle .header ,.header,.header-banner{
    background-color: var(--header-bg)!important;
    color:  var(--key-color)!important;
}
/*圈子*/
.circle-desc,.widget .tagcloud a,.credit-top-info-right span,.widget-circle-info-desc,.com-form > .b2-radius{
    background-color:  var(--float-btn-bg);
    color: var(--key-color);
}
.topic-more-menu button:hover, .topic-more-menu a:hover{
    color:var(--b2color); 
}
.widget .tagcloud a:hover{
    color: var(--body-bg-color);
}
.topic-type-menu,.post-5 .load-more, .post-5 .b2-pagenav {
    border-top: 1px solid var(--main-bg-color);
    background-color: var(--main-bg-color);
}
.b2-widget-hot-circle .b2-widget-title button.picked:before{
    left: 45%;
}
.po-topic-textarea ,.b2-menu-4 ul ul li a img,.com-form-textarea{
    border: 1px solid  var(--main-border-color);
}
.topic-vote-box{
    max-width: unset!important;
}
/*侧栏CSS*/
.bar-normal,.bar-footer {
    box-shadow:unset;
}
.ajax-pager .button {
    margin-right: 15px;
    padding: 10px 20px;
    background: var(--ji-btcolor);
}
/*IMG问答导航*/
.b2-content .content-area, .post-style-2 .content-area, .archive .content-area {
    width: 100%;
}

/*仿360*/
.slideshow-container-360 * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.slideshow-container-360 {
    width: 100%;
    background: linear-gradient(135deg, #e3f2fd 0%, #f0f8ff 100%);
    border-radius: 0;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    padding: 20px 0;
}

.slide-content-360 {
    display: flex;
    align-items: stretch;
    min-height: 500px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    gap: 20px;
}

.left-section-360 {
    flex: 0 0 50%;
    padding: 40px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-gallery-360 {
    position: relative;
	 width:100vw;
	max-width: 500px;
	
}

.main-image-wrapper-360 {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.main-image-360 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.3s ease;
    cursor: pointer;
}

.main-image-360.active {
    opacity: 1;
}

.main-image-360:hover {
    transform: scale(1.05);
}

.image-dots-360 {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.dot-360 {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(76, 175, 80, 0.3);
    cursor: pointer;
    transition: all 0.3s ease;
}

.dot-360.active,
.dot-360:hover {
    background: #4CAF50;
    transform: scale(1.2);
}

.right-section-360 {
    flex: 0 0 50%;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: center;
}

.logo-section-360 {
    display: flex;
    align-items: center;
    gap: 15px;
}

.logo-circle-360 {
    width: 50px;
    height: 50px;
    background: linear-gradient(45deg, #4CAF50, #45a049);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 12px;
}

.logo-text-360 {
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

.title-section-360 h1 {
    font-size: 28px;
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.3;
}

.subtitle-360 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #666;
    font-size: 14px;
}

.button-section-360 {
display: flex !important;
    justify-content: flex-start !important;
    gap: 60px;
    margin: 10px 0;
}

.btn-primary-360 {
    background: linear-gradient(45deg, #4CAF50, #45a049);
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
}

.btn-primary-360:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);
}

.btn-secondary-360 {
    background: rgba(255, 255, 255, 0.9);
    color: #4CAF50;
    border: 2px solid #4CAF50;
    padding: 10px 25px;
    border-radius: 25px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-secondary-360:hover {
    background: #4CAF50;
    color: white;
    transform: translateY(-2px);
}

.features-section-360 {
    margin-top: 20px;
}

.security-text-360 {
    color: #666;
    font-size: 14px;
    margin-bottom: 15px;
}

.feature-tags-360 {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.tag-360 {
    padding: 6px 12px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.3s ease;
    cursor: pointer;
}

.tag-360.green {
    background: rgba(76, 175, 80, 0.1);
    color: #4CAF50;
    border: 1px solid rgba(76, 175, 80, 0.3);
}

.tag-360.green:hover {
    background: rgba(76, 175, 80, 0.2);
    transform: translateY(-1px);
}

.tag-360.gray {
    background: rgba(128, 128, 128, 0.1);
    color: #666;
    border: 1px solid rgba(128, 128, 128, 0.3);
}

.tag-360.gray:hover {
    background: rgba(128, 128, 128, 0.2);
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .slide-content-360 {
        flex-direction: column;
        text-align: center;
    }

    .left-section-360, .right-section-360 {
        flex: none;
        padding: 20px;
    }

    .title-section-360 h1 {
        font-size: 24px;
    }

    .button-section-360 {
        justify-content: center;
    }

    .feature-tags-360 {
        justify-content: left;
    }
}

@keyframes fadeInUp360 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.slideshow-container-360 {
    animation: fadeInUp360 0.8s ease-out;
}

/*仿360结束*/

/*我们的服务*/
.service-container-clinic * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.service-container-clinic {
    width: 100%;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 0;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    padding: 60px 0;
}

.service-content-clinic {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.service-title-clinic {
    text-align: center;
    margin-bottom: 50px;
    opacity: 1;
    animation: fadeInUp-clinic 0.8s ease-out 0.2s;
}

.service-title-clinic h1 {
    font-size: 32px;
    color: #2c3e50;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.4;
}

.service-title-clinic .subtitle {
    color: #7f8c8d;
    font-size: 16px;
    line-height: 1.6;
}

.service-cards-clinic {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 40px;
}

/* 当屏幕宽度不够时，改为2列 */
@media (max-width: 1100px) {
    .service-cards-clinic {
        grid-template-columns: repeat(2, 1fr);
    }
}

.service-card-clinic {
    background: white;
    border-radius: 20px;
    padding: 40px 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    opacity: 1;
    transform: translateY(0);
    animation: fadeInUp-clinic 0.8s ease-out;
}

.service-card-clinic::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #3498db, #2980b9);
    transition: all 0.3s ease;
}

.service-card-clinic.green::before {
    background: linear-gradient(90deg, #27ae60, #229954);
}

.service-card-clinic.orange::before {
    background: linear-gradient(90deg, #f39c12, #e67e22);
}

.service-card-clinic:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.service-card-clinic:hover::before {
    height: 6px;
}

.card-header-clinic {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.card-icon-clinic {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-right: 20px;
    background: linear-gradient(45deg, #3498db, #2980b9);
    color: white;
    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
    transition: all 0.3s ease;
}

.service-card-clinic:hover .card-icon-clinic {
    transform: scale(1.1) rotate(5deg);
}

.service-card-clinic.green .card-icon-clinic {
    background: linear-gradient(45deg, #27ae60, #229954);
    box-shadow: 0 4px 15px rgba(39, 174, 96, 0.3);
}

.service-card-clinic.orange .card-icon-clinic {
    background: linear-gradient(45deg, #f39c12, #e67e22);
    box-shadow: 0 4px 15px rgba(243, 156, 18, 0.3);
}

.card-title-clinic {
    font-size: 20px;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 5px;
    transition: color 0.3s ease;
}

.service-card-clinic:hover .card-title-clinic {
    color: #3498db;
}

.service-card-clinic.green:hover .card-title-clinic {
    color: #27ae60;
}

.service-card-clinic.orange:hover .card-title-clinic {
    color: #f39c12;
}

.card-features-clinic {
    list-style: none;
    margin: 0;
    padding: 0;
}

.card-features-clinic li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    color: #5a6c7d;
    font-size: 14px;
    line-height: 1.6;
    transition: all 0.3s ease;
}

.service-card-clinic:hover .card-features-clinic li {
    transform: translateX(5px);
}

.card-features-clinic li::before {
    content: '✓';
    color: #27ae60;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 2px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.service-card-clinic:hover .card-features-clinic li::before {
    transform: scale(1.2);
}

.feature-title-clinic {
    font-weight: 600;
    color: #34495e;
    margin-bottom: 5px;
}

.feature-desc-clinic {
    color: #7f8c8d;
    font-size: 13px;
    line-height: 1.5;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .service-container-clinic {
        padding: 40px 0;
    }

    .service-title-clinic h1 {
        font-size: 26px;
    }

    .service-cards-clinic {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .service-card-clinic {
        padding: 30px 20px;
        max-width: 500px;
        margin: 0 auto;
    }

    .card-header-clinic {
        flex-direction: column;
        text-align: center;
        margin-bottom: 20px;
    }

    .card-icon-clinic {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .service-card-clinic:hover .card-features-clinic li {
        transform: none;
    }
}

/* 动画效果 */
@keyframes fadeInUp-clinic {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse-clinic {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

/* 卡片动画延迟 */
.service-card-clinic:nth-child(1) {
    animation-delay: 0.3s;
}

.service-card-clinic:nth-child(2) {
    animation-delay: 0.5s;
}

.service-card-clinic:nth-child(3) {
    animation-delay: 0.7s;
}

/* 增强的悬停效果 - 合并到主要的hover规则中 */

/* 渐变背景动画 */
.service-container-clinic {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #f8f9fa 100%);
    background-size: 200% 200%;
    animation: gradientShift-clinic 8s ease infinite;
}

@keyframes gradientShift-clinic {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
/*我们的服务结束*/