/* Tianzhi unified clean navigation, build: 20260630-fixes-v4 */
:root { --tz-nav-h: 62px; --tz-bottom-h: 70px; }
body.tz-has-nav { padding-top: var(--tz-nav-h) !important; }
.tz-global-nav-wrap { position: fixed; left: 0; right: 0; top: 0; z-index: 9999; padding: max(9px, env(safe-area-inset-top)) 12px 7px; pointer-events: none; }
.tz-global-nav { pointer-events:auto; width:fit-content; max-width:min(760px, calc(100vw - 38px)); margin:0 auto; min-height:44px; padding:6px 8px; display:flex; align-items:center; justify-content:center; gap:clamp(3px,1.15vw,12px); border-radius:999px; background:rgba(255,255,248,.92); border:1px solid rgba(255,255,255,.62); box-shadow:0 10px 28px rgba(70,74,48,.13), inset 0 1px 0 rgba(255,255,255,.82); backdrop-filter:blur(12px) saturate(1.35); -webkit-backdrop-filter:blur(12px) saturate(1.35); }
.tz-global-nav a { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:6px clamp(8px,1.45vw,15px); border-radius:999px; color:#444a41; font:760 clamp(14px,2.25vw,17px)/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; text-decoration:none; white-space:nowrap; transition:transform .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease; }
.tz-global-nav a:hover { transform:translateY(-1px); background:rgba(255,190,77,.13); }
.tz-global-nav a:focus-visible { outline:2px solid #ffb43d; outline-offset:3px; }
.tz-global-nav a.active { color:#fff; background:linear-gradient(180deg,#ffbf4f 0%,#ffa12d 100%); box-shadow:0 7px 16px rgba(255,158,46,.30), inset 0 1px 0 rgba(255,255,255,.36); }
.tz-bottom-nav { display:none; }
.tz-page-footer { margin:38px auto 0; width:min(1060px, calc(100vw - 28px)); padding:22px 12px 30px; text-align:center; color:#6b7a6d; font:800 clamp(14px,2.6vw,18px)/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
.tz-page-footer a { color:#507a68; text-decoration:none; border-bottom:1px solid rgba(80,122,104,.38); padding-bottom:1px; }
.tz-page-footer a:hover { color:#1f7a5d; }
@media (max-width: 760px) {
  :root { --tz-nav-h: 60px; }
  .tz-global-nav-wrap { padding-left:10px; padding-right:10px; }
  .tz-global-nav { max-width:calc(100vw - 34px); padding:5px 7px; gap:clamp(2px,1vw,7px); }
  .tz-global-nav a { min-height:33px; padding:6px clamp(5px,1.3vw,8px); font-size:clamp(13px,3.65vw,16px); font-weight:760; }
  body.tz-has-bottom-nav { padding-bottom: calc(var(--tz-bottom-h) + env(safe-area-inset-bottom)) !important; }
  .tz-bottom-nav { position:fixed; left:0; right:0; bottom:0; z-index:9998; display:block; padding:7px 8px calc(7px + env(safe-area-inset-bottom)); background:rgba(255,255,255,.94); border-top:1px solid rgba(210,224,246,.8); box-shadow:0 -8px 22px rgba(28,61,112,.10); backdrop-filter:blur(14px) saturate(1.35); -webkit-backdrop-filter:blur(14px) saturate(1.35); }
  .tz-bottom-nav-inner { display:grid; grid-template-columns:repeat(6,1fr); max-width:520px; margin:0 auto; gap:3px; }
  .tz-bottom-nav a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:50px; border-radius:14px; color:#4d5d72; font:760 12px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; text-decoration:none; }
  .tz-bottom-nav a .ico { font-size:20px; line-height:1; }
  .tz-bottom-nav a.active { color:#2563ff; background:rgba(37,99,255,.07); }
}
@media (max-width: 390px) { .tz-bottom-nav a { font-size:11px; } .tz-bottom-nav a .ico { font-size:18px; } }
@media (prefers-reduced-motion: reduce) { .tz-global-nav a { transition:none!important; } }

/* build: 20260630-fixes-v4 footer and practice-link pass */
.tz-page-footer{white-space:nowrap;}
@media(max-width:760px){.tz-page-footer{width:100%;padding-left:4px;padding-right:4px;font-size:clamp(12px,3.25vw,14px);line-height:1.55;}}


/* build: 20260630-fixes-v4 mobile single-nav and icon refinements */
@media (max-width:760px){
  body.tz-has-bottom-nav{padding-top:0!important;}
  body.tz-has-bottom-nav .tz-global-nav-wrap{display:none!important;}
  .tz-bottom-nav a .ico{width:28px;height:28px;display:grid;place-items:center;border-radius:11px;font-size:18px;line-height:1;background:rgba(242,246,253,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.86);}
  .tz-bottom-nav a:nth-child(4) .ico{background:linear-gradient(180deg,#fff7e2,#f1f7ff);}
  .tz-bottom-nav a:nth-child(6) .ico,.tz-bottom-nav a .ico-test{background:linear-gradient(180deg,#e8f8ed,#d7f1df);color:#287a3e;font-weight:900;}
  .tz-bottom-nav a.active .ico{background:linear-gradient(180deg,#eef5ff,#e6efff);}
  .tz-bottom-nav a.active:nth-child(6) .ico{background:linear-gradient(180deg,#dff6e7,#c9ecd4);color:#16723a;}
}