.sec-desc {
        font-size: 12px;
        color: var(--sr-color-text-secondary);
        line-height: 1.6;
        margin: 0 0 10px;
    }
    /* 上传照片框 */
    .upload-box {
        width: 196px;
        height: 196px;
        border: 2px dashed #d0d0d0;
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        background: #fafbfc;
        position: relative;
        overflow: hidden;
        transition: border-color 0.2s, background 0.2s;
        margin: 0 auto;
    }

        .upload-box:hover {
            border-color: var(--sr-color-primary);
            background: #f5f3ff;
        }

        .upload-box .upload-icon {
            width: 32px;
            height: 32px;
            color: #999;
            margin-bottom: 6px;
        }

        .upload-box .upload-text {
            font-size: 13px;
            color: #999;
        }

        .upload-box .upload-preview {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 12px;
        }

        .upload-box.has-image .upload-icon,
        .upload-box.has-image .upload-text {
            display: none;
        }

        .upload-box.has-image .upload-preview {
            display: block;
        }
    /* 示例照片网格 */
    .example-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        width: 200px;
    }

    .example-photo {
        width: 85px;
        height: 85px;
        object-fit: cover;
        border-radius: 8px;
        cursor: pointer;
        transition: opacity 0.2s, border-color 0.2s;
        border: 2px solid transparent;
        box-sizing: border-box;
    }

        .example-photo:hover {
            opacity: 0.85;
            border-color: var(--sr-color-primary);
        }

    .example-title {
        text-align: center;
        font-size: 12px;
        color: var(--sr-color-text-muted);
        margin: 4px 0 0;
    }
    /* 尺寸分类选项卡 */
    .size-category-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-bottom: 12px;
    }

    .size-category-tab {
        padding: 5px 12px;
        border: 1.5px solid var(--sr-color-border);
        border-radius: 20px;
        background: #f9fafb;
        cursor: pointer;
        font-size: 12px;
        color: var(--sr-color-text);
        transition: all 0.2s;
        user-select: none;
        font-family: inherit;
    }

        .size-category-tab:hover {
            border-color: var(--sr-color-primary);
            color: var(--sr-color-primary);
        }

        .size-category-tab.active {
            border-color: var(--sr-color-primary);
            background: var(--sr-color-primary);
            color: #fff;
        }
    /* 尺寸列表网格 */
    .size-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
    }

    .size-card {
        border: 1.5px solid var(--sr-color-border);
        border-radius: 10px;
        padding: 10px 6px;
        text-align: center;
        cursor: pointer;
        transition: all 0.2s;
        background: #fff;
    }

        .size-card:hover {
            border-color: var(--sr-color-primary);
        }

        .size-card.active {
            border-color: var(--sr-color-primary);
            background: #f5f3ff;
            box-shadow: 0 0 0 2px rgba(99,102,241,0.15);
        }

        .size-card .size-name {
            font-size: 13px;
            font-weight: 600;
            color: var(--sr-color-text);
            margin-bottom: 4px;
        }

        .size-card .size-px {
            font-size: 11px;
            color: var(--sr-color-text-secondary);
            line-height: 1.5;
        }

        .size-card .size-mm {
            font-size: 11px;
            color: var(--sr-color-text-muted);
            line-height: 1.5;
        }
    /* 模特选项卡 */
    .model-tabs {
        display: flex;
        gap: 8px;
        margin-bottom: 10px;
    }

    .model-tab {
        padding: 5px 16px;
        border: 1.5px solid var(--sr-color-border);
        border-radius: 20px;
        background: #f9fafb;
        cursor: pointer;
        font-size: 13px;
        color: var(--sr-color-text);
        transition: all 0.2s;
        user-select: none;
        font-family: inherit;
    }

        .model-tab:hover {
            border-color: var(--sr-color-primary);
            color: var(--sr-color-primary);
        }

        .model-tab.active {
            border-color: var(--sr-color-primary);
            background: var(--sr-color-primary);
            color: #fff;
        }
    /* 模特网格 */
    .model-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
    }

    .model-item {
        border-radius: 8px;
        overflow: hidden;
        cursor: pointer;
        border: 2px solid transparent;
        transition: all 0.2s;
        line-height: 0;
    }

        .model-item:hover {
            border-color: var(--sr-color-primary);
        }

        .model-item.active {
            border-color: var(--sr-color-primary);
            box-shadow: 0 0 0 2px rgba(99,102,241,0.2);
        }

        .model-item img {
            display: block;
            width: 100%;
            aspect-ratio: 1;
            object-fit: cover;
        }
    /* 证件照选项卡 */
    .idphoto-tabs {
        display: flex;
        gap: 0;
        margin-top: 12px;
    }

    .idphoto-tab {
        flex: 1;
        text-align: center;
        padding: 8px 0;
        font-size: 13px;
        color: var(--sr-color-text-secondary);
        cursor: pointer;
        border-bottom: 2px solid var(--sr-color-border);
        transition: all 0.2s;
        user-select: none;
    }

        .idphoto-tab:hover {
            color: var(--sr-color-primary);
        }

        .idphoto-tab.active {
            color: var(--sr-color-primary);
            border-bottom-color: var(--sr-color-primary);
            font-weight: 600;
        }

    .idphoto-panel {
        flex: 1;
        overflow-y: auto;
        min-height: 0;
        margin-top: 10px;
    }
    /* 背景颜色网格 */
    .color-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 8px;
    }

    .color-swatch {
        width: 100%;
        aspect-ratio: 1;
        border-radius: 8px;
        cursor: pointer;
        border: 2px solid #d0d5dd;
        transition: all 0.2s;
        box-sizing: border-box;
    }

        .color-swatch:hover {
            border-color: var(--sr-color-primary);
        }

        .color-swatch.active {
            border-color: var(--sr-color-primary);
            box-shadow: 0 0 0 2px rgba(99,102,241,0.2);
        }
    /* 证件照结果展示 */
    .idphoto-result-section {
        margin-bottom: 20px;
    }

    .idphoto-result-title {
        font-size: 15px;
        font-weight: 600;
        color: var(--sr-color-text);
        margin: 0 0 10px;
    }

    .idphoto-compare {
        display: flex;
        gap: 16px;
    }

    .idphoto-compare-item {
        width: 300px;
        height: 300px;
        border-radius: 12px;
        overflow: hidden;
        line-height: 0;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }

        .idphoto-compare-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .idphoto-layout {
        width: 616px;
        max-width: 100%;
    }

        .idphoto-layout img {
            display: block;
            width: 100%;
            height: auto;
            border-radius: 8px;
        }
    /* 下载浮层 */
    .idphoto-img-wrap {
        position: relative;
        display: inline-block;
        line-height: 0;
        width: 100%;
        height: 100%;
    }

    .idphoto-download-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,0.3);
        opacity: 0;
        transition: opacity 0.25s;
        border-radius: inherit;
        cursor: pointer;
        z-index: 2;
    }

    .idphoto-img-wrap:hover .idphoto-download-overlay {
        opacity: 1;
    }

    .idphoto-download-btn {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: rgba(255,255,255,0.9);
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.2s, background 0.2s;
    }

        .idphoto-download-btn:hover {
            transform: scale(1.1);
            background: #fff;
        }

        .idphoto-download-btn svg {
            width: 22px;
            height: 22px;
            color: #6366f1;
        }

/* ========== 移动端响应式 (≤639px) ========== */
@media (max-width: 639px) {
    .design-panel {
        width: 100% !important;
        padding: 28px 4px;
        border-radius: 12px;
        box-sizing: border-box;
    }

    .page-layout {
        padding: 4px;
    }

    .inspiration-area {
        display: none;
        justify-content: flex-start;
    }

    .inspiration-header {
        margin-bottom: 12px;
    }

    .inspiration-title {
        font-size: 22px;
    }

    .inspiration-desc {
        font-size: 13px;
    }

    .inspiration-hero {
        overflow-y: auto;
        max-height: none;
        min-height: 0;
        display: block;
        padding: 16px;
    }

    .inspiration-hero-placeholder {
        min-width: auto;
        max-width: 100%;
    }

    .sr-style-section {
        flex: none !important;
        overflow-y: visible !important;
    }

    /* 上传区 - 示例照片区隐藏，上传框自适应 */
    .sr-style-grid-2col {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .upload-box {
        width: 100%;
        max-width: 200px;
        height: 200px;
    }

    .example-grid {
        display: none;
    }

    .example-title {
        display: none;
    }

    /* 尺寸分类选项卡 */
    .size-category-tabs {
        gap: 4px;
    }

    .size-category-tab {
        padding: 4px 10px;
        font-size: 11px;
    }

    /* 尺寸网格 */
    .size-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 6px;
    }

    .size-card {
        padding: 8px 4px;
    }

    .size-card .size-name {
        font-size: 12px;
    }

    .size-card .size-px,
    .size-card .size-mm {
        font-size: 10px;
    }

    /* 模特网格 */
    .model-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 6px;
    }

    /* 颜色网格 */
    .color-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 6px;
    }

    /* 开始按钮 */
    .start-btn {
        padding: 12px 20px;
        font-size: 15px;
        margin-top: 16px;
    }

    /* 对比结果 */
    .idphoto-compare {
        flex-direction: column;
        gap: 12px;
    }

    /* 生成结束后隐藏原图（标准照），仅移动端 */
    .idphoto-original {
        display: none;
    }

    .idphoto-compare-item {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
    }

    .idphoto-layout {
        width: 100%;
    }

    /* 结果标题 */
    .idphoto-result-title {
        font-size: 14px;
    }
}