From d4a3a9afa517f8771c90f3a0960484d4334c33f3 Mon Sep 17 00:00:00 2001 From: "68893236+KINDNICK@users.noreply.github.com" <68893236+KINDNICK@users.noreply.github.com> Date: Fri, 27 Feb 2026 20:50:02 +0900 Subject: [PATCH] =?UTF-8?q?Update:=20=EC=84=9C=EB=B9=84=EC=8A=A4=20?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=85=BC=EB=A6=AC=20=EC=98=A4?= =?UTF-8?q?=EB=A5=98=20=EC=88=98=EC=A0=95=20=EB=B0=8F=203=EC=9B=94=20?= =?UTF-8?q?=EC=9A=94=EA=B8=88=EC=A0=9C=20=EB=B3=80=EA=B2=BD=20=ED=8C=9D?= =?UTF-8?q?=EC=97=85=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 서비스1 명칭 '모션캡처 녹화 서비스'로 통일 - 가격 카드 설명을 모션 녹화 중심으로 수정 (방송 표현 제거) - SEO 메타/OG/Twitter 가격 및 용어 오류 수정 - mailto 템플릿 가격·용어 현행화 - 메인 팝업: 3월 요금제 변경 안내로 교체 - 할인 이벤트 종료, 스트리밍글 4시간 신설, 추천인 제도 오픈 - 팝업 스크롤바 숨김 처리 및 변경사항 카드 스타일 추가 Co-Authored-By: Claude Opus 4.6 --- css/popup.css | 121 ++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 59 +++++++++++++----------- js/popup.js | 6 +-- services.html | 36 +++++++-------- 4 files changed, 174 insertions(+), 48 deletions(-) diff --git a/css/popup.css b/css/popup.css index 9f6546f..2f649c5 100644 --- a/css/popup.css +++ b/css/popup.css @@ -46,6 +46,11 @@ overflow-x: hidden; animation: popupSlideIn 0.5s cubic-bezier(0.16, 1, 0.3, 1); z-index: 9999; + scrollbar-width: none; +} + +.popup-container::-webkit-scrollbar { + display: none; } @keyframes popupSlideIn { @@ -195,6 +200,96 @@ margin-top: 4px; } +/* 변경사항 카드 */ +.change-card { + background: linear-gradient(135deg, #fffbf5 0%, #fff8f0 100%); + border-radius: 14px; + padding: 1rem 1.25rem; + margin-bottom: 0.75rem; + border: 1px solid rgba(255, 136, 0, 0.12); + transition: all 0.3s ease; +} + +.change-card:hover { + border-color: rgba(255, 136, 0, 0.3); + box-shadow: 0 4px 16px rgba(255, 136, 0, 0.08); + transform: translateY(-2px); +} + +.change-card-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 0.5rem; +} + +.change-card-title { + font-size: 0.95rem; + font-weight: 700; + color: #1a1a2e; + display: flex; + align-items: center; + gap: 6px; +} + +.change-card-title i { + color: var(--primary-color, #ff8800); + font-size: 0.85rem; +} + +.change-badge { + padding: 3px 10px; + border-radius: 20px; + font-size: 0.75rem; + font-weight: 700; + color: white; + letter-spacing: 0.02em; + flex-shrink: 0; +} + +.badge-end { + background: linear-gradient(135deg, #6b7280, #4b5563); +} + +.badge-new { + background: linear-gradient(135deg, #22c55e, #16a34a); +} + +.badge-change { + background: linear-gradient(135deg, #f59e0b, #d97706); +} + +.change-description { + font-size: 0.85rem; + color: #555; + line-height: 1.6; + margin: 0; +} + +.change-description strong { + color: var(--primary-color, #ff8800); + font-weight: 700; +} + +.change-price { + display: flex; + align-items: baseline; + gap: 6px; + margin-bottom: 0.5rem; +} + +.change-price-amount { + font-size: 1.15rem; + font-weight: 800; + color: #ff6600; +} + +.change-price-unit { + font-size: 0.8rem; + color: #888; + font-weight: 500; +} + /* 공지사항 */ .popup-notice { background: rgba(255, 136, 0, 0.06); @@ -445,6 +540,32 @@ color: rgba(255, 255, 255, 0.8); } +[data-theme="dark"] .change-card { + background: rgba(255, 255, 255, 0.04); + border-color: rgba(255, 255, 255, 0.08); +} + +[data-theme="dark"] .change-card:hover { + border-color: rgba(255, 136, 0, 0.3); + box-shadow: 0 4px 16px rgba(255, 136, 0, 0.1); +} + +[data-theme="dark"] .change-card-title { + color: rgba(255, 255, 255, 0.9); +} + +[data-theme="dark"] .change-description { + color: rgba(255, 255, 255, 0.55); +} + +[data-theme="dark"] .change-price-amount { + color: #ff9933; +} + +[data-theme="dark"] .change-price-unit { + color: rgba(255, 255, 255, 0.4); +} + /* ======================================== 모바일 반응형 ======================================== */ diff --git a/index.html b/index.html index 4f42c90..dfa978e 100644 --- a/index.html +++ b/index.html @@ -190,54 +190,59 @@ height="0" width="0" style="display:none;visibility:hidden"> - -