.container {
            display: flex;
            align-items: flex-start;
            width: 100%;
    		margin-top: 50px;
        }

        .sidebar-title {
            writing-mode: vertical-rl;
            text-orientation: mixed;
            font-size: 40px;
            color: #333;
            position: relative;
            margin-right: 30px;
            flex-shrink: 0;
            z-index: 10;
            height: 66%;
            font-family: Source Han Serif CN;
        }

        .sidebar-title::before {
            content: "";
            position: absolute;
            top: 0;
            right: -9px;
            width: 3px;
            height: 94px;
            background-color: #b32424;
            z-index: 1;
        }

        .sidebar-title::after {
            content: "";
            position: absolute;
            top: 0;
            right: -10px;
            width: 3px;
            height: 527px;
            background: linear-gradient(90deg, rgba(235, 187, 132, 1), rgba(255, 255, 255, 0.3));
        }

        .sidebar-title .en {
            position: absolute;
            left: -10px;
            font-size: 31px;
            color: rgba(204, 180, 156, 0.44);
            font-weight: bold;
            letter-spacing: 2px;
        }

		.title-text {
            letter-spacing: 4px;
            margin-top: -12px;
        }

        /* ========== 主体内容 ========== */
        .intro-container {
            flex: 1;
            display: flex;
            align-items: flex-start;
            gap: 40px;
            position: relative;
            padding-left: 85px;
        }

        /* 左侧照片区域 */
        .photo-wrapper {
            position: relative;
            width: 320px;
            height: 420px;
            flex-shrink: 0;
        }

        .photo-bg {
            position: absolute;
            top: -15px;
            left: -18px;
            right: 15px;
            bottom: 15px;
            background-color: #c99a85;
            z-index: 0;
        }

        .photo-img {
            position: relative;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 1;
            border: 1px solid #eee;
            display: block;
        }

        /* 右侧文字区域 */
        .text-wrapper {
            flex: 1;
            position: relative;
        }

        .text-wrapper::before,
        .text-wrapper::after {
            content: "\201C";
            font-size: 80px;
            color: #f0e8e4;
            position: absolute;
            opacity: 0.7;
        }

        .text-wrapper::before {
            top: 37px;
            left: -20px;
        }

        .text-wrapper::after {
            content: "\201D";
            bottom: -60px;
            right: 20px;
        }

        .title {
            font-size: 28px;
            color: #b32424;
            font-weight: bold;
            margin-bottom: 45px;
            font-family: Source Han Serif CN;
        }

        .intro-text {
            font-size: 17px;
            line-height: 1.76;
            color: #333;
            letter-spacing: 2px;
            text-align: justify;
        }

        .intro-text p {
            text-indent: 2em;
        }

        /* ========== 移动端适配 ========== */
        @media (max-width: 768px) {
            body {
                align-items: flex-start;
                padding: 0;
            }

            .container {
                flex-direction: column;
                max-width: 100%;
                margin-top: 20px;
            }

            /* 左侧竖排标题 → 横排顶部标题 */
            .sidebar-title {
                writing-mode: horizontal-tb;
                text-orientation: mixed;
                font-size: 22px;
                margin: 0 0 20px 0;
                padding-bottom: 15px;
                height: auto;
                width: 100%;
                text-align: center;
                border-bottom: 1px solid #eee;
            }

            .title-text {
                font-family: "Source Han Serif CN", serif;
                font-weight: 600;
                font-size: 40px;
                color: #333333;
            }

            .sidebar-title::before,
            .sidebar-title::after {
                display: none;
            }

            .sidebar-title .en {
                position: static;
                display: block;
                font-size: 14px;
                margin-bottom: 4px;
                color: rgba(204, 180, 156, 0.7);
            }

            .intro-container {
                flex-direction: column;
                align-items: center;
                padding: 20px;
                gap: 0;
            }

            .photo-wrapper {
                width: 260px;
                height: 340px;
                margin-bottom: 30px;
            }

            .title {
                font-size: 22px;
                text-align: center;
            }

            .intro-text {
                font-size: 14px;
            }

            .text-wrapper::before,
            .text-wrapper::after {
                display: none;
            }
        }

        @media (max-width: 480px) {
            .photo-wrapper {
                width: 220px;
                height: 290px;
            }

            .title {
                font-size: 18px;
                margin-bottom: 15px;
            }

            .intro-text {
                font-size: 14px;
            }

            .title-text {
                font-size: 20px;
            }
        }