/* V7 : 水墨 · 可交互后天八卦二十四山罗盘 */
#home .sky-visual{
  width:min(100%,535px);height:auto;display:block;position:relative;overflow:visible;
  background:none;filter:none;mask-image:none;-webkit-mask-image:none;isolation:isolate;
}
#home .sky-visual::before{
 content:"";position:absolute;inset:13% 5% 24%;z-index:-1;
 background:radial-gradient(ellipse,#c3d3bf55 10%,transparent 67%),url('ink-home.webp') center / cover;
 border-radius:50%;opacity:.23;filter:blur(4px);pointer-events:none;
}
.gx-compass-widget{--gx-gold:#b08c57;--gx-green:#244a42;--gx-paper:#faf6eb;width:100%;color:#273e36;font-family:var(--serif);position:relative;max-width:590px;margin:0 auto}
.gx-compass-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:3px 8px 7px;font-size:11px;color:#78613f;letter-spacing:1px;white-space:nowrap}
.gx-compass-state{font-size:10px;color:#587769;background:#f0eada;border:1px solid #d3c5a7;border-radius:20px;padding:2px 8px;letter-spacing:0}
.gx-compass-surface{position:relative;padding:0 9px;display:flex;justify-content:center;overflow:hidden}
.gx-disc{width:100%;max-width:535px;aspect-ratio:1;position:relative;filter:drop-shadow(0 13px 14px #193a2b55)}
.gx-compass-svg{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.gx-compass-svg:active{cursor:grabbing}
.gx-mountain{font-family:var(--serif);font-size:15px;fill:#ddc89b;font-weight:700;pointer-events:none}
.gx-main-mountain{fill:#fff4cf;font-size:16px}
.gx-trigram-name{font-family:var(--serif);font-size:20px;fill:#f0d8a5;font-weight:700;pointer-events:none}
.gx-trigram-mark{font-family:serif;font-size:26px;fill:#e8d4a6;pointer-events:none}
.gx-core-small{font-family:var(--serif);font-size:11px;letter-spacing:4px;fill:#e1c68b;pointer-events:none}
.gx-trigram-hit{fill:transparent;stroke:transparent;stroke-width:1.4;cursor:pointer;outline:none}
.gx-trigram-hit:hover,.gx-trigram-hit.is-selected{fill:#f6d79723;stroke:#f8da8e9c}
.gx-trigram-hit:focus-visible{stroke:#fff1bb;stroke-width:4}
.gx-pointer-caption{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:10px;color:#6a542e;background:#f5eee1de;border:1px solid #d2bb8e;padding:2px 9px;border-radius:40px;pointer-events:none;white-space:nowrap}
.gx-compass-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;background:#fcf8eeef;border:1px solid #d8c8a7;border-radius:9px;padding:11px 12px;margin:7px auto 10px;box-shadow:0 6px 18px #1c3d2710}
.gx-compass-controls button{border:1px solid #bfa875;border-radius:6px;background:#24463f;color:#fff8e8;padding:6px 11px;font:600 12px var(--serif);white-space:nowrap;min-height:36px}
.gx-compass-controls button.gx-reset{background:#fdf7ea;color:#554528}
.gx-rotate-range{flex:1 1 110px;display:flex;align-items:center;gap:9px;font-size:11px;color:#5e644e;white-space:nowrap;min-width:105px}
.gx-rotate-range input{height:20px;padding:0;margin:0;min-width:50px;flex:1;appearance:auto;accent-color:#8d734a}
.gx-angle-val{font:700 13px var(--serif);min-width:34px;text-align:right;color:#6f5830}
.gx-trigram-legend{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin:0 2px 10px}
.gx-trigram-legend button{font:13px var(--serif);border:1px solid #cfc19f;border-radius:5px;padding:8px 0;color:#506458;background:#fbf8ef;white-space:nowrap}
.gx-trigram-legend button.is-selected{background:#234b3e;color:#fff1d4;border-color:#ab8e55}
.gx-compass-detail{background:linear-gradient(135deg,#fffbef,#e8efe7);padding:12px 15px;border-left:3px solid #ad8d51;border-radius:4px;min-height:96px;display:flex;flex-wrap:wrap;gap:5px 12px;align-items:baseline}
.gx-detail-title{font:700 16px var(--serif);color:#254b3d}
.gx-detail-mountains{font-size:11px;color:#8b714a}
.gx-detail-text{flex-basis:100%;font:12px/1.7 var(--serif);color:#53665a;margin:0}
.gx-compass-notice{margin:7px 4px 0;font-size:10px;line-height:1.7;color:#687569;text-align:center}
/* 侧栏先前的 .bagua-ui 用固定高度，并隐藏内部，V7 覆盖它 */
#fengshui .bagua-ui{height:auto;width:100%;max-width:100%;margin:6px 0 12px;display:block}
#fengshui .gx-compact .gx-compass-heading{font-size:9px;letter-spacing:0}
#fengshui .gx-compact .gx-compass-controls{padding:8px;gap:6px}
#fengshui .gx-compact .gx-compass-controls button{font-size:10px;padding:5px 7px;min-height:32px}
#fengshui .gx-compact .gx-rotate-range{font-size:9px}
#fengshui .gx-compact .gx-trigram-legend{grid-template-columns:repeat(4,1fr)}
#fengshui .gx-compact .gx-trigram-legend button{padding:5px 0}
#fengshui .gx-compact .gx-compass-detail{padding:10px;gap:4px;min-height:95px}
#fengshui .gx-compact .gx-pointer-caption{font-size:9px;bottom:7px}
@media(max-width:760px){
 #home .sky-visual{width:min(100%,405px);height:auto;margin:14px auto 48px}
 .gx-compass-heading{font-size:10px;letter-spacing:0}
 .gx-compass-state{font-size:9px;padding:2px 6px}
 .gx-compass-controls{padding:8px;gap:5px 7px}
 .gx-compass-controls button{font-size:11px;padding:6px 8px}
 .gx-rotate-range{font-size:10px}
 .gx-trigram-legend button{font-size:12px;padding:6px 0}
 .gx-detail-title{font-size:14px}
}
@media(max-width:370px){
 #home .sky-visual{width:100%;height:auto}
 .gx-compass-heading{font-size:9px}
 .gx-rotate-range{flex-basis:100%}
 .gx-trigram-legend{grid-template-columns:repeat(4,minmax(0,1fr))}
}