/* 圓山 × 墨鋒 主題（內部示範）— 疊在 regqa base.html 的變數與 class 上，放在原 <style> 之後即可。
   只用意象色彩與文字；不含圓山官方 LOGO。素材在 assets/（金色雲紋、回紋角飾、墨鋒 mark、筆鋒）。 */
:root{
  --bg:#16233B;            /* 墨藍 */
  --card:#1D2F4E;          /* 卡片：比底亮一階的墨藍 */
  --ink:#EFE8D8;           /* 宣紙白字 */
  --sub:#A9B6CC;           /* 次要字 */
  --line:rgba(212,168,83,.28);   /* 金細線 */
  --navy:#22D3EE;          /* 連結/強調＝電光青（墨鋒） */
  --gold:#D4A853;          /* 金（圓山） */
  --vermilion:#B22222;     /* 朱紅（圓山） */
  --ok:#5FD39A; --warn:#F2B35C; --bad:#FF7A70;
  --r:10px;
}
@media (prefers-color-scheme:dark){:root{--bg:#16233B;--card:#1D2F4E;--ink:#EFE8D8;--sub:#A9B6CC;--line:rgba(212,168,83,.28);--navy:#22D3EE;--gold:#D4A853}}
body{
  background:
    radial-gradient(ellipse 70% 40% at 50% -5%,rgba(34,211,238,.10),transparent 70%),
    linear-gradient(180deg,#16233B 0%,#101B2F 100%) fixed;
  color:var(--ink);
  font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;
}
body::before{ /* 雲紋淡底紋 */
  content:"";position:fixed;inset:auto 0 0 0;height:220px;pointer-events:none;opacity:.07;
  background:url(assets/cloud.png) repeat-x bottom/600px auto;
}
header{
  background:#0F1A2E;border-bottom:1px solid var(--gold);
  box-shadow:0 2px 0 var(--vermilion);   /* 朱紅線 + 金線 */
}
header b{color:var(--gold);letter-spacing:.08em;font-weight:700}
header a{color:var(--sub)} header a:hover{color:var(--navy)}
.card{
  background:var(--card);border:1px solid var(--line);border-top:3px solid var(--vermilion);
  border-radius:var(--r);box-shadow:0 10px 30px rgba(0,0,0,.28);
}
input,select,textarea{background:#14213A;border:1px solid rgba(212,168,83,.35);color:var(--ink);border-radius:6px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(34,211,238,.20)}
button.p{
  background:var(--vermilion);color:#F8EBC8;border:1px solid var(--gold);border-radius:6px;
  letter-spacing:.15em;font-weight:600;
}
button.p:hover{background:#951C1C}
.cite{border-color:var(--gold);color:var(--gold)}
th{color:var(--gold)}
.msg.ok{background:rgba(95,211,154,.12)} .msg.bad{background:rgba(255,122,112,.12)}
/* 墨鋒 AI 意見：電光青 */
.ai b{color:var(--navy)}
/* 登入頁 */
.login-hero{text-align:center;margin:60px auto 22px;max-width:520px}
.login-hero img{width:72px;opacity:.95}
.login-hero h1{font-size:26px;margin:12px 0 4px;letter-spacing:.12em;color:var(--ink)}
.login-hero h1 i{color:var(--gold);font-style:normal;padding:0 .4em}
.login-hero .tag{color:var(--gold);letter-spacing:.3em;font-size:14px}
.login-badge{display:inline-block;margin-top:12px;padding:3px 14px;border:1px solid var(--vermilion);color:#F2B1AB;border-radius:99px;font-size:12px}
.login-card{position:relative}
.login-card::before,.login-card::after{ /* 金色回紋角飾 */
  content:"";position:absolute;width:54px;height:54px;background:url(assets/fret_tl.png) no-repeat center/contain;opacity:.65;pointer-events:none}
.login-card::before{top:-6px;left:-6px}
.login-card::after{bottom:-6px;right:-6px;transform:rotate(180deg)}
.site-foot{text-align:center;color:var(--sub);font-size:12px;margin:28px 0 10px;opacity:.85}

/* 部門勾選框：用原生 checkbox（不靠 ☑ ☐ 字元，避免字型缺字），金色勾選 */
input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px;vertical-align:-3px;margin-right:4px;background:transparent}
.login-badge{max-width:92%}

/* ── 亮金點綴（Murphy 17:41「再亮麗一點，亮黃金線來挑亮」）：後面的規則蓋過前面 ── */
:root{--gold-bright:#F2C94C;--gold-light:#FFD966}
header{border-bottom:1px solid var(--gold-light);box-shadow:0 2px 0 var(--vermilion),0 3px 0 var(--gold-light),0 6px 18px rgba(242,201,76,.10)}
header b{color:var(--gold-light);text-shadow:0 0 12px rgba(242,201,76,.35)}
.card{
  border:1px solid rgba(242,201,76,.80);border-top:3px solid var(--vermilion);
  box-shadow:inset 0 1px 0 var(--gold-light),0 0 14px rgba(242,201,76,.16),0 10px 30px rgba(0,0,0,.28);  /* 朱紅頂緣下一條亮金細線＋極淡外光 */
}
button.p{border-color:var(--gold-light);box-shadow:0 0 10px rgba(242,201,76,.35),inset 0 1px 0 rgba(255,217,102,.45)}
button.p:hover{box-shadow:0 0 16px rgba(242,201,76,.55)}
.cite{border-color:var(--gold-bright);color:var(--gold-light)}
th{color:var(--gold-light)}
body::before{opacity:.10}   /* 淡金雲紋稍提亮，仍低調 */
.login-hero .tag{
  background:linear-gradient(90deg,#F2C94C,#FFE9A6 50%,#F2C94C);-webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;font-weight:600;
}
.login-card::before,.login-card::after{opacity:.95;filter:drop-shadow(0 0 4px rgba(242,201,76,.5))}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(34,211,238,.20),0 0 10px rgba(242,201,76,.20)}

/* ── 亮金加強第二版（管家 #2801）：雲紋真的是淡金、外框 1.5px、外光更明顯 ── */
body::before{opacity:.32;filter:none}   /* assets/cloud.png 本身就是金色線稿 #D4A853，30–40% 透明度 */
.card{
  border:1.5px solid rgba(242,201,76,.92);border-top:3px solid var(--vermilion);
  box-shadow:inset 0 1px 0 var(--gold-light),0 0 22px rgba(242,201,76,.30),0 10px 30px rgba(0,0,0,.28);
}
header{box-shadow:0 2px 0 var(--vermilion),0 3px 0 var(--gold-light),0 8px 24px rgba(242,201,76,.20)}

/* ── 圓山 LOGO（Murphy 提供，140×29 小圖：原比例、不放大、不改色；淺金色在墨藍底上可讀）── */
.brand-pair{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:6px}
.brand-pair .ys-logo{width:140px;height:29px;image-rendering:auto}   /* 原尺寸，不放大 */
.brand-pair .x{color:var(--gold-light);font-size:22px;line-height:1}
.brand-pair .mk{width:56px;height:56px}
header .ys-logo-sm{height:22px;width:auto;vertical-align:middle;margin-right:12px}  /* 頂欄左側小尺寸，只縮小不放大 */

/* ── 祥雲燙金帶（管家 #2802）：細線對稱捲雲、帶狀重複、只在頁面最底部窄帶；金屬漸層 #B8862B→#FFE08A→#C9962E＋細高光（圖已燙金，不是平塗）── */
body::before{
  content:"";position:fixed;left:0;right:0;bottom:0;height:76px;pointer-events:none;opacity:.9;z-index:0;
  background:url(assets/cloud_gold_band.png) repeat-x left bottom/auto 76px;
  filter:drop-shadow(0 0 4px rgba(255,224,138,.25));
}
main{padding-bottom:96px}      /* 內容不被底部祥雲帶蓋住 */
.site-foot{margin-bottom:96px;position:relative;z-index:1}