/* V1.8.3：金钩诀连续摇卦九宫、宫位资料与案例快照 */
.content.compact:has(.golden-live){overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:calc(102px + var(--safe-bottom))}
.golden-live{display:grid;gap:9px}
.golden-live-head{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:1px 3px 0}
.golden-live-head h2{font-family:STKaiti,KaiTi,serif;font-size:26px;line-height:1.15;margin:7px 0 0}
.golden-live-head>strong{font-family:ui-rounded,"SF Pro Rounded",system-ui,sans-serif;font-size:35px;line-height:1;color:#0878c8;letter-spacing:-.04em}
.golden-live-head>strong small{font-size:13px;color:#8a8a90;margin-left:2px;letter-spacing:0}
.golden-live-hint{font-size:10.5px;line-height:1.5;color:#73737a;margin:0 3px}
.golden-board-wrap{position:relative;border-radius:22px;padding:5px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(233,239,246,.88));box-shadow:0 12px 34px rgba(45,62,82,.10),inset 0 0 0 .5px rgba(60,60,67,.12)}
.golden-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.golden-live-cell{position:relative;min-height:136px;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:inset 0 0 0 .5px rgba(60,60,67,.13);padding:7px 7px 6px;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.golden-live-cell.filled{background:linear-gradient(160deg,#fff 0%,#f4f9ff 100%);box-shadow:inset 0 0 0 1px rgba(0,122,255,.15),0 5px 14px rgba(0,87,158,.07)}
.golden-cell-top{display:grid;grid-template-columns:auto 1fr 1fr;gap:3px;align-items:center;padding-bottom:4px;border-bottom:.5px solid rgba(60,60,67,.10);white-space:nowrap}
.golden-cell-top span{font-size:7.5px;color:#8e8e93}
.golden-cell-top b,.golden-cell-top em{font-style:normal;font-size:7.5px;text-align:right;color:#3f596b;font-weight:700}
.golden-cell-top em{color:#8b6c37}
.golden-branch-years{display:grid;gap:2px;padding:5px 0 4px;min-height:34px}
.golden-branch-years>div{display:flex;align-items:center;gap:3px;min-width:0}
.golden-branch-years b{display:grid;place-items:center;flex:0 0 18px;height:18px;border-radius:7px;background:#edf6ff;color:#086ba9;font-family:STKaiti,KaiTi,serif;font-size:11px}
.golden-branch-years small{font-size:6.8px;line-height:1;color:#777;white-space:nowrap;letter-spacing:-.02em}
.golden-center-meta{min-height:38px;display:grid;place-items:center;color:#8b8b91;font-size:8px;letter-spacing:.08em}
.golden-empty-slot{margin:auto 0 2px;display:grid;place-items:center;gap:1px;opacity:.38}
.golden-empty-slot i{font-style:normal;font-family:STKaiti,KaiTi,serif;font-size:22px;color:#6d7b86}
.golden-empty-slot span{font-size:7.5px;color:#777}
.golden-result-name{margin-top:auto;width:100%;border:0;border-radius:11px;background:linear-gradient(145deg,#eaf6ff,#dceeff);padding:5px 5px 6px;display:grid;text-align:left;box-shadow:inset 0 0 0 1px rgba(0,122,255,.10);color:#132f43}
.golden-result-name:active{transform:scale(.975);background:#d8edff}
.golden-result-name small{font-size:7.5px;color:#5c7890;white-space:nowrap}
.golden-result-name strong{font-family:STKaiti,KaiTi,serif;font-size:17px;line-height:1.15;color:#075f9e;margin-top:1px}
.golden-result-name span{font-size:7.8px;line-height:1.25;color:#51565b;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.golden-live-cell.just-filled{animation:goldenCellArrive .62s cubic-bezier(.2,.78,.26,1)}
@keyframes goldenCellArrive{0%{transform:scale(.84);box-shadow:0 0 0 10px rgba(0,122,255,.18)}55%{transform:scale(1.035)}100%{transform:scale(1)}}
.golden-shake-overlay{position:absolute;inset:5px;border-radius:18px;background:rgba(232,239,247,.72);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:grid;place-items:center;z-index:4}
.golden-shake-orb{width:124px;height:124px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 35% 28%,#fff 0%,#ecf7ff 38%,#b8ddfa 100%);box-shadow:0 18px 45px rgba(0,80,145,.23),inset 0 0 0 1px rgba(255,255,255,.8);animation:goldenOrbPulse .68s ease-in-out infinite alternate}
.golden-shake-orb small{font-size:9px;color:#56809a}
.golden-shake-orb strong{font-family:STKaiti,KaiTi,serif;font-size:38px;color:#086ba9;line-height:1.15;margin:2px 0}
.golden-shake-orb span{font-size:9px;color:#6c7479;letter-spacing:.08em}
@keyframes goldenOrbPulse{from{transform:rotate(-3deg) scale(.96)}to{transform:rotate(3deg) scale(1.035)}}
.golden-live-cast{min-height:54px;border-radius:17px;font-size:17px;letter-spacing:.04em}
.golden-live-cast.shaking{animation:goldenButtonBreath .5s ease-in-out infinite alternate}
@keyframes goldenButtonBreath{to{filter:brightness(1.12)}}
.golden-live-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.golden-live-actions .btn{min-height:42px;padding:0 5px;font-size:11px}
.golden-tool-links{display:grid;grid-template-columns:1fr 1fr;border-radius:15px;overflow:hidden;background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 .5px rgba(60,60,67,.12)}
.golden-tool-links button{min-height:38px;border:0;background:transparent;color:#0878c8;font-size:11.5px;font-weight:700}
.golden-tool-links button+button{border-left:.5px solid rgba(60,60,67,.12)}
.golden-detail-sheet,.case-view-sheet{max-height:min(86dvh,760px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(18px + var(--safe-bottom))}
.golden-detail-sheet .golden-primary-meaning{font-size:16px}
.golden-case-snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0;padding:5px;border-radius:17px;background:#edf1f6}
.golden-case-snapshot>div{min-height:82px;border-radius:12px;background:#fff;padding:6px;display:grid;align-content:start;gap:2px;box-shadow:inset 0 0 0 .5px rgba(60,60,67,.12)}
.golden-case-snapshot>div small{font-size:7.5px;color:#888}
.golden-case-snapshot>div b{font-family:STKaiti,KaiTi,serif;color:#075f9e;font-size:17px}
.golden-case-snapshot>div strong{font-size:10px}
.golden-case-snapshot>div span{font-size:7.5px;line-height:1.25;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.golden-case-snapshot>div em{font-style:normal;color:#aaa;font-size:9px;margin:auto}
.golden-case-snapshot>div.filled{background:linear-gradient(155deg,#fff,#eef7ff)}

@media(max-width:370px){
  .golden-live-cell{min-height:126px;padding:6px 5px}.golden-board{gap:4px}.golden-board-wrap{padding:4px}
  .golden-cell-top b,.golden-cell-top em,.golden-cell-top span{font-size:6.8px}
  .golden-branch-years small{font-size:6.1px}.golden-result-name strong{font-size:15px}.golden-result-name span{font-size:7.2px}
}
@media(max-height:720px){
  .golden-live{gap:7px}.golden-live-head h2{font-size:23px}.golden-live-hint{display:none}
  .golden-live-cell{min-height:112px;padding:5px}.golden-branch-years{min-height:28px;padding:3px 0}.golden-branch-years b{height:16px;flex-basis:16px;font-size:10px}.golden-center-meta{min-height:30px}
  .golden-result-name{padding:4px}.golden-result-name span{display:none}.golden-result-name strong{font-size:15px}
  .golden-live-cast{min-height:48px}.golden-tool-links{display:none}
}

/* V1.8.3-r2：PWA 单窗口与重复窗口轻量提示 */
.tj-instance-screen{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:grid;place-items:center;padding:28px 22px;background:linear-gradient(180deg,#f7f8fc 0%,#eef4fb 100%)}
.tj-instance-card{width:min(100%,520px);padding:30px 24px;border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 18px 50px rgba(20,45,90,.12);text-align:center;border:1px solid rgba(0,122,255,.08)}
.tj-instance-card h1{margin:14px 0 10px;font-size:30px;line-height:1.25;color:#121826}
.tj-instance-card p{margin:0 auto 20px;max-width:430px;color:#667085;line-height:1.75;font-size:16px}
.tj-instance-card small{display:block;margin-top:14px;color:#98a2b3;line-height:1.6}
.tj-instance-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;border-radius:999px;background:#e7f2ff;color:#0878d8;font-weight:700}
.tj-instance-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:430px){.tj-instance-card{padding:26px 18px;border-radius:24px}.tj-instance-card h1{font-size:26px}.tj-instance-actions{grid-template-columns:1fr}}