﻿

@media screen and (max-width: 768px) {
    .container { padding: 0 20px; }
    .section { padding: 60px 0; }
    .section__header { margin-bottom: 36px; }
    .section__title { font-size: 28px; }
    .section__desc { font-size: 15px; }

    .btn { font-size: 14px; padding: 12px 22px; }
    .btn--lg { padding: 12px 28px; font-size: 18px; }

    /* 导航 */
    .header { padding: 12px 0; }
    .header__logo-text { font-size: 22px; }
	.header__logo-icon {
		background: url(../images/logo_3.png) no-repeat right center;
		background-size: 25px 25px;
		width: 28px;
		height: 40px;
	}
    .header__nav { position: fixed; top: 0; right: -100%; width: 280px; height: 100vh; background: #fff; flex-direction: column; padding: 80px 28px 28px; box-shadow: -4px 0 30px rgba(0,0,0,0.08); transition: right 0.35s ease; z-index: 999; }
    .header__nav--open { right: 0; }
    .header__menu { flex-direction: column; gap: 20px; }
    .header__menu a { font-size: 17px; padding: 8px 0; display: block; }
    .header__cta { display: none; }
    .header__hamburger { display: flex; flex-direction: column; gap: 5px; width: 28px; height: 22px; background: none; border: none; cursor: pointer; z-index: 1000; }
    .header__hamburger span { display: block; width: 28px; height: 2.5px; background: var(--color-primary); border-radius: 2px; transition: all 0.3s ease; }
    .header__hamburger--active span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
    .header__hamburger--active span:nth-child(2) { opacity: 0; }
    .header__hamburger--active span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }

    /* 预约区块 */
    .booking-bar { margin-top: 60px; padding: 70px 0; }
    .booking-cta__title { font-size: 24px; }
    .booking-cta__desc { font-size: 15px; }
    .booking-form { margin: 0px 0px; padding: 20px 20px 60px 20px; gap: 16px; }
    .booking-form__row { grid-template-columns: 1fr; }
    .booking-form .btn { width: 60%; }

    /* Hero */
    .hero { padding: 100px 0 60px 0; }
    .hero .container { grid-template-columns: 1fr; gap: 40px; text-align: center; }
    .hero__title { font-size: 32px; }
    .hero__desc { font-size: 16px; }
    .hero__actions { flex-direction: column; align-items: center; }
    .hero__stats { justify-content: center; gap: 28px; }
    .hero__stat-number { font-size: 26px; }
    .hero__visual { order: -1; max-width: 350px; margin: 0 auto; }
	.hero__image-wrapper { border-radius: 10px; }
    .hero__floating-card { position: relative; bottom: auto; left: auto; margin-top: -16px; justify-content: center; padding: 5px 10px; font-size: 15px; width: 250px; }

    /* 服务 */
    .services__grid { grid-template-columns: 1fr; gap: 16px; }
    .service-card { padding: 24px 20px; }

    /* 频率 */
    .frequency__grid { grid-template-columns: 1fr; gap: 16px; }
    .frequency-card { padding: 28px 20px; }
    .frequency__note { font-size: 13px; padding: 12px 16px; }
	.frequency-card__number { font-size: 28px;}

    /* 覆盖区域 */
    .coverage__grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .coverage-item { font-size: 14px; padding: 12px 8px; }

    /* 收费 */
    .pricing__grid { grid-template-columns: 1fr; gap: 20px; }
    .pricing-card--popular { order: -1; }
    .pricing-card { padding: 28px 22px; }
    .pricing-card__amount { font-size: 40px; }
	
	.about-info {
	padding: 10px 5% 60px 5%;
	}
	.about-info p {
		font-size: 16px;
		color: var(--color-text-light);
		text-align: left;
		line-height: 32px;
	}

    /* 为何选择 */
    .why-us__grid { grid-template-columns: 1fr; gap: 16px; }
    .why-us-item { padding: 24px 20px; }

    /* 评价 */
    .testimonials__grid { grid-template-columns: 1fr; gap: 16px; }
    .testimonial-card { padding: 22px 20px; }

    /* 流程 */
    .process__steps { grid-template-columns: 1fr; gap: 16px; }
    .process__steps::before { display: none; }
    .process-step { display: flex; align-items: flex-start; gap: 16px; text-align: left; padding: 20px; }
    .process-step__number { width: 40px; height: 40px; font-size: 16px; flex-shrink: 0; margin: 0; }

    /* FAQ */
    .faq-item__question { font-size: 15px; padding: 16px 20px; }
    .faq-item__answer--open { padding: 0 20px 16px; }
    .faq-item__answer p { font-size: 14px; }

    /* 页脚 */
    .footer { padding: 40px 0 20px; }
    .footer__grid { grid-template-columns: 1fr; gap: 28px; margin-bottom: 28px; }
    .footer__bottom { font-size: 12px; }
}

@media screen and (max-width: 480px) {
    .hero__title { font-size: 32px; line-height: 1.3;}
    .hero__stats { gap: 20px; }
    .hero__stat-number { font-size: 22px; }
    .hero__stat-label { font-size: 12px; }
    .section__title { font-size: 28px; }
    .coverage__grid { grid-template-columns: repeat(2, 1fr); }
}

