@charset "utf-8";
/* ==========================================
   湖北缔彩美居家居科技有限公司
   橘色主题 - 全新改版 v2.0
   主色：#FF6B00 | 深色：#D94F00
   浅色：#FFE0B2 | 背景：#FFF8F0
   ========================================== */

/* --- CSS 变量 --- */
:root {
  --primary: #FF6B00;
  --primary-dark: #D94F00;
  --primary-light: #FFE0B2;
  --primary-bg: #FFF8F0;
  --accent: #FF8F00;
  --text-dark: #2c2c2c;
  --text-mid: #666;
  --text-light: #999;
  --border: #e8e8e8;
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.12);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --font: "Microsoft YaHei","微软雅黑","PingFang SC","Helvetica Neue",Arial,sans-serif;
}

/* --- Reset --- */
*, *::before, *::after {box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0;}
fieldset,img {border:0;}
body {font:15px/1.6 var(--font);color:var(--text-mid);background:#f8f8f8;}
a {color:var(--text-mid);text-decoration:none;transition:color 0.25s;}
a:hover {color:var(--primary);text-decoration:none;}
ul,ol,li {list-style:none;}
i {font-style:normal;}
.clear {clear:both;}

/* --- Utility --- */
.w1100 {width:1100px;margin:0 auto;}
.warp {width:100%;}
.tc {text-align:center;}
.tr {text-align:right;}
.fl {float:left;}
.fr {float:right;}
.clearfix::after {content:"";display:table;clear:both;}

/* --- Section Title --- */
.section-header {text-align:center;margin-bottom:50px;}
.section-header .cn {font-size:32px;font-weight:700;color:var(--text-dark);letter-spacing:2px;}
.section-header .cn::after {content:'';display:block;width:50px;height:3px;background:var(--primary);margin:12px auto 0;border-radius:2px;}
.section-header .en {font-size:15px;color:var(--text-light);text-transform:uppercase;letter-spacing:4px;margin-top:8px;font-weight:300;}

/* ==========================================
   顶部导航
   ========================================== */
#top-bar {width:100%;background:var(--primary);color:#fff;font-size:13px;height:36px;line-height:36px;}
#top-bar .w1100 {display:flex;justify-content:space-between;}
#top-bar a {color:rgba(255,255,255,0.85);margin:0 8px;}
#top-bar a:hover {color:#fff;}
#top-bar .slogan {font-weight:300;letter-spacing:1px;}
#top-bar .top-links span {color:rgba(255,255,255,0.5);margin:0 4px;}

/* --- 主头部 --- */
#header {width:100%;background:#fff;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;}
.header-inner {width:1100px;margin:0 auto;height:80px;display:flex;align-items:center;justify-content:space-between;}
.logo-wrap {display:flex;align-items:center;gap:16px;}
.logo-img {height:50px;width:auto;}
.logo-text {font-size:22px;font-weight:700;color:var(--text-dark);letter-spacing:1px;}
.logo-text span {color:var(--primary);}

/* 导航菜单 */
.nav-wrap {display:flex;align-items:center;}
.nav-list {display:flex;gap:2px;}
.nav-list > li {position:relative;}
.nav-list > li > a {display:block;padding:0 16px;height:80px;line-height:80px;font-size:15px;font-weight:600;color:var(--text-dark);transition:all 0.25s;}
.nav-list > li > a:hover,
.nav-list > li.cur > a {color:var(--primary);}
.nav-list > li.cur > a::after {content:'';position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:20px;height:3px;background:var(--primary);border-radius:2px;}

/* 导航联系电话 */
.nav-phone {margin-left:20px;padding-left:20px;border-left:1px solid var(--border);}
.nav-phone a {display:flex;align-items:center;gap:8px;color:var(--primary);font-size:18px;font-weight:700;}
.nav-phone a i {font-size:16px;width:32px;height:32px;background:var(--primary-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);}
.nav-phone a:hover {color:var(--primary-dark);}

/* 手机菜单按钮 */
.mobile-menu-btn {display:none;background:none;border:none;font-size:24px;color:var(--text-dark);cursor:pointer;padding:8px;}

/* ==========================================
   横幅/轮播
   ========================================== */
#banner {width:100%;height:520px;position:relative;overflow:hidden;background:linear-gradient(135deg, var(--primary-bg) 0%, #fff 100%);}
.banner-slider {width:100%;height:100%;position:relative;}
.banner-slide {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.8s;display:flex;align-items:center;}
.banner-slide.active {opacity:1;}
.banner-content {width:1100px;margin:0 auto;padding:0 20px;}
.banner-content h1 {font-size:42px;font-weight:700;color:var(--text-dark);line-height:1.2;margin-bottom:15px;}
.banner-content h1 span {color:var(--primary);}
.banner-content p {font-size:18px;color:var(--text-mid);max-width:520px;line-height:1.7;margin-bottom:25px;}
.banner-content .btn {display:inline-block;padding:14px 36px;background:var(--primary);color:#fff;font-size:16px;font-weight:600;border-radius:50px;transition:all 0.3s;}
.banner-content .btn:hover {background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,0,0.35);}

.banner-dots {position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:10px;}
.banner-dots span {width:30px;height:4px;background:var(--border);border-radius:2px;cursor:pointer;transition:all 0.3s;}
.banner-dots span.active {width:40px;background:var(--primary);}

/* ==========================================
   核心服务
   ========================================== */
.core-services {padding:80px 0;background:#fff;}
.service-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.service-card {background:#fff;border-radius:var(--radius-md);padding:32px 24px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid #f0f0f0;transition:all 0.35s;position:relative;overflow:hidden;}
.service-card::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform 0.35s;}
.service-card:hover {transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--primary-light);}
.service-card:hover::before {transform:scaleX(1);}
.service-card .icon {width:64px;height:64px;background:var(--primary-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:28px;color:var(--primary);transition:all 0.35s;}
.service-card:hover .icon {background:var(--primary);color:#fff;transform:scale(1.1) rotate(-5deg);}
.service-card h3 {font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:10px;}
.service-card p {font-size:14px;color:var(--text-light);line-height:1.7;}
.service-card .more-link {display:inline-block;margin-top:14px;font-size:13px;color:var(--primary);font-weight:600;}

/* ==========================================
   关于/优势区域
   ========================================== */
.about-section {padding:80px 0;background:var(--primary-bg);}
.about-grid {display:flex;gap:50px;align-items:center;}
.about-image {flex:0 0 480px;}
.about-image img {width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);}
.about-text {flex:1;}
.about-text h2 {font-size:30px;font-weight:700;color:var(--text-dark);margin-bottom:8px;}
.about-text h2 span {color:var(--primary);}
.about-text .sub {font-size:15px;color:var(--text-light);text-transform:uppercase;letter-spacing:3px;margin-bottom:20px;}
.about-text p {font-size:15px;color:var(--text-mid);line-height:1.8;margin-bottom:16px;}
.about-stats {display:flex;gap:30px;margin-top:25px;}
.about-stats .stat {text-align:center;}
.about-stats .stat .num {font-size:36px;font-weight:700;color:var(--primary);line-height:1;}
.about-stats .stat .label {font-size:13px;color:var(--text-light);margin-top:4px;}

/* --- 优势卡片 --- */
.advantages-section {padding:80px 0;background:#fff;}
.adv-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.adv-card {text-align:center;padding:30px 16px;border-radius:var(--radius-md);transition:all 0.35s;background:var(--primary-bg);border:1px solid transparent;}
.adv-card:hover {background:#fff;box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-4px);}
.adv-card .num {font-size:48px;font-weight:700;color:var(--primary);opacity:0.3;line-height:1;margin-bottom:12px;font-family:"Times New Roman",serif;}
.adv-card:hover .num {opacity:0.6;}
.adv-card h4 {font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:6px;}
.adv-card h4 small {display:block;font-size:12px;color:var(--text-light);font-weight:300;text-transform:uppercase;letter-spacing:1px;margin-top:2px;}
.adv-card ul {text-align:left;padding:0 10px;}
.adv-card ul li {font-size:13px;color:var(--text-mid);padding:4px 0 4px 18px;position:relative;line-height:1.6;}
.adv-card ul li::before {content:'\25CF';position:absolute;left:0;color:var(--primary);font-size:8px;top:7px;}

/* ==========================================
   服务流程
   ========================================== */
.process-section {padding:80px 0;background:var(--primary-bg);}
.process-steps {display:flex;justify-content:center;gap:0;position:relative;}
.process-step {flex:1;text-align:center;position:relative;padding:0 20px;}
.process-step::after {content:'\2192';position:absolute;right:-10px;top:30px;font-size:24px;color:var(--primary);font-weight:700;opacity:0.5;}
.process-step:last-child::after {display:none;}
.process-step .step-num {width:60px;height:60px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:22px;font-weight:700;box-shadow:0 4px 15px rgba(255,107,0,0.25);}
.process-step h4 {font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:6px;}
.process-step p {font-size:13px;color:var(--text-light);}

/* ==========================================
   业务范围
   ========================================== */
.business-section {padding:80px 0;background:#fff;}
.biz-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.biz-card {border-radius:var(--radius-md);overflow:hidden;background:#fff;border:1px solid #f0f0f0;transition:all 0.3s;}
.biz-card:hover {box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--primary-light);}
.biz-card .biz-img {height:140px;overflow:hidden;background:var(--primary-bg);display:flex;align-items:center;justify-content:center;}
.biz-card .biz-img img {width:100%;height:100%;object-fit:cover;}
.biz-card .biz-img .no-img {font-size:36px;color:var(--primary-light);}
.biz-card .biz-info {padding:14px 14px 16px;}
.biz-card .biz-info h4 {font-size:15px;font-weight:600;color:var(--text-dark);margin-bottom:8px;}
.biz-card .biz-info .tags {display:flex;flex-wrap:wrap;gap:4px;}
.biz-card .biz-info .tags a {display:inline-block;padding:3px 10px;font-size:12px;color:var(--primary);background:var(--primary-bg);border-radius:20px;transition:all 0.25s;}
.biz-card .biz-info .tags a:hover {background:var(--primary);color:#fff;}

/* ==========================================
   底部
   ========================================== */
#footer {width:100%;background:#1a1a1a;}
.footer-main {width:1100px;margin:0 auto;padding:60px 0 40px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1.3fr;gap:40px;}
.footer-col h4 {color:#fff;font-size:18px;font-weight:600;margin-bottom:20px;position:relative;padding-bottom:12px;}
.footer-col h4::after {content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--primary);}
.footer-col p, .footer-col li {font-size:14px;color:#999;line-height:1.8;}
.footer-col a {color:#999;transition:color 0.25s;}
.footer-col a:hover {color:var(--primary);}
.footer-col .company-desc {margin-bottom:16px;}
.footer-col .contact-item {display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:14px;color:#999;}
.footer-col .contact-item i {color:var(--primary);width:16px;margin-top:3px;}
.footer-col .contact-item strong {color:#ccc;font-weight:600;}
.footer-col ul li {padding:5px 0;border-bottom:1px solid #2a2a2a;}
.footer-col ul li:last-child {border-bottom:none;}
.footer-col ul li::before {content:'\203A';color:var(--primary);margin-right:8px;font-size:16px;font-weight:700;}
.footer-qr {display:flex;gap:20px;}
.footer-qr .qr-item {text-align:center;}
.footer-qr .qr-item img {width:110px;height:110px;border-radius:var(--radius-sm);display:block;margin-bottom:6px;}
.footer-qr .qr-item span {font-size:12px;color:#999;}

/* 留言表单 */
.footer-form {margin-top:16px;}
.footer-form .form-row {display:flex;gap:10px;margin-bottom:10px;}
.footer-form input, .footer-form textarea {width:100%;padding:10px 14px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:var(--radius-sm);color:#ccc;font-size:13px;outline:none;transition:border 0.25s;}
.footer-form input:focus, .footer-form textarea:focus {border-color:var(--primary);}
.footer-form textarea {height:60px;resize:none;}
.footer-form .form-row.half {display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.footer-form .btn-submit {padding:10px 28px;background:var(--primary);color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.25s;}
.footer-form .btn-submit:hover {background:var(--primary-dark);}

/* 版权 */
#copyright {background:#111;padding:18px 0;}
#copyright .w1100 {display:flex;justify-content:space-between;align-items:center;}
#copyright p {font-size:13px;color:#666;}
#copyright a {color:#888;}
#copyright a:hover {color:var(--primary);}

/* ==========================================
   手机底部导航
   ========================================== */
.mobile-bottom-bar {display:none;}

/* ==========================================
   页面通用
   ========================================== */
.page-banner {width:100%;padding:60px 0;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;text-align:center;}
.page-banner h1 {font-size:36px;font-weight:700;margin-bottom:8px;}
.page-banner p {font-size:16px;opacity:0.85;}
.page-breadcrumb {padding:14px 0;background:#fff;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-light);}
.page-breadcrumb a {color:var(--primary);}

/* --- 侧边栏布局 --- */
.page-wrapper {width:1100px;margin:30px auto;display:flex;gap:30px;}
.page-sidebar {width:240px;flex:none;}
.page-sidebar .sidebar-title {background:var(--primary);color:#fff;padding:14px 18px;font-size:16px;font-weight:600;border-radius:var(--radius-sm) var(--radius-sm) 0 0;}
.page-sidebar .sidebar-menu {background:#fff;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);overflow:hidden;}
.page-sidebar .sidebar-menu a {display:block;padding:12px 18px;font-size:14px;color:var(--text-mid);border-bottom:1px solid #f5f5f5;transition:all 0.2s;}
.page-sidebar .sidebar-menu a:last-child {border-bottom:none;}
.page-sidebar .sidebar-menu a:hover,
.page-sidebar .sidebar-menu a.cur {color:var(--primary);background:var(--primary-bg);padding-left:22px;}
.page-sidebar .sidebar-contact {background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px;margin-top:20px;}
.page-sidebar .sidebar-contact h4 {font-size:15px;font-weight:600;color:var(--text-dark);margin-bottom:8px;}
.page-sidebar .sidebar-contact p {font-size:13px;color:var(--text-light);line-height:1.8;}
.page-sidebar .sidebar-contact .tel {font-size:20px;font-weight:700;color:var(--primary);margin-top:6px;}
.page-main {flex:1;min-width:0;}
.page-main .page-content {background:#fff;border-radius:var(--radius-md);padding:30px;box-shadow:var(--shadow-sm);}

/* --- 新闻列表 --- */
.news-list {width:100%;}
.news-item {display:flex;gap:20px;padding:25px 0;border-bottom:1px solid #f5f5f5;transition:all 0.25s;}
.news-item:hover {padding-left:10px;}
.news-item .news-date {flex:0 0 80px;text-align:center;}
.news-item .news-date .day {font-size:32px;font-weight:700;color:var(--primary);line-height:1;}
.news-item .news-date .mon {font-size:13px;color:var(--text-light);}
.news-item .news-img {flex:0 0 160px;height:100px;overflow:hidden;border-radius:var(--radius-sm);}
.news-item .news-img img {width:100%;height:100%;object-fit:cover;}
.news-item .news-info {flex:1;}
.news-item .news-info h3 {font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:6px;}
.news-item .news-info h3 a {color:var(--text-dark);}
.news-item .news-info h3 a:hover {color:var(--primary);}
.news-item .news-info p {font-size:14px;color:var(--text-light);line-height:1.6;}

/* --- 案例列表 --- */
.case-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.case-card {border-radius:var(--radius-md);overflow:hidden;background:#fff;border:1px solid #f0f0f0;transition:all 0.3s;}
.case-card:hover {box-shadow:var(--shadow-md);transform:translateY(-4px);}
.case-card .case-img {height:200px;overflow:hidden;}
.case-card .case-img img {width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}
.case-card:hover .case-img img {transform:scale(1.05);}
.case-card .case-info {padding:18px;}
.case-card .case-info h3 {font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:6px;}
.case-card .case-info p {font-size:13px;color:var(--text-light);line-height:1.6;}

/* --- 服务详情/产品列表 --- */
.product-list {width:100%;}
.product-item {display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #f5f5f5;}
.product-item .product-img {flex:0 0 160px;height:120px;overflow:hidden;border-radius:var(--radius-sm);}
.product-item .product-img img {width:100%;height:100%;object-fit:cover;}
.product-item .product-info {flex:1;}
.product-item .product-info h3 {font-size:17px;font-weight:600;color:var(--text-dark);margin-bottom:6px;}
.product-item .product-info .price {font-size:18px;font-weight:700;color:var(--primary);margin-bottom:4px;}
.product-item .product-info p {font-size:13px;color:var(--text-light);line-height:1.6;}

/* --- 分页 --- */
.pagination {text-align:center;padding:30px 0;}
.pagination a, .pagination span {display:inline-block;padding:8px 16px;margin:0 4px;border-radius:var(--radius-sm);font-size:14px;transition:all 0.25s;}
.pagination a {background:#fff;border:1px solid var(--border);color:var(--text-mid);}
.pagination a:hover {border-color:var(--primary);color:var(--primary);}
.pagination .cur {background:var(--primary);color:#fff;border-color:var(--primary);}

/* --- 文章详情 --- */
.article-detail h1 {font-size:26px;color:var(--text-dark);text-align:center;padding:20px 0 10px;}
.article-detail .meta {text-align:center;color:var(--text-light);font-size:13px;padding-bottom:20px;border-bottom:1px solid #f5f5f5;margin-bottom:20px;}
.article-detail .content {font-size:15px;line-height:1.9;color:var(--text-mid);}
.article-detail .content img {max-width:100%;border-radius:var(--radius-sm);margin:10px 0;}

/* --- 联系我们 --- */
.contact-wrapper {display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.contact-info-card {background:#fff;border-radius:var(--radius-md);padding:30px;box-shadow:var(--shadow-sm);}
.contact-info-card h3 {font-size:20px;font-weight:600;color:var(--text-dark);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--primary-light);}
.contact-info-card .ci-item {display:flex;gap:14px;margin-bottom:18px;}
.contact-info-card .ci-item .ci-icon {width:44px;height:44px;background:var(--primary-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:18px;flex:none;}
.contact-info-card .ci-item .ci-text {flex:1;}
.contact-info-card .ci-item .ci-text strong {display:block;font-size:14px;color:var(--text-dark);margin-bottom:2px;}
.contact-info-card .ci-item .ci-text span {font-size:15px;color:var(--text-mid);}
.contact-info-card .ci-item .ci-text .tel-lg {font-size:22px;font-weight:700;color:var(--primary);}
.contact-form-card {background:#fff;border-radius:var(--radius-md);padding:30px;box-shadow:var(--shadow-sm);}
.contact-form-card h3 {font-size:20px;font-weight:600;color:var(--text-dark);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--primary-light);}
.contact-form-card .form-group {margin-bottom:16px;}
.contact-form-card .form-group label {display:block;font-size:14px;color:var(--text-dark);font-weight:600;margin-bottom:4px;}
.contact-form-card .form-group input,
.contact-form-card .form-group textarea {width:100%;padding:11px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;outline:none;transition:border 0.25s;}
.contact-form-card .form-group input:focus,
.contact-form-card .form-group textarea:focus {border-color:var(--primary);}
.contact-form-card .form-group textarea {height:100px;resize:vertical;}
.contact-form-card .btn-submit {padding:12px 40px;background:var(--primary);color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.25s;}
.contact-form-card .btn-submit:hover {background:var(--primary-dark);}

/* --- 培训页面 --- */
.training-highlight {display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px;}
.training-highlight .item {text-align:center;padding:20px;background:var(--primary-bg);border-radius:var(--radius-md);}
.training-highlight .item .num {font-size:32px;font-weight:700;color:var(--primary);}
.training-highlight .item p {font-size:13px;color:var(--text-light);margin-top:4px;}
.training-courses {display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.training-courses .course {display:flex;gap:14px;padding:16px;background:#fff;border:1px solid #f0f0f0;border-radius:var(--radius-md);transition:all 0.3s;}
.training-courses .course:hover {box-shadow:var(--shadow-sm);border-color:var(--primary-light);}
.training-courses .course .course-icon {width:48px;height:48px;background:var(--primary-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:20px;flex:none;}
.training-courses .course .course-info h4 {font-size:15px;font-weight:600;color:var(--text-dark);margin-bottom:4px;}
.training-courses .course .course-info p {font-size:13px;color:var(--text-light);}

/* ==========================================
   后台管理
   ========================================== */
.admin-login {width:100%;min-height:100vh;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;}
.admin-login-box {width:400px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:40px;}
.admin-login-box h1 {font-size:24px;color:var(--text-dark);text-align:center;margin-bottom:30px;}
.admin-login-box input {width:100%;height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 16px;margin-bottom:16px;font-size:14px;box-sizing:border-box;}
.admin-login-box button {width:100%;height:44px;background:var(--primary);color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.25s;}
.admin-login-box button:hover {background:var(--primary-dark);}

.admin-layout {display:flex;min-height:100vh;}
.admin-sidebar {width:220px;background:#1a1a1a;color:#fff;position:fixed;top:0;left:0;bottom:0;overflow-y:auto;}
.admin-sidebar h2 {padding:20px;font-size:18px;border-bottom:1px solid #2a2a2a;text-align:center;color:var(--primary);}
.admin-sidebar a {display:block;padding:12px 20px;color:#999;font-size:14px;border-bottom:1px solid #2a2a2a;transition:all 0.2s;}
.admin-sidebar a:hover, .admin-sidebar a.active {background:#2a2a2a;color:var(--primary);}
.admin-content {margin-left:220px;padding:20px;width:calc(100% - 220px);box-sizing:border-box;min-height:100vh;background:#f5f5f5;}
.admin-header {display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border);margin-bottom:20px;}
.admin-header h1 {font-size:22px;color:var(--text-dark);}
.admin-stats {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:30px;}
.admin-stat-card {background:#fff;border-radius:var(--radius-md);padding:25px;box-shadow:var(--shadow-sm);text-align:center;}
.admin-stat-card .num {font-size:36px;color:var(--primary);font-weight:700;}
.admin-stat-card .label {font-size:14px;color:var(--text-light);margin-top:5px;}
.admin-table {width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);}
.admin-table th {background:#f8f8f8;padding:12px 15px;text-align:left;font-size:14px;color:var(--text-mid);border-bottom:2px solid var(--border);}
.admin-table td {padding:12px 15px;border-bottom:1px solid #f0f0f0;font-size:14px;}
.admin-table tr:hover {background:#fafafa;}
.admin-form {background:#fff;padding:30px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);max-width:1200px;}
.admin-form label {display:block;font-size:14px;color:var(--text-dark);margin-bottom:5px;font-weight:600;}
.admin-form input, .admin-form textarea, .admin-form select {width:100%;padding:10px 15px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;margin-bottom:20px;box-sizing:border-box;}
.admin-form textarea {height:150px;resize:vertical;}
.admin-form button {background:var(--primary);color:#fff;border:none;padding:10px 30px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.25s;}
.admin-form button:hover {background:var(--primary-dark);}

/* --- Flash 消息 --- */
.flash-success,.flash-error{width:1100px;margin:10px auto;padding:12px 20px;border-radius:var(--radius-sm);font-size:14px;}
.flash-success{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9;}
.flash-error{background:#fbe9e7;color:#c62828;border:1px solid #ef9a9a;}

/* ==========================================
   响应式
   ========================================== */
@media (max-width:1100px) {
  .w1100 {width:100%!important;padding:0 20px!important;box-sizing:border-box!important;}
  .header-inner {width:100%!important;padding:0 20px!important;box-sizing:border-box!important;}
  .footer-main {width:100%!important;padding:40px 20px!important;box-sizing:border-box!important;grid-template-columns:1fr 1fr!important;}
  .page-wrapper {width:100%!important;padding:0 20px!important;box-sizing:border-box!important;flex-direction:column!important;}
  .page-sidebar {width:100%!important;}
  .service-grid {grid-template-columns:repeat(2,1fr)!important;}
  .adv-grid {grid-template-columns:repeat(3,1fr)!important;}
  .biz-grid {grid-template-columns:repeat(3,1fr)!important;}
  .about-grid {flex-direction:column!important;}
  .about-image {flex:0 0 auto!important;width:100%!important;}
  .training-highlight {grid-template-columns:repeat(2,1fr)!important;}
  .training-courses {grid-template-columns:1fr!important;}
  .case-grid {grid-template-columns:repeat(2,1fr)!important;}
  .contact-wrapper {grid-template-columns:1fr!important;}
  .flash-success,.flash-error{width:100%!important;margin:10px 0!important;}
  .process-steps {flex-wrap:wrap!important;gap:20px!important;}
  .process-step {flex:0 0 45%!important;}
  .process-step::after {display:none!important;}
}

@media (max-width:768px) {
  /* 顶部栏 */
  #top-bar {display:none!important;}
  #header {position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;}
  .header-inner {height:56px!important;}
  .logo-img {height:34px!important;}
  .logo-text {font-size:17px!important;}
  .nav-list {display:none!important;}
  .mobile-menu-btn {display:block!important;}
  .nav-phone {display:none!important;}

  /* 手机菜单展开 */
  .nav-list.mobile-open {display:flex!important;flex-direction:column!important;position:absolute!important;top:56px!important;left:0!important;right:0!important;background:#fff!important;box-shadow:0 4px 20px rgba(0,0,0,0.1)!important;padding:10px 0!important;gap:0!important;border-top:1px solid var(--border)!important;}
  .nav-list.mobile-open > li > a {height:auto!important;line-height:1!important;padding:12px 20px!important;font-size:14px!important;}
  .nav-list.mobile-open > li.cur > a::after {display:none!important;}
  .nav-list.mobile-open > li.cur > a {color:var(--primary)!important;background:var(--primary-bg)!important;}

  /* 横幅 */
  #banner {height:360px!important;margin-top:56px!important;}
  .banner-content h1 {font-size:28px!important;}
  .banner-content p {font-size:15px!important;max-width:100%!important;}
  .banner-content .btn {padding:12px 28px!important;font-size:14px!important;}

  /* 通用 */
  .section-header {margin-bottom:30px!important;}
  .section-header .cn {font-size:24px!important;}
  section {padding:40px 0!important;}

  /* 核心服务 */
  .service-grid {grid-template-columns:1fr 1fr!important;gap:12px!important;}
  .service-card {padding:24px 16px!important;}
  .service-card .icon {width:52px!important;height:52px!important;font-size:22px!important;margin-bottom:12px!important;}
  .service-card h3 {font-size:15px!important;}

  /* 优势 */
  .adv-grid {grid-template-columns:1fr 1fr!important;gap:12px!important;}
  .adv-card {padding:20px 12px!important;}
  .adv-card .num {font-size:36px!important;}
  .adv-card ul li {font-size:12px!important;}

  /* 业务范围 */
  .biz-grid {grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .biz-card .biz-img {height:100px!important;}
  .biz-card .biz-info {padding:10px!important;}
  .biz-card .biz-info h4 {font-size:13px!important;}

  /* 页脚 */
  .footer-main {grid-template-columns:1fr!important;gap:30px!important;padding:30px 20px!important;}
  .footer-qr {justify-content:center!important;}

  /* 版权 */
  #copyright .w1100 {flex-direction:column!important;gap:6px!important;text-align:center!important;}

  /* 案例 */
  .case-grid {grid-template-columns:1fr!important;}

  /* 新闻 */
  .news-item {flex-direction:column!important;gap:12px!important;}
  .news-item .news-date {display:flex!important;gap:6px!important;align-items:baseline!important;}
  .news-item .news-date .day {font-size:20px!important;}
  .news-item .news-img {flex:0 0 auto!important;width:100%!important;height:140px!important;}
  .news-item:hover {padding-left:0!important;}

  /* 分页 */
  .pagination a, .pagination span {padding:6px 12px!important;font-size:13px!important;}

  /* 文章 */
  .article-detail h1 {font-size:20px!important;}
  .product-item {flex-direction:column!important;gap:12px!important;}
  .product-item .product-img {flex:0 0 auto!important;width:100%!important;height:140px!important;}

  /* 培训 */
  .training-highlight {grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .training-highlight .item {padding:14px!important;}
  .training-highlight .item .num {font-size:24px!important;}

  /* 手机底部导航 */
  .mobile-bottom-bar {display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:52px!important;background:#fff!important;border-top:1px solid var(--border)!important;z-index:9999!important;justify-content:space-around!important;align-items:center!important;box-shadow:0 -2px 10px rgba(0,0,0,0.06)!important;}
  .mobile-bottom-bar a {display:flex!important;flex-direction:column!important;align-items:center!important;color:var(--text-mid)!important;font-size:10px!important;text-decoration:none!important;gap:2px!important;}
  .mobile-bottom-bar a i {font-size:20px!important;color:var(--text-light)!important;}
  .mobile-bottom-bar a.active i,
  .mobile-bottom-bar a.active {color:var(--primary)!important;}
  .mobile-bottom-bar .mbb-phone i {color:var(--primary)!important;}

  body {padding-bottom:62px!important;padding-top:56px!important;}

  /* 页眉横幅 */
  .page-banner {padding:40px 0!important;}
  .page-banner h1 {font-size:26px!important;}
  .page-content {padding:20px!important;border-radius:var(--radius-sm)!important;}
}

@media (max-width:480px) {
  .service-grid {grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .service-card {padding:18px 12px!important;}
  .service-card .icon {width:44px!important;height:44px!important;font-size:18px!important;}
  .service-card h3 {font-size:14px!important;}
  .service-card p {font-size:12px!important;}
  .banner-content h1 {font-size:22px!important;}
  .banner-content p {font-size:14px!important;}
  .adv-grid {grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .biz-grid {grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .section-header .cn {font-size:20px!important;}
  .logo-text {font-size:15px!important;}
}