/* ===== iPhet 公共组件样式 ===== */
:root{
  --iphet-navy:#0f172a;--iphet-blue:#6BCAF2;--iphet-muted:#94a3b8;--iphet-border:#334155;
}
.iphet-topbar{
  background:rgba(15,23,42,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  padding:0 24px;height:56px;display:flex;align-items:center;gap:24px;
  position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.06);
}
.iphet-topbar .it-logo{display:flex;align-items:center;gap:10px;text-decoration:none;line-height:1}
.iphet-topbar .it-logo img{height:30px;max-width:140px;display:block;flex-shrink:0}
.iphet-topbar .it-logo .it-brand{font-size:15px;font-weight:700;color:#fff;letter-spacing:.3px}
.iphet-topbar.light .it-logo .it-brand{color:#0f172a}
.iphet-topbar .it-nav{margin-left:auto;display:flex;gap:4px}
.iphet-topbar .it-nav a{font-size:13px;color:rgba(255,255,255,.7);padding:8px 14px;border-radius:8px;text-decoration:none;transition:.15s}
.iphet-topbar .it-nav a:hover,.iphet-topbar .it-nav a.active{color:#fff;background:rgba(255,255,255,.08)}

/* 浅色主题 */
.iphet-topbar.light{background:rgba(255,255,255,.95);border-bottom:1px solid #e2e8f0}
.iphet-topbar.light .it-logo{color:var(--iphet-navy)}
.iphet-topbar.light .it-nav a{color:var(--iphet-muted)}
.iphet-topbar.light .it-nav a:hover,.iphet-topbar.light .it-nav a.active{background:#f1f5f9;color:var(--iphet-navy)}

/* Footer */
.iphet-footer{background:var(--iphet-navy);color:rgba(255,255,255,.5);padding:48px 24px;text-align:center;font-size:13px;line-height:2.2}
.iphet-footer b{color:rgba(255,255,255,.85)}
.iphet-footer a{color:rgba(255,255,255,.5);text-decoration:none}
.iphet-footer a:hover{color:var(--iphet-blue)}
.iphet-footer .if-sep{margin:0 10px;opacity:.3}
.iphet-footer .if-attribution{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px}

/* 联系弹窗 */
.iphet-contact-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center}
.iphet-contact-modal.show{display:flex}
.iphet-contact-modal .cm-card{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px 32px;max-width:360px;width:90%;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.iphet-contact-modal .cm-card h3{font-size:18px;color:#fff;margin-bottom:6px}
.iphet-contact-modal .cm-card .cm-sub{font-size:13px;color:var(--iphet-muted);margin-bottom:18px}
.iphet-contact-modal .cm-row{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;margin-bottom:8px;display:flex;align-items:center;gap:10px;font-size:14px;color:#fff;cursor:pointer;transition:.15s}
.iphet-contact-modal .cm-row:hover{border-color:var(--iphet-blue)}
.iphet-contact-modal .cm-row .cm-icon{font-size:18px;flex-shrink:0}
.iphet-contact-modal .cm-row .cm-val{font-weight:600;word-break:break-all}
.iphet-contact-modal .cm-close{margin-top:14px;padding:8px 24px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:var(--iphet-muted);font-size:13px;cursor:pointer;font-family:inherit;transition:.15s}
.iphet-contact-modal .cm-close:hover{color:#fff;background:rgba(255,255,255,.12)}

@media(max-width:640px){
  .iphet-topbar{padding:0 12px;gap:8px}
  .iphet-topbar .it-nav a{font-size:11px;padding:6px 8px}
}