사용자

NodeulsumNaru(비교)

 r17 vs r18
 ...
     margin: 20px auto; border-collapse: separate; border-spacing: 0;
 }
-/* 탭 버튼 (헤더) 디자인 */
+/* 탭 버튼 (헤더) 디자인 개선 */
 table.stel-menu > thead > tr { display: flex; gap: 8px; margin-bottom: -1px; justify-content: center; }
 table.stel-menu > thead > tr > th {
     flex: 1; max-width: 120px; padding: 12px 5px !important;
     cursor: pointer; transition: all 0.2s;
-    background: rgba(255, 255, 255, 0.2);
-    color: #fff !important; font-weight: bold; border: 1px solid rgba(255,255,255,0.4) !important;
+    /* 버튼처럼 보이게 배경색과 테두리 강화 */
+    background: #ffaaa5 !important;
+    color: #fff !important; font-weight: bold;
+    border: 2px solid #ff9a8b !important;
     border-radius: 15px 15px 0 0; border-bottom: none !important;
+    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
 }
-table.stel-menu > thead > tr > th:hover { background: rgba(255, 255, 255, 0.4); }
+table.stel-menu > thead > tr > th:hover { background: #ff8b8b !important; transform: translateY(-2px); }
-/* 화살표 등 불필요한 요소 제거 */
+/* 정렬 화살표 제거 */
 table.stel-menu > thead > tr > th::before,
 table.stel-menu > thead > tr > th::after { display: none !important; }
-/* 핵심 로직: 첫 번째 행만 보여주고 나머지는 숨김 */
+/* 핵심 로직: 첫 번째 행만 표시 */
 table.stel-menu > tbody > tr { display: none; }
 table.stel-menu > tbody > tr:first-child { display: table-row; }
-/* 컨텐츠 영역 디자인 */
+/* 0, 1 숫자 숨기기 및 컨텐츠 박스 */
 table.stel-menu > tbody > tr > td {
     border: 1px solid rgba(255,255,255,0.4) !important;
     border-radius: 20px; background: #fff; padding: 0 !important;
+    /* 숫자 숨기기용 설정 */
+    font-size: 0 !important; color: transparent !important;
 }
 .stel-tab-content {
+    /* 내부 실제 글자 크기 복구 */
+    font-size: 14px !important; color: #000 !important;
     padding: 20px; text-align: center;
     background: linear-gradient(160deg in oklch, #ffd3b6 0%, #ffaaa5 40%, #d4a5ff 80%, #a29bfe 100%);
     border-radius: 18px;
 ...