        * {
            font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        }
        body {
            background: #f8fafc;  /* 柔和极浅灰蓝基底，凸显白金 */
        }
        /* 自定义白金渐变与光晕效果 */
        .platinum-card {
            background: rgba(255, 255, 255, 0.96);
            backdrop-filter: blur(0px);
            transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
            border: 1px solid rgba(226, 218, 200, 0.5);
            box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0,0,0,0.02);
        }
        .platinum-card:hover {
            transform: translateY(-4px);
            border-color: rgba(212, 175, 55, 0.4);
            box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(212, 175, 55, 0.1);
        }
        /* 白金按钮渐变 (暖金+白金色调) */
        .btn-platinum {
            background: linear-gradient(105deg, #e9e2d0 0%, #fff6ea 100%);
            border: 1px solid #e2d7c4;
            color: #8a6e3f;
            font-weight: 600;
            transition: all 0.2s ease;
            box-shadow: 0 1px 1px rgba(0,0,0,0.02);
        }
        .btn-platinum:hover {
            background: linear-gradient(105deg, #dfd4be 0%, #fef3e4 100%);
            border-color: #cfbc92;
            color: #7b5d34;
            box-shadow: 0 4px 10px -4px rgba(160, 120, 40, 0.2);
            transform: scale(0.98);
        }
        /* 白金分类标签激活态 */
        .category-active {
            background: #f3efe6;
            color: #9b7b3c;
            border: 1px solid #e2cfaa;
            box-shadow: inset 0 0 0 1px rgba(255,245,215,0.8);
        }
        .category-default {
            background: #ffffffcc;
            backdrop-filter: blur(2px);
            border: 1px solid #ece5da;
            color: #5f5b52;
            transition: all 0.2s;
        }
        .category-default:hover {
            background: #fef9f0;
            border-color: #dacaa8;
            color: #9e7d45;
            transform: translateY(-1px);
        }
        /* 呼吸感全局容器：最大宽度 + 外边距内边距节奏 */
        .breathe-container {
            max-width: 1280px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 2rem;
            padding-right: 2rem;
        }
        /* 优雅分隔 & 装饰细节 */
        .gold-accent-line {
            background: linear-gradient(90deg, #e7ddcc, #fef5e6, #e7ddcc);
            height: 1px;
            width: 100%;
        }
        /* 卡片内图片精致圆角+微影 */
        .rounded-platinum-img {
            border-radius: 1.25rem;
            box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.05);
            border: 1px solid rgba(245, 235, 215, 0.8);
            transition: transform 0.2s;
        }
        .group:hover .rounded-platinum-img {
            transform: scale(1.02);
        }
        /* 标题金线点缀 */
        .title-golden-underline {
            position: relative;
            display: inline-block;
        }
        .title-golden-underline:after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 56px;
            height: 3px;
            background: #d4b87a;
            border-radius: 4px;
        }
        /* 自适应间距 */
        @media (max-width: 768px) {
            .breathe-container {
                padding-left: 1.25rem;
                padding-right: 1.25rem;
            }
        }
        /* 分隔线装饰 */
        .gold-separator {
            background: linear-gradient(90deg, #ece3d4, #dacaa8, #ece3d4);
            height: 1px;
            width: 100%;
        }
        /* 截图占位块样式 */
        .screenshot-placeholder {
            background: linear-gradient(145deg, #fcf9f4, #f5efe6);
            border-radius: 1.5rem;
            border: 1px solid #f0e7db;
        }
        