@charset "utf-8";
.tanga-eye-board{width:100%;padding:0!important;margin:0 0 30px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff}
.tanga-eye-board a{text-decoration:none!important}
.tanga-eye-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 28px;padding:0;border:0;background:transparent}
.tanga-eye-title{margin:0;padding:0;color:#fff;font-size:31px;font-weight:900;line-height:1.1;letter-spacing:-.03em}
.tanga-eye-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:52px 28px!important;width:100%!important}
.tanga-eye-card{min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.tanga-eye-thumb{display:block;position:relative;overflow:hidden;border-radius:14px;background:#17191d;aspect-ratio:1.34/1;box-shadow:none}
.tanga-eye-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.tanga-eye-body{padding:13px 0 0}
.tanga-eye-card-title{display:flex;align-items:baseline;gap:7px;min-width:0;margin:0 0 5px;color:#fff;font-size:17px;font-weight:900;line-height:1.35;letter-spacing:-.02em}
.tanga-eye-card-title a{min-width:0;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tanga-eye-card-title span{flex:0 0 auto;color:#F4BE24;font-weight:900}
.tanga-eye-meta{margin:0 0 7px;color:#676b73;font-size:12px;font-weight:600;line-height:1.35;white-space:nowrap}
.tanga-eye-author{display:flex;align-items:center;gap:7px;color:#fff;font-size:14px;font-weight:800;line-height:1.2}
.tanga-eye-author img{width:22px!important;height:22px!important;border-radius:50%!important;object-fit:cover!important;margin:0!important;vertical-align:middle!important}
.tanga-eye-author .profile_img,.tanga-eye-author .profile_image{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:0!important}
.tanga-eye-empty{grid-column:1/-1;padding:80px 20px;text-align:center;color:#727781;background:transparent}
.tanga-eye-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:100%;margin:18px 0 0;padding:0;border:0;background:transparent}
.tanga-eye-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:62px;height:31px;padding:0 11px;border-radius:5px;font-size:10px;font-weight:800}
.tanga-eye-admin{background:#292929;border:1px solid #414141;color:#c8c8c8!important}
.tanga-eye-write{background:#F4BE24;border:1px solid #F4BE24;color:#111!important}
.tanga-eye-paging{margin:18px 0 22px;text-align:center}
.tanga-eye-paging .pg{display:flex;align-items:center;justify-content:center;gap:0}
.tanga-eye-paging .pg_page,.tanga-eye-paging .pg_current{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;margin:0 5px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:#d9d9d9;font-weight:800;box-sizing:border-box}
.tanga-eye-paging .pg_current{background:#F4BE24;color:#111}
.tanga-eye-search{width:560px!important;max-width:calc(100% - 30px)!important;margin:0 auto 20px!important;padding:0!important;border:0!important;background:transparent!important}
.tanga-eye-search legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.tanga-eye-search form{display:grid!important;grid-template-columns:100px minmax(0,350px) 90px!important;gap:10px!important;align-items:center!important;justify-content:center!important;width:560px!important;max-width:100%!important;margin:0 auto!important}
.tanga-eye-search select,.tanga-eye-search .sch_input,.tanga-eye-search .sch_btn{height:40px;border-radius:10px;box-sizing:border-box;font-family:inherit}
.tanga-eye-search select,.tanga-eye-search .sch_input{border:1px solid #4a4a4a;background:#262626;color:#f2f2f2;outline:0}
.tanga-eye-search select{padding:0 10px;font-size:10px;font-weight:800}
.tanga-eye-search .sch_input{min-width:0;padding:0 14px;font-size:10px;font-weight:700}
.tanga-eye-search .sch_input::placeholder{color:#7e776d;opacity:1}
.tanga-eye-search .sch_btn{border:1px solid #F4BE24;background:#F4BE24;color:#111;font-size:10px;font-weight:900;cursor:pointer}
@media(max-width:1350px){.tanga-eye-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:980px){.tanga-eye-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:34px 20px!important}}
@media(max-width:640px){.tanga-eye-title{font-size:25px}.tanga-eye-grid{grid-template-columns:1fr!important;gap:28px!important}.tanga-eye-search{width:100%!important;max-width:100%!important}.tanga-eye-search form{width:100%!important;grid-template-columns:1fr!important;gap:8px!important}.tanga-eye-search select,.tanga-eye-search .sch_input,.tanga-eye-search .sch_btn{width:100%!important}.tanga-eye-paging .pg_page,.tanga-eye-paging .pg_current{min-width:34px;height:34px;margin:0 3px}.tanga-eye-actions a{min-width:56px;height:29px;font-size:9px}}


/* ===== 안구정화 v3: 외곽 테두리 완전 제거 + 메타 한줄 고정 ===== */
body.tanga-board-sidebar-on #container,
body.tanga-board-sidebar-on #container_wr,
body.tanga-board-sidebar-on #bo_list.tanga-eye-board,
body.tanga-board-sidebar-on #container #bo_list.tanga-eye-board,
#bo_list.tanga-eye-board{
    background:transparent !important;
    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

/* 게시판 자체에만 남아있는 카드형 외곽 여백/테두리 제거 */
body.tanga-board-sidebar-on #bo_list.tanga-eye-board,
body.tanga-board-sidebar-on #container #bo_list.tanga-eye-board,
#bo_list.tanga-eye-board{
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
    margin:0 0 30px !important;
    box-sizing:border-box !important;
}

/* 부모에 생기는 흰/회색 테두리성 가상요소 차단 */
body.tanga-board-sidebar-on #container::before,
body.tanga-board-sidebar-on #container::after,
#bo_list.tanga-eye-board::before,
#bo_list.tanga-eye-board::after{
    content:none !important;
    display:none !important;
    border:0 !important;
    box-shadow:none !important;
}

/* 조회수 · 추천수 · 등록날짜 한 줄 */
#bo_list.tanga-eye-board .tanga-eye-meta{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:5px !important;
    width:100% !important;
    margin:0 0 8px !important;
    color:#686d77 !important;
    font-size:12px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
}
#bo_list.tanga-eye-board .tanga-eye-meta > span{
    display:inline-block !important;
    flex:0 0 auto !important;
    white-space:nowrap !important;
}
#bo_list.tanga-eye-board .tanga-eye-meta .sep{
    color:#555a63 !important;
}

@media(max-width:640px){
    #bo_list.tanga-eye-board .tanga-eye-meta{
        gap:4px !important;
        font-size:11px !important;
    }
}

/* ===== 안구정화 v4: 페이지번호/검색창 간격 + 작성자 레벨아이콘 ===== */
#bo_list.tanga-eye-board .tanga-eye-paging{
    display:block !important;
    clear:both !important;
    width:100% !important;
    margin:28px 0 0 !important;
    padding:0 0 38px !important;
    text-align:center !important;
    box-sizing:border-box !important;
}

#bo_list.tanga-eye-board .tanga-eye-paging .pg_wrap,
#bo_list.tanga-eye-board .tanga-eye-paging .pg{
    position:static !important;
    float:none !important;
    clear:both !important;
    margin:0 auto !important;
    padding:0 !important;
    transform:none !important;
}

#bo_list.tanga-eye-board .tanga-eye-search{
    position:static !important;
    float:none !important;
    clear:both !important;
    display:block !important;
    margin:0 auto 28px !important;
    transform:none !important;
}

/* 기존 프로필 원형 이미지 대신 회원 레벨 1~20 계급 아이콘 */
#bo_list.tanga-eye-board .tanga-eye-author{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
}
#bo_list.tanga-eye-board .tanga-eye-author img.casino-rank-icon,
#bo_list.tanga-eye-board .tanga-eye-author img.tanga-eye-rank-icon{
    display:block !important;
    flex:0 0 auto !important;
    width:28px !important;
    height:28px !important;
    max-width:28px !important;
    max-height:28px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    object-fit:contain !important;
    box-shadow:none !important;
    vertical-align:middle !important;
}
#bo_list.tanga-eye-board .tanga-eye-author strong{
    display:inline-block !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-weight:800 !important;
    line-height:1.2 !important;
}

@media(max-width:640px){
    #bo_list.tanga-eye-board .tanga-eye-paging{
        margin-top:22px !important;
        padding-bottom:28px !important;
    }
    #bo_list.tanga-eye-board .tanga-eye-search{
        margin:0 auto 22px !important;
    }
    #bo_list.tanga-eye-board .tanga-eye-author img.casino-rank-icon,
    #bo_list.tanga-eye-board .tanga-eye-author img.tanga-eye-rank-icon{
        width:24px !important;
        height:24px !important;
        max-width:24px !important;
        max-height:24px !important;
    }
}


/* 안구정화: 모든 PC/모바일 스킨에서 이미지와 제목만 표시 */
html body #bo_list.tanga-eye-board .tanga-eye-body{display:block!important;grid-template-rows:none!important;padding:12px 0 0!important}
html body #bo_list.tanga-eye-board .tanga-eye-meta,html body #bo_list.tanga-eye-board .tanga-eye-author,html body #bo_list.tanga-eye-board .tanga-eye-card-title>span{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important}
html body #bo_list.tanga-eye-board .tanga-eye-card-title{margin:0!important}

/* 안구정화 입체 카드: 다크 테마, 썸네일과 제목만 표시 */
html body #bo_list.tanga-eye-board .tanga-eye-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important}
html body #bo_list.tanga-eye-board .tanga-eye-card{display:flex!important;flex-direction:column!important;min-width:0!important;padding:12px!important;border:1px solid #353535!important;border-radius:15px!important;background:linear-gradient(145deg,#2c2c2c,#222)!important;box-shadow:0 8px 18px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
html body #bo_list.tanga-eye-board .tanga-eye-thumb{border-radius:10px!important;aspect-ratio:4/3!important;box-shadow:0 3px 8px rgba(0,0,0,.25)!important}
html body #bo_list.tanga-eye-board .tanga-eye-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
html body #bo_list.tanga-eye-board .tanga-eye-body{display:block!important;padding:13px 2px 3px!important;min-width:0!important}
html body #bo_list.tanga-eye-board .tanga-eye-card-title{display:block!important;height:auto!important;margin:0!important;min-width:0!important}
html body #bo_list.tanga-eye-board .tanga-eye-card-title a{display:block!important;font-size:14px!important;font-weight:600!important;line-height:22px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#eee!important}
html body #bo_list.tanga-eye-board .tanga-eye-card:focus-within{border-color:#F4BE24!important}
@media(hover:hover){html body #bo_list.tanga-eye-board .tanga-eye-card:hover{transform:translateY(-3px)!important;border-color:#78632e!important;box-shadow:0 12px 24px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)!important}}
@media(max-width:900px){html body #bo_list.tanga-eye-board .tanga-eye-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}}
@media(max-width:480px){html body #bo_list.tanga-eye-board .tanga-eye-grid{gap:12px!important}html body #bo_list.tanga-eye-board .tanga-eye-card{padding:8px!important;border-radius:12px!important}html body #bo_list.tanga-eye-board .tanga-eye-body{padding:9px 1px 2px!important}html body #bo_list.tanga-eye-board .tanga-eye-card-title a{font-size:12px!important;line-height:20px!important}}
@media(max-width:340px){html body #bo_list.tanga-eye-board .tanga-eye-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html body #bo_list.tanga-eye-board .tanga-eye-card{transition:none!important;transform:none!important}}

html body #bo_list.tanga-eye-board .tanga-eye-video-thumb{background:#101010!important}
html body #bo_list.tanga-eye-board .tanga-eye-video-thumb video{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:10px!important;background:#101010!important}

html body #bo_list.tanga-eye-board .tanga-eye-video-thumb{aspect-ratio:auto!important;height:auto!important;background:transparent!important;box-shadow:none!important}
html body #bo_list.tanga-eye-board .tanga-eye-video-thumb video{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;background:transparent!important}

/* List previews share the same frame as image posts; crop portrait videos to fit. */
html body #bo_list.tanga-eye-board .tanga-eye-video-thumb{position:relative!important;width:100%!important;aspect-ratio:4/3!important;height:auto!important;overflow:hidden!important;border-radius:10px!important;background:#101010!important}
html body #bo_list.tanga-eye-board .tanga-eye-video-thumb video{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important;aspect-ratio:auto!important;margin:0!important}

/* List videos are thumbnails: hide native controls, open post when clicked. */
html body #bo_list.tanga-eye-board .tanga-eye-video-thumb video{pointer-events:none!important}
html body #bo_list.tanga-eye-board .tanga-eye-video-thumb video::-webkit-media-controls{display:none!important}
html body #bo_list.tanga-eye-board .tanga-eye-video-thumb video::-webkit-media-controls-start-playback-button{display:none!important}
