/* 漫尼數位行銷 — 由 comm/footer.html 抽出，順序與原檔完全一致 */
/* ==== (無id) ==== */
:root{
  --f-bg:    #0f172a;
  --f-bar:   #0b1220;
  --f-gold:  #02C9B6;
  --f-gold2: #56dccc;
  --f-text:  #f8fafc;
  --f-muted: #cbd5e1;
  --f-coral: #02C9B6;
  --f-line:  rgba(2,201,182,.2);
}

.elementor-579,
.elementor-579 *{ color:var(--f-text)!important; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans TC','Microsoft JhengHei',sans-serif; }
.elementor-579 a{ text-decoration:none; }
.elementor-579, .elementor-579 .elementor-section{ background:var(--f-bg)!important; }

/* ── TOP ACCENT LINE ── */
.f-topline{
  height:1px;
  background:linear-gradient(90deg,transparent,var(--f-gold) 25%,var(--f-gold) 75%,transparent);
  opacity:.5;
}

/* ── MAIN GRID ── */
.f-grid{
  max-width:1160px;
  margin:0 auto;
  padding:56px 44px 50px;
  display:grid;
  grid-template-columns:200px 1fr 280px;
  column-gap:56px;
  align-items:start;
}

/* ── COL A: Logo ── */
.f-logo img{
  max-width:155px; width:100%; height:auto; display:block;
  filter:brightness(0) invert(1); opacity:.9;
}
.f-tagline{
  margin-top:13px;
  font-size:10px; letter-spacing:3px; text-transform:uppercase;
  color:var(--f-gold)!important; font-weight:500;
}

/* ── COL B: Info ── */
.f-info-title{
  font-size:18px; font-weight:700;
  color:var(--f-gold)!important;
  letter-spacing:.4px;
  padding-bottom:13px; margin-bottom:22px;
  border-bottom:1px solid var(--f-line);
  position:relative;
}
.f-info-title::after{
  content:''; position:absolute; bottom:-1px; left:0;
  width:34px; height:2px; background:var(--f-gold);
}
.f-rows{ display:flex; flex-direction:column; gap:16px; }
.f-lbl{
  display:block; font-size:10px; letter-spacing:2.5px;
  text-transform:uppercase; color:var(--f-gold)!important;
  font-weight:700; margin-bottom:3px;
}
.f-val{ font-size:14px; line-height:1.75; color:var(--f-muted)!important; }
.f-val a{ color:var(--f-coral)!important; transition:opacity .2s; word-break:break-all; }
.f-val a:hover{ opacity:.7; }

/* ── COL C: Actions ── */
.f-actions{ display:flex; flex-direction:column; gap:22px; }

/* Button */
.f-btn{
  display:inline-block;
  background:var(--f-gold)!important;
  color:#1C2540!important;
  border-radius:7px; padding:13px 30px;
  font-size:15px; font-weight:700; letter-spacing:.3px;
  box-shadow:0 4px 18px rgba(201,169,110,.28);
  transition:transform .2s,box-shadow .2s,background .2s;
  white-space:nowrap; text-align:center;
}
.f-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(201,169,110,.4);
  background:var(--f-gold2)!important;
}
.f-btn *{ color:#1C2540!important; }

/* Social */
.f-social{ display:flex; gap:9px; flex-wrap:wrap; }
.f-ico{
  width:40px; height:40px;
  border:1px solid rgba(201,169,110,.28); border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(201,169,110,.05);
  transition:all .22s;
}
.f-ico:hover{ background:var(--f-gold); border-color:var(--f-gold); transform:translateY(-2px); box-shadow:0 5px 14px rgba(201,169,110,.35); }
.f-ico svg{ width:17px; height:17px; display:block; stroke:var(--f-gold); fill:none; stroke-width:1.85; stroke-linecap:round; stroke-linejoin:round; transition:stroke .22s,fill .22s; }
.f-ico:hover svg{ stroke:#1C2540; }
.f-ico.fb svg{ stroke:none; fill:var(--f-gold); }
.f-ico.fb:hover svg{ fill:#1C2540; }
.f-ico.ln svg{ fill:var(--f-gold); stroke:none; }
.f-ico.ln:hover svg{ fill:#1C2540; }

/* Recruit card */
.f-recruit{
  background:rgba(201,169,110,.07);
  border:1px solid var(--f-line);
  border-left:3px solid var(--f-gold);
  border-radius:8px; padding:15px 17px;
}
.f-recruit-badge{
  display:block; font-size:9.5px; letter-spacing:2.5px;
  text-transform:uppercase; color:var(--f-gold)!important;
  font-weight:700; margin-bottom:7px;
}
.f-recruit-link{
  font-size:15px; font-weight:600;
  color:var(--f-text)!important; line-height:1.6;
}
.f-recruit-link a{ color:var(--f-text)!important; transition:color .2s; }
.f-recruit-link a:hover{ color:var(--f-gold)!important; }

/* ── BOTTOM BAR ── */
.f-bar{
  background:var(--f-bar)!important;
  border-top:1px solid rgba(201,169,110,.1);
  padding:16px 44px;
  text-align:center;
}
.f-copy{ font-size:12px; color:rgba(240,234,224,.38)!important; letter-spacing:.4px; margin:0; }

/* ── RESPONSIVE ── */
@media(max-width:960px){
  .f-grid{ grid-template-columns:1fr 1fr; row-gap:38px; padding:42px 32px 36px; }
  .f-actions{ grid-column:1/-1; flex-direction:row; flex-wrap:wrap; align-items:flex-start; gap:20px 36px; }
  .f-recruit{ flex:1; min-width:220px; }
}
@media(max-width:600px){
  .f-grid{ grid-template-columns:1fr; padding:30px 20px 26px; row-gap:26px; }
  .f-actions{ flex-direction:column; align-items:center; }
  .f-logo img,.f-tagline{ margin-inline:auto; text-align:center; }
  .f-info-title{ text-align:center; }
  .f-info-title::after{ left:50%; transform:translateX(-50%); }
  .f-social{ justify-content:center; }
  .f-bar{ padding:13px 20px; }
}

/* ==== (無id) ==== */
.f-svclinks{max-width:1180px;margin:0 auto;padding:34px 20px 6px}
.f-svclinks .f-sv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:26px}
.f-svclinks h4{color:var(--f-gold)!important;font-size:14px;margin:0 0 12px;letter-spacing:.06em;font-weight:700}
.f-svclinks ul{list-style:none;margin:0;padding:0}
.f-svclinks li{margin-bottom:9px}
.f-svclinks a{color:#dbe6ef;text-decoration:none;font-size:14px;line-height:1.7}
.f-svclinks a:hover{color:#fff;text-decoration:underline}

/* ==== mn-abmnbtn ==== */
/* 關於漫尼 CTA 按鈕：與全站一致 */
body .abmn-cta a.main,html body .abmn-cta a.main{
  background:#02C9B6 !important;color:#06231f !important;border:1px solid #02C9B6 !important;
  display:inline-flex !important;align-items:center;justify-content:center;gap:8px;
  box-sizing:border-box;min-height:52px;min-width:200px;padding:14px 32px !important;
  border-radius:50px !important;font-weight:800 !important;text-decoration:none !important;line-height:1.2}
body .abmn-cta a.sub,html body .abmn-cta a.sub{
  background:transparent !important;color:#fff !important;border:1px solid rgba(255,255,255,.55) !important;
  display:inline-flex !important;align-items:center;justify-content:center;
  box-sizing:border-box;min-height:52px;min-width:200px;padding:14px 32px !important;
  border-radius:50px !important;font-weight:800 !important;text-decoration:none !important;line-height:1.2}
body .abmn-cta a.main:hover{background:#03b3a2 !important;color:#06231f !important}
body .abmn-cta a.sub:hover{background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.85) !important}

/* ==== mn-hover ==== */
/* 按鈕互動回饋（滑過微浮起、按下回彈） */
.btn-main,.btn-ghost,.btn-primary,.btn-secondary,.abmn-cta a.main,.abmn-cta a.sub,.f-btn,.post-funnel a{
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .18s ease,box-shadow .22s ease !important}
.btn-main:hover,.btn-primary:hover,.abmn-cta a.main:hover,.f-btn:hover,.post-funnel a:hover{
  transform:translateY(-2px);box-shadow:0 14px 30px rgba(2,201,182,.30)}
.f-btn:hover{box-shadow:0 14px 30px rgba(201,169,110,.32)}
.btn-ghost:hover,.btn-secondary:hover,.abmn-cta a.sub:hover{
  transform:translateY(-2px);background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.85) !important}
.btn-main:active,.btn-ghost:active,.btn-primary:active,.btn-secondary:active,.f-btn:active{transform:translateY(0);box-shadow:none}
/* 卡片與連結微互動 */
.svc-card,.pain,.hub-item,.abmn-card{transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease}
.svc-card:hover,.pain:hover,.abmn-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(15,23,42,.10)}
.read-more,.hub-item span{transition:color .18s ease,transform .18s ease}
.read-more:hover{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){
  .btn-main,.btn-ghost,.btn-primary,.btn-secondary,.svc-card,.pain,.hub-item,.abmn-card{transition:none !important;transform:none !important}
}

/* ==== mn-btnfix ==== */
/* 舊頁面按鈕結構修復（先前覆寫規則時遺失內距與去底線） */
.btn-primary,.btn-secondary,a.btn-primary,a.btn-secondary{
  display:inline-flex !important;align-items:center;justify-content:center;gap:8px;
  box-sizing:border-box;min-height:52px;min-width:200px;
  padding:14px 32px !important;border-radius:50px !important;
  font-size:16px;font-weight:800;line-height:1.2;
  text-decoration:none !important;white-space:nowrap;transition:.2s}
.btn-primary{background:#02C9B6 !important;color:#06231f !important;border:1px solid #02C9B6 !important;
  box-shadow:0 10px 26px rgba(2,201,182,.24)}
.btn-primary:hover{background:#03b3a2 !important;color:#06231f !important}
.btn-secondary{background:transparent !important;color:#fff !important;
  border:1px solid rgba(255,255,255,.55) !important;box-shadow:none}
.btn-secondary:hover{background:rgba(255,255,255,.12) !important;color:#fff !important}
/* 按鈕列置中排版 */
.final-cta .cta-actions,.final-cta .btn-row,.hero-cta,.cta-buttons{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px}
@media(max-width:640px){
  .btn-primary,.btn-secondary{width:100%;max-width:320px;min-width:0;white-space:normal}
}

/* ==== mn-mail ==== */
/* 頁尾信箱連結：白色，滑過轉金 */
footer .f-val a,.elementor-579 .f-val a,body footer .f-val a{color:#F0EAE0 !important;text-decoration:none}
footer .f-val a:hover,.elementor-579 .f-val a:hover{color:#C9A96E !important;text-decoration:underline}

/* ==== mn-gold2 ==== */
/* 頁尾強調色統一為金色 */
footer .f-svclinks h4,.elementor-579 .f-svclinks h4{color:#C9A96E !important}
footer .f-recruit-badge,.elementor-579 .f-recruit-badge{color:#C9A96E !important;border-color:#C9A96E !important}
footer .f-recruit,.elementor-579 .f-recruit{
  border-color:rgba(201,169,110,.22) !important;border-left-color:#C9A96E !important;
  background:rgba(201,169,110,.07) !important}
/* 立即洽詢：金底深字，對比 6.6 */
footer .f-btn,.elementor-579 .f-btn{background:#C9A96E !important;color:#1C2540 !important;border-color:#C9A96E !important;font-weight:800 !important}
footer .f-btn:hover,.elementor-579 .f-btn:hover{background:#d8bb85 !important;color:#1C2540 !important}
/* 社群圖示：金色線條 */
footer .f-ico,.elementor-579 .f-ico{color:#C9A96E !important;border-color:rgba(201,169,110,.35) !important}
footer .f-ico:hover{background:rgba(201,169,110,.14) !important;border-color:#C9A96E !important}
footer .f-ico svg,footer .f-ico i,footer .f-ico path{fill:currentColor;stroke:currentColor}
/* 服務連結維持米白，hover 轉金 */
footer .f-svclinks a{color:#F0EAE0 !important}
footer .f-svclinks a:hover{color:#C9A96E !important}

/* ==== mn-gold ==== */
/* 頁尾金色標籤鎖定（提高層級，避免與 .elementor-579 * 同權重互搶） */
footer .f-info-title,footer .f-lbl,footer .f-recruit .f-lbl,
.elementor-579 .f-info-title,.elementor-579 .f-lbl,
body footer .f-info-title,body footer .f-lbl{color:#C9A96E !important}
/* 頁尾一般文字維持米白 */
footer .f-val,.elementor-579 .f-val{color:#F0EAE0 !important}

/* ==== (無id) ==== */
/* 服務項目下拉選單（僅桌機） */
@media(min-width:992px){
  .mn-has-drop{position:relative}
  .mn-drop{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);
    background:#fff;border:1px solid #e5edf3;border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,.14);
    padding:14px;min-width:720px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px 18px;
    opacity:0;visibility:hidden;transition:.18s;z-index:9999}
  .mn-has-drop:hover .mn-drop,.mn-drop:hover{opacity:1;visibility:visible;transform:translateX(-50%) translateY(2px)}
  .mn-drop b{grid-column:span 1;display:block;font-size:12px;letter-spacing:.08em;color:#02C9B6;margin:6px 0 4px}
  .mn-drop a{display:block;padding:7px 10px;border-radius:8px;color:#0f172a;text-decoration:none;font-size:14px;line-height:1.5;white-space:nowrap}
  .mn-drop a:hover{background:#f1f7f7;color:#02C9B6}
  .mn-drop .mn-col{display:flex;flex-direction:column}
  .mn-drop .mn-all{grid-column:1/-1;margin-top:10px;padding-top:10px;border-top:1px solid #e5edf3}
  .mn-drop .mn-all a{font-weight:700;color:#0B1220;text-align:center}
}
@media(max-width:991px){.mn-drop{display:none!important}}

/* ==== mn-btn-tier ==== */
/* 按鈕分層：主要=膠囊實心，次要=小圓角外框 */
body .btn-ghost,body .btn-secondary,body .post-funnel a.ghost,body .svc-cta .btn-ghost{
  border-radius:8px!important;background:transparent!important;
  border:1.5px solid rgba(255,255,255,.55)!important;color:#fff!important;font-weight:700}
body .svc-wrap .btn-ghost,body .cap-links a{border-color:#0f766e!important;color:#0f766e!important}
body .btn-ghost:hover,body .btn-secondary:hover{background:rgba(255,255,255,.12)!important}
body .hub-dir .hub-items>.hub-item:first-child>span{border-radius:0}
/* 主要按鈕維持膠囊 */
body .btn-main,body .btn-primary{border-radius:999px!important}
/* 內文區塊的次要按鈕（淺底） */
body .svc-wrap .btn-ghost{border:1.5px solid #0f766e!important;background:transparent!important}
body .svc-wrap .btn-ghost:hover{background:#e6f2f2!important}

/* ==== mn-dark-trim ==== */
body .svc-cta{border-bottom:1px solid rgba(255,255,255,.10)}
@media(max-width:700px){
  body .svc-cta{padding:44px 18px}
  body .svc-cta h2{margin-bottom:12px}
  body .svc-cta p{margin-bottom:20px;font-size:15px}
  body .svc-trust{margin-top:18px;font-size:13px}
  body .f-svclinks{padding:24px 16px 4px}
  body .f-svclinks .f-sv-grid{grid-template-columns:1fr 1fr!important;gap:20px 12px}
  body .f-svclinks h4{font-size:13px;margin-bottom:8px}
  body .f-svclinks li{margin-bottom:6px}
  body .f-svclinks a{font-size:13px;line-height:1.55}
  body footer .f-grid{padding-top:16px}
  body footer .f-rows>div{margin-bottom:10px}
}
@media(max-width:420px){
  body .f-svclinks .f-sv-grid{gap:16px 10px}
  body .f-svclinks a{font-size:12.5px}
}

/* ==== mn-btn-shape ==== */
/* 按鈕形狀統一：都用圓角方形，靠填色分主次 */
body .btn-main,body .btn-primary,body .f-btn{border-radius:10px!important}
body .btn-ghost,body .btn-secondary,body .post-funnel a.ghost,body .svc-cta .btn-ghost,body .svc-wrap .btn-ghost,body .final-cta .btn-ghost{border-radius:10px!important}
body .btn-main,body .btn-ghost,body .btn-primary,body .btn-secondary{box-sizing:border-box!important;min-height:52px;display:inline-flex!important;align-items:center;justify-content:center}
/* 手機頁尾：每組連結改成同一行以分隔點串接 */
@media(max-width:700px){
  body .f-svclinks .f-sv-grid{grid-template-columns:1fr!important;gap:0!important}
  body .f-svclinks .f-sv-grid>div{padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}
  body .f-svclinks .f-sv-grid>div:first-child{border-top:0}
  body .f-svclinks h4{font-size:12px!important;letter-spacing:.12em;margin:0 0 8px!important;opacity:.9}
  body .f-svclinks ul{display:flex!important;flex-wrap:wrap;gap:0 2px}
  body .f-svclinks li{margin:0!important;display:inline}
  body .f-svclinks li:not(:last-child):after{content:"·";color:rgba(255,255,255,.28);margin:0 7px}
  body .f-svclinks a{font-size:13.5px!important;line-height:2!important;white-space:nowrap}
}

/* ==== mn-foot-polish ==== */
body .f-svclinks h4{color:#E3C489!important;font-weight:700!important}
@media(max-width:700px){
  body .f-svclinks .f-sv-grid>div{padding:21px 0!important}
  body .f-svclinks h4{font-size:13.5px!important;letter-spacing:.08em!important;margin:0 0 11px!important;opacity:1!important}
  body .f-svclinks a{line-height:2.1!important}
  body footer{padding-bottom:84px}
}

/* ==== mn-foot-final ==== */
/* 金色標題：提亮，權重蓋過 footer .f-svclinks h4 */
body footer .f-svclinks h4,body .elementor-579 .f-svclinks h4,body .f-svclinks h4{color:#E3C489!important;font-weight:700!important}
/* 連結：預設稍亮，hover 轉金 */
body footer .f-svclinks a{color:#D5DFE9!important;transition:color .16s}
body footer .f-svclinks a:hover{color:#E3C489!important;text-decoration:none}
/* 頁尾金色按鈕與其他按鈕同一套圓角 */
body footer .f-btn{border-radius:10px!important;min-height:48px;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box!important;font-weight:700}
@media(max-width:700px){
  body footer .f-svclinks a{color:#DCE5EE!important}
  body footer .f-svclinks li:not(:last-child):after{color:rgba(227,196,137,.35)!important}
}

/* ==== mn-btn-all ==== */
/* 關於漫尼與導覽列的按鈕併入同一套 */
body .abmn-cta a.main,body .abmn-cta a.sub,body a.main,body a.sub{border-radius:10px!important;box-sizing:border-box!important;min-height:52px;display:inline-flex!important;align-items:center;justify-content:center;font-weight:700}
body a.sub{background:transparent!important;border:1.5px solid rgba(255,255,255,.55)!important;color:#fff!important}
body .nav-cta,body a.nav-cta{border-radius:10px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:8px 18px!important;line-height:1.2}
/* 懸浮按鈕讓位：斷點對齊 768px */
@media(max-width:768px){
  body footer{padding-bottom:88px!important}
  body .mobile-sticky-cta{border-radius:10px!important;box-sizing:border-box!important;min-height:52px;display:flex!important;align-items:center;justify-content:center;font-weight:700}
}

/* ==== mn-btn-final ==== */
html body .abmn-cta a.main,html body .abmn-cta a.sub{border-radius:10px!important;box-sizing:border-box!important;min-height:52px;padding:14px 32px!important;display:inline-flex!important;align-items:center;justify-content:center}
html body .abmn-cta{padding:56px 20px!important}
@media(max-width:768px){html body .abmn-cta{padding:44px 18px!important}}

/* ==== mn-abmn-info ==== */
/* 三欄依內容寬度收合並整組置中，避免右側大片空白 */
html body .abmn-info{grid-template-columns:repeat(3,auto)!important;justify-content:center!important;gap:24px 56px!important}
@media(max-width:820px){html body .abmn-info{grid-template-columns:1fr!important;justify-content:start!important;gap:20px!important}}

/* ==== mn-navcta ==== */
html body a.elementor-item.nav-cta.nav-cta.nav-cta.nav-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 18px!important;line-height:1.2!important;box-sizing:border-box!important;border-radius:10px!important;white-space:nowrap}
@media(max-width:921px){html body a.elementor-item.nav-cta.nav-cta.nav-cta.nav-cta{padding:0 14px!important;min-height:38px!important}}

/* ==== mn-btn-eq ==== */
html body .svc-hero-cta{display:inline-grid!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;gap:14px!important;justify-content:center!important;vertical-align:top}
html body .svc-cta a.btn-main,html body .svc-cta a.btn-ghost{min-width:204px!important}
@media(max-width:560px){html body .svc-hero-cta{grid-auto-flow:row!important;width:100%;max-width:340px}html body .svc-cta a.btn-main,html body .svc-cta a.btn-ghost{min-width:0!important;width:100%;max-width:340px}}

/* ==== mn-fab-final ==== */
@media(max-width:768px){html body a.mobile-sticky-cta{position:fixed!important;left:auto!important;right:16px!important;bottom:calc(20px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:calc(100% - 32px);height:40px!important;min-height:40px!important;padding:0 16px!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;font-weight:600!important;letter-spacing:.01em;white-space:nowrap;background:#1E293B!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 6px 18px rgba(15,23,42,.26),0 1px 4px rgba(15,23,42,.16)!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(120%);transition:opacity .2s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility .2s;z-index:9998!important}html body a.mobile-sticky-cta:after{content:"";position:absolute;left:0;right:0;top:-4px;bottom:-4px}html body a.mobile-sticky-cta.is-on{opacity:1;visibility:visible;pointer-events:auto;transform:none!important}html body a.mobile-sticky-cta:active{background:#0F172A!important;transform:scale(.98)!important}html body.contact-page a.mobile-sticky-cta{display:none!important}body footer{padding-bottom:64px!important}}
@media(max-width:768px) and (prefers-reduced-motion:reduce){html body a.mobile-sticky-cta{transition:opacity .01s linear!important}}