/* style.css — Wabi-sabi 浅色覆写主题 — 引入于 main.css 之后 */

/* — Core Palette — */
:root {
  --color-bg-primary: #F4F1EB;      /* warm off-white, paper-like */
  --color-bg-secondary: #EAE6DF;    /* pale greige for panels */
  --color-bg-accent: #D6D3CB;       /* soft stone grey for subtle blocks */
  --color-bg-muted: #F8F6F2;        /* extra-light for subtle surfaces */
  --color-text-primary: #3C3A37;    /* charcoal ink */
  --color-text-secondary: #6F6C67;  /* weathered graphite */
  --color-accent: #B08F6E;          /* muted brass accent */
  --color-link: #6F5C4E;            /* clay-brown for links */
  --color-border: #D6D3CB;          /* stone grey for borders */
  --color-selection-bg: #D6D3CB;    /* gentle highlight */
  --color-selection-text: #3C3A37;  /* readable on highlight */
  --color-brand: #B08F6E;           /* brand color */
}

/* — 全局覆写 — */
body, .wrapper, .container, .page,
nav, header, footer, section, article,
.modal-content, .card, .panel, .dropdown-menu,
.alert, .breadcrumb, .navbar,
.table, pre, code {
  background-color: var(--color-bg-primary) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border) !important;
}

html::-moz-selection,
html::selection {
  background: var(--color-selection-bg);
  color: var(--color-selection-text);
}

/* 标题与强调 */
h1, h2, h3, h4, h5, h6,
strong {
  color: var(--color-text-primary);
}

small, .small,
.text-muted {
  color: var(--color-text-secondary);
}

.Pageintro .-white .ENMaintitle__sub, 
.Pageintro .-white .ENMaintitle__main, 
.Pageintro .-white p {
  color: var(--color-accent);
}

/* 链接 */
a {
  color: var(--color-link);
  text-decoration: none;
}
a:hover, a:focus,
a:active {
  color: var(--color-accent);
}

/* 段落 */
p {
  color: var(--color-text-primary);
}

/* 按钮 */
.btn, button,
.input-group-text,
.badge {
  background-color: var(--color-bg-secondary) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border) !important;
}
.btn:hover, .btn:focus {
  background-color: var(--color-bg-accent) !important;
  color: var(--color-text-primary) !important;
}

/* 表单控件 */
input, textarea, select,
.form-control,
.input-group .form-control,
.custom-select {
  background-color: var(--color-bg-primary) !important;
  color: var(--color-text-primary) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 5px;
}
.form-control::placeholder {
  color: var(--color-text-secondary) !important;
}
.Inputblock .Inputbox input[type="submit"] {
  margin-top: 50px;
  background-color: var(--color-brand) !important;
  color: var(--color-bg-primary) !important;
}

/* 导航 */
.navbar, .nav, .navigation,
.nav-pills .nav-link,
.nav-tabs .nav-link {
  background-color: var(--color-bg-secondary) !important;
  color: var(--color-text-primary) !important;
}
.navbar-light .navbar-nav .nav-link:hover,
.nav-pills .nav-link.active {
  background-color: var(--color-bg-accent) !important;
  color: var(--color-text-primary) !important;
}

/* 表格 */
.table {
  background-color: var(--color-bg-secondary) !important;
}
.table thead {
  background-color: var(--color-bg-accent) !important;
}
.table tbody tr:nth-child(odd) {
  background-color: var(--color-bg-muted) !important;
}

/* 卡片及面板 */
.card, .panel,
.card-header, .panel-heading {
  background-color: var(--color-bg-secondary) !important;
}
.card-body, .panel-body {
  background-color: var(--color-bg-primary) !important;
}

/* 弹窗及模态框 */
.--l--PopWindow__bg {
  background: rgba(244, 241, 235, 0.85) !important;
}
.--l--PopWindow__window,
.modal-content {
  background: var(--color-bg-primary) !important;
  box-shadow: 1px 1px 6px 1px rgba(120, 118, 115, 0.3) !important;
}

/* 原 main.css 特定选择器 */
.MainHeader.-menuIsScroll .MainHeader__smlmenu,
.MainHeader__bggmenu,
.MainFooter,
.Homebanner .Homebanner__description .txt {
  background: var(--color-bg-secondary) !important;
}
.Homeservices,
.Inputblock .Inputbox {
  background: var(--color-bg-primary) !important;
}
.Projects__list .itm {
  background: var(--color-bg-secondary) !important;
}
.MainHeader__smlmenu ul a, 
.MainHeader__smlmenu ul .Menuicon .txt,
.MainHeader__bggmenu .left ul a,
.Projects__filter a,
.Procedurepdure__pdure .itm .left h3,
.Aboutimgtxtblock .left .tt {
  color: var(--color-brand) !important;
}
.MainHeader__smlmenu ul .Menuicon .hamber .ham,
.MainHeader__bggmenu .js_closemenu .hamline {
  background: var(--color-text-secondary) !important;
}
.Mainvision__title .ENMaintitle__main {
  color: var(--color-bg-primary) !important;
}
.Pageintro__cont p,
.Homebanner__description .txt .tg,
.ENMaintitle__main,
.Editor p,
.Projects__list .itm .tt, 
.Projects__list .itm .tg,
.Contactintro__block .tg a, 
.Contactintro__block .tg p,
.Inputblock label {
  color: var(--color-text-primary) !important;
}
.Homeservices__cont .itm {
  color: var(--color-text-primary) !important;
  border-bottom: 1px solid var(--color-text-primary) !important;
}
.Procedureimgcont .txt,
.Aboutimgtxtblock .left {
  background: var(--color-bg-accent) !important;
}
.MainFooter__top ul li a,
.MainFooter__mid .__concept .tt,
.MainFooter__mid .__concept a,
.MainFooter__bottom .__copyright {
  color: var(--color-text-primary) !important;
  border-color: var(--color-text-secondary) !important;
}
.MainFooter__bottom .__sociel a {
  color: var(--color-brand) !important;
  width: 40px !important;
  height: 40px !important;
  border: 1px solid var(--color-brand) !important;
  border-radius: 50% !important;
}
.MainFooter__bottom .__sociel a::after {
  width: 32px;
  height: 32px;
}
.slick-dots li button {
  border-color: var(--color-text-primary) !important;
}
.slick-dots li.slick-active button {
  background: var(--color-text-primary) !important;
}
.--l--separateline,
.Maintitle__spline {
  background: var(--color-text-primary) !important;
}

.Procedurepdure .Vendors__cont.-theme-procedurepdure .-theme-procedurepdure-header {
  border-top: 2px solid var(--color-bg-accent);
  border-bottom: 2px solid var(--color-bg-accent);
}
.Vendors__cont,
.Procedurepdure__pdure {
  border-top: 1px solid var(--color-bg-accent);
}
.Procedurepdure__pdure .itm,
.Vendors__cont .itm {
  border-bottom: 1px solid var(--color-bg-accent);
}
.Procedurepdure__pdure.-theme-short .itm:nth-child(2n+2) {
  border-left: 1px solid var(--color-bg-accent);
}

/* 温润质感：侘寂肌理（可选） */
body::before {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='1' fill='%236f6c67' fill-opacity='0.05'/%3E%3C/svg%3E");
}

/* — 得獎紀錄 Awards — */
.Awards .--l--inner {
  margin-top: 140px;
  margin-bottom: 140px;
}
.Awards__title .ENMaintitle__sub,
.Awards__title .ENMaintitle__main {
  text-align: center;
}
.Awards__title .ENMaintitle__sub {
  color: var(--color-accent) !important;
}
.Awards__list {
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--color-text-secondary);
}
.Awards__list li {
  border-bottom: 1px solid var(--color-border);
}
.Awards__list .itm {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 26px 8px;
  color: var(--color-text-primary);
  transition: all .3s ease;
}
.Awards__list .itm:hover {
  background: var(--color-bg-secondary);
  padding-left: 20px;
}
.Awards__list .year {
  flex: 0 0 110px;
  font-family: 'DM Serif Display', serif;
  font-size: 22px;
  color: var(--color-accent);
}
.Awards__list .name {
  flex: 1 1 auto;
}
.Awards__list .level {
  flex: 0 0 auto;
  text-align: right;
}
.Awards__list .en,
.Awards__list .zh {
  display: block;
}
.Awards__list .name .en {
  font-family: 'DM Serif Display', serif;
  font-size: 22px;
  letter-spacing: .02em;
  line-height: 1.3;
}
.Awards__list .level .en {
  font-size: 13px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--color-accent);
}
.Awards__list .zh {
  margin-top: 4px;
  font-size: 14px;
  letter-spacing: .1em;
  color: var(--color-text-secondary);
}
@media screen and (max-width: 700px) {
  .Awards .--l--inner {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .Awards__list .itm {
    flex-wrap: wrap;
    gap: 6px 16px;
    padding: 20px 4px;
  }
  .Awards__list .itm:hover {
    padding-left: 4px;
  }
  .Awards__list .year {
    flex: 0 0 100%;
    font-size: 16px;
  }
  .Awards__list .name .en {
    font-size: 18px;
  }
  .Awards__list .level {
    text-align: left;
    flex: 0 0 100%;
  }
  .Awards__list .level .en,
  .Awards__list .level .zh {
    display: inline;
    margin: 0 8px 0 0;
  }
}

/* — 網頁設計署名 — */
.MainFooter__bottom .__copyright .__credit {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  letter-spacing: .05em;
  color: var(--color-text-secondary) !important;
  opacity: .6;
  transition: opacity .3s ease;
}
.MainFooter__bottom .__copyright .__credit:hover {
  opacity: 1;
}