/* 图片网格 */
        #gallery-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
            gap: 15px;
        }

        /* 卡片样式 */
        .img-card {
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            transition: all 0.2s ease;
            cursor: pointer;
            border: 1px solid #e5e5e5;
        }

        /* 图片承载区 */
        .img-wrapper {
            width: 100%;
            aspect-ratio: 1 / 1;
            background-color: #f0f0f0;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }

        .img-card img {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            display: block;
            object-fit: contain;
        }

        .img-info {
            padding: 10px;
            text-align: center;
            background: #fff;
            font-family: monospace;
        }

        /* 图片加载失败 */
        .img-error {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .img-error::after {
            content: '加载失败';
            color: #999;
            font-size: 12px;
        }

        /* 复制成功的提示泡 (Toast) */
        .toast {
            position: fixed;
            bottom: 74px; /* 抬到底部导航上方 */
            left: 50%;
            transform: translateX(-50%);
            background: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 10px 20px;
            border-radius: 25px;
            font-size: 14px;
            z-index: 1000;
            opacity: 0;
            transition: opacity 0.3s;
            pointer-events: none;
        }
        .toast.show { opacity: 1; }

        @media (max-width: 600px) {
            #gallery-container {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }

            .img-wrapper {
                aspect-ratio: 1 / 1;
            }
        }
