/* =========================================================
   WUCJ Tools - Global Subsite Brand Layer
   主站品牌：#3157d5 / #6a5cff / #101828 / #f7f8fb
   ========================================================= */
:root{
  --wucj-bg:#f7f8fb;
  --wucj-paper:#ffffff;
  --wucj-text:#172033;
  --wucj-muted:#667085;
  --wucj-line:#e6e9ef;
  --wucj-primary:#3157d5;
  --wucj-primary2:#6a5cff;
  --wucj-soft:#eef2ff;
  --wucj-dark:#101828;
  --wucj-shadow:0 16px 50px rgba(20,32,70,.08);
}
html{scroll-padding-top:92px}
body{
  background:var(--wucj-bg)!important;
  color:var(--wucj-text);
  font-family:Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,sans-serif!important;
}

/* Hide legacy site header only; tool content stays untouched */
body > .site-header,
body > .topbar{
  display:none!important;
}

.wucj-global-header{
  position:sticky;
  top:0;
  z-index:9997;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(230,233,239,.9);
  box-shadow:0 5px 20px rgba(16,24,40,.035);
}
.wucj-global-inner{
  width:min(1160px,calc(100% - 32px));
  min-height:78px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:18px;
}
.wucj-global-brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none!important;
  min-width:0;
  color:var(--wucj-text)!important;
}
.wucj-global-logo{
  height:58px;
  width:auto;
  max-width:270px;
  object-fit:contain;
  display:block;
}
.wucj-site-label{
  display:flex;
  flex-direction:column;
  border-left:1px solid var(--wucj-line);
  padding-left:13px;
  line-height:1.15;
  white-space:nowrap;
}
.wucj-site-label strong{font-size:14px;color:var(--wucj-text)}
.wucj-site-label small{font-size:11px;color:var(--wucj-muted);margin-top:4px}
.wucj-global-nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:5px;
  font-size:13px;
}
.wucj-global-nav a{
  padding:9px 10px;
  border-radius:10px;
  color:#475467!important;
  text-decoration:none!important;
  font-weight:750;
  white-space:nowrap;
}
.wucj-global-nav a:hover,
.wucj-global-nav a.active{
  color:var(--wucj-primary)!important;
  background:var(--wucj-soft);
}
.wucj-home-link{
  border:1px solid var(--wucj-line);
  background:#fff;
}
.wucj-mobile-menu{display:none;margin-left:auto;position:relative}
.wucj-mobile-menu summary{
  list-style:none;
  width:44px;height:44px;
  display:grid;place-items:center;
  border:1px solid var(--wucj-line);
  border-radius:12px;
  background:#fff;
  color:var(--wucj-text);
  font-size:20px;
  cursor:pointer;
}
.wucj-mobile-menu summary::-webkit-details-marker{display:none}
.wucj-mobile-menu nav{
  position:absolute;
  right:0;
  top:52px;
  width:min(280px,calc(100vw - 28px));
  padding:9px;
  background:#fff;
  border:1px solid var(--wucj-line);
  border-radius:16px;
  box-shadow:0 18px 50px rgba(16,24,40,.16);
}
.wucj-mobile-menu nav a{
  display:block;
  padding:11px 12px;
  border-radius:10px;
  text-decoration:none;
  color:#344054;
  font-weight:750;
}
.wucj-mobile-menu nav a:hover,
.wucj-mobile-menu nav a.active{background:var(--wucj-soft);color:var(--wucj-primary)}

/* Align common site palettes with main site */
.hero{
  background:
    radial-gradient(circle at 82% 8%,rgba(106,92,255,.13),transparent 31%),
    radial-gradient(circle at 10% 0,rgba(49,87,213,.10),transparent 31%),
    var(--wucj-bg)!important;
}
.eyebrow{color:var(--wucj-primary)!important}
.btn.primary,.primary,.primary-link,
button.primary,input[type="submit"].primary{
  background:linear-gradient(135deg,var(--wucj-primary),var(--wucj-primary2))!important;
  border-color:transparent!important;
  color:#fff!important;
}
.btn.primary:hover,.primary:hover,.primary-link:hover,button.primary:hover{
  filter:brightness(.97);
}
.panel,.card,.tool-card,.toolcard,.hero-card,.trust-card,
.content-grid article,.faq,.ad-placeholder,.adbox,.workspace,
.quick-tool,.category-card{
  border-color:var(--wucj-line)!important;
}
.ad-placeholder,.adbox{background:#fff!important}
a{accent-color:var(--wucj-primary)}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{
  outline:3px solid rgba(49,87,213,.18)!important;
  outline-offset:2px;
}

/* Shared breadcrumb strip */
.wucj-brand-path{
  width:min(1160px,calc(100% - 32px));
  margin:14px auto 0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  color:var(--wucj-muted);
  font-size:12px;
}
.wucj-brand-path a{color:var(--wucj-primary)!important;text-decoration:none;font-weight:750}

/* Footer brand signature */
.wucj-brand-footer{
  width:min(1160px,calc(100% - 32px));
  margin:20px auto 26px;
  padding-top:18px;
  border-top:1px solid var(--wucj-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:var(--wucj-muted);
  font-size:12px;
}
.wucj-brand-footer a{color:var(--wucj-primary)!important;text-decoration:none;font-weight:750}

@media(max-width:900px){
  .wucj-global-nav{display:none}
  .wucj-mobile-menu{display:block}
  .wucj-global-logo{height:50px;max-width:230px}
  .wucj-global-inner{min-height:70px}
}
@media(max-width:560px){
  .wucj-global-inner{width:min(100% - 22px,1160px);gap:8px}
  .wucj-global-logo{height:44px;max-width:175px}
  .wucj-site-label{padding-left:9px}
  .wucj-site-label strong{font-size:12px}
  .wucj-site-label small{display:none}
  .wucj-brand-path{width:calc(100% - 24px)}
  .wucj-brand-footer{width:calc(100% - 24px);display:block}
}
@media print{
  .wucj-global-header,.wucj-brand-path,.wucj-brand-footer{display:none!important}
}


/* WUCJ bilingual selector */
.wucj-language-control{display:flex;align-items:center;margin-left:4px}
.wucj-language-control select{min-height:38px;padding:7px 28px 7px 10px;border:1px solid #e6e9ef;border-radius:10px;background:#fff;color:#344054;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
@media(max-width:900px){.wucj-language-control{margin-left:auto}}
@media(max-width:560px){.wucj-language-control select{max-width:112px}}


#wucj-local-preview-note{display:none}
body.file-preview #wucj-local-preview-note{display:flex;position:relative;z-index:10000;align-items:center;justify-content:center;gap:10px;padding:8px 14px;background:#fff7d6;border-bottom:1px solid #f0d36a;color:#594a00;font:13px/1.4 Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;text-align:center}
#wucj-local-preview-note strong{white-space:nowrap}
@media(max-width:640px){body.file-preview #wucj-local-preview-note{display:block;text-align:left}#wucj-local-preview-note span{display:block;margin-top:2px}}


/* WUCJ V1.2 visible language switch */
.wucj-lang-switch{display:flex;align-items:center;gap:3px;margin-left:6px;padding:3px;border:1px solid #dfe4ee;border-radius:999px;background:#fff;box-shadow:0 5px 15px rgba(16,24,40,.04);white-space:nowrap}
.wucj-lang-switch .lang-icon{font-size:14px;padding-left:5px}
.wucj-lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 9px;border-radius:999px;color:#667085!important;text-decoration:none!important;font-size:12px;font-weight:850}
.wucj-lang-switch a:hover{color:#3157d5!important;background:#f4f6ff}
.wucj-lang-switch a.active{background:linear-gradient(135deg,#3157d5,#6a5cff);color:#fff!important}
@media(max-width:560px){.wucj-lang-switch{margin-left:auto}.wucj-lang-switch a{padding:5px 7px}.wucj-lang-switch .lang-icon{display:none}}