{"product_id":"리버스-1999-공식-정품-굿즈-uttu-우투-섬광-2탄-어제의-재현-컬렉션-포토-카드-ssr-001-드루비스","title":"리버스 1999 공식 정품 굿즈 UTTU 우투 섬광 2탄 *어제의 재현* 컬렉션 포토 카드 SSR-001 드루비스","description":"    \u003cmeta charset=\"UTF-8\"\u003e    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e    \u003ctitle\u003e리버스: 1999 UTTU Vol.2 - SSR 확정 굿즈\u003c\/title\u003e    \u003cstyle\u003e        @import url('https:\/\/cdn.jsdelivr.net\/gh\/orioncactus\/pretendard\/dist\/web\/static\/pretendard.css');                :root {            --primary-gold: #d4af37;            --secondary-dark: #2c3e50;            --text-dark: #111;            --text-grey: #666;            --point-red: #d63031;        }        * {            margin: 0; padding: 0; box-sizing: border-box;            font-family: 'Pretendard', sans-serif;            -webkit-tap-highlight-color: transparent;        }        body {            background-color: #fff;            color: var(--text-dark);            line-height: 1.5;            word-break: keep-all;        }        .container {            max-width: 680px;            margin: 0 auto;            padding: 40px 20px;        }        \/* SECTION HEADER *\/        .section-header {            margin-bottom: 30px;            text-align: center;        }        .section-title {            font-size: 24px;            font-weight: 800;            margin-bottom: 10px;            display: flex;            align-items: center;            justify-content: center;            gap: 10px;        }        .rank-tag {            font-size: 14px;            background: var(--text-dark);            color: #fff;            padding: 4px 10px;            border-radius: 4px;            font-weight: 700;        }        .section-desc {            font-size: 15px;            color: var(--text-grey);            margin-bottom: 15px;            padding: 0 10px;        }        .tech-spec-container {            display: flex;            justify-content: center;            gap: 8px;            margin-top: 15px;            flex-wrap: wrap;        }        .tech-spec {            font-size: 12px;            color: var(--secondary-dark);            font-weight: 600;            background: #f0f4f8;            padding: 6px 12px;            border-radius: 4px;            border: 1px solid #dce4ec;        }        .tech-spec::before {            content: '✦';            color: var(--primary-gold);            margin-right: 4px;        }        \/* VIDEO AREA (0:42 ~ 0:53 구간 재생 설정) *\/        .video-mask {            position: relative;            width: 100%;            max-width: 320px;            margin: 0 auto 10px;            border-radius: 12px;            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);            border: 2px solid var(--primary-gold);            background: #000;            overflow: hidden;            padding-bottom: 125%; \/* 4:5 ratio *\/            height: 0;        }        .video-mask iframe {            position: absolute;            width: 100%;            height: 177.77%;            left: 0;            top: 50%;            transform: translateY(-50%);        }        .video-caption {            font-size: 13px;            color: var(--primary-gold);            font-weight: 700;            text-align: center;            margin-bottom: 35px;        }        \/* GRID SYSTEM *\/        .grid-basic {            display: grid;            grid-template-columns: repeat(3, 1fr);            gap: 8px;            margin-bottom: 40px;        }        @media (min-width: 500px) {            .grid-basic {                grid-template-columns: repeat(4, 1fr);                gap: 12px;            }        }        .card-item img {            width: 100%;            display: block;            border-radius: 6px;            cursor: pointer;        }        \/* CONFIRMED GOODS GUIDE *\/        .confirmed-guide-box {            background: #fafafa;            border: 1px solid #eee;            border-radius: 8px;            padding: 20px;            text-align: left;        }        .confirmed-guide-box h3 {            font-size: 16px;            font-weight: 800;            margin-bottom: 12px;            color: var(--text-dark);            border-bottom: 1px solid #ddd;            padding-bottom: 8px;        }        .confirmed-guide-box ul {            list-style: none;            padding: 0;        }        .confirmed-guide-box li {            font-size: 13.5px;            color: #444;            margin-bottom: 8px;            padding-left: 18px;            position: relative;            line-height: 1.5;        }        .confirmed-guide-box li::before {            content: '•';            position: absolute;            left: 0;            color: var(--primary-gold);            font-weight: bold;        }        .confirmed-guide-box .important {            color: var(--point-red);            font-weight: 700;        }        \/* LIGHTBOX *\/        .lightbox-overlay {            display: none;            position: fixed;            top: 0; left: 0; width: 100%; height: 100%;            background: rgba(0, 0, 0, 0.9);            z-index: 9999;            justify-content: center; align-items: center;        }        .lightbox-overlay.active { display: flex; }        .lightbox-img { max-width: 95%; max-height: 90%; border-radius: 8px; }        .lightbox-close { position: absolute; top: 20px; right: 20px; color: #fff; font-size: 30px; cursor: pointer; }    \u003c\/style\u003e\u003cdiv class=\"container\"\u003e    \u003cdiv class=\"section-header\"\u003e        \u003ch2 class=\"section-title\"\u003e\n\u003cspan class=\"rank-tag\"\u003eSSR\u003c\/span\u003e 의복 유행\u003c\/h2\u003e        \u003cp class=\"section-desc\"\u003e            \"이야기의 알려지지 않은 부분을 말해주는 효율적인 도록.\"\u003cbr\u003e            \u003cstrong\u003e캐릭터 친필 금박 사인\u003c\/strong\u003e과 안개 모래 공정        \u003c\/p\u003e        \u003cdiv class=\"tech-spec-container\"\u003e            \u003cspan class=\"tech-spec\"\u003e무면 세사(안개 모래)\u003c\/span\u003e            \u003cspan class=\"tech-spec\"\u003e친필 금박 사인\u003c\/span\u003e        \u003c\/div\u003e    \u003c\/div\u003e    \u003cdiv class=\"video-mask\"\u003e        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/5snIeaHL5mc?autoplay=1\u0026amp;mute=1\u0026amp;loop=1\u0026amp;playlist=5snIeaHL5mc\u0026amp;start=42\u0026amp;end=53\u0026amp;controls=0\u0026amp;showinfo=0\u0026amp;rel=0\u0026amp;modestbranding=1\u0026amp;playsinline=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen loading=\"lazy\"\u003e        \u003c\/iframe\u003e    \u003c\/div\u003e    \u003cp class=\"video-caption\"\u003e▲ SSR 등급 카드 실물 질감 및 금박 효과 확인\u003c\/p\u003e    \u003cdiv class=\"grid-basic\"\u003e        \u003cdiv class=\"card-item\"\u003e\u003cimg src=\"https:\/\/dox32iqs6me69.cloudfront.net\/20251214-taobao_images_20251215_015527\/uttu2\/UTTU2%E5%8D%A1-SSR-001.webp\" loading=\"lazy\" onclick=\"openLightbox(this)\"\u003e\u003c\/div\u003e        \u003cdiv class=\"card-item\"\u003e\u003cimg src=\"https:\/\/dox32iqs6me69.cloudfront.net\/20251214-taobao_images_20251215_015527\/uttu2\/UTTU2%E5%8D%A1-SSR-002.webp\" loading=\"lazy\" onclick=\"openLightbox(this)\"\u003e\u003c\/div\u003e        \u003cdiv class=\"card-item\"\u003e\u003cimg src=\"https:\/\/dox32iqs6me69.cloudfront.net\/20251214-taobao_images_20251215_015527\/uttu2\/UTTU2%E5%8D%A1-SSR-003.webp\" loading=\"lazy\" onclick=\"openLightbox(this)\"\u003e\u003c\/div\u003e        \u003cdiv class=\"card-item\"\u003e\u003cimg src=\"https:\/\/dox32iqs6me69.cloudfront.net\/20251214-taobao_images_20251215_015527\/uttu2\/UTTU2%E5%8D%A1-SSR-004.webp\" loading=\"lazy\" onclick=\"openLightbox(this)\"\u003e\u003c\/div\u003e        \u003cdiv class=\"card-item\"\u003e\u003cimg src=\"https:\/\/dox32iqs6me69.cloudfront.net\/20251214-taobao_images_20251215_015527\/uttu2\/UTTU2%E5%8D%A1-SSR-005.webp\" loading=\"lazy\" onclick=\"openLightbox(this)\"\u003e\u003c\/div\u003e        \u003cdiv class=\"card-item\"\u003e\u003cimg src=\"https:\/\/dox32iqs6me69.cloudfront.net\/20251214-taobao_images_20251215_015527\/uttu2\/UTTU2%E5%8D%A1-SSR-006.webp\" loading=\"lazy\" onclick=\"openLightbox(this)\"\u003e\u003c\/div\u003e        \u003cdiv class=\"card-item\"\u003e\u003cimg src=\"https:\/\/dox32iqs6me69.cloudfront.net\/20251214-taobao_images_20251215_015527\/uttu2\/UTTU2%E5%8D%A1-SSR-007.webp\" loading=\"lazy\" onclick=\"openLightbox(this)\"\u003e\u003c\/div\u003e    \u003c\/div\u003e    \u003cdiv class=\"confirmed-guide-box\"\u003e        \u003ch3\u003e확정 굿즈 구매 안내\u003c\/h3\u003e        \u003cul\u003e            \u003cli class=\"important\"\u003e주의사항: 캐릭터 선택이 가능한 확정 굿즈의 경우 주문 후 반품\/교환\/변경이 불가하니 신중한 구매 부탁드립니다.\u003c\/li\u003e            \u003cli\u003e캐릭터 선택이 가능한 확정 굿즈의 경우 상품 확인을 위한 개봉 흔적이 있을 수 있습니다.\u003c\/li\u003e            \u003cli\u003e확정 굿즈의 경우 시기에 따른 가격이나 재고 변동이 있을 수 있습니다.\u003c\/li\u003e        \u003c\/ul\u003e    \u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv class=\"lightbox-overlay\" id=\"lightbox\" onclick=\"closeLightbox()\"\u003e    \u003cspan class=\"lightbox-close\"\u003e×\u003c\/span\u003e    \u003cimg id=\"lightbox-img\" src=\"\" class=\"lightbox-img\"\u003e\n\u003c\/div\u003e\u003cscript\u003e    function openLightbox(img) {        const lightbox = document.getElementById('lightbox');        const lightboxImg = document.getElementById('lightbox-img');        lightboxImg.src = img.src;        lightbox.classList.add('active');    }    function closeLightbox() {        const lightbox = document.getElementById('lightbox');        lightbox.classList.remove('active');    }    document.getElementById('lightbox').addEventListener('click', function(e) {        if (e.target !== document.getElementById('lightbox-img')) {            closeLightbox();        }    });\u003c\/script\u003e","brand":"Artplex","offers":[{"title":"Default Title","offer_id":51709682516248,"sku":"26263","price":6.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0700\/4677\/7624\/files\/option_1_d4647075-25c7-4c12-bfdd-c1c85b1a2329.jpg?v=1771703637","url":"https:\/\/www.artplex.store\/products\/%eb%a6%ac%eb%b2%84%ec%8a%a4-1999-%ea%b3%b5%ec%8b%9d-%ec%a0%95%ed%92%88-%ea%b5%bf%ec%a6%88-uttu-%ec%9a%b0%ed%88%ac-%ec%84%ac%ea%b4%91-2%ed%83%84-%ec%96%b4%ec%a0%9c%ec%9d%98-%ec%9e%ac%ed%98%84-%ec%bb%ac%eb%a0%89%ec%85%98-%ed%8f%ac%ed%86%a0-%ec%b9%b4%eb%93%9c-ssr-001-%eb%93%9c%eb%a3%a8%eb%b9%84%ec%8a%a4","provider":"Artplex","version":"1.0","type":"link"}