/* 全局重置 & 基础样式 */
* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft YaHei", sans-serif;}
html {font-size: 16px;/* 适配手机端rem */-webkit-tap-highlight-color: transparent;}
body {background-color: #faf5f8;color: #555;line-height: 1.6;padding:0 10px;}
ol,ul,li{list-style:none;list-style-type:none;}
a{text-decoration:none;color: #d45872;}
/* 容器 */
.container {width: 100%;margin: 0 auto;max-width: 750px;}
/* 头部导航 */
.header {background-color: #fff;box-shadow: 0 2px 8px rgba(240, 183, 203, 0.15);position: fixed;top: 0;left: 0;right: 0;z-index: 999;padding:0 10px;}
.header-content {display: flex;justify-content: space-between;align-items: center;height: 60px;}
.logo {font-size: 1.25rem;font-weight: 600;color: #e86f88;text-decoration: none;}
/* 汉堡菜单 */
.hamburger {width: 30px;height: 24px;position: relative;cursor: pointer;}
.hamburger span {display: block;width: 100%;height: 2px;background-color: #e86f88;position: absolute;left: 0;transition: all 0.3s ease;}
.hamburger span:nth-child(1) {top: 0;}
.hamburger span:nth-child(2) {top: 50%;transform: translateY(-50%);}
.hamburger span:nth-child(3) {bottom: 0;}
/* 导航菜单 */
.nav-menu {position: fixed;top: 60px;right: 0;width: 80%;max-width: 280px;height: calc(100vh - 60px);background-color: #fff;box-shadow: -2px 0 10px rgba(240, 183, 203, 0.2);transform: translateX(100%);transition: transform 0.3s ease;padding: 20px 0;z-index: 998;}
.nav-menu.active {transform: translateX(0);}
.nav-list {list-style: none;}
.nav-item {border-bottom: 1px solid #f5e0e8;}
.nav-link {display: block;padding: 12px 20px;color: #666;text-decoration: none;font-size: 1rem;transition: background-color 0.2s ease;}
.nav-link:hover,
.nav-link.active {background-color: #fdf2f8;color: #e86f88;}
/* 主内容区 */
.main {margin-top: 50px;padding: 20px 0;min-height: calc(100vh - 130px);}
/* 面包屑导航（SEO友好） */
.breadcrumb {font-size: 0.875rem;color: #999;margin-bottom: 15px;padding: 5px 0;}
.breadcrumb a {color: #e86f88;text-decoration: none;}
.breadcrumb span {margin: 0 5px;}
/* 标题样式 */
h1 {font-size: 1.5rem;color: #e86f88;margin-bottom: 15px;font-weight: 600;}
h2 {font-size: 1.25rem;color: #d45872;margin: 15px 0;}
/* 按钮样式 */
.btn {display: inline-block;padding: 10px 20px;background-color: #e86f88;color: #fff;border-radius: 25px;text-decoration: none;font-size: 0.875rem;border: none;cursor: pointer;transition: background-color 0.2s ease, transform 0.1s ease;box-shadow: 0 2px 6px rgba(232, 111, 136, 0.2);}
.btn:hover {background-color: #d45872;transform: translateY(-2px);}
.btn-outline {background-color: transparent;border: 1px solid #e86f88;color: #e86f88;}
.btn-outline:hover {background-color: #fdf2f8;}
/* 卡片样式 */
.card {background-color: #fff;border-radius: 12px;box-shadow: 0 3px 10px rgba(240, 183, 203, 0.1);overflow: hidden;margin-bottom: 20px;transition: transform 0.2s ease;}
.card:hover {transform: translateY(-5px);}
/* 底部样式 */
.footer {background-color: #fff;padding: 20px 0;text-align: center;font-size: 0.875rem;color: #999;border-top: 1px solid #f5e0e8;}
.footer-links {display: flex;justify-content: center;gap: 15px;margin-bottom: 10px;}
.footer-links a {color: #e86f88;text-decoration: none;}
/* 首页Banner */
.banner {background:url(../imgs/banner.jpg) no-repeat center center;border-radius: 15px;padding: 40px 20px;text-align: center;margin-bottom: 30px;}
.banner-title,.banner-desc{text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px  1px 0 #fff,1px  1px 0 #fff;}
.banner-title {font-size: 1.75rem;color: #e86f88;margin-bottom: 10px;}
.banner-desc {color: #888;margin-bottom: 20px;}
/* 首页模块 */
.home-section {margin-bottom: 40px;}
.section-title {font-size: 1.25rem;color: #e86f88;margin-bottom: 20px;position: relative;padding-left: 10px;}
.section-title::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 20px;background-color: #e86f88;border-radius: 2px;}
/* 招聘列表样式 */
.recruit-list {list-style: none;}
.recruit-item {padding: 20px;}
.recruit-title {font-size: 1.125rem;color: #e86f88;margin-bottom: 5px;text-decoration: none;display: block;}
.recruit-meta {font-size: 0.875rem;color: #999;margin-bottom: 10px;}
.recruit-desc {color: #777;font-size: 0.875rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
/* 招聘详情页 */
.recruit-detail {background-color: #fff;padding: 20px;border-radius: 12px;box-shadow: 0 3px 10px rgba(240, 183, 203, 0.1);}
.recruit-detail-meta {font-size: 0.875rem;color: #999;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #f5e0e8;}
.recruit-detail-content {color: #666;line-height: 1.8;}
.recruit-detail-content p {margin-bottom: 15px;}
.recruit-detail-content img{width:100%!important;height:auto!important;border-radius: 12px;}
/* 案例展示页 - 图片网格 */
.case-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.case-item {border-radius: 10px;overflow: hidden;position: relative;}
.case-img {width: 100%;height: 180px;object-fit: cover;display: block;}
.case-name {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent, rgba(232, 111, 136, 0.8));color: #fff;padding: 10px;font-size: 0.875rem;}
/* 案例详情页 */
.case-detail-img {width: 100%;border-radius: 12px;margin-bottom: 20px;}
.case-detail-desc {background-color: #fff;padding: 20px;border-radius: 12px;box-shadow: 0 3px 10px rgba(240, 183, 203, 0.1);}
.case-nav {display: flex;justify-content: space-between;margin-top: 20px;background-color: #fff;padding: 20px;border-radius: 12px;box-shadow: 0 3px 10px rgba(240, 183, 203, 0.1);}
.case-nav p{width:100%;float:left;overflow:hidden;display:block;}
/* 联系我们页 */
.contact-form {background-color: #fff;padding: 25px;border-radius: 12px;box-shadow: 0 3px 10px rgba(240, 183, 203, 0.1);margin-bottom: 30px;}
.form-group {margin-bottom: 20px;}
.form-label {display: block;margin-bottom: 8px;color: #e86f88;font-size: 0.875rem;}
.form-input {width: 100%;padding: 12px 15px;border: 1px solid #f5e0e8;border-radius: 8px;font-size: 0.875rem;transition: border-color 0.2s ease;}
.form-input:focus {outline: none;border-color: #e86f88;box-shadow: 0 0 0 2px rgba(232, 111, 136, 0.1);}
textarea.form-input {min-height: 120px;resize: vertical;}
.contact-info {display: grid;gap: 15px;}
.contact-card {background-color: #fff;padding: 20px;border-radius: 12px;box-shadow: 0 3px 10px rgba(240, 183, 203, 0.1);text-align: center;}
.contact-icon {font-size: 1.5rem;color: #e86f88;margin-bottom: 10px;}
/* 分页样式 */
.pagination {display: flex;justify-content: center;gap: 10px;margin-top: 30px;}
.pagination-btn {width: 36px;height: 36px;border-radius: 50%;background-color: #fff;border: 1px solid #f5e0e8;color: #666;display: flex;align-items: center;justify-content: center;text-decoration: none;transition: all 0.2s ease;}
.pagination-btn.active,
.pagination-btn:hover {background-color: #e86f88;color: #fff;border-color: #e86f88;}
/* 返回按钮 */
.back-btn {display: inline-flex;align-items: center;margin-bottom: 15px;color: #e86f88;text-decoration: none;font-size: 0.875rem;}
.back-btn i {margin-right: 5px;}
/* 适配小屏手机 */
@media (max-width: 375px) {
.banner {  padding: 30px 15px;}
.banner-title {  font-size: 1.5rem;}
.case-grid {  grid-template-columns: 1fr;}
.case-img {  height: 200px;}
}
.related-news {background: white;margin:10px 0;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,0.08);}
.related-title {padding: 12px 15px;font-size: 16px;font-weight: bold;color: #2c3e50;border-bottom: 1px solid #eee;}
.related-list {padding: 10px 15px;}
.related-item {padding: 10px 0;border-bottom: 1px solid #f5f5f5;}
.related-item:last-child {border-bottom: none;}
.related-item-title {font-size: 14px;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}