<style>
        /* 基础样式 */
        .table-container {
            width: 90%;
            max-width: 600px;
            margin: 30px auto;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.15);
            box-sizing: border-box;
        }
        
        .main-title {
            color: #dc3545; /* 红色 */
            font-weight: bold; /* 加粗 */
            text-align: center;
            margin-bottom: 25px;
            font-family: 'Arial', sans-serif;
            font-size: 1.8em; /* 大标题字体 */
            text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
        }
        
        .table-title {
            color: #6c757d;
            text-align: center;
            margin-bottom: 15px;
            font-family: 'Arial', sans-serif;
            font-size: 1.1em;
        }
        
        .school-table {
            width: 100%;
            border-collapse: collapse;
            font-family: 'Arial', sans-serif;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        }
        
        .school-table th, .school-table td {
            padding: 15px 20px;
            text-align: center;
            border: 1px solid #e0e0e0;
        }
        
        .school-table a {
            color: #2c3e50;
            text-decoration: none;
            font-weight: 500;
            transition: all 0.3s ease;
            font-size: 1.05em;
        }
        
        .school-table a:hover {
            color: #0d6efd;
            text-decoration: underline;
        }
        
        .school-table tr:hover {
            background-color: #f8f9fa;
        }

        /* 移动端适配 (屏幕宽度小于600px时) */
        @media (max-width: 600px) {
            .main-title {
                font-size: 1.5em; /* 减小标题大小 */
                margin-bottom: 15px;
            }
            
            .table-title {
                font-size: 1em;
                margin-bottom: 10px;
            }
            
            .table-container {
                padding: 15px 10px;
                margin: 15px auto;
            }
            
            .school-table th, .school-table td {
                padding: 12px 10px; /* 减小内边距 */
            }
            
            .school-table a {
                font-size: 1em;
            }
        }

        /* 小屏手机适配 (屏幕宽度小于400px时) */
        @media (max-width: 400px) {
            .main-title {
                font-size: 1.3em;
            }
            
            .school-table th, .school-table td {
                padding: 10px 5px;
            }
        }
    </style>