.movie_record_container {
            margin: 0 auto;
            padding: 0 20px;
        }

        /* 头部导航栏 */
        .movie_record_header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #1a1a1a;
            padding: 15px 20px;
            border-radius: 8px;
            margin-bottom: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.3);
        }

        .movie_record_user_info {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .movie_record_avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            overflow: hidden;
        }

        .movie_record_avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
		
		.movie_record_user_cass {
			display: flex;
			flex-direction: column;
			gap: 5px;
        }
		

        .movie_record_user_name {
            font-size: 18px;
            font-weight: bold;
            color: white;
        }

        .movie_record_user_tags {
            display: flex;
            gap: 10px;
            font-size: 12px;
            color: #999;
        }

        .movie_record_user_tags span {
            display: inline-block;
        }



        .movie_record_nav_menu {
            display: flex;
            gap: 20px;
            font-size: 14px;
            color: #ccc;
        }

        .movie_record_nav_menu a {
            text-decoration: none;
            color: #ccc;
            transition: color 0.3s ease;
        }

        .movie_record_nav_menu a:hover {
            color: white;
        }

        .movie_record_nav_menu .active {
            color: white;
            position: relative;
        }

        .movie_record_nav_menu .active::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #007AFF;
            border-radius: 1px;
        }

        /* 会员信息区域 */
        .movie_record_membership {
            display: flex;
            gap: 40px;
            padding: 15px 0;
            border-top: 1px solid #333;
            margin-bottom: 20px;
        }

        .movie_record_membership_item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 5px;
            padding: 10px 20px;
            background-color: #1e1e1e;
            border-radius: 8px;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .movie_record_membership_item:hover {
            background-color: #2a2a2a;
            transform: translateY(-2px);
        }

        .movie_record_membership_title {
            font-size: 14px;
            color: #fff;
            font-weight: 500;
        }

        .movie_record_membership_desc {
            font-size: 12px;
            color: #999;
        }

        .movie_record_button {
            padding: 8px 16px;
            background-color: #007AFF;
            color: white;
            border: none;
            border-radius: 4px;
            font-size: 12px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .movie_record_button:hover {
            background-color: #0056b3;
        }

        /* 主要内容区域 - 添加滚动 */
        .movie_record_main_content {
            display: flex;
            flex-direction: column;
            gap: 20px;
            max-height: calc(80vh - 76px);
            overflow-y: auto;
            padding-right: 10px;
        }

        /* 美化滚动条 */
        .movie_record_main_content::-webkit-scrollbar {
            width: 8px;
        }

        .movie_record_main_content::-webkit-scrollbar-track {
            background: #1e1e1e;
            border-radius: 4px;
        }

        .movie_record_main_content::-webkit-scrollbar-thumb {
            background: #444;
            border-radius: 4px;
        }

        .movie_record_main_content::-webkit-scrollbar-thumb:hover {
            background: #666;
        }

        .movie_record_tab_nav {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
        }

        .movie_record_tab_button {
            padding: 8px 12px;
            background: none;
            border: none;
            color: #999;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
        }

        .movie_record_tab_button.active {
            color: white;
        }

        .movie_record_tab_button.active::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #007AFF;
            border-radius: 1px;
        }

        /* 影视卡片网格 */
        .movie_record_grid {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }

        .movie_record_card {
            flex: 1 1 calc(16.666% - 20px);
            min-width: 200;
            max-width: 25%;
            background-color: #1a1a1a;
            border-radius: 8px;
            overflow: hidden;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .movie_record_card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.3);
        }

        .movie_record_card_image {
            width: 100%;
            height: 240px;
            object-fit: cover;
            position: relative;
        }

        .movie_record_card_image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* 半透明覆盖层 */
        .movie_record_card_image-remarks {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 25px;
			font-size: 12px;
			text-align: right;
			padding: 5px 10px 0px 10px; /* 上 右 下 左 */
            background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
			color: #c8c8c8;
			white-space: nowrap;      /* 禁止换行 */
			overflow: hidden;         /* 隐藏超出部分 */
			text-overflow: ellipsis;  /* 超出部分显示省略号 */
        }

        /* 删除按钮 */
        .movie_record_delete_button {
            position: absolute;
            top: 8px;
            right: 8px;
            width: 20px;
            height: 20px;
            background: rgba(0,0,0,0.6);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .movie_record_delete_button:hover {
            background: rgba(0,0,0,0.8);
        }

        .movie_record_delete_button svg {
            width: 12px;
            height: 12px;
            fill: #fff;
        }

        .movie_record_card_info {
            padding: 12px;
        }

        .movie_record_card_title {
            font-size: 14px;
            font-weight: 500;
            color: white;
            margin-bottom: 8px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
			white-space: nowrap;      /* 禁止换行 */
			overflow: hidden;         /* 隐藏超出部分 */
			text-overflow: ellipsis;  /* 超出部分显示省略号 */
        }

        .movie_record_card_status {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 12px;
            color: #999;
        }
		
		.movie_record_card_status_info {
            width: 80%;
			white-space: nowrap;      /* 禁止换行 */
			overflow: hidden;         /* 隐藏超出部分 */
			text-overflow: ellipsis;  /* 超出部分显示省略号 */
        }
		

        .movie_record_card_status i {
            font-size: 12px;
            margin-right: 4px;
        }

        /* 隐藏/显示内容 */
        .movie_record_content_section {
            display: none;
            opacity: 0;
            transition: opacity 0.3s ease;
			padding: 10px 0px 10px 0px; /* 上 右 下 左 */
        }

        .movie_record_content_section.active {
            display: block;
            opacity: 1;
        }

        /* 响应式设计 */

        @media (max-width: 1200px) {
            .movie_record_card {
                flex: 1 1 calc(25% - 20px);
            }
        }

        @media (max-width: 900px) {
            .movie_record_card {
                flex: 1 1 calc(33.333% - 20px);
            }
            
            .movie_record_header {
                flex-direction: column;
                gap: 15px;
            }
            
            .movie_record_user_info {
                width: 100%;
            }
            
            .movie_record_nav_menu {
                width: 100%;
                justify-content: center;
            }
        }

        @media (max-width: 768px) {
            .movie_record_card {
                flex: 1 1 calc(50% - 20px);
            }
            
            .movie_record_header {
                padding: 10px;
            }
            
            .movie_record_user_info {
                gap: 10px;
            }
            
            .movie_record_avatar {
                width: 32px;
                height: 32px;
            }
        }

        @media (max-width: 480px) {
            .movie_record_card {
                flex: 1 1 100%;
            }
            
            .movie_record_container {
                padding: 10px;
            }
            
            .movie_record_header {
                padding: 10px;
            }
            
            .movie_record_user_info {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
            }
            
            .movie_record_user_name {
                font-size: 16px;
            }
            
            .movie_record_user_tags {
                flex-wrap: wrap;
            }
            
            .movie_record_tab_nav {
                flex-wrap: wrap;
                gap: 10px;
            }
        }