/* 功能页 · 罗盘四向 */
.compass-head{padding:2rem 0;background:#0d4f4f;color:#e8f4f4;border-bottom:3px solid #c9a227}
.compass-head h1{font-size:clamp(1.4rem,3.5vw,1.9rem);font-weight:900;color:#e8d5a3;margin-bottom:.5rem}
.compass-head p{color:#a8d4d4;max-width:600px;font-size:.94rem}

.compass-area{padding:3rem 0;background:#f5e6c8;position:relative}
.compass-grid{display:grid;grid-template-areas:"n n n" "w c e" "s s s";grid-template-columns:1fr 220px 1fr;grid-template-rows:auto 220px auto;gap:1.25rem;max-width:900px;margin:0 auto;align-items:center}
.compass-center{grid-area:c;background:#0d4f4f;color:#e8d5a3;padding:1.5rem;text-align:center;border:4px solid #c9a227;border-radius:50%;width:200px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}
.compass-center h2{font-size:.95rem;color:#c9a227;margin-bottom:.35rem;font-weight:900}
.compass-center p{font-size:.72rem;color:#a8d4d4;line-height:1.4}
.compass-point{background:#fff;border:2px solid #1a6b6b;padding:1.15rem}
.compass-point h3{font-size:.95rem;margin-bottom:.35rem;color:#0d4f4f;font-weight:800}
.compass-point p{font-size:.82rem;color:#4a6666;margin-bottom:.5rem}
.compass-point ul{font-size:.8rem;color:#555}
.compass-point li{padding:.15rem 0}
.compass-point img{margin-top:.5rem;border:2px solid #c9a227;max-width:100%}
.cp-n{grid-area:n}.cp-s{grid-area:s}.cp-w{grid-area:w}.cp-e{grid-area:e}
.dir-label{font-size:.65rem;font-weight:800;color:#c9a227;letter-spacing:.12em;margin-bottom:.35rem}

.compass-extra{padding:2.5rem 0;background:#e8d5a3;border-top:1px solid #c9a227}
.extra-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.extra-sheet{border:2px solid #0d4f4f;background:#f5e6c8;padding:1.2rem}
.extra-sheet h3{font-size:.95rem;margin-bottom:.5rem;color:#0d4f4f;font-weight:800}
.extra-sheet li{font-size:.85rem;color:#4a5555;padding:.25rem 0;border-bottom:1px dotted #c9a227}

.compass-cta{text-align:center;padding:2.5rem 0;background:#c9a227;color:#0d4f4f}
.compass-cta h2{font-size:1.25rem;margin-bottom:.85rem;font-weight:900}
.compass-cta a{display:inline-block;background:#0d4f4f;color:#e8d5a3!important;padding:.7rem 1.5rem;font-weight:800;text-decoration:none!important}

@media(max-width:720px){
  .compass-grid{grid-template-columns:1fr;grid-template-areas:"c" "n" "w" "e" "s";grid-template-rows:auto}
  .compass-center{border-radius:8px;width:100%;height:auto}
  .extra-pair{grid-template-columns:1fr}
}