시계위키: 대문 문서 원본 보기

<div class="main-hero">
  <div class="main-card">
    <h1>시계위키에 오신 것을 환영합니다</h1>
    <p>…본문…</p>
  </div>
</div>
/* ===== Main page (시계위키: 대문) 전용 스코프 ===== */
.page-시계위키\:_대문 {

  /* 연한 티파니 블루 팔레트 */
  --tiffany-50:  #f1fcfa;
  --tiffany-100: #e6fbf8;
  --tiffany-200: #d4f7f3;
  --tiffany-300: #c0f0ea;
  --tiffany-400: #a9e7df;
  --tiffany-500: #81d8d0; /* 기준색(참고) */
  --ink-deep:   #0e3a37;  /* 본문/제목 포인트용 딥 틸 */

  /* 배경(히어로) */
  /* 아주 옅은 그라데이션으로 깨끗한 민트-블루 느낌 */
  /* 필요 시 아래 두 줄 중 하나만 남겨도 됩니다 */
}
.page-시계위키\:_대문 .main-hero {
  padding: 56px 16px;
  background: linear-gradient(180deg, var(--tiffany-100) 0%, var(--tiffany-200) 100%);
}

/* 카드(본문 박스) */
.page-시계위키\:_대문 .main-card {
  max-width: 980px;
  margin: 0 auto;
  background: #fff;                                /* 라이트 카드 */
  border: 1px solid rgba(129, 216, 208, .35);      /* 티파니 블루 톤 보더 */
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(129, 216, 208, .18), 
              0 2px 6px rgba(0,0,0,.06);           /* 옅은 민트 섀도 */
  padding: 28px;
  color: #20262d;
}

/* 제목/링크 포인트 컬러 */
.page-시계위키\:_대문 .main-card h1,
.page-시계위키\:_대문 .main-card h2 {
  color: var(--ink-deep);
}
.page-시계위키\:_대문 .main-card a {
  color: #11978f;
}
.page-시계위키\:_대문 .main-card a:hover {
  color: #0d7c75;
}

/* 모바일 튜닝 */
@media (max-width: 720px) {
  .page-시계위키\:_대문 .main-hero { padding: 36px 12px; }
  .page-시계위키\:_대문 .main-card { padding: 20px; border-radius: 12px; }
}

/* (선택) 유리(글래스) 카드 버전 — 상단 카드만 살짝 투명+블러 */
.page-시계위키\:_대문 .main-card.is-glass {
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}