/* ══ 「조과 분석」·「조과 예측」 두 손잡이의 **한 벌 값** ══════════════════════ ★ 2026-09-02, 같은 주문이 세 번 잇달아 왔다(m.onfishing #me → naksigo /favorites → m.naksigo #me): *"개별 조과 분석 및 조과 예측 아이콘의 높이를 줄여줘"*. 곳마다 눈대중으로 낮추면 **네 곳이 다 다른 높이**가 된다. 그래서 값을 **여기 한 곳**에 두고 네 화면이 이것을 쓴다: · onfishing.net/?reopen=fav (service/_rankrow_css.php) · m.onfishing.net/#me (mobile/app.php) · naksigo.com/favorites (service/board.php) · m.naksigo.com/#me (mobile/app.php) 이 파일은 **두 앱에 같은 내용**으로 있으므로(머리말의 md5 규칙) 값도 한 벌이다. 지시를 안 받은 데스크톱 onfishing 도 같이 맞춘다 — 그곳만 홀로 두꺼우면 그것이 어긋난 것이다("같은 것을 가리키면 이름·숫자·모양이 한 벌"). ▣ ★ **보이는 박스**(--btbtn-h)와 **누르는 넓이**(--btbtn-tap)는 다른 값이다. 안쪽 여백을 줄이면 손가락 표적까지 줄어들므로, 박스만 낮추고 모자란 높이는 `::before` 누름판으로 채운다. 쓰는 쪽이 그렇게 쓴다. ▣ 아이콘 크기도 한 값이다(--btbtn-ico). 이 화면들의 좋아요·관심선박 아이콘을 3/4 로 줄이라는 옛 지시가 폰에 있지만, 그것은 **그 아이콘(.nkacts svg)** 의 일이다. 이 두 손잡이는 네 곳이 같은 크기로 선다. */ :root{ --btbtn-h:26px; /* 테두리·바탕이 그리는 **보이는** 높이 */ --btbtn-pad-y:2px; /* 안쪽 여백 — 세로 */ --btbtn-pad-x:9px; /* 안쪽 여백 — 가로 */ --btbtn-tap:44px; /* 보이지 않는 **누름판**(손가락 표적) */ --btbtn-ico:11px; /* 앞에 서는 아이콘 */ } /* ══ 부르는 아이콘 — 관심선박 제목 오른쪽 ═════════════════════════════════ ★ 「조과 예측」(호박)·「조과 추이」(초록)와 나란히 서도 헷갈리지 않게 **테두리만 있는 조용한 단추**로 둔다. 이것은 목록 전체를 훑는 손잡이라 줄마다 서는 단추들보다 한 단 물러서는 편이 옳다. */ .btcall{display:inline-flex;align-items:center;gap:6px;cursor:pointer; padding:4px 10px;border-radius:var(--r-sm,9px);min-height:30px; border:1px solid var(--line,#D2E0E3);background:var(--card,#fff); color:var(--ink,#12303A);font-family:var(--ui,inherit);font-size:12px;font-weight:700} .btcall:hover{background:var(--card-2,#EEF4F5)} .btcall:focus-visible{outline:2px solid var(--water,#2E7D91);outline-offset:1px} .btcall[disabled]{opacity:.5;cursor:default} /* 아이콘 — 글자가 아니라 그림이라 낭독기에서는 감춘다(단추에 이름이 있다). */ .btcall .bticon{display:inline-block;width:14px;height:14px;flex:0 0 auto} /* 「전부」 곁말 — 줄마다의 「조과 분석 ›」과 **다른 것을 연다**는 표다. */ .btcall s{all:unset;font-size:10.5px;font-weight:400;color:var(--dim,#6B8189); margin-left:1px} /* ★ 제목 줄의 **오른쪽**에 세운다 (지시: "관심선박 우측에"). .dtitle 을 flex 로 바꾸지 않는다 — 그 클래스는 여덟 차림표 제목이 다 쓰는 것이라 여기서 짜임을 바꾸면 나머지 일곱이 함께 움직인다. 이 단추만 띄운다. */ .dtitle .btcall{float:right;margin:-1px 0 0 8px} /* ══ 떠오르는 층 — _porttrend.php 의 #ptModal 과 같은 규칙 ══════════════ ▣ 뒤를 어둡게 덮되 지우지 않는다 — 어디서 눌렀는지를 잃지 않게. ▣ 닫는 길 셋: ✕ · 바깥 어두운 데 · Esc. ▣ 구르는 것은 **안쪽 상자**다 — 창이 통째로 구르면 ✕ 가 밀려 사라진다. */ #btModal{position:fixed;inset:0;z-index:93;display:none} #btModal.on{display:block} #btModal .btdim{position:absolute;inset:0;background:rgba(6,20,28,.55)} #btModal .btwin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); width:min(880px,calc(100vw - 24px));max-height:min(90vh,940px); display:flex;flex-direction:column; background:var(--hull,#FBFDFD);color:var(--ink,#12303A); border:1px solid var(--line,#D2E0E3);border-radius:var(--r,16px); box-shadow:0 24px 60px rgba(6,20,28,.45);padding:16px 18px 18px} #btModal .btx{position:absolute;right:10px;top:10px;width:32px;height:32px; border:0;border-radius:var(--r-sm,9px);cursor:pointer;font-size:15px;line-height:1; background:transparent;color:var(--ink,#12303A)} #btModal .btx:hover{background:rgba(127,127,127,.14)} #btHead{padding-right:38px} #btHead .btt{font-size:17px;font-weight:800;margin:0 0 2px} #btHead .btm{font-size:12px;color:var(--ink-soft,#3E5C68)} #btBox{overflow:auto;margin-top:12px;padding-right:2px} #btBox .btnote{margin:8px 0 0;font-size:11.5px;color:var(--ink-soft,#3E5C68);line-height:1.55} #btBox .btghost{color:var(--ink-soft,#3E5C68);font-size:13px;margin:16px 0} /* ══ 이름표 — 맨 위에 서고, **눌러서 고른다** ══════════════════════════════ ▣ 색이 무슨 배인지 알려 주는 자리이자, 그 배만 도드라지게 하는 손잡이다. ▣ 진짜