#content {
            width: 85%;                /* 整个页面的 80% */
            margin-left: auto;         /* 水平居中关键属性 */
            margin-right: auto;        /* 水平居中关键属性 */
            background: #ffffff;
            border-radius: 24px;
            box-shadow: 0 20px 35px -8px rgba(0, 20, 30, 0.15);
            padding: 0.5rem;           /* 内边距让内部元素不贴边 */
            display: flex;             /* 让子元素并排 */
            flex-wrap: nowrap;         /* 不换行 */
            gap: 1.5rem;               /* 两列之间的间距，也可用 margin，但 gap 更干净 */
            /* 确保内部宽度计算基于 content-box（已全局 border-box） */
        }

        /* 两列共同样式：高度自适应，背景/边框区分 */
        #subExams,
        #moreCerts {
            background: #ffffff;
            border-radius: 16px;
            padding: 1.2rem 1.5rem;
            min-height: 200px;          /* 方便展示，实际内容可撑开 */
            transition: all 0.1s ease;
        }

        /* 左列 —— 占 content 宽度的 80% */
        #subExams {
            width: 75%;                /* 父容器 content 宽度的 80% */
            /*background: #eef6ff;*/       /* 柔和的蓝色背景便于区分 */
            border: 1px solid #cfe3ff;
            box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.02);
        }

        /* 右列 —— 占 content 宽度的 20% */
        #moreCerts {
            width: 25%;                /* 父容器 content 宽度的 20% */
            /*background: #fef6e6;*/       /* 柔和的暖色背景 */
            border: 1px solid #ffe6b3;
        }