:root { --main-bg-color: #0c0c0c; --main-text-color: #ffffff; --card-bg-color: #0c0c0c; --card-border-color: rgba(255, 255, 255, 0.05); --card-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); --secondary-bg-color: #1a1a1a; --header-bg-color: #0c0c0c; --header-border-color: #59595973; --footer-bg-color: #0c0c0c; --primary-color: #ff3c7b; --primary-color-rgb: 91, 134, 229; --primary-hover-color: #4a75d4; --link-color: #ff3c7b; --link-hover-color: #e6346e; --input-bg-color: #2a2a2a; --input-border-color: rgba(255, 255, 255, 0.1); --input-text-color: #ffffff; --input-placeholder-color: rgba(255, 255, 255, 0.5); --nav-text-color: #ffffff; --dropdown-bg-color: #2a2a2a; --dropdown-text-color: #ffffff; --dropdown-hover-bg-color: #333333; --button-text-color: #ffffff; --divider-color: #595959; --border-color: rgba(255, 255, 255, 0.1); --border-color-hover: rgba(255, 255, 255, 0.2); --table-border-color: rgba(255, 255, 255, 0.1); --table-header-bg-color: #2a2a2a; --table-header-text-color: #ffffff; --table-row-hover-bg-color: rgba(255, 255, 255, 0.075); --theme-bg-color: #0c0c0c; --theme-text-color: #ffffff; --theme-link-hover: #ff3c7b; --theme-border-color: rgba(255, 255, 255, 0.1); --theme-card-bg: #0c0c0c; --pagination-bg: transparent; --pagination-text: #ffffff; --pagination-border: rgba(226, 222, 222, 0.1); --pagination-hover-bg: rgba(255, 255, 255, 0.1); --pagination-hover-text: #ffffff; --pagination-active-bg: #ff3c7b; --pagination-active-text: #ffffff; --share-btn-text: #ffffff; --share-btn-border: rgba(255, 255, 255, 0.1); --share-btn-hover-bg: #ff3c7b; --share-btn-hover-text: #ffffff; --banner-ondisk-bg: #ff3476; --banner-kdisk-bg: #6bf352; --banner-kdisk-bg-pc: #f3e752; --banner-text: #ffffff; --banner-subtext: #f0f0f0; --banner-wish-bg: transparent; --banner-wish-text: #ffffff; --banner-wish-border: rgba(255, 255, 255, 0.1); --banner-wish-active-bg: #ff3c7b; --banner-wish-active-text: #ffffff; } /* 라이트 테마 변수 */ [data-bs-theme="light"] { --main-bg-color: #efefef; --main-text-color: #333333; --card-bg-color: #f8f8f8; --card-border-color: rgba(0, 0, 0, 0.1); --card-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); --secondary-bg-color: #f0f0f0; --header-bg-color: #ffffff; --header-border-color: #e0e0e0; --footer-bg-color: #f5f5f5; --primary-color: #ff3c7b; --primary-color-rgb: 91, 134, 229; --primary-hover-color: #4a75d4; --link-color: #ff3c7b; --link-hover-color: #e6346e; --input-bg-color: #ffffff; --input-border-color: #dddddd; --input-text-color: #333333; --input-placeholder-color: #999999; --nav-text-color: #333333; --dropdown-bg-color: #ffffff; --dropdown-text-color: #333333; --dropdown-hover-bg-color: #f5f5f5; --button-text-color: #ffffff; --divider-color: #292929; --border-color: rgb(0, 0, 0); --border-color-hover: #cccccc; --table-border-color: #dee2e6; --table-header-bg-color: #f8f9fa; --table-header-text-color: #212529; --table-row-hover-bg-color: rgba(0, 0, 0, 0.075); --theme-bg-color: #ffffff; --theme-text-color: #333333; --theme-link-hover: #ff3c7b; --theme-border-color: rgb(0, 0, 0); --theme-card-bg: #ffffff; --pagination-bg: transparent; --pagination-text: #333333; --pagination-border:rgb(114, 116, 117); --pagination-hover-bg: #e9ecef; --pagination-hover-text: #333333; --pagination-active-bg: #ff3c7b; --pagination-active-text: #ffffff; --share-btn-text: #333333; --share-btn-border: #dee2e6; --share-btn-hover-bg: #ff3c7b; --share-btn-hover-text: #ffffff; --banner-ondisk-bg: #ff3476; --banner-kdisk-bg: #6bf352; --banner-kdisk-bg-pc: #f3e752; --banner-text: #ffffff; --banner-subtext: #ffffff; --banner-wish-bg: #333333; --banner-wish-text: #ffffff; --banner-wish-border: #222222; --banner-wish-active-bg: #ff3c7b; --banner-wish-active-text: #ffffff; } @keyframes pulse { 0% { transform: scale(0.8); opacity: 0.7; } 50% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(0.8); opacity: 0.7; } } body { background-color: var(--main-bg-color); color: var(--main-text-color); margin: 0; } /* 테마 스위치 스타일 */ .theme-switch-wrapper { display: flex; align-items: center; } .theme-switch { position: relative; display: inline-block; width: 50px; height: 24px; } .theme-switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #212121; transition: .4s; border-radius: 24px; } .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; transition: .4s; border-radius: 50%; } input:checked + .slider { background-color: #888888; } input:focus + .slider { box-shadow: 0 0 1px #888888; } input:checked + .slider:before { transform: translateX(26px); } .theme-icon { margin-right: 5px; font-size: 18px; } /* 테이블 스타일 */ .table { --bs-table-bg: var(--card-bg-color); --bs-table-color: var(--main-text-color); --bs-table-border-color: var(--table-border-color); --bs-table-striped-bg: var(--secondary-bg-color); --bs-table-striped-color: var(--main-text-color); --bs-table-active-bg: var(--table-row-hover-bg-color); --bs-table-active-color: var(--main-text-color); --bs-table-hover-bg: var(--table-row-hover-bg-color); --bs-table-hover-color: var(--main-text-color); } .table thead th { background-color: var(--table-header-bg-color); color: var(--table-header-text-color); border-bottom: 2px solid var(--table-border-color); border-top: 1px solid var(--table-border-color); border-left: 1px solid var(--table-border-color); border-right: 1px solid var(--table-border-color); } .table td, .table th { border-color: var(--table-border-color); border: 1px solid var(--table-border-color); } .table tbody tr:last-child td { border-bottom: 1px solid var(--table-border-color); } .table tbody tr td:first-child, .table thead tr th:first-child { border-left: 1px solid var(--table-border-color); } .table tbody tr td:last-child, .table thead tr th:last-child { border-right: 1px solid var(--table-border-color); } .bg-theme { background-color: var(--theme-bg-color) !important; } .text-theme { color: var(--theme-text-color) !important; } .border-theme { border-color: var(--theme-border-color) !important; } a.text-theme { color: var(--theme-text-color) !important; text-decoration: none; transition: color 0.2s ease-in-out; } a.text-theme:hover { color: var(--theme-link-hover) !important; text-decoration: none; } /* 페이지네이션 스타일 */ .pagination-container { display: flex; justify-content: center; gap: 0.5rem; margin-top: 1.5rem; } .pagination-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 2.5rem; height: 2.5rem; padding: 0.5rem; background-color: var(--pagination-bg); color: var(--pagination-text); border: 1px solid var(--pagination-border); border-radius: 0.375rem; text-decoration: none; transition: all 0.2s ease-in-out; } .pagination-btn:hover { background-color: var(--pagination-hover-bg); color: var(--pagination-hover-text); text-decoration: none; } .pagination-btn.active { background-color: var(--pagination-active-bg); color: var(--pagination-active-text); border-color: var(--pagination-active-bg); } /* 공유 버튼 스타일 */ .share-btn { color: var(--share-btn-text) !important; border-color: var(--share-btn-border) !important; background-color: transparent !important; transition: all 0.2s ease-in-out !important; } .share-btn:hover { color: var(--share-btn-hover-text) !important; background-color: var(--share-btn-hover-bg) !important; border-color: var(--share-btn-hover-bg) !important; } /* 배너 버튼 스타일 */ .banner-container { display: flex; gap: 0.5rem; padding: 0.5rem; } .service-buttons { display: flex; gap: 0.5rem; width: 100%; } .button-wrapper { display: flex; align-items: center; justify-content: center; padding: 0.4rem 1.0rem; border-radius: 0.5rem; cursor: pointer; transition: all 0.2s ease-in-out; } .button-wrapper-mo { align-items: center; justify-content: center; padding: 0.3rem 1.2rem; border-radius: 0.5rem; cursor: pointer; transition: all 0.2s ease-in-out; } .button-wrapper.blue { background-color: var(--banner-ondisk-bg) !important; } .button-wrapper.green { background-color: var(--banner-kdisk-bg) !important; } .button-wrapper.green-pc { background-color: var(--banner-kdisk-bg-pc) !important; } .button-wrapper.yellow { background-color: var(--banner-kdisk-bg) !important; } .button-wrapper-mo.blue { background-color: var(--banner-ondisk-bg) !important; } .button-wrapper-mo.green { background-color: var(--banner-kdisk-bg) !important; } .button-wrapper-mo.yellow { background-color: var(--banner-kdisk-bg) !important; } .button-wrapper.wish { background-color: var(--banner-wish-bg); color: var(--banner-wish-text); border: 1px solid var(--banner-wish-border); position: relative; overflow: hidden; } .button-wrapper.wish.liked { background-color: var(--banner-wish-active-bg); color: var(--banner-wish-active-text); border-color: var(--banner-wish-active-bg); } .button-wrapper.wish::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--banner-wish-active-bg); opacity: 0; transition: opacity 0.3s ease; z-index: -1; border-radius: 0.45rem; } .button-wrapper.wish:hover::before { opacity: 0.2; } .button-wrapper.wish .heart-icon { transition: transform 0.3s ease, color 0.3s ease; } .button-wrapper.wish:hover .heart-icon { transform: scale(1.2); } .button-wrapper.wish.liked .heart-icon { color: var(--banner-wish-active-text); animation: pulse 0.5s ease-in-out; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1); } } .service-name { color: #fff !important; font-size: 1.5rem; line-height: 1.2; } .service-name-kdisk { color: #000 !important; font-size: 1.5rem; line-height: 1.2; } .service-name-mo { color: #fff !important; font-size: 1.5rem; } .service-name-kdisk-mo { color: #000 !important; font-size: 1.5rem; } .service-desc { color: #fff !important; font-size: 1.0rem; line-height: 1.2; } .service-desc-kdisk { color: #fff !important; font-size: 1.0rem; line-height: 1.2; } .service-desc-mo { color: #fff !important; font-size: 0.9rem; line-height: 1.2; } .service-desc-kdisk-mo { color: #fff !important; font-size: 0.9rem; line-height: 1.2; } .button-wrapper:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } /* 카드 스타일 */ .card.bg-theme { background-color: var(--theme-card-bg) !important; } /* AD 뱃지 스타일 */ .ad-badge { position: absolute; bottom: 2px; right: 4px; font-size: 0.50rem; padding: 0px 3px; background-color: rgba(128, 128, 128, 0.3); color: rgba(255, 255, 255, 0.85); border-radius: 2px; font-weight: 400; letter-spacing: 0.02rem; line-height: 1.2; pointer-events: none; z-index: 1; }

막상막하 V브스S

AV 여배우를 볼때 가장 중요하게 생각하는 것은?

VS
0%
0%

총 투표수: 0

평생 한가지 차만 타야 한다면??

VS
0%
0%

총 투표수: 0

광고, 협찬 및 각종문의 nanpoomki@gmail.com