/* ============================================================
   endfap.com — 公共站点外框（页头 / 页脚）
   由 head.php / bottom.php 在所有页面引用，改这里全站生效。
   颜色使用独立变量（--ef-*），不依赖页面自身的 :root。
   ============================================================ */
:root{
  --ef-deep:#0b5f8f;
  --ef-blue:#0d86ad;
  --ef-light:#10a9bd;
  --ef-grad:linear-gradient(120deg,#0b5f8f 0%,#0d86ad 48%,#10a9bd 100%);
}
/* ---------- 页头 ---------- */
.site-header{background:var(--ef-grad);color:#fff;position:relative;overflow:hidden}
.site-header::before,.site-header::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.09)}
.site-header::before{width:340px;height:340px;right:-120px;top:-160px}
.site-header::after{width:220px;height:220px;left:-70px;bottom:-110px}
.header-inner{max-width:700px;margin:0 auto;padding:34px 20px 30px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px}
a.logo{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.logo-mark{width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.75);display:grid;place-items:center;backdrop-filter:blur(4px)}
.logo-lotus{width:31px;height:31px;display:block;overflow:visible}
.logo-lotus path{fill:none;stroke:#fff;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.logo-text{line-height:1.15}
.logo-text b{font-size:21px;letter-spacing:.04em;font-weight:700;display:block;color:#fff;text-shadow:0 1px 6px rgba(0,40,70,.25)}
.logo-text small{font-size:11px;letter-spacing:.22em;opacity:.85;font-weight:400}
.header-right{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.header-heading{font-size:13px;letter-spacing:.12em;opacity:.9}
.header-auth{display:flex;align-items:center;gap:16px;flex:0 0 auto;font-size:13.5px;white-space:nowrap}
.header-auth a{color:#fff;text-decoration:none;opacity:.95;padding:6px 2px;border-bottom:1px solid transparent;transition:.2s}
.header-auth a:hover{opacity:1;border-bottom-color:rgba(255,255,255,.7)}
.header-auth .auth-cta{background:#fff;color:#0b6f96;padding:8px 18px;border-radius:999px;font-weight:700;opacity:1;border-bottom:0}
.header-auth .auth-cta:hover{background:#eaf7fb;border-bottom:0}
/* ---------- 页脚 ---------- */
.site-footer{max-width:700px;margin:0 auto;padding:22px 24px 36px;text-align:center;font-size:12px;color:#97a4ae;line-height:2}
.site-footer p{margin:0}
.site-footer .foot-logo{font-weight:700;color:#5b7a8c;letter-spacing:.06em}
.site-footer .foot-links{margin:6px 0;line-height:1.9}
.site-footer .foot-links a{color:#5b7a8c;text-decoration:none}
.site-footer .foot-links a:hover{text-decoration:underline;color:#0d86ad}
/* ---------- 响应式 ---------- */
@media(max-width:720px){
  .header-inner{padding:22px 16px 20px}
  .header-right{gap:10px}
  .header-auth{gap:10px;font-size:12.5px}
  .header-auth .auth-cta{padding:7px 14px}
  .header-heading{display:none}
}
@media(max-width:380px){
  .logo-text small{letter-spacing:.14em}
}