/*=============================================
 * responsive.css - Responsive Design
 * 响应式样式，子页面共用
 *=============================================*/

/* 平板端 (< 1024px) */
@media (max-width: 1023px) {
    :root {
        --space-3xl: 80px;
        --space-2xl: 60px;
    }

    h1 { font-size: 2.2rem; }
    h2 { font-size: 1.8rem; }

    .hero-title {
        font-size: 2.6rem;
    }

    .section-header .section-title {
        font-size: 1.8rem;
    }

    /* Header */
    .site-header {
        display: none;
    }

    .main-nav .nav-list {
        display: none;
    }

    .mobile-menu-btn {
        display: block;
    }

    .header-toolbar .mobile-menu-btn {
        display: flex;
    }

    /* 二级页面移动端适配 */
    .sub-page .site-header {
        margin-top: 0;
    }
    .sub-page .main-nav .nav-list {
        padding-left: 0;
    }
    .sub-page .header-toolbar {
        height: 52px;
    }
    .sub-page .header-toolbar .hero-btn {
        font-size: 0.62rem;
        padding: 3px 8px;
    }
    .sub-page .header-toolbar .hero-btn .arrow {
        width: 12px;
        height: 12px;
    }
    .sub-page .toolbar-logo img {
        height: 24px;
    }
    .sub-page .toolbar-right {
        gap: 8px;
    }

    /* 餐厅网格 */
    .restaurants-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* At a glance */
    .ataglance-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .info-accordion-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    /* Product Categories */
    .category-list.cols-2 {
        grid-template-columns: 1fr;
    }

    /* Hero */
    .hero-bottom-right .hero-btn {
        flex: 1;
        text-align: center;
        padding: 8px 16px;
        font-size: 0.8rem;
    }

    /* Intro */
    .intro-grid {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
    }

    /* Themes */
    .themes-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Stats */
    .stats-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Speakers */
    .speakers-page {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Logo */
    .logo-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    /* Exhibitors Header — 平板 */
    .exhibitors-header .section-desc {
        font-size: 1.6rem;
    }

    .exhibitors-header .bg-word {
        font-size: clamp(2rem, 6vw, 4rem);
        bottom: -14px;
    }

    /* Logo Marquee — 平板 */
    .logo-marquee-group {
        gap: 14px;
    }

    .logo-marquee-group .logo-row {
        gap: 50px;
    }

    .logo-marquee-group .offset-row {
        padding-left: 50px;
    }

    .logo-marquee-group .logo-row .logo-item {
        flex: 0 0 120px;
        height: 56px;
        padding: 8px;
    }

    .logo-marquee-group .logo-row .logo-item span {
        font-size: 0.85rem;
    }

    /* Media Marquee — 平板 */
    .media-marquee .logo-marquee-group .logo-row {
        gap: 24px;
    }

    .media-marquee .logo-marquee-group .logo-row .logo-item {
        flex: 0 0 130px;
        height: 64px;
        padding: 10px;
    }

    /* Partners Header — 平板 */
    .partners-header .section-desc {
        font-size: 1.6rem;
    }

    .partners-header .bg-word {
        font-size: clamp(2rem, 6vw, 4rem);
        bottom: -14px;
    }

    /* FAQ Header — 平板 */
    .faq-header .section-desc {
        font-size: 1.6rem;
    }

    .faq-header .bg-word {
        font-size: clamp(2rem, 6vw, 4rem);
        bottom: -14px;
    }

    /* Footer */
    .footer-inner {
        padding: 40px 0;
        gap: 30px;
    }

    .footer-left {
        padding-right: 30px;
    }
}

/* 手机端 (< 768px) */
@media (max-width: 767px) {
    :root {
        --space-3xl: 60px;
        --space-2xl: 40px;
        --space-xl: 30px;
    }

    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.5rem; }

    .hero-title {
        font-size: 1.8rem;
    }

    .section-header .section-title {
        font-size: 1.5rem;
    }

    .container {
        padding: 0 var(--space-sm);
        padding-bottom: 5px;
    }

    /* 二级页面手机端：隐藏 CTA 按钮 */
    .sub-page .header-toolbar {
        height: 50px;
    }
    .sub-page .header-toolbar .hero-btn {
        display: none;
    }
    .sub-page .toolbar-logo img {
        height: 22px;
    }

    /* Hero — 高度由占位图自适应 */
    .hero-slides {
        min-height: 200px;
    }

    .theme-overlay .overlay-title {
        font-size: clamp(0.9rem, 3vw, 1.2rem);
    }

    .theme-card h3 {
        font-size: clamp(0.9rem, 3vw, 1.2rem);
    }

    .bg-word {
        display: none;
    }



    .hero-bottom {
        height: auto;
        padding: 10px 0;
    }

    .hero-bottom-inner {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    .hero-dots {
        position: static;
        transform: none;
        order: 1;
    }

    .hero-bottom-right {
        order: 2;
        width: 100%;
    }

    .hero-bottom-right .hero-btn {
        width: 100%;
        text-align: center;
        padding: 10px 16px;
        font-size: 0.78rem;
    }

    /* Themes */
    .themes-grid {
        grid-template-columns: 1fr;
    }

    /* 餐厅网格 */
    .restaurants-grid {
        grid-template-columns: 1fr;
    }

    /* Stats */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stat-number {
        font-size: 1.8rem;
    }

    /* Speakers */
    .speakers-page {
        grid-template-columns: 1fr;
        max-width: 360px;
        margin: 0 auto;
    }

    /* Logo */
    .logo-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Exhibitors Header — 手机 */
    .exhibitors-header .section-desc {
        font-size: 1.2rem;
    }

    .exhibitors-header .bg-word {
        font-size: clamp(1.3rem, 5vw, 2.5rem);
        bottom: -8px;
    }

    /* Logo Marquee — 手机 */
    .logo-marquee-group {
        gap: 10px;
    }

    .logo-marquee-group .logo-row {
        gap: 24px;
    }

    .logo-marquee-group .offset-row {
        padding-left: 24px;
    }

    .logo-marquee-group .logo-row .logo-item {
        flex: 0 0 100px;
        height: 48px;
        padding: 6px;
        border-radius: 4px;
    }

    .logo-marquee-group .logo-row .logo-item span {
        font-size: 0.75rem;
    }

    /* Media Marquee — 手机 */
    .media-marquee .logo-marquee-group .logo-row {
        gap: 16px;
    }

    .media-marquee .logo-marquee-group .logo-row .logo-item {
        flex: 0 0 110px;
        height: 56px;
        padding: 8px;
        border-radius: 4px;
    }

    .media-marquee .logo-marquee-group .logo-row .logo-item img {
        max-height: 36px;
    }

    /* Partners Header — 手机 */
    .partners-header .section-desc {
        font-size: 1.2rem;
    }

    .partners-header .bg-word {
        font-size: clamp(1.3rem, 5vw, 2.5rem);
        bottom: -8px;
    }

    /* FAQ Header — 手机 */
    .faq-header .section-desc {
        font-size: 1.2rem;
    }

    .faq-header .bg-word {
        font-size: clamp(1.3rem, 5vw, 2.5rem);
        bottom: -8px;
    }

    /* Intro Features */
    .intro-features {
        grid-template-columns: 1fr;
    }

    /* Footer */
    .footer-inner {
        flex-direction: column;
        padding: 30px 0;
        gap: 0;
    }

    .footer-left {
        flex: 1 1 auto;
        padding-right: 0;
        border-right: none;
        padding-bottom: 24px;
        border-bottom: 1px solid #ddd;
    }

    .footer-right {
        flex: 1 1 auto;
        min-width: unset;
        padding-top: 24px;
    }

    .subscribe-form {
        max-width: unset;
    }

    .footer-bottom .container {
        flex-direction: column;
        text-align: center;
    }

}