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

body {
	font-family:'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	background:linear-gradient(135deg, #f0f9f6 0%, #e8f5f0 50%, #dff0ea 100%);
	min-height:100vh;
	color:#333;
	line-height:1.6;
	padding-bottom:0;
}

.container {
	max-width:1400px;
	margin:0 auto;
	padding:0 20px 20px;
}
/* Header */
.header {
	text-align: center;
	padding: 60px 20px 50px;
	background: linear-gradient(135deg, rgba(0,80,60,0.82) 0%, rgba(0,110,85,0.78) 50%, rgba(180,90,20,0.55) 100%), url(../image/1.png) center/cover no-repeat;
	border-radius: 0;
	margin-bottom: 30px;
	color: white;
	box-shadow: 0 10px 40px rgba(0, 80, 60, 0.3);
	position: relative;
	overflow: hidden;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	min-height: 260px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.header::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%);
	animation: pulse 15s ease-in-out infinite;
}

@keyframes pulse {
	0%, 100% { transform: scale(1); opacity: 0.5; }
	50% { transform: scale(1.1); opacity: 0.3; }
}

.header h1 {
	font-size: 2.2rem;
	font-weight: 700;
	margin-bottom: 16px;
	position: relative;
	z-index: 1;
	letter-spacing: 2px;
}

.header .subtitle {
	font-size: 1.05rem;
	opacity: 0.95;
	position: relative;
	z-index: 1;
	line-height: 1.8;
	max-width: 520px;
}

.header .subtitle .highlight {
	color: #ffd666;
	font-weight: 500;
}



/* Main Layout */
.main-content {
	display:grid;
	grid-template-columns:400px 1fr;
	gap:30px;
	align-items:start;
}

@media (max-width:1024px) {
	.main-content {
		grid-template-columns:1fr;
	}
}

@media (max-width:768px) {
	.container {
		padding:0 12px 12px;
	}
	.header {
	    padding: 25px 15px;
	    border-radius: 0;
	    margin-bottom: 20px;
	}
	.header img {
	    height: 28px;
	    top: 12px;
	    left: 12px;
	}
	.header h1 {
	    font-size: 1.5rem;
	}
	.header .subtitle {
	    font-size: 0.9rem;
	}
}

/* Form Section */
.form-section {
	background:white;
	border-radius:20px;
	padding:30px;
	box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);
	position:sticky;
	top:20px;
}

@media (max-width:1024px) {
	.form-section {
		position:static;
	}
}

.form-section h2 {
	color:#007A5E;
	font-size:1.3rem;
	margin-bottom:25px;
	display:flex;
	align-items:center;
	gap:10px;
}

.form-section h2::before {
	content:'';
	width:4px;
	height:24px;
	background:linear-gradient(180deg, #007A5E, #009B7D);
	border-radius:2px;
}

.form-group {
	margin-bottom:18px;
}

.form-group label {
	display:block;
	font-weight:500;
	color:#555;
	margin-bottom:8px;
	font-size:0.95rem;
}

.form-group select,
.form-group input {
	width:100%;
	padding:12px 16px;
	border:2px solid #f0f0f0;
	border-radius:12px;
	font-size:1rem;
	font-family:inherit;
	transition:all 0.3s ease;
	background:#fafafa;
	min-height:44px;
}

.form-group select:focus,
.form-group input:focus {
	outline:none;
	border-color:#007A5E;
	background:white;
	box-shadow:0 0 0 4px rgba(0, 122, 94, 0.1);
}

.form-row {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:15px;
}

@media (max-width:768px) {
	.form-row {
		grid-template-columns:1fr;
	}

	.form-section {
		padding:20px;
	}
}

.calculate-btn {
	width:100%;
	padding:16px;
	background:linear-gradient(135deg, #007A5E 0%, #009B7D 100%);
	color:white;
	border:none;
	border-radius:12px;
	font-size:1.1rem;
	font-weight:600;
	cursor:pointer;
	transition:all 0.3s ease;
	box-shadow:0 4px 15px rgba(0, 122, 94, 0.4);
	margin-top:10px;
	min-height:50px;
}

.calculate-btn:hover {
	transform:translateY(-2px);
	box-shadow:0 6px 25px rgba(0, 122, 94, 0.5);
}

.calculate-btn:active {
	transform:translateY(0);
}

/* Exchange Rate Info */
.exchange-rate {
	background:#f5f5f5;
	padding:10px 15px;
	border-radius:8px;
	margin-top:15px;
	font-size:0.85rem;
	color:#666;
}

.exchange-rate span {
	color:#007A5E;
	font-weight:600;
}

.exchange-rate .realtime-tag {
	display:inline-block;
	background:#e8f5e9;
	color:#2e7d32;
	padding:2px 8px;
	border-radius:4px;
	font-size:0.75rem;
	margin-right:5px;
}

.exchange-rate .fallback-tag {
	display:inline-block;
	background:#fff3e0;
	color:#e65100;
	padding:2px 8px;
	border-radius:4px;
	font-size:0.75rem;
	margin-right:5px;
}

.exchange-rate .update-time {
	color:#999;
	font-size:0.75rem;
}

/* Budget Warning */
.budget-warning {
	background:#e8f5f0;
	border:1px solid #4DB8A4;
	padding:12px 16px;
	border-radius:10px;
	margin-top:15px;
	font-size:0.9rem;
	color:#007A5E;
	display:flex;
	align-items:center;
	gap:10px;
}

.budget-warning.hidden {
	display:none;
}

/* Results Section */
.results-section {
	display:flex;
	flex-direction:column;
	gap:18px;
}

/* Summary Cards */
.summary-cards {
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:15px;
}

@media (max-width:900px) {
	.summary-cards {
		grid-template-columns:repeat(2, 1fr);
	}
}

@media (max-width:500px) {
	.summary-cards {
		grid-template-columns:1fr;
	}
}

.summary-card {
	background:white;
	border-radius:16px;
	padding:18px;
	text-align:center;
	box-shadow:0 4px 15px rgba(0, 0, 0, 0.06);
	transition:all 0.3s ease;
	border:1px solid #f5f5f5;
}

.summary-card:hover {
	transform:translateY(-5px);
	box-shadow:0 8px 30px rgba(0, 0, 0, 0.1);
}

.summary-card.total {
	background:linear-gradient(135deg, #007A5E 0%, #009B7D 100%);
	color:white;
}

.summary-card.light-green {
	background:#e8f5f0;
}

.summary-card .icon {
	font-size:2rem;
	margin-bottom:8px;
}

.summary-card .label {
	font-size:0.85rem;
	opacity:0.8;
	margin-bottom:5px;
}

.summary-card .value {
	font-size:1.5rem;
	font-weight:700;
}

.summary-card .sub {
	font-size:0.8rem;
	opacity:0.7;
	margin-top:5px;
}

.summary-card .deduction-info {
	font-size:0.75rem;
	opacity:0.85;
	margin-top:6px;
	padding-top:6px;
	border-top:1px solid rgba(255, 255, 255, 0.3);
}

/* Cost Breakdown */
.cost-breakdown {
	background:white;
	border-radius:20px;
	padding:25px;
	box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);
}

.cost-breakdown h3 {
	color:#333;
	font-size:1.1rem;
	margin-bottom:18px;
	display:flex;
	align-items:center;
	gap:10px;
}

.cost-breakdown h3::before {
	content:'';
	width:4px;
	height:20px;
	background:#007A5E;
	border-radius:2px;
}

.cost-grid {
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
	gap:12px;
}

@media (max-width:768px) {
	.cost-grid {
		grid-template-columns:1fr;
	}
}

.cost-item {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:12px 16px;
	background:#f9f9f9;
	border-radius:12px;
	transition:all 0.2s ease;
}

.cost-item:hover {
	background:#e8f5f0;
	transform:translateX(5px);
}

.cost-item .name {
	display:flex;
	align-items:center;
	gap:10px;
	font-weight:500;
}

.cost-item .emoji {
	font-size:1.2rem;
}

.cost-item .amount {
	font-weight:700;
	color:#007A5E;
}

/* Scholarship Section */
.scholarship-section {
	background:white;
	border-radius:20px;
	padding:25px;
	box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);
}

.scholarship-section h3 {
	color:#333;
	font-size:1.1rem;
	margin-bottom:18px;
	display:flex;
	align-items:center;
	gap:10px;
}

.scholarship-section h3::before {
	content:'';
	width:4px;
	height:20px;
	background:#007A5E;
	border-radius:2px;
}

.scholarship-toggle {
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:15px;
	padding:12px 16px;
	background:#f9f9f9;
	border-radius:10px;
}

.scholarship-toggle input[type="checkbox"] {
	width:20px;
	height:20px;
	accent-color:#007A5E;
}

.scholarship-toggle label {
	font-weight:500;
	cursor:pointer;
}

.scholarship-content {
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
	gap:15px;
}

.scholarship-stat {
	padding:15px;
	background:linear-gradient(135deg, #f0f9f6 0%, #e8f5f0 100%);
	border-radius:12px;
	border:1px solid #b8e0d2;
}

.scholarship-stat .label {
	font-size:0.85rem;
	color:#666;
	margin-bottom:8px;
}

.scholarship-stat .value {
	font-size:1.2rem;
	font-weight:700;
	color:#007A5E;
}

.scholarship-stat .amount {
	font-size:1rem;
	color:#333;
}

.probability-bar {
	height:8px;
	background:#e0e0e0;
	border-radius:4px;
	margin-top:8px;
	overflow:hidden;
}

.probability-fill {
	height:100%;
	background:linear-gradient(90deg, #007A5E, #4DB8A4);
	border-radius:4px;
	transition:width 0.5s ease;
}

.scholarship-note {
	grid-column:1 / -1;
	padding:12px 16px;
	background:#fff8e1;
	border-radius:10px;
	font-size:0.85rem;
	color:#f57f17;
	display:flex;
	align-items:center;
	gap:8px;
}

.scholarship-result {
	grid-column:1 / -1;
	padding:15px;
	background:linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
	border-radius:12px;
	text-align:center;
}

.scholarship-result .label {
	font-size:0.9rem;
	color:#2e7d32;
	margin-bottom:5px;
}

.scholarship-result .value {
	font-size:1.8rem;
	font-weight:700;
	color:#1b5e20;
}

/* Part-time Section */
.parttime-section {
	background:white;
	border-radius:20px;
	padding:25px;
	box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);
}

.parttime-section h3 {
	color:#333;
	font-size:1.1rem;
	margin-bottom:18px;
	display:flex;
	align-items:center;
	gap:10px;
}

.parttime-section h3::before {
	content:'';
	width:4px;
	height:20px;
	background:#007A5E;
	border-radius:2px;
}

.parttime-toggle {
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:15px;
	padding:12px 16px;
	background:#f9f9f9;
	border-radius:10px;
}

.parttime-toggle input[type="checkbox"] {
	width:20px;
	height:20px;
	accent-color:#007A5E;
}

.parttime-toggle label {
	font-weight:500;
	cursor:pointer;
}

.parttime-content {
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
	gap:12px;
}

.parttime-stat {
	padding:12px 15px;
	background:#f9f9f9;
	border-radius:10px;
}

.parttime-stat .label {
	font-size:0.8rem;
	color:#666;
	margin-bottom:5px;
}

.parttime-stat .value {
	font-size:1.1rem;
	font-weight:700;
	color:#333;
}

.parttime-slider {
	grid-column:1 / -1;
	padding:15px;
	background:#f9f9f9;
	border-radius:10px;
}

.parttime-slider label {
	display:block;
	font-size:0.9rem;
	color:#555;
	margin-bottom:10px;
}

.parttime-slider input[type="range"] {
	width:100%;
	height:8px;
	-webkit-appearance:none;
	background:#e0e0e0;
	border-radius:4px;
	outline:none;
}

.parttime-slider input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance:none;
	width:24px;
	height:24px;
	background:#007A5E;
	border-radius:50%;
	cursor:pointer;
}

.parttime-slider .slider-value {
	text-align:center;
	font-weight:600;
	color:#007A5E;
	margin-top:8px;
}

.parttime-note {
	grid-column:1 / -1;
	padding:10px 15px;
	background:#e3f2fd;
	border-radius:8px;
	font-size:0.8rem;
	color:#1565c0;
}

.parttime-result {
	grid-column:1 / -1;
	padding:15px;
	background:linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
	border-radius:12px;
	text-align:center;
}

.parttime-result .label {
	font-size:0.9rem;
	color:#2e7d32;
	margin-bottom:5px;
}

.parttime-result .value {
	font-size:1.5rem;
	font-weight:700;
	color:#1b5e20;
}

/* Charts Container */
.charts-container {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:18px;
}

@media (max-width:768px) {
	.charts-container {
		grid-template-columns:1fr;
	}
}

.chart-card {
	background:white;
	border-radius:20px;
	padding:20px;
	box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);
}

.chart-card h3 {
	color:#333;
	font-size:1rem;
	margin-bottom:15px;
	text-align:center;
}

.chart-wrapper {
	position:relative;
	height:250px;
}

/* ROI Section */
.roi-section {
	background:white;
	border-radius:20px;
	padding:25px;
	box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);
}

.roi-section h3 {
	color:#333;
	font-size:1.1rem;
	margin-bottom:20px;
	display:flex;
	align-items:center;
	gap:10px;
}

.roi-section h3::before {
	content:'';
	width:4px;
	height:20px;
	background:#007A5E;
	border-radius:2px;
}

.roi-content {
	display:grid;
	grid-template-columns:160px 1fr;
	gap:30px;
	align-items:center;
}

@media (max-width:700px) {
	.roi-content {
		grid-template-columns:1fr;
		gap:20px;
	}
}

.roi-circle {
	position:relative;
	width:160px;
	height:160px;
	margin:0 auto;
}

.roi-circle svg {
	transform:rotate(-90deg);
}

.roi-circle .bg {
	fill:none;
	stroke:#f0f0f0;
	stroke-width:10;
}

.roi-circle .progress {
	fill:none;
	stroke:#007A5E;
	stroke-width:10;
	stroke-linecap:round;
	transition:stroke-dashoffset 1s ease;
}

.roi-circle .center-text {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	text-align:center;
}

.roi-circle .years {
	font-size:2.2rem;
	font-weight:700;
	color:#007A5E;
}

.roi-circle .unit {
	font-size:0.85rem;
	color:#888;
}

.roi-details {
	flex:1;
}

.roi-grade {
	display:inline-block;
	padding:6px 16px;
	border-radius:20px;
	font-weight:600;
	margin-bottom:12px;
	font-size:0.9rem;
}

.roi-grade.excellent {
	background:#e8f5e9;
	color:#2e7d32;
}

.roi-grade.good {
	background:#e3f2fd;
	color:#1565c0;
}

.roi-grade.normal {
	background:#fff8e1;
	color:#f57f17;
}

.roi-grade.caution {
	background:#ffebee;
	color:#c62828;
}

.roi-formula {
	background:#f9f9f9;
	padding:12px 16px;
	border-radius:10px;
	font-size:0.9rem;
	color:#666;
	margin-bottom:8px;
}

.roi-formula strong {
	color:#333;
}

.roi-note {
	font-size:0.8rem;
	color:#999;
	margin-top:8px;
}

/* Alternative Plans */
.alternatives-section {
	background:white;
	border-radius:20px;
	padding:25px;
	box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);
}

.alternatives-section h3 {
	color:#333;
	font-size:1.1rem;
	margin-bottom:18px;
	display:flex;
	align-items:center;
	gap:10px;
}

.alternatives-section h3::before {
	content:'';
	width:4px;
	height:20px;
	background:#007A5E;
	border-radius:2px;
}

.alternative-card {
	display:flex;
	gap:18px;
	padding:18px;
	background:linear-gradient(135deg, #f0f9f6 0%, #e8f5f0 100%);
	border-radius:16px;
	margin-bottom:12px;
	border:1px solid #b8e0d2;
	transition:all 0.3s ease;
}

@media (max-width:768px) {
	.alternative-card {
		flex-direction:column;
	}
}

.alternative-card:hover {
	transform:translateX(5px);
	box-shadow:0 4px 15px rgba(0, 122, 94, 0.15);
}

.alt-icon {
	width:55px;
	height:55px;
	background:linear-gradient(135deg, #007A5E 0%, #009B7D 100%);
	border-radius:14px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.6rem;
	flex-shrink:0;
}

.alt-content h4 {
	color:#333;
	margin-bottom:5px;
	font-size:1rem;
}

.alt-content p {
	color:#666;
	font-size:0.85rem;
	margin-bottom:6px;
}

.alt-savings {
	color:#2e7d32;
	font-weight:600;
	font-size:0.85rem;
}

/* CTA Section */
.cta-section {
	background:linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
	border-radius:24px;
	padding:35px;
	color:white;
	text-align:center;
}

@media (max-width:768px) {
	.cta-section {
		padding:25px 20px;
		border-radius:16px;
	}
}

.cta-section h3 {
	font-size:1.3rem;
	margin-bottom:10px;
}

.cta-section p {
	opacity:0.8;
	margin-bottom:25px;
	font-size:0.95rem;
}

.cta-main-btn {
	display:inline-block;
	padding:16px 40px 16px 60px;
	background:linear-gradient(135deg, #007A5E 0%, #009B7D 100%);
	color:white;
	border:none;
	border-radius:30px;
	font-size:1.1rem;
	font-weight:600;
	cursor:pointer;
	transition:all 0.3s ease;
	box-shadow:0 4px 20px rgba(0, 122, 94, 0.4);
	text-decoration:none;
	position:relative;
}

.cta-main-btn::before{
	content:'';
	width:30px;
	height:30px;
	background: url(https://qtfile.xdf.cn/template/image/icon/follow_us.png) no-repeat 0px 9px;
	background-size: 132px;
	position:absolute;
	left:36px;
	top:0;
	bottom:0;
	margin:auto;
}

.cta-main-btn:hover {
	transform:translateY(-2px);
	box-shadow:0 6px 30px rgba(0, 122, 94, 0.5);
	color:white;
}

.cta-main-btn:active {
	transform:translateY(0);
}

/* Toast */
.toast {
	position:fixed;
	top:20px;
	left:50%;
	transform:translateX(-50%) translateY(-100px);
	background:linear-gradient(135deg, #007A5E 0%, #009B7D 100%);
	color:white;
	padding:16px 32px;
	border-radius:30px;
	font-size:0.95rem;
	font-weight:500;
	box-shadow:0 4px 20px rgba(0, 122, 94, 0.4);
	z-index:2000;
	opacity:0;
	transition:all 0.4s ease;
}

.toast.show {
	opacity:1;
	transform:translateX(-50%) translateY(0);
}

/* Disclaimer */
.disclaimer {
	text-align:center;
	padding:18px;
	color:#999;
	font-size:0.8rem;
	margin-top:15px;
}

/* Reference Note */
.reference-note {
	text-align:center;
	padding:10px;
	background:#fff8e1;
	border-radius:8px;
	font-size:0.8rem;
	color:#f57f17;
	margin-top:10px;
}

/* Loading Animation */
@keyframes fadeInUp {
	from {
		opacity:0;
		transform:translateY(20px);
	}

	to {
		opacity:1;
		transform:translateY(0);
	}
}

.animate-in {
	animation:fadeInUp 0.5s ease forwards;
}

.hidden {
	display:none !important;
}

/* Registration Modal */
.modal-overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:1000;
	opacity:0;
	visibility:hidden;
	transition:all 0.3s ease;
	z-index: 9999999999;
}

.modal-overlay.active {
	opacity:1;
	visibility:visible;
}

.modal {
	background:white;
	border-radius:20px;
	width:90%;
	max-width:420px;
	padding:35px 30px;
	transform:translateY(50px) scale(0.9);
	transition:all 0.3s ease;
	position:relative;
}

@media (max-width:768px) {
	.modal {
		width:100%;
		max-width:400px;
		padding:30px 20px;
		border-radius:20px 20px 0 0;
		position:fixed;
		bottom:0;
		left:0;
		right:0;
		margin:0 auto;
		max-height:90vh;
		overflow-y:auto;
		transform:translateY(100%);
	}

	.modal-overlay.active .modal {
		transform:translateY(0);
	}

	.modal .modal-close {
		top:6px;
	}

	.form-wrap form .label i {
		left:10px;
	}
}

.modal-overlay.active .modal {
	transform:translateY(0) scale(1);
}

.modal-close {
	position:absolute;
	top:15px;
	right:15px;
	width:32px;
	height:32px;
	border:none;
	background:#f5f5f5;
	border-radius:50%;
	cursor:pointer;
	font-size:1.2rem;
	color:#666;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:all 0.2s ease;
}

.modal-close:hover {
	background:#e0e0e0;
	color:#333;
}

.modal-header {
	text-align:center;
	margin-bottom:10px;
}

.modal-header h2 {
	color:#007A5E;
	font-size:1.4rem;
	margin-bottom:8px;
}

.modal-header p {
	color:#666;
	font-size:0.9rem;
}

.modal-form {
	display:flex;
	flex-direction:column;
	gap:18px;
}

.form-item {
	display:flex;
	flex-direction:column;
	gap:8px;
}

.form-item label {
	font-weight:500;
	color:#555;
	font-size:0.95rem;
}

.input-row {
	display:flex;
	gap:10px;
}

.input-row input {
	flex:1;
	padding:12px 14px;
	border:2px solid #e0e0e0;
	border-radius:10px;
	font-size:1rem;
	font-family:inherit;
	transition:all 0.3s ease;
	min-height:44px;
}

.input-row input:focus {
	outline:none;
	border-color:#007A5E;
	box-shadow:0 0 0 3px rgba(0, 122, 94, 0.1);
}

.input-row input[type="text"] {
	flex:1;
}

.code-btn {
	padding:12px 14px;
	background:#f5f5f5;
	border:2px solid #e0e0e0;
	border-radius:10px;
	font-size:0.85rem;
	font-weight:500;
	color:#007A5E;
	cursor:pointer;
	white-space:nowrap;
	transition:all 0.3s ease;
	min-height:44px;
}

.code-btn:hover:not(:disabled) {
	background:#e8f5f0;
	border-color:#007A5E;
}

.code-btn:disabled {
	color:#999;
	cursor:not-allowed;
}

.checkbox-item {
	display:flex;
	align-items:flex-start;
	gap:10px;
	font-size:0.85rem;
	color:#666;
}

.checkbox-item input[type="checkbox"] {
	width:18px;
	height:18px;
	accent-color:#007A5E;
	margin-top:2px;
	cursor:pointer;
}

.checkbox-item a {
	color:#007A5E;
	text-decoration:none;
}

.checkbox-item a:hover {
	text-decoration:underline;
}

.submit-btn {
	padding:14px 24px;
	background:linear-gradient(135deg, #007A5E 0%, #009B7D 100%);
	color:white;
	border:none;
	border-radius:12px;
	font-size:1rem;
	font-weight:600;
	cursor:pointer;
	transition:all 0.3s ease;
	box-shadow:0 4px 15px rgba(0, 122, 94, 0.3);
	margin-top:5px;
	min-height:48px;
}

.submit-btn:hover {
	transform:translateY(-2px);
	box-shadow:0 6px 20px rgba(0, 122, 94, 0.4);
}

.submit-btn:active {
	transform:translateY(0);
}

.modal-footer {
	text-align:center;
	margin-top:18px;
	font-size:0.8rem;
	color:#999;
}

.modal-footer span {
	color:#007A5E;
	font-weight:500;
}

/* Touch feedback */
button:active,
a:active {
	transform:scale(0.98);
}





.modal-overlay .modal .qt_form .label{width:90%;background:#fff;padding-left:10px;height:48px;line-height:48px;margin:10px 5% 0 5%;border:1px solid #ccc;border-radius:10px;overflow:hidden;box-sizing:border-box;}
.modal-overlay .modal .qt_form .label input,
.modal-overlay .modal .qt_form .label select{height:48px;line-height:48px;font-size:14px;padding-top:0;padding-left:30px;vertical-align:super;}
.modal-overlay .modal .qt_form .xdf_formbtn{color:#ffffff;font-size:16px;height:48px;line-height:48px;background:linear-gradient(135deg, #007A5E 0%, #009B7D 100%);width:90%;cursor:pointer;-webkit-animation:ball-scale-multiple 1s 0s linear infinite alternate;animation:ball-scale-multiple 1s 0s linear infinite alternate;border-radius:40px;margin-left:5%;}
.modal-overlay .modal .qt_form .xdf_formbtn:hover{background:linear-gradient(135deg, #007A5E 100%, #009B7D 0%);}
.modal-overlay .modal .qt_form .tiaokuan{font-size:12px;margin:5px 0;}

@media screen and (max-width:1000px) {
	body{padding-bottom:0 !important;}
	.qt_form_smsCode_pop .smsCode_con{width:90%;height:230px;max-width:300px;border-radius:10px;}
	.qt_form_smsCode_pop .smsCode_con .modal-close{top:6px;right:6px;width:20px;height:20px;font-size:1rem;}
	.qt_form_smsCode_pop .smsCode_con dl dt{font-size:20px;line-height:24px;padding:28px 0 4px;}
	.qt_form_smsCode_pop .smsCode_con dl dd{font-size:12px;line-height:20px;}
	.qt_form_smsCode_pop .smsCode_con ul{width:223px;}
	.qt_form_smsCode_pop .smsCode_con ul li{width:52px;height:54px;margin-right:5px;line-height:54px;}
	.qt_form_smsCode_pop .smsCode_con ul .SmsCode{height:54px;}
	.qt_form_smsCode_pop .smsCode_con .err{font-size:12px;height:30px;line-height:30px;}
	.qt_form_smsCode_pop .smsCode_con .smsCodeBtn{font-size:16px;line-height:20px;}
	
	.qt_pop_privacy .privacy{width:70%;min-width:260px;height:140px;border-radius:10px;padding:14px 20px 0;}
	.qt_pop_privacy .privacy h2{font-size:18px;margin-bottom:10px;}
	.qt_pop_privacy .privacy p{font-size:12px;margin-bottom:14px;}
	.qt_pop_privacy .privacy .privacyBtn span{width:100px;height:40px;font-size:12px;}
	
	.modal-overlay{z-index:996;}
}
.btnWrap{display:none !important;}