body {background-color: #14171c; color: #e3e6ea; font-family: "Microsoft YaHei",Helvetia,"lucida Grande",Verdana,Arial;font-size: 14px;line-height: 1.42857; }

a {color:#e3e6ea;}

a:hover, a:focus {outline:inherit; color:#ffcc00; text-decoration:none;}

.navbar {border:none;}

.navbar-collapse {border:none; box-shadow: none;}

.header-main {background-attachment: fixed; background-color: rgb(38, 38, 38); background-image: url("../img/ad/header-bj1.jpg"); background-position: 50% 100%; background-repeat: no-repeat; background-size: cover;  box-shadow: -6px 0 0 0 rgb(0, 0, 0); height: 70%; min-height: 690px; padding-bottom: 102px; position: relative; transform: rotate(0deg) scale(1) translate(0%, 0%); transition: all 2s ease 0s;}

.header-section { padding-left:0; padding-right:0;}

.navbar-header {position:relative; z-index:2;}

.navbar-default {border-color:inherit; background-color:transparent;}

.header-back {background-color: transparent; background-image: url("../icon/body.png"); height: 100%;  min-height: 700px; position: absolute;  width: 100%;}

.navbar-about {  background-image: url("../img/intro-bg-mtn.jpg"); height:500px; }

.navbar-contact { background-image: url("../img/contact-bg.jpg"); height:500px; background-position:40% 50%;}

.About-case {background-image: url("../img/bg-head-32d717c9.jpg"); height:500px;}

.product-background {background-image: url("../img/ad/Product.jpg"); height:500px;}

.service-background {background-image: url("../img/News.jpg"); height:500px;}

.navbar-brands { background-color: transparent;border-bottom:1px solid rgba(255, 255, 255, 0.15); border-radius: 0; z-index: 5; padding:20px 30px;}

.navbar-logo { background-image: url("../icon/logo1.png");  background-position: 50% 50%; background-repeat: no-repeat; background-size: contain;width: 150px;}

.navbar-default .navbar-nav > li > a {color:#fff;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0; color:#fff}

.navbar-default .navbar-nav > li > a:hover {color:#fff; background:rgba(255, 255, 255, 0.1) none repeat scroll 0 0}

.container-zindex {z-index:9999; position:relative;}

.img-responsive {display: block; height: auto;  max-width: 100%;  z-index:999;}

.container-zindex h1 {color:#fff; font-weight:bold;  margin:0; font-size:60px; letter-spacing:3px; }

.container-index h1 {text-align:center; font-size:50px;}

.container-index p {text-align:center}

.container-zindex span {display:block; font-size:40px; font-weight:normal;}

.container-zindex p {color:#fff; font-size:18px; padding-top:20px;}

.cover-container {text-align:center; margin-top:50px; height:600px;}

.marketing {margin-top:40px; margin-bottom:30px; padding-top:20px;}

.marketing .col-lg-3 {text-align:center;}

.marketing .row .col-lg-3 h2 {font-size:18px;}

.marketing .row .col-lg-3 p {color:#8b929d; font-size:13px;}

.marketing .featurette h2 {padding-bottom:10px;}

.marketing .featurette p {font-size:18px; line-height:2em;}

.marketing-media {margin-bottom:100px; margin-top:80px;}

.main-footer .widget { padding: 0 30px;}

.widget {margin-bottom: 35px;}

.widget .recent-post .recent-single-post { margin-bottom: 14px;padding-bottom: 14px;}

.main-footer {background: #101319 none repeat scroll 0 0;color: #8b929d; padding: 35px 0 0;}

.main-footer .widget .recent-post .recent-single-post .post-title {color: #8b929d;}

.main-footer .widget .recent-post .recent-single-post .post-title:hover {color: #e67e22;}

.main-footer .widget .recent-post .recent-single-post .date {color: #505050;}

.contact-icon i {color:#8b929d; padding-right:5px;}

.footer-back {height:200px; background-color:#0c0f14}

.main-footer1 {background:none; border-top:1px solid #2c333d;}

.content-about {margin-top:60px;}

.content-about div {margin-bottom:10px;}

.company-img {text-align:center; }

.company-img img {width:70%; vertical-align: middle; margin-top:35px;}

.Client-main {margin-top:20px;}

.Client-list {margin-top:30px; margin-bottom:20px;}


.container-fluid-backs {background-color:#181c22;}




.nav-pills > li > a {border-radius:inherit; background-color:#242a33; color:#e3e6ea;}

.nav-pills > li > a:hover {background-color:#ffcc00; color:#14171c;}

.container .jumbotron, .container-fluid .jumbotron {text-align:justify; border-radius:3px;}

.jumbotron h1 {font-size:40px; color:#e3e6ea;}

.jumbotron p {font-size:16px; line-height:1.5em; color:#b7bdc7;}

.sw_categorys_navs {background-color:#1d2129; z-index:100; position:relative;}

.Introduction {background-attachment: fixed; background-color: rgb(38, 38, 38); background-image: url("../img/about/aboutone.png"); background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; height: 70%; min-height:400px; position: relative; transform: rotate(0deg) scale(1) translate(0%, 0%); transition: all 2s ease 0s; color:#fff;}




.thumbnail {border-radius:0; padding:0; border:none; margin-bottom:20px; background-color:#1d2129;}

.post-header {padding:0 12px;}

.tag-bootstrap-v3 {background-color:#1d2129;}

.tag-bootstrap-v3:hover {box-shadow:0 0 5px rgba(0, 0, 0, 0.6)}

.post-title i {color:#8b929d; font-style:normal;}

.carousel {position:relative;}

.Clear-margins {padding-left:0;}

.navbar-inverse {background-color:#1d2129; z-index:999; border-radius:3px;}

.isStuck {z-index:9999;}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {background-color:#ffcc00; color:#14171c;}

.navbar-inverse .navbar-nav > li > a {color:#fff; display:block; text-align:center;}


.container-fluid-back {background:url("../img/footer.jpg") no-repeat center bottom; height:460px;}


.text-header-title h1 {color:#eee; padding-top:30px; padding-bottom:20px;}

.text-header-title p {font-size:18px; line-height:1.5em; color:#eee;}

.text-header-title span {color:#ffcc00;  font-size:19px; }

.text-center-h1 h1 {padding-bottom:25px;}


.thumbnail-clear div {padding-left:0; padding-right:0;}

.thumbnail-bottom {padding:5px; margin-bottom:0;}

.thumbnail-clear img {opacity:1}

.thumbnail-clear img:hover {opacity:0.6;}

.btn-group-lg > .btn, .btn-lg {font-size:14px; border-color:#5cb85c; border-radius:3px;}

.glyphicon {padding-left:2px;}

.container blockquote .Abstract-text-p {padding:10px 0 0 30px; color:#8b929d; font-size:14px; line-height:1.5em; background-size:24px auto; background-repeat:no-repeat; background-position:left top; background-image:url("../img/quote.svg")}

blockquote {border-left:none; font-size:14px; line-height:1.5em; padding-top:20px; padding-left:0; color:#8b929d;}

.present-list {margin: 0; padding:0; margin-bottom:20px; margin-left:12px;}

.present-list li {line-height:1.8em;}

#features p {line-height:1.8em;}

.Customize .col-lg-3 {padding-top:30px; padding-bottom:80px;text-align:center;}

.Customize div h3 {color:#d6dae0; font-size:18px; text-align:center;}

.Customize div p {color:#a0a6b0; line-height:1.8em; }



.jumbotron {background-color:#1d2129; margin-bottom:20px;}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {margin-left:-30px;}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {margin-right:-30px;}

.carousel-control.left {background-image:none;}

.carousel-control.right {background-image:none;}

.sidebar.affix {position:fixed; top:45px;}

.sidebar.affix-bottom, .sidebar.affix {width:263px;}

.sidebar .nav > .active > a, .sidebar .nav > .active:hover > a, .sidebar .nav > .active:focus > a {border-right:1px solid #ffcc00; background-color:transparent; }

/* ===== 苔核品牌文字Logo ===== */
.navbar-brand-text { color:#fff; font-size:26px; font-weight:bold; letter-spacing:2px; line-height:50px; padding:0 15px; text-decoration:none; }
.navbar-brand-text:hover, .navbar-brand-text:focus { color:#ffcc00; text-decoration:none; }
.navbar-brand-text small { font-size:12px; font-weight:normal; letter-spacing:1px; color:rgba(255,255,255,0.7); display:block; line-height:1; margin-top:2px; }

/* ===== 导航栏登录注册按钮 ===== */
.navbar-nav > li > a.btn-nav-login { border:1px solid rgba(255,255,255,0.5); border-radius:3px; margin-top:13px; margin-left:10px; padding:6px 18px; color:#fff; line-height:1.42857; }
.navbar-nav > li > a.btn-nav-login:hover { background:rgba(255,204,0,0.9); border-color:#ffcc00; color:#14171c; }
.navbar-nav > li > a.btn-nav-register { background:#ffcc00; border:1px solid #ffcc00; border-radius:3px; margin-top:13px; margin-left:5px; padding:6px 18px; color:#14171c; line-height:1.42857; font-weight:bold; }
.navbar-nav > li > a.btn-nav-register:hover { background:#e6b800; border-color:#e6b800; color:#14171c; }

/* ===== 页脚精简 ===== */
.footer-clean { background:#101319; color:#8b929d; padding:30px 0; border-top:1px solid #2c333d; }
.footer-clean .footer-brand { font-size:22px; font-weight:bold; color:#fff; letter-spacing:2px; margin-bottom:10px; }
.footer-clean .footer-brand small { font-size:12px; font-weight:normal; color:#8b929d; letter-spacing:1px; display:block; margin-top:4px; }
.footer-clean p { color:#8b929d; font-size:16px; line-height:1.8em; margin:0; }
.footer-clean a { color:#8b929d; }
.footer-clean a:hover { color:#ffcc00; }
.footer-clean .footer-right { text-align:right; }
.footer-clean .icp-link { color:#7d8490; }
.footer-clean .icp-link:hover { color:#ffcc00; }

/* ===== 登录/注册页面 ===== */
.auth-page { background-color:#14171c; min-height:100vh; }
.auth-wrapper { max-width:420px; margin:60px auto; background:#1d2129; border-radius:5px; box-shadow:0 2px 15px rgba(0,0,0,0.5); overflow:hidden; }
.auth-header { background:url("../img/ad/header-bj1.jpg") center center / cover no-repeat; padding:40px 30px; text-align:center; }
.auth-header h2 { color:#fff; font-size:24px; margin:0; font-weight:bold; }
.auth-header p { color:rgba(255,255,255,0.8); font-size:13px; margin-top:8px; }
.auth-body { padding:30px; }
.auth-body .form-group { margin-bottom:18px; }
.auth-body .form-control { height:42px; border-radius:3px; }
.auth-body .btn-auth { width:100%; height:42px; background:#ffcc00; color:#14171c; border:none; border-radius:3px; font-size:15px; font-weight:bold; letter-spacing:2px; }
.auth-body .btn-auth:hover { background:#e6b800; }
.auth-body .auth-link { text-align:center; margin-top:15px; font-size:13px; color:#8b929d; }
.auth-body .auth-link a { color:#e6b800; }
.auth-body .auth-link a:hover { color:#ffcc00; }
.auth-body .auth-title { font-size:18px; color:#e3e6ea; margin-bottom:20px; font-weight:bold; border-left:3px solid #ffcc00; padding-left:10px; }
.auth-body .form-label { font-size:13px; color:#b7bdc7; margin-bottom:5px; font-weight:bold; }
.auth-body .id-hint { font-size:12px; color:#7d8490; margin-top:4px; }

/* ===== 信息发布页面 ===== */
.info-list { margin-top:30px; }
.info-card { background:#1d2129; border:1px solid #2c333d; border-radius:3px; margin-bottom:25px; overflow:hidden; transition:box-shadow 0.3s; }
.info-card:hover { box-shadow:0 0 12px rgba(0,0,0,0.5); border-color:#3a424d; }
.info-card .info-tag { display:inline-block; background:#ffcc00; color:#14171c; font-size:12px; padding:2px 10px; border-radius:2px; margin-right:8px; }
.info-card .info-title { font-size:18px; color:#e3e6ea; font-weight:bold; margin:0; }
.info-card .info-summary { color:#a0a6b0; font-size:14px; line-height:1.8em; margin-top:10px; }
.info-card .info-readmore { color:#e6b800; font-size:13px; margin-top:12px; display:inline-block; }
.info-card .info-readmore:hover { color:#ffcc00; }

.info-card.layout-left { display:flex; align-items:stretch; }
.info-card.layout-left .info-img { width:500px; height:350px; flex-shrink:0; overflow:hidden; }
.info-card.layout-left .info-img img { width:500px; height:350px; object-fit:cover; }
.info-card.layout-left .info-content { padding:30px; flex:1; display:flex; flex-direction:column; justify-content:center; }

.info-card.layout-top .info-img img { width:100%; max-height:220px; object-fit:cover; }
.info-card.layout-top .info-content { padding:25px; }

.info-card.layout-right { display:flex; align-items:stretch; }
.info-card.layout-right .info-content { padding:25px; flex:1; }
.info-card.layout-right .info-img { width:280px; flex-shrink:0; overflow:hidden; }
.info-card.layout-right .info-img img { width:100%; height:100%; object-fit:cover; }

.info-card.layout-text { padding:30px; border-left:3px solid #ffcc00; }

/* 信息详情弹窗 */
.info-detail-modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:99999; }
.info-detail-modal .modal-box { background:#1d2129; width:700px; max-width:90%; max-height:80%; margin:5% auto; border-radius:5px; overflow-y:auto; position:relative; border:1px solid #2c333d; }
.info-detail-modal .modal-close { position:absolute; top:10px; right:15px; font-size:24px; color:#8b929d; cursor:pointer; z-index:1; }
.info-detail-modal .modal-close:hover { color:#ffcc00; }
.info-detail-modal .modal-body { padding:35px; }
.info-detail-modal h3 { font-size:22px; color:#e3e6ea; margin-bottom:15px; }
.info-detail-modal .detail-content { color:#b7bdc7; font-size:14px; line-height:2em; }
.info-detail-modal .detail-content p { margin-bottom:12px; }
.info-detail-modal .detail-content strong { color:#e3e6ea; }
.info-detail-modal .pay-download-btn { display:inline-block; background:#ffcc00; color:#14171c; padding:10px 30px; border-radius:3px; font-weight:bold; text-decoration:none; margin-top:20px; }
.info-detail-modal .pay-download-btn:hover { background:#e6b800; color:#14171c; }

/* 登录提示弹窗 */
.login-alert-modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:99999; }
.login-alert-modal .modal-box { background:#1d2129; width:380px; max-width:90%; margin:15% auto; border-radius:5px; overflow:hidden; border:1px solid #2c333d; }
.login-alert-modal .modal-header { background:#ffcc00; color:#14171c; padding:15px 20px; font-size:16px; font-weight:bold; }
.login-alert-modal .modal-body { padding:30px 20px; text-align:center; }
.login-alert-modal .modal-body p { font-size:15px; color:#b7bdc7; margin-bottom:20px; }
.login-alert-modal .modal-body .btn-confirm { background:#ffcc00; color:#14171c; border:none; padding:8px 30px; border-radius:3px; font-weight:bold; cursor:pointer; }
.login-alert-modal .modal-body .btn-cancel { background:#2c333d; color:#b7bdc7; border:none; padding:8px 30px; border-radius:3px; margin-left:10px; cursor:pointer; }
.login-alert-modal .modal-body .btn-cancel:hover { background:#3a424d; }

/* ===== 个人中心页面 ===== */
.user-page { background:#14171c; min-height:100vh; padding-bottom:50px; }
.user-header { background:url("../img/ad/header-bj1.jpg") center center / cover no-repeat; padding:60px 0; text-align:center; }
.user-header .user-avatar { width:80px; height:80px; border-radius:50%; background:#ffcc00; color:#14171c; font-size:32px; line-height:80px; margin:0 auto 15px; font-weight:bold; }
.user-header h2 { color:#fff; margin:0; }
.user-header p { color:rgba(255,255,255,0.8); }
.user-content { max-width:900px; margin:-30px auto 0; background:#1d2129; border-radius:5px; box-shadow:0 2px 10px rgba(0,0,0,0.4); padding:30px; position:relative; border:1px solid #2c333d; }
.user-section { margin-bottom:30px; }
.user-section h3 { font-size:16px; color:#e3e6ea; border-left:3px solid #ffcc00; padding-left:10px; margin-bottom:15px; }
.user-info-table { width:100%; }
.user-info-table td { padding:8px 0; color:#b7bdc7; font-size:14px; }
.user-info-table td:first-child { width:120px; color:#7d8490; }
.user-order-list { list-style:none; padding:0; }
.user-order-list li { padding:12px 0; border-bottom:1px solid #2c333d; }
.user-order-list li:last-child { border-bottom:none; }
.user-order-list .order-name { font-size:14px; color:#e3e6ea; font-weight:bold; }
.user-order-list .order-status { font-size:12px; color:#5cb85c; margin-left:10px; }
.btn-logout { background:none; border:1px solid #3a424d; color:#8b929d; padding:6px 20px; border-radius:3px; cursor:pointer; }
.btn-logout:hover { border-color:#ffcc00; color:#ffcc00; }

/* ===== 支付页面 ===== */
.pay-page { background:#14171c; min-height:100vh; }
.pay-wrapper { max-width:600px; margin:50px auto; background:#1d2129; border-radius:5px; box-shadow:0 2px 10px rgba(0,0,0,0.4); overflow:hidden; border:1px solid #2c333d; }
.pay-header { background:#ffcc00; color:#14171c; padding:20px 30px; font-size:18px; font-weight:bold; }
.pay-body { padding:30px; }
.pay-item-box { background:#181c22; border:1px solid #2c333d; border-radius:3px; padding:20px; margin-bottom:25px; }
.pay-item-box .pay-item-name { font-size:16px; color:#e3e6ea; font-weight:bold; }
.pay-item-box .pay-item-desc { color:#8b929d; font-size:13px; margin-top:8px; }
.pay-amount { text-align:center; margin:20px 0; }
.pay-amount .amount-label { font-size:14px; color:#8b929d; }
.pay-amount .amount-value { font-size:36px; color:#ff6600; font-weight:bold; }
.pay-methods { margin-bottom:25px; }
.pay-methods h4 { font-size:14px; color:#b7bdc7; margin-bottom:12px; }
.pay-method-item { display:inline-block; border:2px solid #2c333d; border-radius:3px; padding:10px 20px; margin-right:10px; cursor:pointer; color:#b7bdc7; }
.pay-method-item.active { border-color:#ffcc00; background:rgba(255,204,0,0.08); color:#e3e6ea; }
.pay-method-item img { vertical-align:middle; height:24px; margin-right:5px; }
.btn-pay { width:100%; height:46px; background:#ff6600; color:#fff; border:none; border-radius:3px; font-size:16px; font-weight:bold; cursor:pointer; }
.btn-pay:hover { background:#e65c00; }
.pay-success { text-align:center; padding:40px 30px; }
.pay-success .success-icon { width:60px; height:60px; border-radius:50%; background:#5cb85c; color:#fff; font-size:30px; line-height:60px; margin:0 auto 20px; }
.pay-success h3 { color:#e3e6ea; font-size:20px; }
.pay-success p { color:#8b929d; margin:10px 0 25px; }

/* ===== 加强页面 ===== */
.strengthen-section { padding:50px 0; }
.strengthen-section .section-title { text-align:center; margin-bottom:40px; }
.strengthen-section .section-title h2 { font-size:30px; color:#e3e6ea; }
.strengthen-section .section-title p { color:#8b929d; font-size:15px; margin-top:10px; }
.pillar-box { text-align:center; padding:30px 20px; background:#1d2129; border:1px solid #2c333d; border-radius:3px; margin-bottom:30px; transition:all 0.3s; }
.pillar-box:hover { border-color:#ffcc00; box-shadow:0 0 15px rgba(255,204,0,0.2); }
.pillar-box .pillar-num { font-size:36px; color:#ffcc00; font-weight:bold; }
.pillar-box h3 { font-size:18px; color:#e3e6ea; margin:10px 0; }
.pillar-box p { color:#a0a6b0; font-size:13px; line-height:1.8em; text-align:justify; }
.formula-box { background:#101319; color:#fff; text-align:center; padding:40px 20px; border-radius:3px; margin:30px 0; border:1px solid #2c333d; }
.formula-box h3 { color:#ffcc00; font-size:22px; margin-bottom:15px; }
.formula-box p { font-size:16px; line-height:2em; color:#b7bdc7; }

/* ===== 服务页 ===== */
.service-block { display:flex; align-items:center; margin-bottom:60px; }
.service-block .service-img { width:45%; }
.service-block .service-img img { width:100%; border-radius:3px; }
.service-block .service-text { width:55%; padding:0 30px; }
.service-block.reverse .service-img { order:2; }
.service-block.reverse .service-text { order:1; padding:0 30px 0 0; }
.service-block h2 { font-size:24px; color:#e3e6ea; margin-bottom:15px; }
.service-block .service-desc { color:#b7bdc7; font-size:15px; line-height:2em; margin-bottom:15px; }
.service-block .service-items { list-style:none; padding:0; }
.service-block .service-items li { padding:5px 0; color:#a0a6b0; }
.service-block .service-items li:before { content:"▸"; color:#ffcc00; margin-right:8px; }

/* ===== 加入页面 ===== */
.join-section { padding:40px 0; }
.join-benefit { text-align:center; margin-bottom:40px; }
.join-benefit .benefit-icon { width:70px; height:70px; border-radius:50%; background:#ffcc00; color:#14171c; font-size:28px; line-height:70px; margin:0 auto 15px; }
.join-benefit h3 { font-size:18px; color:#e3e6ea; }
.join-benefit p { color:#a0a6b0; font-size:13px; line-height:1.8em; margin-top:8px; }
.join-form { max-width:600px; margin:0 auto; background:#1d2129; border:1px solid #2c333d; border-radius:3px; padding:30px; }
.join-form .form-group { margin-bottom:18px; }
.join-form label { font-weight:bold; color:#b7bdc7; margin-bottom:5px; display:block; }
.join-form .btn-submit { background:#ffcc00; color:#14171c; border:none; padding:10px 40px; border-radius:3px; font-weight:bold; font-size:15px; cursor:pointer; }
.join-form .btn-submit:hover { background:#e6b800; }

/* ===== 案例详情 ===== */
.case-item { margin-bottom:30px; }
.case-item .case-img { overflow:hidden; border-radius:3px; }
.case-item .case-img img { width:100%; transition:transform 0.4s; }
.case-item:hover .case-img img { transform:scale(1.05); }
.case-item .case-info { padding:12px 0; }
.case-item .case-info h4 { font-size:15px; color:#e3e6ea; margin:0; }
.case-item .case-info a:hover h4 { color:#ffcc00; }
.case-item .case-info p { color:#8b929d; font-size:12px; margin:5px 0 0; }

/* ===== 首页版块通用样式 ===== */
.home-section { padding:60px 0; }
.home-section-alt { background:#181c22; }
.home-section .section-title { text-align:center; margin-bottom:45px; }
.home-section .section-title h2 { font-size:30px; color:#e3e6ea; margin:0; }
.home-section .section-title p { color:#8b929d; font-size:15px; margin-top:12px; }
.case-tag { display:inline-block; background:#ffcc00; color:#14171c; font-size:12px; padding:2px 10px; border-radius:2px; margin-bottom:8px; }

/* ===== Bootstrap 深色适配 ===== */
.form-control { background-color:#14181e; border:1px solid #2c333d; color:#e3e6ea; box-shadow:none; }
.form-control:focus { background-color:#14181e; border-color:#ffcc00; color:#e3e6ea; box-shadow:none; }
.form-control::-webkit-input-placeholder { color:#6b7280; }
.form-control:-moz-placeholder { color:#6b7280; }
.form-control::-moz-placeholder { color:#6b7280; }
.form-control:-ms-input-placeholder { color:#6b7280; }
.btn-default { background-color:#242a33; border-color:#3a424d; color:#e3e6ea; }
.btn-default:hover, .btn-default:focus { background-color:#2c333d; border-color:#ffcc00; color:#ffcc00; }
.btn-warning { background-color:#ffcc00; border-color:#ffcc00; color:#14171c; }
.btn-warning:hover, .btn-warning:focus { background-color:#e6b800; border-color:#e6b800; color:#14171c; }
.btn-success { background-color:#3d9e63; border-color:#3d9e63; color:#fff; }
.btn-success:hover, .btn-success:focus { background-color:#358a56; border-color:#358a56; color:#fff; }
h1, h2, h3, h4, h5, h6 { color:#e3e6ea; }
.text-center-h1 h1, .featurette-heading { color:#e3e6ea; }

/* ===== 响应式适配 ===== */
@media (max-width:768px) {
    .navbar-brand-text { font-size:15px; letter-spacing:1px; line-height:1.4; padding:16px 10px; white-space:nowrap; }
    .navbar-nav > li > a.btn-nav-login, .navbar-nav > li > a.btn-nav-register { margin-top:5px; margin-left:0; display:inline-block; }
    .navbar-default .navbar-collapse { background:rgba(20,23,28,0.97); border-color:#2c333d; }
    .service-block { flex-direction:column; }
    .service-block .service-img, .service-block .service-text { width:100%; }
    .service-block.reverse .service-img { order:0; }
    .service-block.reverse .service-text { order:0; padding:0; }
    .service-block .service-text { padding:20px 0 0; }
    .info-card.layout-left { flex-direction:column; align-items:center; }
    .info-card.layout-left .info-img { width:100%; max-width:500px; height:auto; }
    .info-card.layout-left .info-img img { width:100%; height:auto; }
    .footer-clean .footer-right { text-align:left; margin-top:15px; }
    .auth-wrapper { margin:20px 15px; }
    .pay-wrapper { margin:20px 15px; }
}

/* ===== 案例详情页 ===== */
.case-detail-page { padding:40px 0 60px; }
.case-detail-breadcrumb { font-size:13px; color:#8b929d; margin-bottom:25px; }
.case-detail-breadcrumb a { color:#a0a6b0; }
.case-detail-breadcrumb a:hover { color:#ffcc00; }
.case-detail-breadcrumb .glyphicon { font-size:10px; margin:0 6px; color:#4a525d; }
.case-detail-header { margin-bottom:30px; }
.case-detail-tag { display:inline-block; background:#ffcc00; color:#14171c; font-size:13px; padding:3px 12px; border-radius:2px; margin-bottom:12px; }
.case-detail-header h1 { font-size:28px; color:#e3e6ea; margin:0 0 12px; }
.case-detail-summary { font-size:15px; color:#a0a6b0; line-height:1.8em; }
.case-detail-cover { margin-bottom:30px; overflow:hidden; border-radius:4px; }
.case-detail-cover img { width:100%; display:block; }
.case-detail-gallery { display:flex; flex-wrap:wrap; margin:0 -10px 25px; }
.case-detail-gallery .gallery-item { flex:1; min-width:200px; margin:0 10px 20px; overflow:hidden; border-radius:4px; }
.case-detail-gallery .gallery-item img { width:100%; display:block; transition:transform 0.4s; }
.case-detail-gallery .gallery-item:hover img { transform:scale(1.05); }
.case-detail-content { max-width:800px; }
.case-detail-section { margin-bottom:30px; }
.case-detail-section h2 { font-size:20px; color:#e3e6ea; border-left:3px solid #ffcc00; padding-left:12px; margin-bottom:15px; }
.case-detail-section p { font-size:15px; color:#b7bdc7; line-height:2em; text-align:justify; }
.case-detail-nav { text-align:center; margin-top:50px; padding-top:30px; border-top:1px solid #2c333d; }
.case-detail-nav .btn { margin:0 8px; }

@media (max-width:768px) {
    .case-detail-header h1 { font-size:22px; }
    .case-detail-gallery { flex-direction:column; }
    .case-detail-nav .btn { display:block; margin:10px auto; width:80%; }
}

/* ===== 旧浏览器兼容（IE10/IE11、Safari 6-8、老版 Edge） ===== */
/* Flexbox 前缀：Safari 6-8 与 IE10 需要带前缀写法 */
.info-card.layout-left, .info-card.layout-right, .service-block, .case-detail-gallery { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; }
.info-card.layout-left .info-content { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1 1 auto; flex:1; }
.info-card.layout-right .info-content, .service-block .service-img, .service-block .service-text { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1 1 auto; flex:1; }
.case-detail-gallery .gallery-item { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1 1 auto; flex:1; }
.info-card.layout-left .info-img, .info-card.layout-right .info-img, .service-block .service-img { -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }

/* 不支持 object-fit 的浏览器（IE11、Safari 9）改为按原始比例显示，避免图片被拉伸变形 */
@supports not (object-fit: cover) {
    .info-card.layout-left .info-img img { width:100%; height:auto; }
    .info-card.layout-top .info-img img { height:auto; }
    .info-card.layout-right .info-img img { height:auto; }
}

/* 兼容旧版 Edge/IE 的弹性布局定宽，避免内容挤压 */
@media (max-width:768px) {
    .info-card.layout-left, .info-card.layout-right, .service-block, .case-detail-gallery { -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; }
    .service-block.reverse .service-img, .service-block.reverse .service-text { -webkit-box-ordinal-group:1; -ms-flex-order:0; order:0; }
}