*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

body{
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	background-color:#f5f5f5;
	font-size:15px;
	padding-top:0;
}

/* 顶部与导航 */
.mobile-header{
	background:url('/static/dist/css/images/bg.jpg') no-repeat center;
	background-size:cover;
	color:#fff;
	padding:10px 15px;
	position:sticky;
	top:0;
	width:100%;
	z-index:1000;
	box-shadow:0 2px 10px rgba(0,0,0,0.1);
}
.logo-area{
	text-align:center;
	padding:15px 0;
}
.logo-area h1{
	font-size:22px;
	margin:0;
	font-weight:bold;
}
.logo-area p{
	font-size:16px;
	margin:5px 0 0 0;
	opacity:.9;
}
.mobile-nav{
	display:flex;
	justify-content:space-around;
	background:#fff;
	padding:10px 0;
	border-radius:10px;
	margin-top:10px;
	box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
.mobile-nav a{
	flex:1;
	text-align:center;
	color:#00b38a;
	text-decoration:none;
	padding:8px 0;
	font-size:18px;
	position:relative;
}
.mobile-nav a.active{
	color:#339933;
	font-weight:bold;
}
.mobile-nav a.active:after{
	content:'';
	position:absolute;
	bottom:0;
	left:20%;
	right:20%;
	height:3px;
	background:#339933;
	border-radius:2px;
}

/* 列表卡片 */
.job-list{ padding:15px; }
.job-card{
	background:#fff;
	border-radius:12px;
	padding:15px;
	margin-bottom:15px;
	box-shadow:0 2px 8px rgba(0,0,0,0.08);
}
.job-card-header{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-bottom:12px;
	border-bottom:1px solid #f0f0f0;
}
.job-title{
	font-size:16px;
	font-weight:bold;
	color:#333;
	flex:1;
}
.job-expand{
	color:#00b38a;
	font-size:14px;
	white-space:nowrap;
	padding-left:10px;
}
.job-date{
	font-size:14px;
	color:#999;
	margin-top:5px;
}
.job-details{ display:none; margin-top:10px; }
.job-details.show{ display:block; }
.job-item{
	background:#f8f9fa;
	border-radius:8px;
	padding:12px;
	margin-bottom:10px;
}
.job-item-row{
	display:flex;
	justify-content:space-between;
	margin-bottom:8px;
	font-size:15px;
}
.job-item-row:last-child{ margin-bottom:0; }
.job-label{ color:#666; min-width:70px; }
.job-value{ color:#333; flex:1; text-align:right; }
.apply-btn{
	width:100%;
	padding:10px;
	background:linear-gradient(135deg,#00b38a 0%,#339933 100%);
	color:#fff;
	border:0;
	border-radius:8px;
	margin-top:10px;
	font-size:16px;
}

/* 表单与弹窗 */
.modal-content{ border-radius:15px; }
.modal-header-dhc{
	background:linear-gradient(135deg,#00b38a 0%,#339933 100%);
	color:#fff;
	border-radius:15px 15px 0 0;
	padding:15px 20px;
}
.modal-body{ padding:4px; }
.input-group{ margin-bottom:15px; }
.input-group input{
	width:100%;
	padding:12px 15px;
	border:1px solid #e0e0e0;
	border-radius:8px;
	font-size:16px;
}
.captcha-box{
	display:flex;
	gap:10px;
	align-items:center;
}
.captcha-box img{
	height:44px;
	border-radius:8px;
	cursor:pointer;
}
.btn-login{
	width:100%;
	padding:12px;
	background:linear-gradient(135deg,#00b38a 0%,#339933 100%);
	color:#fff;
	border:0;
	border-radius:8px;
	font-size:16px;
	margin-top:10px;
}
.link-group{
	display:flex;
	justify-content:space-between;
	margin-top:15px;
	font-size:15px;
}
.link-group a{
	color:#00b38a;
	text-decoration:none;
}
.empty-state{
	text-align:center;
	padding:60px 20px;
	color:#999;
}
.loading{
	text-align:center;
	padding:20px;
	color:#999;
}

/* 通用卡片与按钮（供 myjob / myresume / apply 页面使用） */
.mobile-card{
	background:#fff;
	border-radius:12px;
	padding:15px;
	margin-bottom:12px;
	box-shadow:0 2px 8px rgba(0,0,0,0.06);
}
.mobile-title{
	font-size:16px;
	font-weight:bold;
	margin-bottom:8px;
}
.btn-green{ color:#fff; background-color:#00b38a; }
.btn-green:hover{ background-color:#339933; }

/* 按钮样式 */
.btn-apply {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.btn-primary {
    background-color: #00b38a;
    border-color: #00b38a;
}

.btn-primary:hover {
    background-color: #339933;
    border-color: #339933;
}

.btn-outline-primary {
    color: #00b38a;
    border-color: #00b38a;
}

.btn-outline-primary:hover {
    background-color: #00b38a;
    border-color: #00b38a;
}

.btn-green {
    color: #fff;
    background-color: #00b38a;
}

.btn-green:hover {
    background-color: #339933;
}