/* 颜色性格特有样式 */
        .color-chart {
            display: flex;
            height: 40px;
            width: 100%;
            border-radius: 20px;
            overflow: hidden;
            margin: 32px 0;
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }

        .chart-segment {
            height: 100%;
            transition: width 1s cubic-bezier(0.34, 1.56, 0.64, 1);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: white;
            font-weight: bold;
            overflow: hidden;
        }

        .color-card {
            background: rgba(255, 255, 255, 0.05);
            border-radius: 16px;
            padding: 20px;
            margin-bottom: 20px;
            border-top: 4px solid var(--primary-color);
        }

        .color-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            display: inline-block;
            margin-right: 8px;
        }