/* main.css - 最终修复版 (解决导航栏单列问题 + 委员会列表响应式 + 交通指南折叠列表 + 注册费折叠列表) */

/* =================
   1. 字体导入
   ================= */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Roboto:wght@400;500&display=swap');

/* =================
   2. 全局变量定义 (配置区)
   ================= */
:root {
    /* 颜色主题 */
    --color-bg: #fafafa;
    --color-text: #505050;
    --color-navy: #52739e;    /* 深蓝：Logo、当前页、特殊标题 */
    --color-red: #b2132e;     /* 红：Logo、链接Hover */
    --color-heading: #813c54; /* 深粉：标题 */
    --color-link: #b8860b;    /* 金：链接 */
    --color-link-hover: #e82945; /* 亮红：Active/Hover */
    
    /* 字体 */
    --font-title: 'Montserrat', sans-serif;
    --font-body: 'Roboto', sans-serif;
    
    /* 响应式断点 */
    --break-xs: 576px;
    --break-sm: 768px;
    --break-md: 992px;
    --break-lg: 1200px;
}

/* =================
   3. 基础重置与布局
   ================= */

* {
    border: 0;
    font: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    box-sizing: border-box; /* 统一盒模型 */
    word-wrap: break-word; /* 防止长文本溢出 */
}

body {
    background-color: var(--color-bg);
    background-size: cover;
    background-attachment: fixed;
    color: var(--color-text);
    text-align: left;
    font-family: var(--font-body);
    font-size: 1em;
    line-height: 1.5em;
    margin: 10px auto;
    max-width: var(--break-lg);
    width: 100%;
    padding: 0 20px;
}

/* 链接样式 */
a { color: var(--color-link); text-decoration: none; transition: color 0.2s ease; }
a:hover { color: var(--color-red); }
a:active { color: var(--color-link-hover); }
a.current { color: var(--color-navy); }
a.current:hover { color: var(--color-link-hover); }

/* 主要内容容器居中 */
body > div:not(.banner) {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

/* 通用排版 */
h1, h2, h3, h4 {
    clear: left;
    color: var(--color-heading);
    margin: 1.5em auto 1em auto;
    max-width: 1000px;
    width: 100%;
    font-family: var(--font-title);
    font-weight: 500;
    text-shadow: 1px 1px 2px #d0d0d0;
    line-height: 1.4;
}
h1 { font-size: 2.67em; }
h2 { font-size: 2.00em; }
h3 { font-size: 1.67em; }
h4 { font-size: 1.33em; }

p, ul {
    margin: 24px auto;
    padding: 0;
    max-width: 1000px;
    width: 100%;
}
p { text-align: left; }
ul { list-style: none; text-align: left; }
ul li { margin: 0 auto; }

/* 特殊文本格式 */
li a, p a { border-bottom: 1px dotted var(--color-link); }
i, em { font-style: italic; }
b, strong { font-weight: bold; }
sup, sub { font-size: 0.8em; line-height: 0; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* 通用表格样式 */
table {
    max-width: 100%;
    width: 100%;
    margin: 12px auto 24px auto;
    border-collapse: collapse;
    /* border: 1px solid black; // 调试用 */
}
th, td { text-align: left; /* border: 1px solid black; // 调试用 */ }

/* 图片通用样式 */
img { max-width: 100%; height: auto; display: block; }

/* 主席照片默认样式 */
.chair-photo { max-width: 20%; }

/* =================
   3. 模块样式
   ================= */

/* Website Banner */
.banner {
    position: relative;
    font-family: var(--font-title);
    overflow: hidden;
    max-width: 1000px;
    width: 100%;
    height: 400px;
    margin: 0 auto;
}
.banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.banner-title {
    font-size: 4.5em;
    color: var(--color-text);
    text-align: left;
    width: 100%;
    padding: 5px 0 2px 0;
    line-height: 1.2;
}
.top-left {
    font-size: 3.0em;
    color: #fafafa;
    line-height: 1.5em;
    padding: 15px 20px;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    text-shadow: 0 0 6px #000;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 0 0 8px 0;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.subtitle { display: block; font-size: 1.0em; }
.bottom-right {
    font-size: 2.3em;
    color: #fafafa;
    line-height: 1.5em;
    padding: 0 20px 20px 0;
    text-align: right;
    position: absolute;
    bottom: 10px;
    right: 0;
    text-shadow: 0 0 6px #000;
}
.date-line { font-size: 0.85em; }

/* Logo 文字颜色 */
.title1 { color: var(--color-red); text-shadow: 1px 1px 3px #c0c0c0; display: block; }
.title2 { color: var(--color-navy); text-shadow: 1px 1px 3px #c0c0c0; display: block; font-size: 0.67em; }
.year { color: var(--color-text); font-size: 0.67em; font-weight: lighter; }

/* =================
   导航栏样式（修复单列问题）
   ================= */
.nav-wrapper {
    width: 100%;
    margin: 20px 0;
}
table.navigation {
    width: auto;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 5px;
}
td.navigation {
    font-size: 1.4em;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    padding: 10px 15px;
    width: auto;
    min-width: 100px;
    height: 60px;
}
/* 优化点击区域 - 链接占满单元格 */
td.navigation a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* Sponsor Images */
table.sponsors { max-width: 800px; width: 100%; }
td.sponsor {
    white-space: nowrap;
    width: 33%;
    text-align: center;
    vertical-align: middle;
    padding: 0;
}

/* The Table on the Program Page */
td.room { padding: 4px 12px 4px 4px; }
td.date {
    white-space: nowrap;
    width: 120px; /* 增加宽度以适应24小时制时间 */
    text-align: right;
    vertical-align: top;
    padding: 8px 20px 8px 0;
    font-family: 'Courier New', monospace; /* 等宽字体，便于对齐 */
    font-size: 1.1em;
    color: #555;
    font-weight: 500;
}

/* Formal session times - same size as gap times, only bold */
tr:has(td.title) td.date {
    font-size: 1.1em; /* 与间隙时间字体大小相同 */
    color: #444; /* 加深颜色 */
    font-weight: 600; /* 加粗 */
}
td.title, td.title-special {
    padding: 8px 12px 8px 4px;
    width: 90%;
    vertical-align: top;
    min-height: 40px;
    font-family: var(--font-title);
    font-weight: 500;
    text-shadow: 1px 1px 2px #d0d0d0;
}
td.title { 
    font-size: 1.5em; 
    color: var(--color-heading); 
    font-weight: 600; /* 加粗 */
}
td.title-special { 
    font-size: 1.3em; /* 缩小字体大小 */
    color: var(--color-navy);
    opacity: 0.85; /* 稍微降低不透明度 */
    font-weight: 400; /* 降低字重 */
}
td.speaker { padding: 4px 12px 4px 4px; font-style: italic; font-size: 1em; max-height: 999999px; }
td.abstract { padding: 4px 12px 12px 4px; font-size: 1em; max-height: 999999px; }
td.abstract img { margin: 4px auto 8px auto; }

/* Program page continuous table styles */
tr.day-header {
    background-color: #f8f9fa;
}
tr.day-header td {
    padding: 15px 0 5px 0;
    border-top: 2px solid var(--color-navy);
}
tr.day-header h3 {
    margin: 0;
    color: var(--color-navy);
    font-size: 1.67em;
}

/* Different day background colors - all use #f5f5f5 */
tr.day1-row, tr.day2-row, tr.day3-row, tr.day4-row {
    background-color: #f5f5f5; /* 全部使用稍深灰色 */
}

/* Hover effect for rows */
tr.day1-row:hover, tr.day2-row:hover, tr.day3-row:hover, tr.day4-row:hover {
    background-color: #e8f4f8; /* 浅蓝色悬停效果 */
}

/* Plenary row styles - use same background color */
tr.plenary-row {
    background-color: #f5f5f5 !important; /* 使用相同的灰色背景 */
}
tr.plenary-row td.title {
    color: var(--color-heading); /* 改为粉色，与其他正式内容一致 */
    font-weight: 600; /* 保持加粗 */
}

/* Keep original plenary table style for compatibility */
table.plenary { padding-top: 8px; background: #ffffff; }

/* Registration and Directions */
iframe.registration, iframe.directions {
    display: block;
    margin: 1em auto 2em auto;
    max-width: 800px;
    width: 100%;
    border: none;
}
iframe.registration, iframe.registration-form { height: 800px !important; }
iframe.directions { height: 400px; }
img.center { display: block; max-width: 67%; margin: 1em auto 2em auto; }

/* Flyer Images */
table.flyers { max-width: 800px; width: 100%; }
td.flyer {
    white-space: nowrap;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 0;
}

/* Organization Page */
.committee-list {
    margin: 30px auto;
    padding: 0;
    max-width: 800px;
    width: 100%;
    font-size: 1.1em;
    line-height: 1.7em;
}
.committee-list > li { margin: 20px 0; list-style: none; }
.committee-list strong { color: var(--color-navy); font-size: 1.1em; }
.committee-members {
    margin: 15px 0 15px 30px;
    padding: 0 0 0 20px;
    border-left: 2px solid var(--color-navy);
}
.committee-members li { margin: 10px 0; list-style: disc; }
.responsibilities-list {
    margin: 25px 0 15px 30px;
    padding: 15px 0 0 20px;
    border-left: 2px solid var(--color-heading);
}
.responsibilities-list li { margin: 12px 0; list-style: circle; }

/* Committee Grid (Scientific Committee) */
.committee-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 默认3列 */
    gap: 8px 40px;
    list-style: none;
    padding: 0;
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}

/* Member Cards */
.member-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
    margin: 40px 0;
    padding: 0;
}
.member-card {
    background: white;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid #eaeaea;
    position: relative;
    overflow: hidden;
    min-height: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.member-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    border-color: var(--color-navy);
}

/* Chair Card */
.chair-card {
    border: 2px solid var(--color-navy);
    background: linear-gradient(135deg, #f8fafd 0%, #ffffff 100%);
}
.chair-card::before {
    content: "Chair";
    position: absolute;
    top: 15px;
    right: 15px;
    background: var(--color-navy);
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.8em;
    font-weight: bold;
    letter-spacing: 0.5px;
}

/* Member Photo */
.member-photo-container {
    width: 140px;
    height: 140px;
    margin: 0 auto 20px;
    position: relative;
}
.chair-card .member-photo-container { width: 150px; height: 150px; }
.member-photo-container img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Member Info */
.member-name {
    color: var(--color-navy);
    font-size: 1.2em;
    margin: 0 0 8px;
    text-align: center;
    font-family: var(--font-title);
    font-weight: 500;
    width: 100%;
}
.chair-card .member-name { color: var(--color-red); font-size: 1.5em; }
.member-title {
    color: var(--color-heading);
    font-size: 1.0em;
    margin: 5px 0 3px;
    text-align: center;
    font-weight: 600;
    line-height: 1.3;
    width: 100%;
}
.member-institution {
    color: #666;
    font-size: 0.9em;
    margin: 0 0 12px;
    text-align: center;
    line-height: 1.4;
    font-style: italic;
    width: 100%;
}
.member-country {
    display: inline-block;
    background: #f0f4f8;
    color: var(--color-navy);
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.8em;
    margin: 0 5px 5px 0;
}
.member-bio {
    font-size: 0.85em;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #eee;
    width: 100%;
    text-align: center;
}
.member-bio a {
    display: inline-block;
    background-color: var(--color-navy);
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.0em;
    transition: all 0.3s ease;
}
.member-bio a:hover {
    background-color: #3a5a7a;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Registration Fee Cards (Old Style - Hidden) */
.fee-cards-container { display: none; } 
.fee-card { display: none; }

/* QR Payment */
.qr-payment-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    margin-top: 15px;
}
.qr-code { flex: 0 0 auto; }
.qr-code img {
    width: 200px;
    height: 200px;
    border: 1px solid #ddd;
    border-radius: 8px;
    object-fit: contain;
    background-color: white;
}
.payment-instructions { flex: 1; min-width: 250px; }
.payment-instructions p, .payment-instructions ul {
    margin: 10px 0;
    color: #666;
    width: 100%;
}
.payment-instructions ul { padding-left: 20px; }
.payment-instructions li { text-align: left; }

/* Mobile Accordion List (Shared by Directions and Registration) */
.directions-mobile-list, .registration-mobile-list { display: none; } /* 默认隐藏 */

.direction-item, .registration-item {
    margin-bottom: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    background: white;
}
.direction-item summary, .registration-item summary {
    padding: 15px;
    background-color: #f8f9fa;
    cursor: pointer;
    font-weight: 600;
    color: var(--color-navy);
    list-style: none; /* 移除默认箭头 */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* 自定义箭头 */
.direction-item summary::after, .registration-item summary::after {
    content: '+';
    font-size: 1.2em;
    font-weight: bold;
    color: #666;
}
.direction-item[open] summary::after, .registration-item[open] summary::after {
    content: '-';
}
/* 兼容 Webkit 移除默认箭头 */
.direction-item summary::-webkit-details-marker, .registration-item summary::-webkit-details-marker { display: none; }

.direction-content, .registration-content {
    padding: 15px;
    border-top: 1px solid #e0e0e0;
}

/* Payment Step Accordion */
.payment-step {
    margin: 30px 0;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    background: white;
    border-left: 4px solid var(--color-navy);
}
.payment-step summary {
    padding: 15px 20px;
    background-color: #f8f9fa;
    cursor: pointer;
    font-weight: 600;
    font-size: 1.1em;
    color: var(--color-navy);
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.payment-step summary::after {
    content: '\25BC'; /* ▼ */
    font-size: 1.2em;
    font-weight: bold;
    color: #666;
}
.payment-step[open] summary::after {
    content: '\25B2'; /* ▲ */
}
.payment-step summary::-webkit-details-marker { display: none; }

.payment-content {
    padding: 20px;
    border-top: 1px solid #e0e0e0;
}

/* Directions Specific Content */
.transport-method {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #eee;
}
.transport-method:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.transport-method h4 {
    margin: 0 0 8px 0;
    font-size: 1.1em;
    color: var(--color-heading);
}
.transport-method p {
    margin: 0;
    font-size: 0.95em;
    color: #555;
    line-height: 1.5;
}

/* Registration Specific Content */
.registration-content p {
    margin: 10px 0;
    padding: 0;
    width: 100%;
    text-align: left;
    font-size: 0.95em;
    color: #555;
}
.registration-content strong {
    color: var(--color-text);
}
.fee-card-note {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #eee;
    font-size: 0.9em;
    color: #666;
    line-height: 1.5;
}

footer { font-size: 0.875em; margin-top: 12em; text-align: center; }

/* =================
   4. 响应式媒体查询
   ================= */

/* --- 桌面端 (992px - 1199px) --- */
@media only screen and (max-width: 1199px) and (min-width: 992px) {
    body { margin: 15px auto; }
    h2 { font-size: 2.3em; }
    p, th, td, tr { font-size: 1.15em; line-height: 1.5em; }
    td.date { font-size: 1em; padding-top: 0.5em; }
    td.navigation { font-size: 1.3em; padding: 0 12px; }
    
    .banner { height: 380px; }
    .banner-title { font-size: 4.0em; }
    .top-left { font-size: 2.7em; padding: 14px 18px; }
    .subtitle { font-size: 0.95em; }
    .bottom-right { font-size: 2.0em; padding: 0 18px 18px 0; }
}

/* --- 平板 (768px - 991px) --- */
@media only screen and (max-width: 991px) and (min-width: 768px) {
    body { margin: 15px auto; }
    h2 { font-size: 2.1em; }
    p, th, td, tr { font-size: 1.1em; line-height: 1.5em; }
    td.date { font-size: 0.95em; padding-top: 0.5em; }
    
    /* 导航栏适配 - 保留表格结构，调整字号和内边距 */
    table.navigation {
        width: 100%;
        margin: 0 auto;
    }
    td.navigation {
        font-size: 1.1em;
        padding: 8px 10px;
        min-width: 80px;
        height: 50px;
    }

    .banner { height: 350px; }
    .banner-title { font-size: 3.5em; }
    .top-left { font-size: 2.3em; padding: 12px 15px; }
    .subtitle { font-size: 0.9em; }
    .bottom-right { font-size: 1.8em; padding: 0 15px 15px 0; }
    
    .member-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; }
    
    /* 委员会列表：平板保持3列或改为2列，这里保持3列或自适应 */
    .committee-grid { gap: 8px 20px; }
}

/* --- 大手机 (576px - 767px) --- */
@media only screen and (max-width: 767px) and (min-width: 576px) {
    body { margin: 10px auto; }
    h2 { font-size: 1.9em; }
    p { font-size: 1.05em; width: 98%; }
    
    .banner { height: 320px; }
    .banner-title { font-size: 3.0em; }
    .top-left { font-size: 2.0em; padding: 10px 12px; }
    .subtitle { font-size: 0.85em; }
    .bottom-right { font-size: 1.5em; padding: 0 12px 12px 0; }
    
    /* 导航栏适配 - 表格铺满，单元格均分 */
    table.navigation {
        width: 100%;
        margin: 0 auto;
    }
    td.navigation {
        font-size: 1.0em;
        padding: 8px 8px;
        min-width: 70px;
        height: 45px;
    }
    
    /* 表格横向滚动 */
    table { overflow-x: auto; display: block; }
    
    .member-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; }
    
    /* 委员会列表：移动端改为2列 */
    .committee-grid { grid-template-columns: repeat(2, 1fr); gap: 8px 15px; }
    
    /* Iframe高度调整 */
    iframe.registration, iframe.registration-form, iframe.directions { height: 400px !important; }
    
    /* 交通指南 & 注册费：大手机也使用折叠列表 */
    .directions-table, .registration-fees-table { display: none; }
    .directions-mobile-list, .registration-mobile-list { display: block; }
}

/* --- 小手机 (<= 575px) --- */
@media only screen and (max-width: 575px) {
    body { margin: 8px auto; padding: 0 15px; }
    h2 { font-size: 1.7em; }
    p { font-size: 1.0em; width: 100%; }
    
    .banner { height: 280px; }
    .banner-title { font-size: 2.5em; }
    .top-left { font-size: 1.7em; padding: 8px 10px; }
    .subtitle { font-size: 0.8em; }
    .bottom-right { font-size: 1.3em; padding: 0 10px 10px 0; }
    
    /* 导航栏适配 - 两行布局（核心修复） */
    table.navigation {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    table.navigation tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }
    td.navigation {
        font-size: 3.2vw; /* 自动适配屏幕宽度 */
        padding: 4px 2px;
        flex: 0 0 calc(25% - 7px); /* 每行4个 */
        min-width: unset;
        min-height: 44px; /* 允许高度自适应，但保持最小高度 */
        height: auto;
        margin: 3px;
        word-break: break-word; /* 优化换行逻辑 */
        line-height: 1.2; /* 优化行间距 */
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* 表格横向滚动 */
    table { overflow-x: auto; display: block; }
    
    /* Program页面时间对齐优化 - 基础优化 */
    td.date { 
        width: 85px; /* 进一步缩小宽度 */
        font-size: 0.95em; /* 稍微增大字体提高可读性 */
        text-align: left; /* 改为左对齐，在手机上更清晰 */
        padding: 8px 10px 8px 0; /* 调整内边距 */
        font-family: 'Roboto', 'Courier New', monospace; /* 使用更通用的字体栈 */
        font-weight: 500; /* 确保字重一致 */
    }
    
    /* 确保小手机上所有时间字体大小一致 */
    tr:has(td.title) td.date {
        font-size: 0.95em; /* 与普通时间字体大小相同 */
        color: #444; /* 保持加深颜色 */
        font-weight: 600; /* 保持加粗 */
    }
    
    td.title, td.title-special { 
        width: auto; 
        font-size: 1.1em; /* 稍微缩小内容字体 */
        padding: 8px 8px 8px 4px; /* 调整内边距 */
    }
    
    /* 确保表格布局正确 */
    table {
        display: table;
        width: 100%;
    }
    
    tr {
        display: table-row;
    }
    
    td {
        display: table-cell;
        vertical-align: top;
    }
    
    /* 会员卡片单列 */
    .member-grid { grid-template-columns: 1fr; gap: 15px; }
    .member-card { padding: 20px; min-height: 350px; }
    .member-photo-container { width: 110px; height: 110px; }
    .chair-card .member-photo-container { width: 120px; height: 120px; }
    
    /* 委员会列表：小手机也保持2列，但允许换行 */
    .committee-grid { grid-template-columns: repeat(2, 1fr); gap: 8px 10px; }
    .committee-grid div { font-size: 0.95em; } /* 稍微缩小字体以适应 */
    
    /* 组织页面 */
    .committee-list { width: 100%; font-size: 1.0em; }
    
    /* Iframe高度固定 */
    iframe.registration, iframe.registration-form, iframe.directions { height: 400px !important; }
    
    /* 二维码区域 */
    .qr-payment-container { flex-direction: column; gap: 20px; }
    .qr-code { align-self: center; }
    .qr-code img { width: 180px; height: 180px; }
    .payment-instructions { min-width: 100%; }
    
    /* 主席照片放大 */
    .chair-photo { max-width: 30%; }
    
    /* 交通指南 & 注册费：小手机使用折叠列表 */
    .directions-table, .registration-fees-table { display: none; }
    .directions-mobile-list, .registration-mobile-list { display: block; }
}

/* --- 特定模块的响应式切换 --- */

/* 注册费：移动端显示折叠列表，桌面端显示表格 */
@media only screen and (max-width: 767px) {
    .registration-fees-table { display: none; }
    .registration-mobile-list { display: block; }
    .fee-cards-container { display: none; } /* 隐藏旧的卡片容器 */
}
@media only screen and (min-width: 768px) {
    .registration-fees-table { display: table; }
    .registration-mobile-list { display: none; }
    .fee-cards-container { display: none; }
}

/* 组织页面文本调整 */
@media only screen and (max-width: 1100px) {
    .committee-list { width: 90%; font-size: 1.2em; }
}
@media only screen and (max-width: 768px) {
    .committee-list { width: 95%; font-size: 1.1em; line-height: 1.6em; }
}