:root{
  --bg:#F2F2F7;--surface:#fff;--surface2:#F7F7FA;--text:#000;--sub:#6C6C70;
  --accent:#007AFF;--accent-pressed:#005FCC;--success:#34C759;--warn:#FF9500;--danger:#FF3B30;
  --border:rgba(60,60,67,.16);--shadow:0 12px 32px rgba(0,0,0,.08);
  --safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button{cursor:pointer;-webkit-tap-highlight-color:transparent}
#app{height:100%;min-height:0}
.shell{height:100%;display:flex;flex-direction:column;min-height:0;background:var(--bg)}
.topbar{height:calc(56px + var(--safe-top));padding:var(--safe-top) 10px 0;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;border-bottom:.5px solid rgba(60,60,67,.12);background:rgba(248,248,248,.82);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);z-index:20}
.topbar h1{font-size:17px;line-height:22px;font-weight:600;text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar small{display:block;text-align:center;color:var(--sub);font-size:10px;line-height:12px}
.iconbtn{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--accent);font-size:27px;display:grid;place-items:center;padding:0}
.iconbtn:active{background:rgba(0,122,255,.10)}
.content{flex:1;min-height:0;overflow:auto;padding:14px 16px calc(108px + var(--safe-bottom));scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.content::-webkit-scrollbar{display:none}
.content.compact{padding:8px 12px calc(108px + var(--safe-bottom));display:grid;align-content:start;gap:9px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.bottomnav{position:absolute;left:12px;right:12px;bottom:calc(10px + var(--safe-bottom));height:64px;padding:5px;display:grid;grid-template-columns:1fr 1fr;gap:4px;border:.5px solid rgba(255,255,255,.75);border-radius:25px;background:rgba(250,250,252,.82);box-shadow:0 8px 28px rgba(0,0,0,.12);backdrop-filter:saturate(180%) blur(25px);-webkit-backdrop-filter:saturate(180%) blur(25px);z-index:30}
.bottomnav button{border:0;border-radius:20px;background:transparent;color:#8E8E93;font-size:11px;font-weight:600;display:grid;place-items:center;align-content:center;gap:2px}
.bottomnav button span{font-size:20px;line-height:20px}
.bottomnav button.active{color:var(--accent);background:rgba(0,122,255,.09)}
.intro{padding:8px 2px 12px}
.intro .pill,.pill{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:rgba(0,122,255,.10);color:var(--accent);font-size:12px;font-weight:600}
.intro h2{font-size:34px;line-height:1.08;letter-spacing:-.035em;margin:10px 0 8px;font-weight:700}
.intro p{font-size:15px;line-height:1.45;color:var(--sub);margin:0}
.stack{display:grid;gap:12px}
.card{background:var(--surface);border:.5px solid var(--border);border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,.02);overflow:hidden}
.card.pad{padding:16px}
.method-row{display:grid;grid-template-columns:50px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:15px 16px;min-height:84px}
.method-row:after{content:"›";font-size:27px;color:#C7C7CC;font-weight:300}
.method-icon{width:50px;height:50px;border-radius:14px;background:linear-gradient(145deg,#0A84FF,#007AFF);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:700;box-shadow:0 5px 12px rgba(0,122,255,.24)}
.method-row h3{margin:0 0 4px;font-size:17px;line-height:22px}.method-row p{margin:0;color:var(--sub);font-size:13px;line-height:18px}
.actions{display:flex;gap:8px;padding:0 16px 16px}.actions.no-pad{padding:0}.actions .btn.primary{flex:1}
.btn{min-height:48px;border:0;border-radius:14px;padding:0 16px;font-weight:600;font-size:16px}
.btn.primary{background:var(--accent);color:#fff}.btn.primary:active{background:var(--accent-pressed);transform:scale(.985)}
.btn.secondary{background:#E9E9EE;color:var(--accent)}.btn.danger{background:rgba(255,59,48,.12);color:var(--danger)}
.btn:disabled{background:#E9E9EE;color:#8E8E93;cursor:not-allowed}
.btn.full{width:100%}.btn.small{min-height:38px;font-size:14px;padding:0 13px}
.quick{padding:14px}.section-title{font-size:13px;color:var(--sub);font-weight:600;margin:0 0 10px 4px}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid button{min-height:80px;border:0;border-radius:17px;background:var(--surface2);padding:12px;text-align:left;color:var(--text);box-shadow:inset 0 0 0 .5px var(--border)}
.quick-grid b{font-size:15px}.quick-grid small{display:block;color:var(--sub);font-size:11px;line-height:15px;margin-top:4px}
.progress{display:flex;gap:6px}.progress i{height:4px;flex:1;border-radius:99px;background:#D1D1D6}.progress i.on{background:var(--accent)}
.compact-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.compact-head h2{font-size:24px;line-height:1.15;margin:0 0 4px}.compact-head p{font-size:12px;line-height:1.35;color:var(--sub);margin:0}.textbtn{border:0;background:rgba(0,122,255,.10);color:var(--accent);border-radius:12px;padding:8px 10px;font-size:12px;font-weight:600}
.plate{width:min(100%,calc(100dvh - 330px),390px);aspect-ratio:1;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px}
.plate-cell{position:relative;min-width:0;min-height:0}.plate-center{display:grid;place-items:center}.taiji{width:64%;aspect-ratio:1;border-radius:50%;background:linear-gradient(90deg,#111 50%,#fff 50%);border:.5px solid var(--border);box-shadow:inset 0 0 0 7px #ECECF1}
.dialbtn{width:100%;height:100%;padding:0;border:0;border-radius:50%;background:transparent;position:relative}.dialbtn svg{width:100%;height:100%;display:block}.dialbtn.selected{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}.dialbtn.selected svg .outer{stroke:var(--accent);stroke-width:3}.dialbtn.selected:after{content:"✓";position:absolute;right:0;top:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:12px}.match-badge{position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);z-index:3;background:rgba(52,199,89,.94);color:#fff;border-radius:999px;padding:2px 6px;font-size:8px;font-weight:700;white-space:nowrap}
.summary,.rule,.match{border-radius:15px;padding:9px 11px;font-size:12px;line-height:1.35}.summary{background:rgba(0,122,255,.10);color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule{background:rgba(118,118,128,.12);color:var(--sub)}.rule b,.match b{margin-right:7px}.match.success{background:rgba(52,199,89,.14);color:#187B33}.match.error{background:rgba(255,59,48,.12);color:var(--danger)}.match.neutral{background:rgba(118,118,128,.12);color:var(--sub)}
.sticky{position:absolute;left:0;right:0;bottom:calc(76px + var(--safe-bottom));display:flex;gap:8px;padding:10px 12px;background:linear-gradient(180deg,transparent,rgba(242,242,247,.98) 28%);z-index:22}.sticky .btn.primary{flex:1}
.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.number{height:64px;border:.5px solid var(--border);border-radius:18px;background:#fff;font-size:24px;font-weight:700}.number.selected{background:var(--accent);border-color:var(--accent);color:#fff}
.overlap-ok{display:flex;gap:10px;align-items:center;border-radius:16px;padding:12px;background:rgba(52,199,89,.14);color:#187B33}.overlap-ok span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--success);color:#fff}.overlap-ok b{font-size:14px}.overlap-ok small{display:block;color:#308044;margin-top:2px}
.result-code{text-align:center;padding:10px}.result-code small{display:block;color:var(--sub);font-size:12px}.result-code strong{display:block;font-size:58px;letter-spacing:.08em;color:var(--accent);margin:5px 0}.result-code p{margin:0;color:var(--sub);font-size:12px}.oracle{font-family:"Songti SC","STSong",serif;font-size:17px;line-height:1.9;white-space:pre-wrap}.risk{border-left:4px solid var(--warn);border-radius:0 16px 16px 0;background:#FFF7E8;padding:13px;font-size:13px;line-height:1.65;color:#654710}.missing{border-left-color:var(--danger);background:rgba(255,59,48,.08);color:#8A211B}
.trace{display:grid;gap:9px}.trace div{display:grid;gap:3px}.trace small{color:var(--sub)}.trace span{font-size:13px;line-height:1.45}
.field{display:grid;gap:6px}.field label{color:var(--sub);font-size:12px;font-weight:600}.field input,.field textarea,.field select{width:100%;border:.5px solid var(--border);border-radius:14px;background:#fff;padding:13px 14px;outline:none;color:var(--text)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,122,255,.12)}
.form-grid{display:grid;gap:11px}.hint{font-size:12px;line-height:1.55;color:var(--sub)}
.time-card{padding:14px;text-align:center}.time-card small{color:var(--sub)}.time-card b{display:block;font-size:14px;margin-top:4px}.time-card strong{display:block;font-size:30px;color:var(--accent);margin:7px 0 2px}.time-card span{color:var(--sub);font-size:12px}
.list{display:grid;gap:10px}.list-row{padding:14px 15px;background:#fff;border:.5px solid var(--border);border-radius:17px}.list-row h3{font-size:15px;margin:0 0 4px}.list-row p{font-size:12px;color:var(--sub);line-height:1.45;margin:0}.list-row footer{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.chip{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:rgba(0,122,255,.10);color:var(--accent);font-size:11px;font-weight:600}
.profile{display:flex;align-items:center;gap:12px;padding:14px}.avatar{width:52px;height:52px;border-radius:17px;background:linear-gradient(145deg,#0A84FF,#007AFF);display:grid;place-items:center;color:#fff;font-weight:700}.profile h2{font-size:19px;margin:0 0 4px}.profile p{margin:0;color:var(--sub);font-size:12px}.profile .btn{margin-left:auto}
.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.menu-grid button{min-height:82px;border:0;border-radius:17px;background:#fff;box-shadow:inset 0 0 0 .5px var(--border);padding:10px 6px;text-align:center}.menu-grid span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(0,122,255,.10);color:var(--accent);margin:0 auto 6px}.menu-grid b{display:block;font-size:12px}.menu-grid small{display:block;color:var(--sub);font-size:9px;margin-top:3px}
.notice{padding:12px 14px;border-radius:16px;background:rgba(255,149,0,.12);color:#7A4A00;font-size:12px;line-height:1.55}
.disclaimer{position:absolute;inset:0;z-index:100;background:var(--bg);padding:calc(14px + var(--safe-top)) 14px calc(12px + var(--safe-bottom));display:flex;flex-direction:column;min-height:0}.disclaimer h1{font-size:36px;line-height:1.12;letter-spacing:-.035em;margin:18px 0 8px}.disclaimer .checks{flex:1;min-height:0;overflow:auto;display:grid;gap:8px;padding-bottom:12px}.check{display:flex;align-items:flex-start;gap:10px;background:#fff;border:.5px solid var(--border);border-radius:15px;padding:12px}.check input{width:22px;height:22px;accent-color:var(--accent);margin:0;flex:0 0 22px}.check b{display:block;font-size:14px;margin-bottom:2px}.check span{font-size:12px;color:var(--sub);line-height:1.45}.disclaimer-actions{display:flex;gap:8px;padding-top:10px}.disclaimer-actions .btn.primary{flex:1}
.modal{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.34);display:flex;align-items:flex-end;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sheet{width:100%;max-height:90dvh;overflow:auto;border-radius:26px 26px 0 0;background:#fff;padding:12px 18px calc(24px + var(--safe-bottom));box-shadow:0 -20px 70px rgba(0,0,0,.18)}.handle{width:38px;height:5px;border-radius:99px;background:#D1D1D6;margin:0 auto 12px}.sheet h2{font-size:24px;margin:0 0 7px}.sheet p{color:var(--sub);font-size:13px;line-height:1.55}.item-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.item-grid span{border-radius:12px;background:#F2F2F7;padding:10px;text-align:center;font-size:13px}.item-grid span.hit{background:rgba(52,199,89,.16);color:#187B33;font-weight:700}
.toast{position:fixed;left:50%;bottom:calc(90px + var(--safe-bottom));transform:translateX(-50%) translateY(20px);max-width:calc(100% - 28px);padding:11px 15px;border-radius:999px;background:rgba(28,28,30,.94);color:#fff;font-size:13px;text-align:center;opacity:0;pointer-events:none;transition:.18s;z-index:400}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.loading{height:100%;display:grid;place-items:center;color:var(--sub)}
@media(max-height:760px){.content.compact{gap:6px}.plate{width:min(100%,calc(100dvh - 350px),350px)}.compact-head h2{font-size:21px}.number{height:54px}.method-row{min-height:72px;padding:10px 12px}.quick-grid button{min-height:67px}.menu-grid button{min-height:70px}}
@media(min-width:760px){body{display:grid;place-items:center;background:#D7D7DC;padding:20px}#app{width:min(430px,100%);height:min(900px,calc(100dvh - 40px));border-radius:34px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.20);position:relative}.modal{position:absolute}.toast{position:absolute}.shell{position:relative}}
@media(prefers-color-scheme:dark){:root{--bg:#000;--surface:#1C1C1E;--surface2:#2C2C2E;--text:#fff;--sub:#98989D;--border:rgba(255,255,255,.14)}body{background:#000}.topbar{background:rgba(28,28,30,.82)}.bottomnav{background:rgba(28,28,30,.82);border-color:rgba(255,255,255,.10)}.btn.secondary{background:#2C2C2E}.method-row:after{color:#636366}.dialbtn svg .disc{fill:#1C1C1E}.dialbtn svg text{fill:#E5E5EA}.field input,.field textarea,.field select,.list-row,.menu-grid button,.card,.check,.sheet{background:#1C1C1E}.quick-grid button{background:#2C2C2E}.rule,.match.neutral{background:#2C2C2E}.risk{background:#3A2B11;color:#FFD28A}.missing{background:#381714;color:#FF8B84}}
.tool-chips{display:flex;flex-wrap:wrap;gap:7px}.tool-chips .chip{white-space:normal}
.auth-empty{display:grid;gap:10px;text-align:center;padding:24px 18px}.auth-empty h3{margin:0}.auth-empty p{margin:0;color:var(--sub);font-size:13px;line-height:1.55}

/* UX audit: content remains reachable above sticky controls on every viewport. */
.content{overflow-x:hidden;overflow-y:auto;padding-bottom:calc(92px + var(--safe-bottom));scroll-padding-bottom:calc(128px + var(--safe-bottom));scrollbar-width:thin;scrollbar-color:rgba(0,122,255,.35) transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}
.content.compact{overflow-x:hidden;overflow-y:auto;padding-bottom:calc(116px + var(--safe-bottom));scroll-padding-bottom:calc(140px + var(--safe-bottom))}
.content::-webkit-scrollbar{display:block;width:5px}.content::-webkit-scrollbar-thumb{background:rgba(0,122,255,.35);border-radius:99px}
.sheet{max-height:min(90dvh,760px);overscroll-behavior:contain}
.topbar h1,.compact-head h2,.intro h2,.card h2,.card h3,.card p,.list-row p{overflow-wrap:anywhere}.btn{touch-action:manipulation}.field input,.field textarea,.field select{min-height:44px}
button:focus-visible{outline:3px solid rgba(0,122,255,.35);outline-offset:3px}
@supports not (height:100dvh){#app,.shell{height:100vh}.sheet{max-height:90vh}.plate{width:min(100%,calc(100vh - 330px),390px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.btn.primary:active{transform:none}.toast{transition:none}}
.topbar h1{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.summary{white-space:normal;overflow-wrap:anywhere;min-height:38px;display:flex;align-items:center}.auth-switch button,.auth-text-link{min-height:40px;padding:7px 10px}
@media(max-height:560px){.topbar{height:calc(50px + var(--safe-top))}.topbar h1{font-size:15px;line-height:18px}.content{padding-top:8px}.content.compact{padding-top:5px;gap:5px}.sticky{padding-top:7px;padding-bottom:7px}}
.tool-card-compact p{-webkit-line-clamp:2!important}

/* V2.1.9：天盘卦名使用独立 HTML 徽标渲染，避免部分旧 WebView 丢失 SVG 中心文字。 */
.sky-dialbtn .dial-core-label,.dial-preview .preview-core-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:clamp(24px,24%,34px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--accent);border:1px solid rgba(60,60,67,.22);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(15px,4vw,22px);font-weight:800;line-height:1;box-shadow:0 1px 4px rgba(0,0,0,.08);pointer-events:none}
.dial-preview{position:relative;width:180px;height:180px;margin:auto}.dial-preview svg{display:block;width:100%;height:100%}.dial-preview .preview-core-label{width:34px;font-size:22px}
@media(prefers-color-scheme:dark){.sky-dialbtn .dial-core-label,.dial-preview .preview-core-label{background:#fff;color:#007AFF;border-color:rgba(60,60,67,.22)}}


.twelve-mode{display:grid;grid-template-columns:1fr 1fr;background:rgba(118,118,128,.12);padding:3px;border-radius:12px;gap:3px}.twelve-mode button{border:0;background:transparent;border-radius:9px;padding:10px 8px;font-weight:600}.twelve-mode button.active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.twelve-cats{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:2px 0 7px;scrollbar-width:thin;scrollbar-color:rgba(0,122,255,.38) transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.twelve-cats button{white-space:nowrap;border:0;border-radius:999px;background:rgba(118,118,128,.12);padding:8px 13px;min-height:40px;font-size:13px;scroll-snap-align:start;touch-action:manipulation}.twelve-cats button.active{background:#007aff;color:#fff}.twelve-cats::-webkit-scrollbar{height:4px}.twelve-cats::-webkit-scrollbar-thumb{background:rgba(0,122,255,.38);border-radius:99px}
.twelve-cast-card{display:grid;gap:12px}.twelve-clock{text-align:center;padding:18px 8px}.twelve-clock strong{display:block;font-size:42px;letter-spacing:-1px}.twelve-clock small{display:block;color:#6e6e73;margin-top:5px}.twelve-report-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.twelve-pick{background:#fff;border:1px solid rgba(60,60,67,.18);border-radius:18px;padding:16px 8px;text-align:center}.twelve-pick small,.twelve-number-block small{display:block;color:#6e6e73}.twelve-pick b{display:block;font-size:34px;margin:3px 0}.twelve-swap{border:0;background:rgba(0,122,255,.1);color:#007aff;border-radius:999px;width:42px;height:42px;font-size:19px}
.twelve-result-head{text-align:center;padding:2px 0 10px}.twelve-result-head h2{margin:6px 0 3px}.twelve-stage{overflow:hidden}.twelve-stage-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.twelve-stage-head h3{font-size:22px;margin:0}.twelve-stage-head span{font-variant-numeric:tabular-nums;color:#6e6e73}.twelve-relation{display:grid;grid-template-columns:minmax(90px,1fr) minmax(105px,1.15fr) minmax(90px,1fr);align-items:center;gap:7px}.twelve-number-block{border:0;background:rgba(118,118,128,.07);border-radius:18px;padding:13px 7px;text-align:center;min-width:0}.twelve-number-circle{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;margin:0 auto 7px;color:#fff;font-size:25px;font-weight:750}.twelve-number-block b{display:block}.twelve-number-block span{display:block;font-size:12px;color:#6e6e73;margin-top:3px}.twelve-rel-center{text-align:center;min-width:0}.twelve-arrow{display:block;width:100%;height:54px}.twelve-rel-main{font-weight:750;font-size:15px}.twelve-rel-sub{font-size:12px;color:#6e6e73;margin-top:2px}.twelve-tags{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin-top:7px}.twelve-tags .chip{font-size:10px;padding:4px 7px}.twelve-transform{font-size:11px;color:#8a5b00;background:#fff7dc;border-radius:9px;padding:6px 7px;margin-top:7px}.twelve-judgment{border-left:4px solid #007aff}.twelve-judgment.risk{border-left-color:#ff3b30}.twelve-judgment.caution{border-left-color:#ff9f0a}.twelve-source{font-size:12px;color:#6e6e73;margin-top:10px}.twelve-special-list{display:grid;gap:9px}.twelve-special-item{background:rgba(118,118,128,.07);border-radius:14px;padding:12px}.twelve-special-item b{display:block;margin-bottom:4px}.twelve-special-item p{margin:0;color:#3a3a3c;line-height:1.55}.twelve-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.twelve-picker-grid button{border:0;border-radius:13px;background:rgba(118,118,128,.12);aspect-ratio:1;font-size:18px;font-weight:650}.twelve-picker-grid button.active{background:#007aff;color:#fff}.twelve-detail-grid{display:grid;gap:1px;background:rgba(60,60,67,.14);border-radius:14px;overflow:hidden}.twelve-detail-row{display:grid;grid-template-columns:88px 1fr;gap:10px;background:#fff;padding:11px 12px}.twelve-detail-row small{color:#6e6e73}.twelve-detail-row span{white-space:pre-wrap;word-break:break-word}.twelve-zero-note{font-size:12px;color:#6e6e73;line-height:1.55}.twelve-empty-special{color:#6e6e73}
@media(max-width:390px){.twelve-relation{grid-template-columns:82px 1fr 82px}.twelve-number-circle{width:44px;height:44px;font-size:22px}.twelve-number-block{padding:11px 4px}.twelve-detail-row{grid-template-columns:72px 1fr}}
.twelve-core-check{display:grid;gap:12px}.twelve-core-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.twelve-core-grid section{background:rgba(118,118,128,.07);border-radius:14px;padding:12px;min-width:0}.twelve-core-grid small{display:block;color:#6e6e73;margin-bottom:4px}.twelve-core-grid b{display:block;font-size:15px}.twelve-core-grid p{font-size:13px;line-height:1.55;margin:7px 0;color:#3a3a3c}.twelve-core-grid em{display:block;font-style:normal;font-size:11px;color:#6e6e73;line-height:1.45}.twelve-yinyang-line{font-size:12px;line-height:1.6;color:#555;background:rgba(0,122,255,.06);border-radius:12px;padding:10px 12px}.twelve-effective-magnetic{font-size:13px;color:#6e6e73;margin:-4px 0 10px}.twelve-rel-center .twelve-tags .chip{max-width:100%}
@media(max-width:390px){.twelve-core-grid{grid-template-columns:1fr}.twelve-core-grid section{padding:10px}}
.twelve-number-block em{display:block;font-style:normal;font-size:10px;color:#8a5b00;margin-top:3px;line-height:1.35}.twelve-magnetic-effect{font-size:10px;line-height:1.42;color:#6e6e73;margin-top:5px;max-height:4.4em;overflow:hidden}.twelve-magnetic-effect.source-exact{color:#8a5b00}.twelve-evolution{font-size:12px;line-height:1.6;background:#fff7dc;color:#6f4a00;border-radius:12px;padding:10px 12px}.twelve-trace{margin-top:12px;background:rgba(118,118,128,.07);border-radius:12px;padding:9px 11px}.twelve-trace summary{font-weight:700;cursor:pointer}.twelve-trace p{font-size:12px;line-height:1.55;margin:8px 0 0}.twelve-conflict{margin-top:12px;background:#fff0ef;border:1px solid rgba(255,59,48,.24);border-radius:12px;padding:11px;color:#76211d}.twelve-conflict b{display:block}.twelve-conflict p{font-size:13px;line-height:1.55;margin:5px 0}.twelve-conflict span{font-size:11px;color:#8c403b}.twelve-judgment.conflict{border-left-color:#af52de}.twelve-source{font-size:11px;color:#6e6e73;line-height:1.5;margin-top:10px}
@media(max-width:390px){.twelve-magnetic-effect{font-size:9px}.twelve-relation{grid-template-columns:80px minmax(88px,1fr) 80px}.twelve-rel-main{font-size:13px}.twelve-rel-sub{font-size:10px}}

/* V2.2.2 blind-audit result provenance */
.twelve-context-box{margin:12px 0;padding:12px;border-radius:14px;background:var(--card-soft,#f5f7fa);border:1px solid rgba(90,105,125,.15)}
.twelve-context-box label{display:block;font-weight:700;margin-bottom:7px}
.twelve-context-box select{width:100%;min-height:42px;border:1px solid rgba(90,105,125,.22);border-radius:11px;background:var(--card,#fff);color:inherit;padding:0 11px;font-size:15px}
.twelve-context-box p{margin:7px 0 0;color:var(--muted,#6c7480);font-size:12px;line-height:1.55}
.twelve-precedent{margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(77,112,160,.08);border:1px solid rgba(77,112,160,.16)}
.twelve-precedent summary{cursor:pointer;font-weight:750}
.twelve-precedent p{margin:9px 0 5px;line-height:1.65;font-size:13px}
.twelve-precedent small{color:var(--muted,#6c7480)}
.twelve-unresolved{border-color:rgba(151,111,33,.34);background:rgba(181,136,43,.09)}


/* V1.8.0 用户反馈精修：紧凑工具列表、明确选盘、十二数字一屏、测头胎法 */
.home-tool-list{display:grid;gap:9px}.tool-card-compact{padding:0!important;overflow:hidden;border-radius:18px}.tool-card-compact .method-row{min-height:72px;padding:10px 12px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center}.tool-card-compact .method-icon{width:44px;height:44px;border-radius:13px;font-size:20px}.tool-card-compact h3{font-size:17px;margin:0 0 3px}.tool-card-compact p{font-size:11px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-enter{color:#007aff;font-size:13px;font-weight:700;white-space:nowrap}.tool-mini-links{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:.5px solid rgba(60,60,67,.15);min-height:34px}.tool-mini-links button{border:0;border-right:.5px solid rgba(60,60,67,.12);background:transparent;color:#007aff;font-size:11px;font-weight:650}.tool-mini-links button:last-child{border-right:0}
.tool-setting-row{align-items:center}.tool-setting-main{min-width:0;flex:1}.tool-order-controls{display:grid;grid-template-columns:34px 34px;gap:6px;margin-right:8px}.tool-order-controls button{width:34px;height:34px;border:0;border-radius:10px;background:rgba(0,122,255,.1);color:#007aff;font-size:18px;font-weight:700}.tool-order-controls button:disabled{opacity:.28}.tool-order-index{display:inline-flex;margin-top:5px;color:#6e6e73;font-size:11px}
.earth-choice-summary{min-height:34px}.earth-choice-summary strong{color:#007aff}.sticky.earth-confirm{grid-template-columns:.75fr 1.4fr}
.twelve-start-fit{display:grid;gap:9px;padding-top:4px}.twelve-start-fit .twelve-mode{margin:0}.twelve-start-fit .twelve-cast-card{padding:12px}.twelve-start-fit .twelve-clock{padding:7px 4px}.twelve-start-fit .twelve-clock strong{font-size:38px}.twelve-start-fit .twelve-report-pair{gap:7px}.twelve-start-fit .twelve-pick{padding:10px 6px;border-radius:15px}.twelve-start-fit .twelve-pick b{font-size:28px}.twelve-main-note{font-size:12px;line-height:1.5;color:#6e6e73;text-align:center;margin:0}.twelve-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 16px}.twelve-category-grid button{min-height:44px;border:0;border-radius:13px;background:rgba(118,118,128,.12);font-size:14px}.twelve-category-grid button.active{background:#007aff;color:#fff}.twelve-zero-result-note{font-size:11px;line-height:1.45;padding:7px 10px;border-radius:11px;background:#fff7dc;color:#865900;margin-top:5px}
.twelve-result-fit{display:grid;gap:7px;padding-top:2px}.twelve-result-fit .twelve-result-head{padding:0}.twelve-result-fit .twelve-result-head h2{font-size:25px;margin:4px 0}.twelve-result-fit .twelve-stage{padding:9px 10px;border-radius:16px}.twelve-result-fit .twelve-stage-head{margin-bottom:5px}.twelve-result-fit .twelve-stage-head h3{font-size:17px}.twelve-result-fit .twelve-relation{grid-template-columns:76px minmax(90px,1fr) 76px;gap:4px}.twelve-result-fit .twelve-number-block{padding:7px 3px;border-radius:13px}.twelve-result-fit .twelve-number-circle{width:38px;height:38px;font-size:19px;margin-bottom:3px}.twelve-result-fit .twelve-number-block span{font-size:10px;margin-top:1px}.twelve-result-fit .twelve-number-block>span:last-of-type{display:none}.twelve-result-fit .twelve-transform{font-size:9px;padding:3px;margin-top:3px}.twelve-result-fit .twelve-arrow{height:36px}.twelve-result-fit .twelve-rel-main{font-size:13px}.twelve-result-fit .twelve-rel-sub{font-size:10px}.twelve-result-fit .twelve-tags{margin-top:3px}.twelve-result-fit .twelve-tags .chip{font-size:8px;padding:2px 5px}.twelve-compact-judgment{padding:10px 12px!important;border-radius:16px}.twelve-compact-judgment h2{font-size:17px;margin:6px 0}.twelve-compact-judgment .oracle{font-size:12px;line-height:1.55}.twelve-compact-special{font-size:10px;line-height:1.45;margin-top:7px;padding-top:7px;border-top:.5px solid rgba(60,60,67,.15);color:#5a5a5f}.twelve-result-actions{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:6px}.twelve-result-actions .btn{min-height:39px;font-size:11px;padding:0 6px}
.first-form{display:grid;gap:9px}.first-segment{display:grid;grid-template-columns:1fr 1fr;background:rgba(118,118,128,.12);padding:3px;border-radius:12px;gap:3px}.first-segment button{min-height:40px;border:0;background:transparent;border-radius:9px;font-weight:650}.first-segment button.active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}.first-input-card{padding:12px!important}.first-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.first-field-grid .field{margin:0}.first-field-grid label{font-size:10px}.first-field-grid input,.first-field-grid select{min-width:0;height:42px;padding:0 7px;font-size:13px}.first-field-grid .wide2{grid-column:span 2}.first-field-grid .wide3{grid-column:1/-1}.first-inline-note{font-size:11px;line-height:1.45;color:#6e6e73;margin:8px 1px 0}.first-result-fit{display:grid;gap:8px;padding-top:2px}.first-result-hero{display:grid;grid-template-columns:126px 1fr;gap:12px;align-items:center;padding:12px!important}.first-ring{width:126px;height:126px}.first-verdict small{color:#6e6e73}.first-verdict strong{display:block;font-size:28px;margin:4px 0;color:#007aff}.first-verdict b{font-size:16px}.first-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.first-summary-grid>div{background:rgba(118,118,128,.07);border-radius:12px;padding:8px 9px}.first-summary-grid small{display:block;color:#6e6e73;font-size:10px}.first-summary-grid span{display:block;margin-top:3px;font-size:12px;font-weight:650}.first-bazi{padding:10px 12px!important}.first-bazi h3{font-size:15px;margin:0 0 6px}.first-bazi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.first-bazi-row div{text-align:center;background:rgba(0,122,255,.07);border-radius:10px;padding:7px 2px}.first-bazi-row small{display:block;color:#6e6e73;font-size:9px}.first-bazi-row b{font-size:15px}.first-route{font-size:11px;line-height:1.5;color:#56565b}.first-result-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.first-result-actions .btn{min-height:40px;font-size:11px;padding:0 6px}
@media(max-height:760px){.home-tool-list{gap:6px}.tool-card-compact .method-row{min-height:64px;padding:8px 10px}.tool-card-compact .method-icon{width:40px;height:40px}.tool-mini-links{min-height:30px}.twelve-start-fit{gap:6px}.twelve-start-fit .twelve-cast-card{padding:9px}.twelve-result-fit{gap:5px}.twelve-result-fit .twelve-stage{padding:7px 8px}.first-form{gap:6px}.first-input-card{padding:9px!important}.first-result-hero{padding:9px!important}.first-ring{width:112px;height:112px}.first-result-hero{grid-template-columns:112px 1fr}}
@media(max-width:370px){.tool-card-compact .method-row{grid-template-columns:40px minmax(0,1fr) auto}.twelve-category-grid{grid-template-columns:repeat(2,1fr)}.twelve-result-fit .twelve-relation{grid-template-columns:70px 1fr 70px}.first-field-grid{gap:6px}.first-result-hero{grid-template-columns:104px 1fr}.first-ring{width:104px;height:104px}}
.home-compact-intro{padding-top:8px!important;padding-bottom:10px!important}.home-compact-intro h2{font-size:28px!important;margin:10px 0 4px!important}.home-compact-intro p{font-size:12px!important;line-height:1.45!important}
.twelve-stage-pair{display:grid;gap:6px}.tiny-risk{font-size:9.5px;line-height:1.35;color:#6e6e73;text-align:center;padding:0 6px}.first-rule-mini{font-size:11px;line-height:1.45;color:#5e5e63;background:rgba(0,122,255,.07);border-radius:13px;padding:9px 11px}.first-form .first-segment+.first-segment{margin-top:-2px}.first-form .field input,.first-form .field select{background:#fff;border:1px solid rgba(60,60,67,.16);border-radius:10px;width:100%}.category-sheet{max-height:88%;overflow:auto}
@media(max-width:520px){.content.compact:has(.twelve-start-fit),.content.compact:has(.first-form),.content.compact:has(.twelve-result-fit),.content.compact:has(.first-result-fit){padding-top:8px!important}.first-form .first-inline-note{margin-top:6px}.home-tool-list .notice{font-size:11px}}
@media(max-height:690px){.home-compact-intro p{display:none}.tool-card-compact p{display:none!important}.tool-card-compact .method-row{min-height:56px}.tool-mini-links{min-height:28px}.first-input-card .first-inline-note{display:none}.first-rule-mini{padding:7px 9px;font-size:10px}.twelve-main-note{font-size:10px}}


/* V1.8.1 天机册远程功能：一次性链接、手工录入、紧凑移动端界面 */
.remote-owner{display:grid;gap:10px}.remote-create-card h2,.remote-manual-card h2{margin:7px 0 5px}.remote-create-card>p{font-size:12px;line-height:1.55;color:#6e6e73}.remote-link-box{display:grid;gap:8px;margin-top:10px}.remote-link-box label{font-size:11px;color:#6e6e73}.remote-link-value{padding:10px 11px;border-radius:12px;background:rgba(0,122,255,.07);font-size:11px;line-height:1.45;word-break:break-all;color:#075f9e}.remote-link-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:8px}.remote-link-actions .btn{min-height:42px;font-size:12px}.remote-link-box>small{color:#777;font-size:10px;line-height:1.45}.remote-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.remote-section-head h2,.remote-section-head h3{margin:0}.remote-manual-card>h3{font-size:13px;margin:13px 0 7px}.remote-owner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.remote-owner-disc{border:0;border-radius:13px;background:rgba(118,118,128,.07);padding:5px 3px 6px;min-width:0}.remote-owner-disc span{display:block;width:100%;aspect-ratio:1}.remote-owner-disc svg{width:100%;height:100%;display:block}.remote-owner-disc small{display:block;font-size:8px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remote-owner-disc.selected{background:rgba(0,122,255,.12);box-shadow:inset 0 0 0 2px #007aff}.remote-owner-disc.selected small{color:#007aff;font-weight:700}.remote-owner-numbers{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:12px}.remote-owner-numbers button{aspect-ratio:1;border:0;border-radius:10px;background:rgba(118,118,128,.1);font-size:16px;font-weight:700}.remote-owner-numbers button.selected{background:#007aff;color:#fff}.remote-warning{margin:0 0 10px;padding:8px 10px;border-radius:11px;background:#fff3d6;color:#8a5a00;font-size:11px;line-height:1.45}.remote-history{padding-top:11px!important;padding-bottom:11px!important}.remote-session-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:.5px solid rgba(60,60,67,.12)}.remote-session-row:first-of-type{margin-top:5px}.remote-session-row span{min-width:0}.remote-session-row b{display:block;font-size:12px}.remote-session-row small{display:block;color:#888;font-size:9px;margin-top:2px}.remote-status{font-style:normal;font-size:9px;padding:5px 7px;border-radius:999px;background:#ededf2;color:#666;white-space:nowrap}.remote-status.completed{background:#e3f7eb;color:#17864e}.remote-status.sky,.remote-status.earth,.remote-status.countdown,.remote-status.review{background:#e5f3ff;color:#087bc2}.remote-status.expired,.remote-status.cancelled{background:#f2f2f3;color:#999}.remote-empty{padding:12px 0 2px;color:#999;font-size:11px;text-align:center}
@media(max-width:370px){.remote-owner-grid{grid-template-columns:repeat(4,1fr);gap:4px}.remote-owner-disc{padding:3px}.remote-owner-numbers{gap:3px}.remote-owner-numbers button{font-size:14px}.remote-link-actions{grid-template-columns:1fr}}


/* V1.8.2：远程录入精简、测头胎输入优化、金钩诀 */
.content.compact:has(.remote-owner),
.content.compact:has(.golden-start),
.content.compact:has(.golden-result-fit){overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:calc(96px + var(--safe-bottom))}
.tool-mini-links{min-height:44px}
.tool-mini-links button{font-size:12.5px;font-weight:700;letter-spacing:.01em;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(247,248,252,.95))}
.tool-mini-links button:active{background:rgba(0,122,255,.10)}

/* 天机册远程：三项直接录入 */
.remote-manual-hint{margin:7px 0 10px!important;font-size:11px!important;line-height:1.5!important;color:#777!important}
.remote-choice-list{display:grid;gap:8px;margin:10px 0 12px}
.remote-choice-row{width:100%;min-height:52px;border:0;border-radius:15px;background:linear-gradient(145deg,#f8fbff,#eef5fc);box-shadow:inset 0 0 0 1px rgba(0,122,255,.10);display:grid;grid-template-columns:56px minmax(0,1fr) 18px;align-items:center;text-align:left;padding:0 13px}
.remote-choice-row span{font-size:12px;color:#6e6e73}
.remote-choice-row strong{font-size:17px;color:#0b5e97;text-align:right;padding-right:8px}
.remote-choice-row i{font-style:normal;color:#9a9aa0;font-size:23px;font-weight:300}
.remote-picker-sheet h2{margin-top:7px}
.remote-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0 18px}
.remote-picker-grid button{min-height:50px;border:0;border-radius:14px;background:rgba(0,122,255,.08);color:#075f9e;font-size:16px;font-weight:750}
.remote-picker-grid.number button{font-size:22px}

/* 测头胎法：更精致的选择区与轻量时间选择 */
.first-choice-panel{display:grid;gap:6px}
.first-choice-panel>small{font-size:10px;color:#777;margin-left:3px;font-weight:650;letter-spacing:.08em}
.first-premium-segment{padding:4px;border-radius:16px;background:linear-gradient(145deg,#ececf3,#f7f7fa);box-shadow:inset 0 0 0 .5px rgba(60,60,67,.08)}
.first-premium-segment button{min-height:58px;border-radius:13px;padding:7px 8px;display:grid;align-content:center;gap:3px;color:#5f6066}
.first-premium-segment button b{font-size:16px;line-height:1.15}
.first-premium-segment button span{font-size:9.5px;color:#8a8a90;font-weight:500}
.first-premium-segment button.active{background:linear-gradient(145deg,#fff,#f9fbff);color:#075f9e;box-shadow:0 6px 18px rgba(35,70,110,.10),inset 0 0 0 1px rgba(0,122,255,.12)}
.first-premium-segment button.active span{color:#4e7c9b}
.first-time-button{width:100%;height:42px;border:1px solid rgba(60,60,67,.16);border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#8e8e93}
.first-time-button.chosen{color:#111;border-color:rgba(0,122,255,.28);box-shadow:0 0 0 3px rgba(0,122,255,.08)}
.first-time-button i{font-style:normal;color:#999;font-size:20px}
.first-time-selects{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:18px 0 20px}
.first-time-selects select{height:58px;border:1px solid rgba(60,60,67,.15);border-radius:15px;background:#f7f8fb;padding:0 12px;font-size:18px;text-align:center;color:#111}
.first-time-selects b{font-size:26px;color:#777}
.first-sticky .btn:disabled{font-size:13px}

/* 金钩诀 */
.golden-start{display:grid;gap:10px}
.golden-intro{padding-bottom:2px}
.golden-intro h2{font-size:29px!important;margin-bottom:5px!important}
.golden-intro p{font-size:12px!important}
.golden-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.golden-mode-grid button{min-height:86px;border:0;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 .5px rgba(60,60,67,.14);padding:10px 7px;display:grid;align-content:center;gap:5px;color:#39393d}
.golden-mode-grid button strong{font-family:STKaiti,KaiTi,serif;font-size:21px}
.golden-mode-grid button span{font-size:9.5px;line-height:1.35;color:#777}
.golden-mode-grid button.active{background:linear-gradient(145deg,#078bea,#006fd5);color:#fff;box-shadow:0 9px 24px rgba(0,122,255,.22)}
.golden-mode-grid button.active span{color:rgba(255,255,255,.82)}
.golden-method-card{text-align:center}
.golden-dice{display:flex;align-items:center;justify-content:center;gap:13px}
.golden-dice span{min-width:78px;min-height:55px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#f5f8ff,#e8f3ff);color:#075f9e;font-family:STKaiti,KaiTi,serif;font-size:21px;font-weight:700;box-shadow:inset 0 0 0 1px rgba(0,122,255,.10)}
.golden-dice b{color:#999;font-size:22px}
.golden-method-card p{font-size:12px;line-height:1.55;color:#666;margin:10px 0 0}
.golden-cast-button{min-height:54px;border-radius:17px;font-size:17px}
.golden-result-fit{display:grid;gap:9px}
.golden-result-head{text-align:center;padding:3px 4px 2px}
.golden-result-head h2{font-family:STKaiti,KaiTi,serif;font-size:28px;margin:7px 0 4px}
.golden-result-head p{font-size:10.5px;line-height:1.45;color:#777;margin:0}
.golden-result-card{display:grid;grid-template-columns:92px 1fr;min-height:112px}
.golden-result-code{display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#ecf6ff,#dcefff);border-right:.5px solid rgba(0,122,255,.10)}
.golden-result-code small{font-size:9.5px;color:#5d7990}
.golden-result-code strong{font-family:STKaiti,KaiTi,serif;font-size:31px;color:#075f9e;margin-top:4px}
.golden-result-main{padding:12px 13px;display:grid;align-content:center;justify-items:start;gap:6px}
.golden-result-main p{font-family:"Songti SC",STSong,serif;font-size:14px;line-height:1.55;margin:0;color:#2d2d31}
.golden-result-main .textbtn{padding:6px 9px;font-size:10px}
.golden-three{display:grid;gap:8px}
.golden-nine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.golden-palace-cell{min-height:126px;border:0;border-radius:17px;background:#fff;box-shadow:inset 0 0 0 .5px rgba(60,60,67,.15);padding:9px 7px;display:grid;align-content:start;text-align:left;overflow:hidden}
.golden-palace-cell small{font-size:8.5px;color:#888;white-space:nowrap}
.golden-palace-cell b{font-family:STKaiti,KaiTi,serif;font-size:23px;color:#075f9e;margin-top:3px}
.golden-palace-cell strong{font-size:13px;margin-top:2px}
.golden-palace-cell span{font-size:9.5px;line-height:1.35;color:#666;margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.golden-result-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.golden-result-actions .btn{min-height:42px;font-size:11px;padding:0 6px}
.golden-detail-sheet h2{margin-top:9px}
.golden-primary-meaning{padding:14px;border-radius:16px;background:linear-gradient(145deg,#edf7ff,#e4f2ff);color:#174f73;font-family:"Songti SC",STSong,serif;font-size:17px;line-height:1.65}
.golden-secondary-title{display:flex;align-items:end;justify-content:space-between;gap:8px;margin:17px 0 8px}
.golden-secondary-title h3{margin:0;font-size:17px}
.golden-secondary-title small{font-size:9px;color:#999;text-align:right}
.golden-meaning-list{display:grid;gap:8px;margin-bottom:16px}
.golden-meaning-list section{padding:12px 13px;border-radius:15px;background:#f7f7fa}
.golden-meaning-list b{font-size:12px;color:#075f9e}
.golden-meaning-list p{font-size:12px;line-height:1.65;margin:5px 0 0;color:#505055}

@media(max-width:370px){
  .tool-mini-links{min-height:40px}.tool-mini-links button{font-size:11.5px}
  .remote-picker-grid{gap:6px}.remote-picker-grid button{min-height:46px}
  .first-premium-segment button{min-height:54px}.first-premium-segment button b{font-size:15px}
  .golden-mode-grid{gap:6px}.golden-mode-grid button{min-height:80px;padding:8px 5px}.golden-mode-grid button strong{font-size:19px}
  .golden-result-card{grid-template-columns:82px 1fr}.golden-palace-cell{min-height:118px;padding:8px 6px}
}
@media(max-height:720px){
  .tool-mini-links{min-height:38px}
  .first-premium-segment button{min-height:50px}.first-premium-segment button span{display:none}
  .golden-mode-grid button{min-height:72px}.golden-mode-grid button span{display:none}.golden-method-card{padding:12px!important}
}


/* 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}}


/* V1.8.4：紧凑工具卡、金钩九宫方位、远程一屏、双主题 */
.tool-card-compact .method-row:after{display:none!important}
.tool-card-compact .method-row{min-height:62px!important;padding:8px 12px!important}
.tool-card-compact .method-icon{width:42px!important;height:42px!important}
.tool-card-compact p{font-size:10.5px!important;-webkit-line-clamp:1!important}
.tool-mini-links{min-height:40px!important}
.home-tool-list{gap:8px!important}

.content.compact:has(.remote-owner-v184){overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-top:7px!important;padding-bottom:calc(92px + var(--safe-bottom))!important}
.remote-owner-v184{gap:7px!important}.remote-owner-main{display:grid;gap:7px}.remote-create-compact,.remote-manual-compact{padding:11px 12px!important}.remote-create-compact h2,.remote-manual-compact h2{font-size:20px;margin:4px 0 0}.remote-generate-btn{min-height:44px;margin-top:8px}.remote-link-compact{gap:5px!important;margin-top:7px!important}.remote-link-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}.remote-link-line>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px 10px;border-radius:11px;background:rgba(0,122,255,.07);font-size:10px;color:#075f9e}.remote-link-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#777;font-size:9px}.remote-link-meta .textbtn{padding:5px 7px;font-size:9px}.remote-choice-inline{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:9px 0}.remote-choice-inline .remote-choice-row{min-height:54px;padding:7px 8px;display:grid;grid-template-columns:1fr auto;grid-template-areas:'label arrow' 'value arrow';gap:1px 4px}.remote-choice-inline .remote-choice-row span{grid-area:label;font-size:9px}.remote-choice-inline .remote-choice-row strong{grid-area:value;font-size:15px}.remote-choice-inline .remote-choice-row i{grid-area:arrow}.remote-owner-submit{min-height:44px}.remote-history-fold{padding:0!important;overflow:hidden}.remote-history-fold summary{list-style:none;padding:11px 13px;font-weight:700;font-size:12px}.remote-history-fold summary::-webkit-details-marker{display:none}.remote-history-body{padding:0 13px 11px}.remote-history-body>.textbtn{float:right;margin-top:-34px}

.golden-live-cell{min-height:142px;padding:6px!important;overflow:visible!important}.golden-board-wrap{padding:7px!important;overflow:hidden}.golden-board{gap:4px!important}.golden-palace-core{position:absolute;inset:7px 7px auto;display:grid;justify-items:center;pointer-events:none;z-index:1}.golden-palace-core small{justify-self:start;font-size:7px;color:#687783}.golden-palace-core strong{font-family:STKaiti,KaiTi,serif;font-size:28px;line-height:1;color:#17394e;margin-top:7px}.golden-palace-core em{font-style:normal;font-size:7px;color:#9a7940;letter-spacing:.18em;margin-top:2px}.golden-branch-ring{position:absolute;inset:0;pointer-events:none;z-index:2}.golden-branch-node{position:absolute;display:flex;align-items:center;gap:2px;max-width:94%;white-space:nowrap}.golden-branch-node b{display:grid;place-items:center;width:18px;height:18px;border-radius:7px;background:#edf6ff;color:#086ba9;font-family:STKaiti,KaiTi,serif;font-size:12px;flex:0 0 18px}.golden-branch-node small{font-size:6.2px;color:#7c7c7c;letter-spacing:-.04em}.branch-子{bottom:2px;left:50%;transform:translateX(-50%);flex-direction:column}.branch-午{top:2px;left:50%;transform:translateX(-50%);flex-direction:column-reverse}.branch-卯{left:2px;top:50%;transform:translateY(-50%)}.branch-酉{right:2px;top:50%;transform:translateY(-50%);flex-direction:row-reverse}.branch-巳{top:2px;left:8px;flex-direction:column-reverse;align-items:flex-start}.branch-辰{left:2px;top:38%;transform:translateY(-50%)}.branch-未{top:2px;right:8px;flex-direction:column-reverse;align-items:flex-end}.branch-申{right:2px;top:38%;transform:translateY(-50%);flex-direction:row-reverse}.branch-丑{left:2px;bottom:22%;}.branch-寅{bottom:2px;left:12px;flex-direction:column;align-items:flex-start}.branch-戌{right:2px;bottom:22%;flex-direction:row-reverse}.branch-亥{bottom:2px;right:12px;flex-direction:column;align-items:flex-end}.golden-center-meta{position:absolute;inset:0;display:grid;place-items:center;color:#8b8b91;font-size:8px}.golden-result-name{position:relative;z-index:3;margin-top:auto!important;margin-bottom:22px!important;padding:5px!important}.golden-result-name strong{font-size:19px!important;text-align:center}.golden-result-name small,.golden-result-name span{text-align:center}.golden-empty-slot{position:relative;z-index:3;margin:auto!important}.golden-empty-slot i{display:none}.palace-中 .golden-result-name{margin-bottom:4px!important}.palace-中 .golden-palace-core strong{font-size:26px}.palace-中 .golden-palace-core small{visibility:hidden}

.code-only-result{padding:28px 10px}.code-only-result strong{font-size:72px;margin:9px 0 0}.code-only-result p{display:none}
.theme-entry-card{width:100%;min-height:72px;border:.5px solid var(--border);border-radius:20px;background:var(--surface);padding:10px 14px;display:grid;grid-template-columns:42px 1fr 70px 16px;align-items:center;gap:10px;color:var(--text);text-align:left}.theme-entry-seal{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(0,122,255,.1);color:var(--accent);font-family:STKaiti,KaiTi,serif;font-size:19px}.theme-entry-card b{display:block}.theme-entry-card small{display:block;color:var(--sub);margin-top:3px}.theme-entry-card em{font-style:normal;color:var(--sub);font-size:24px}.theme-entry-preview{height:38px;border-radius:11px}.theme-entry-preview.qingyu{background:linear-gradient(135deg,#e6f4ff,#0a84ff)}.theme-entry-preview.xuanjian{background:linear-gradient(135deg,#e9dfc7 0 55%,#272019 55% 100%);box-shadow:inset 0 0 0 1px rgba(129,91,36,.25)}
.theme-page{display:grid;gap:12px}.theme-gallery{display:grid;gap:10px}.theme-choice{border:.5px solid var(--border);border-radius:22px;background:var(--surface);padding:12px;display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;color:var(--text)}.theme-choice.selected{box-shadow:inset 0 0 0 2px var(--accent)}.theme-choice strong{display:block;font-size:18px}.theme-choice small{display:block;color:var(--sub);font-size:11px;line-height:1.45;margin-top:4px}.theme-choice em{font-style:normal;color:var(--accent);font-weight:700;font-size:11px}.theme-preview{height:74px;border-radius:15px;position:relative;overflow:hidden}.theme-preview i{position:absolute;inset:7px;border:1px solid rgba(255,255,255,.5);border-radius:10px}.theme-preview b{position:absolute;inset:0;display:grid;place-items:center;font-family:STKaiti,KaiTi,serif;font-size:28px}.theme-preview span{position:absolute;left:12px;right:12px;bottom:10px;height:5px;border-radius:99px}.theme-preview-qingyu{background:linear-gradient(145deg,#f7fbff,#cfe9ff 58%,#0a84ff)}.theme-preview-qingyu b{color:#075f9e}.theme-preview-qingyu span{background:#fff}.theme-preview-xuanjian{background:linear-gradient(145deg,#eee4ce,#d3be91 58%,#29211a)}.theme-preview-xuanjian:after{content:'云雷 · 金章';position:absolute;right:8px;top:7px;color:#7f2f25;font-size:7px;letter-spacing:.1em}.theme-preview-xuanjian b{color:#2b2118;text-shadow:0 1px #f6eedc}.theme-preview-xuanjian span{background:#8d3026}.theme-design-note{border-radius:20px;padding:15px;background:linear-gradient(145deg,#eee4ce,#dfcfaa);color:#34291e;box-shadow:inset 0 0 0 1px rgba(116,81,31,.18)}.theme-design-note span{font-family:STKaiti,KaiTi,serif;font-size:20px}.theme-design-note p{font-size:11px;line-height:1.7;margin:6px 0 0;color:#5e4c38}

html[data-theme="xuanjian"]{--bg:#e9e0cf;--surface:#f4ecdc;--surface2:#e4d6bd;--text:#211b15;--sub:#6f604e;--accent:#7f2f25;--accent-pressed:#5c201a;--success:#4d7352;--warn:#a56b21;--danger:#8e2d25;--border:rgba(84,61,34,.24);--shadow:0 12px 32px rgba(64,43,23,.12);background:#211b15}
html[data-theme="xuanjian"] body,html[data-theme="xuanjian"] .shell{background-color:var(--bg);background-image:radial-gradient(circle at 12% 16%,rgba(128,91,41,.09) 0 1px,transparent 1.5px),linear-gradient(90deg,rgba(94,69,38,.025) 1px,transparent 1px);background-size:17px 17px,7px 100%}
html[data-theme="xuanjian"] .topbar{background:rgba(235,225,207,.9);border-bottom-color:rgba(112,78,34,.28)}html[data-theme="xuanjian"] .topbar:after{content:'';position:absolute;left:14%;right:14%;bottom:1px;height:1px;background:linear-gradient(90deg,transparent,#9a733b,transparent)}html[data-theme="xuanjian"] .topbar h1,html[data-theme="xuanjian"] .intro h2,html[data-theme="xuanjian"] .compact-head h2{font-family:STKaiti,KaiTi,"Songti SC",serif}html[data-theme="xuanjian"] .card,html[data-theme="xuanjian"] .menu-grid button,html[data-theme="xuanjian"] .theme-entry-card,html[data-theme="xuanjian"] .list-row,html[data-theme="xuanjian"] .sheet{background-color:rgba(246,238,221,.96);background-image:linear-gradient(135deg,rgba(124,86,35,.055) 0 1px,transparent 1px 100%);box-shadow:inset 0 0 0 1px rgba(145,105,49,.10),0 8px 24px rgba(69,47,24,.06)}html[data-theme="xuanjian"] .method-icon,html[data-theme="xuanjian"] .avatar{background:linear-gradient(145deg,#3b3024,#211b15);border:1px solid #a98752;box-shadow:0 5px 14px rgba(53,34,18,.22);font-family:STKaiti,KaiTi,serif}html[data-theme="xuanjian"] .method-icon:after,html[data-theme="xuanjian"] .avatar:after{content:'';position:absolute;inset:5px;border:1px solid rgba(218,185,128,.5);border-radius:8px}html[data-theme="xuanjian"] .method-icon,html[data-theme="xuanjian"] .avatar{position:relative}html[data-theme="xuanjian"] .pill,html[data-theme="xuanjian"] .chip{background:rgba(127,47,37,.10);color:#7f2f25;border:1px solid rgba(127,47,37,.12)}html[data-theme="xuanjian"] .btn.primary{background:linear-gradient(180deg,#373027,#211b15);border:1px solid #a98752;box-shadow:inset 0 0 0 1px rgba(255,231,181,.12)}html[data-theme="xuanjian"] .btn.primary:active{background:#18130f;transform:scale(.985)}html[data-theme="xuanjian"] .btn.secondary{background:#ded0b6;color:#6f2b24}html[data-theme="xuanjian"] .bottomnav{background:rgba(239,230,212,.88);border-color:rgba(158,118,61,.24)}html[data-theme="xuanjian"] .bottomnav button.active{background:rgba(127,47,37,.10);color:#7f2f25}html[data-theme="xuanjian"] .textbtn{background:rgba(127,47,37,.09);color:#7f2f25}html[data-theme="xuanjian"] .golden-board-wrap{background:linear-gradient(145deg,#eadfc9,#d8c59e);box-shadow:0 12px 34px rgba(62,40,18,.13),inset 0 0 0 1px rgba(128,91,42,.22)}html[data-theme="xuanjian"] .golden-live-cell{background:rgba(247,239,222,.95);box-shadow:inset 0 0 0 1px rgba(119,83,37,.20)}html[data-theme="xuanjian"] .golden-live-cell.filled{background:linear-gradient(155deg,#f7efdf,#e8d7b7);box-shadow:inset 0 0 0 1px rgba(127,47,37,.22)}html[data-theme="xuanjian"] .golden-palace-core strong{color:#2b2118}html[data-theme="xuanjian"] .golden-palace-core em{color:#7f2f25}html[data-theme="xuanjian"] .golden-branch-node b{background:#ded0b5;color:#6e2b24;border:1px solid rgba(135,93,39,.16)}html[data-theme="xuanjian"] .golden-result-name{background:linear-gradient(145deg,#efe1c6,#dbc297);box-shadow:inset 0 0 0 1px rgba(127,47,37,.18)}html[data-theme="xuanjian"] .golden-result-name strong{color:#7f2f25}html[data-theme="xuanjian"] .field input,html[data-theme="xuanjian"] .field textarea,html[data-theme="xuanjian"] .field select{background:#f7efdf}html[data-theme="xuanjian"] .notice{background:rgba(143,89,25,.10);color:#6b481e}
@media(max-width:370px){.golden-live-cell{min-height:132px}.golden-palace-core strong{font-size:25px}.golden-branch-node small{font-size:5.7px}.remote-choice-inline{gap:4px}.remote-choice-inline .remote-choice-row{padding:6px}}

/* V2.1.2 remote-link list: one compact row per customer, with copy/delete actions. */
.remote-expiry-hint{margin:0;padding:0 2px;font-size:10px;line-height:1.5;color:var(--sub)}
.remote-session-extended{padding:11px 0!important;align-items:center!important}
.remote-session-info{flex:1;min-width:0}
.remote-session-info b{font-size:14px!important;line-height:1.35}
.remote-session-info small{font-size:10px!important;line-height:1.45}
.remote-session-meta{max-width:58%;gap:7px!important}
.remote-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}
.remote-row-actions .textbtn{min-height:32px;padding:6px 9px;font-size:10px;white-space:nowrap}
.remote-row-actions .textbtn.danger{background:rgba(255,59,48,.10);color:var(--danger)}
.remote-row-actions .textbtn:disabled{opacity:.54;color:var(--sub);background:rgba(118,118,128,.08);cursor:not-allowed}
.remote-load-more{margin-top:10px}
@media(max-width:420px){.remote-session-extended{align-items:stretch!important}.remote-session-meta{max-width:none;width:100%;align-items:flex-start!important}.remote-row-actions{justify-content:flex-start}}

/* V2.1.5 remote owner responsive layout hotfix.
   The old <=420px rule gave the right column width:100% while the parent stayed
   in a horizontal flex row. On narrow Android WebViews this collapsed the
   customer name/date to one-character columns. Use a self-contained card grid. */
.remote-history-toolbar{display:flex;justify-content:flex-end;align-items:center;margin:0 0 4px}
.remote-history-body>.textbtn{float:none!important;margin:0!important}
.remote-session-row.remote-session-extended{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:9px!important;
  align-items:stretch!important;
  min-width:0;
  padding:12px 0!important;
}
.remote-session-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;min-width:0}
.remote-session-info{display:block!important;min-width:0!important;max-width:100%;overflow:hidden}
.remote-session-info b{display:block;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.remote-session-info small{display:block;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal;margin-top:3px}
.remote-session-meta{display:contents!important;max-width:none!important;width:auto!important}
.remote-session-top .remote-status{justify-self:end;align-self:start;max-width:46vw;overflow:hidden;text-overflow:ellipsis}
.remote-owner-v184{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.remote-row-actions{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:7px!important;width:100%;justify-content:stretch!important}
.remote-row-actions .textbtn{width:100%;min-width:0;min-height:38px!important;padding:7px 8px!important;font-size:11px!important;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:420px){
  .remote-session-row.remote-session-extended{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}
  .remote-session-meta{display:contents!important;max-width:none!important;width:auto!important;align-items:initial!important}
  .remote-row-actions{grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;justify-content:stretch!important}
}
@media(max-width:340px){
  .remote-session-top{grid-template-columns:minmax(0,1fr)}
  .remote-session-top .remote-status{justify-self:start;max-width:100%}
  .remote-row-actions{grid-auto-flow:row!important;grid-template-columns:1fr!important;grid-auto-columns:auto!important}
}



/* 万事三角定律：实战与学习共用界面 */
.triangle-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.triangle-entry{border:0;text-align:left;padding:16px;border-radius:22px;background:var(--card,#fff);box-shadow:0 8px 24px rgba(31,35,48,.07);color:inherit}
.triangle-entry b{display:block;font-size:19px;margin:8px 0 5px}.triangle-entry span{display:block;font-size:12px;color:#6e6e73;line-height:1.55}.triangle-entry i{font-style:normal;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:rgba(0,122,255,.11);color:#007aff;font-weight:800;font-size:20px}
.triangle-source-note{margin-top:12px;padding:12px 14px;border-radius:16px;background:rgba(255,149,0,.10);font-size:12px;line-height:1.65;color:#6b4b11}
.triangle-pair-picker{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.triangle-pick{border:0;border-radius:20px;padding:18px 10px;background:#fff;box-shadow:0 7px 22px rgba(31,35,48,.07)}.triangle-pick small,.triangle-pick span{display:block;color:#777;font-size:11px}.triangle-pick b{display:block;font-size:34px;margin:4px}.triangle-swap{border:0;background:rgba(0,122,255,.10);color:#007aff;border-radius:50%;width:36px;height:36px;font-size:20px}
.triangle-result-hero{text-align:center;padding:18px 12px}.triangle-result-hero strong{display:block;font-size:38px;letter-spacing:2px}.triangle-result-hero h2{margin:6px 0 3px}.triangle-result-hero p{margin:0;color:#6e6e73}
.triangle-trace{display:grid;grid-template-columns:1fr 1fr;gap:10px}.triangle-trace>div{padding:12px;border-radius:15px;background:rgba(118,118,128,.08)}.triangle-trace small,.triangle-trace span{display:block}.triangle-trace span{font-weight:700;margin-top:3px}
.triangle-stage-list{display:grid;gap:10px}.triangle-stage{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:13px;border-radius:18px;background:#fff}.triangle-stage i{font-style:normal;display:grid;place-items:center;width:36px;height:36px;border-radius:13px;background:rgba(0,122,255,.10);color:#007aff;font-weight:800}.triangle-stage b,.triangle-stage span{display:block}.triangle-stage span{font-size:12px;line-height:1.55;color:#6e6e73;margin-top:3px}
.triangle-digit-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.triangle-digit{border:0;border-radius:13px;min-height:45px;background:#fff;font-weight:800;font-size:17px;color:#1c1c1e}.triangle-digit small{display:block;font-size:9px;font-weight:500;color:#777}
.triangle-grid-wrap{overflow:hidden;border-radius:18px;background:#fff;padding:8px}.triangle-169-grid{display:grid;grid-template-columns:20px repeat(13,minmax(18px,1fr));gap:2px;align-items:center}.triangle-169-grid .axis{font-size:8px;text-align:center;color:#777}.triangle-cell{border:0;padding:0;aspect-ratio:1;border-radius:5px;background:rgba(0,122,255,.08);font-size:7px;color:#333;min-width:0}.triangle-cell:hover,.triangle-cell:focus{background:#007aff;color:#fff}.triangle-cell.same{background:rgba(52,199,89,.14)}
.triangle-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.triangle-quiz-options button{border:0;border-radius:14px;padding:12px;background:#fff;font-weight:650}.triangle-quiz-options button.chosen{outline:2px solid #007aff;background:rgba(0,122,255,.08)}
.triangle-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.triangle-modal-grid>div{padding:10px;border-radius:13px;background:rgba(118,118,128,.08)}.triangle-modal-grid small,.triangle-modal-grid b{display:block}.triangle-modal-grid small{color:#777;font-size:10px}.triangle-modal-grid b{font-size:13px;margin-top:3px}
@media(max-width:390px){.triangle-entry-grid{grid-template-columns:1fr}.triangle-digit-grid{grid-template-columns:repeat(7,1fr);gap:5px}.triangle-169-grid{grid-template-columns:18px repeat(13,minmax(17px,1fr));gap:1px}.triangle-cell{font-size:6.5px}}
html[data-theme="xuanjian"] .triangle-entry,html[data-theme="xuanjian"] .triangle-stage,html[data-theme="xuanjian"] .triangle-pick,html[data-theme="xuanjian"] .triangle-digit,html[data-theme="xuanjian"] .triangle-grid-wrap,html[data-theme="xuanjian"] .triangle-quiz-options button{background:rgba(255,250,238,.88)}

.triangle-readiness,.triangle-progress-card{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.triangle-readiness>div,.triangle-progress-card>div{padding:11px 8px;border-radius:14px;background:rgba(118,118,128,.08);text-align:center}.triangle-readiness small,.triangle-progress-card small{display:block;color:#777;font-size:10px}.triangle-readiness b,.triangle-progress-card b{display:block;font-size:18px;margin-top:3px}.triangle-reasoning{display:grid;gap:9px}.triangle-reasoning>div{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:start}.triangle-reasoning i{font-style:normal;display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:rgba(0,122,255,.10);color:#007aff;font-weight:800}.triangle-reasoning b,.triangle-reasoning small{display:block}.triangle-reasoning small{color:#666;line-height:1.55;margin-top:2px}.triangle-evidence-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(118,118,128,.14)}.triangle-evidence-row:last-child{border-bottom:0}.triangle-evidence-row span{font-size:12px;color:#666;text-align:right}.triangle-topic-evidence{border-left:4px solid #ff9500}.triangle-topic-evidence small{display:block;color:#8a5b13;line-height:1.5}.triangle-quiz-head{display:flex;justify-content:space-between;align-items:center}.triangle-quiz-head small{color:#777}.triangle-quiz-options button:disabled{opacity:1}@media(max-width:390px){.triangle-readiness,.triangle-progress-card{grid-template-columns:1fr 1fr}}

/* V1.9.4 learning atlas */
.triangle-readiness.second{margin-top:8px}.triangle-learning-callout{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.triangle-learning-callout small,.triangle-learning-callout h3,.triangle-learning-callout p{display:block;margin:0}.triangle-learning-callout h3{margin:4px 0}.triangle-learning-callout p{font-size:12px;color:#6e6e73}.triangle-learning-actions{display:grid;gap:7px;min-width:132px}.triangle-learning-actions .btn{padding:10px 12px}
.triangle-skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.triangle-skill{border:0;border-radius:14px;padding:10px 7px;background:rgba(118,118,128,.08);text-align:center;color:inherit}.triangle-skill span,.triangle-skill b,.triangle-skill small{display:block}.triangle-skill span{font-size:11px;color:#6e6e73}.triangle-skill b{font-size:16px;margin:4px 0}.triangle-skill small{font-size:9px;color:#8e8e93}
.triangle-course-list{display:grid;gap:12px}.triangle-course header{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center}.triangle-course header>i{font-style:normal;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:rgba(0,122,255,.10);color:#007aff;font-weight:850;font-size:19px}.triangle-course header h2{margin:4px 0 0;font-size:19px}.triangle-course>p{font-size:13px;line-height:1.65;color:#5f6368}.triangle-course-lessons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.triangle-course-lessons button{border:0;border-radius:12px;padding:10px;text-align:left;background:rgba(118,118,128,.08);color:inherit;font-size:12px;line-height:1.45}.triangle-course-lessons small{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;border-radius:7px;background:rgba(0,122,255,.10);color:#007aff;font-weight:800}.triangle-course footer{margin-top:10px;font-size:10px;color:#8e8e93}
.triangle-filter-row,.triangle-skill-strip{display:flex;gap:7px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.triangle-filter-row::-webkit-scrollbar,.triangle-skill-strip::-webkit-scrollbar{display:none}.triangle-filter-row button,.triangle-skill-strip button{border:0;border-radius:999px;padding:8px 12px;white-space:nowrap;background:rgba(118,118,128,.10);color:inherit;font-size:11px;font-weight:650}.triangle-filter-row button.active{background:#007aff;color:#fff}
.triangle-cell.filtered-out{opacity:.08;pointer-events:none}.triangle-cell.generate{background:rgba(52,199,89,.15)}.triangle-cell.control{background:rgba(255,59,48,.14)}.triangle-cell.balance{background:rgba(0,122,255,.12)}.triangle-cell.special,.triangle-cell.special-earth{background:rgba(175,82,222,.14)}.triangle-cell.six-clash{box-shadow:inset 0 0 0 1.5px #ff9500}.triangle-cell.eight-absolute{box-shadow:inset 0 0 0 1.5px #ff3b30}.triangle-cell.six-clash.eight-absolute{box-shadow:inset 0 0 0 1.5px #ff3b30,0 0 0 1px #ff9500}.triangle-atlas-legend{display:flex;gap:10px;align-items:center;justify-content:center;margin:10px 0}.triangle-atlas-legend span{display:inline-grid;place-items:center;width:28px;height:22px;border-radius:7px;font-size:10px;font-weight:800}.triangle-atlas-legend .generate{background:rgba(52,199,89,.15)}.triangle-atlas-legend .control{background:rgba(255,59,48,.14)}.triangle-atlas-legend .balance{background:rgba(0,122,255,.12)}.triangle-atlas-legend .six-clash{border:1.5px solid #ff9500}.triangle-atlas-legend .eight-absolute{border:1.5px solid #ff3b30}
html[data-theme="xuanjian"] .triangle-skill,html[data-theme="xuanjian"] .triangle-course-lessons button,html[data-theme="xuanjian"] .triangle-filter-row button,html[data-theme="xuanjian"] .triangle-skill-strip button{background:rgba(85,69,49,.08)}
@media(max-width:390px){.triangle-learning-callout{grid-template-columns:1fr}.triangle-learning-actions{grid-template-columns:1fr 1fr}.triangle-skill-grid{grid-template-columns:repeat(2,1fr)}.triangle-course-lessons{grid-template-columns:1fr}.triangle-readiness.second{grid-template-columns:1fr 1fr}}

/* V1.9.4 原书页面机器转录与个人阅读进度 */
.triangle-original-card{margin-top:12px}
.triangle-original-card>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer}
.triangle-original-card>summary::-webkit-details-marker{display:none}
.triangle-original-card>summary span,.triangle-original-card>summary small,.triangle-original-card>summary b{display:block}
.triangle-original-card>summary small{font-size:10px;color:#8e8e93;margin-bottom:3px}
.triangle-original-card>summary b{font-size:15px}
.triangle-original-card>summary i{font-style:normal;color:#007aff;font-size:12px;white-space:nowrap}
.triangle-original-card[open]>summary i{font-size:0}
.triangle-original-card[open]>summary i:after{content:'收起';font-size:12px}
.triangle-original-warning{margin:12px 0;padding:10px 12px;border-radius:13px;background:rgba(255,149,0,.11);color:#755015;font-size:11px;line-height:1.6}
.triangle-original-card h3{font-size:13px;margin:14px 0 6px}
.triangle-original-text{white-space:pre-wrap;word-break:break-word;padding:12px;border-radius:14px;background:rgba(118,118,128,.07);font-size:12px;line-height:1.75;color:#3a3a3c}
.triangle-original-text.judgment{font-weight:650;background:rgba(0,122,255,.06)}
.triangle-original-card footer{margin-top:10px;font-size:9px;line-height:1.55;color:#8e8e93}
.triangle-pair-sheet{max-height:min(92vh,900px);overflow-y:auto;overscroll-behavior:contain}
.triangle-cell{position:relative}
.triangle-cell.ocr-ready:after{content:'';position:absolute;right:2px;top:2px;width:3px;height:3px;border-radius:50%;background:#007aff}
.triangle-cell.original-read{outline:1.5px solid #34c759;outline-offset:-1px}
.triangle-atlas-legend .original-read{border:1.5px solid #34c759;color:#248a3d;background:rgba(52,199,89,.07)}
html[data-theme="xuanjian"] .triangle-original-text{background:rgba(85,69,49,.07);color:#3f3528}
@media(max-width:390px){.triangle-original-text{font-size:11.5px;line-height:1.7}.triangle-original-card>summary b{font-size:14px}}

/* V1.9.6 新手实战判读：结论优先、结构可追溯 */
.triangle-home-intro h2,.triangle-practice-intro h2{max-width:580px}
.triangle-entry.featured{background:linear-gradient(145deg,rgba(0,122,255,.12),rgba(90,200,250,.08)),var(--card,#fff);box-shadow:0 12px 30px rgba(0,122,255,.13)}
.triangle-entry.featured i{background:#007aff;color:#fff}
.triangle-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.triangle-section-head small,.triangle-section-head h3{display:block;margin:0}.triangle-section-head small{font-size:10px;color:#8e8e93}.triangle-section-head h3{font-size:17px;margin-top:3px}.triangle-section-head>span{border-radius:999px;padding:6px 9px;background:rgba(0,122,255,.09);color:#007aff;font-size:10px;font-weight:750;white-space:nowrap}
.triangle-category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.triangle-category-grid button{border:0;border-radius:12px;padding:10px 4px;background:rgba(118,118,128,.08);color:inherit;font-size:12px;font-weight:680}.triangle-category-grid button.active{background:#007aff;color:#fff;box-shadow:0 5px 14px rgba(0,122,255,.22)}
.triangle-role-guide{border:1px solid rgba(0,122,255,.10)}.triangle-role-guide>p,.triangle-role-result>p{margin:12px 0 0;padding:10px 12px;border-radius:13px;background:rgba(0,122,255,.06);font-size:12px;line-height:1.6;color:#4d5965}.triangle-role-row,.triangle-role-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:stretch}.triangle-role-row>div,.triangle-role-flow>div{padding:12px;border-radius:15px;background:rgba(118,118,128,.075);text-align:center}.triangle-role-row small,.triangle-role-row b,.triangle-role-flow small,.triangle-role-flow b,.triangle-role-flow em{display:block}.triangle-role-row small,.triangle-role-flow small{font-size:10px;color:#8e8e93}.triangle-role-row b,.triangle-role-flow b{font-size:13px;margin-top:5px;line-height:1.35}.triangle-role-row>i,.triangle-role-flow>i{font-style:normal;align-self:center;border-radius:999px;padding:6px 8px;background:rgba(0,122,255,.10);color:#007aff;font-size:10px;font-weight:800;white-space:nowrap}.triangle-role-flow em{font-style:normal;font-size:10px;color:#7c7c80;margin-top:5px}
.triangle-pair-picker.novice .triangle-pick{min-height:126px;display:flex;flex-direction:column;justify-content:center}.triangle-pair-picker.novice .triangle-pick small{line-height:1.4;min-height:31px}.triangle-run-btn{font-weight:800;letter-spacing:.2px}.triangle-order-warning{display:grid;grid-template-columns:auto 1fr;gap:10px;margin:12px 0;padding:12px 14px;border-radius:16px;background:rgba(255,149,0,.10);font-size:11px;line-height:1.6}.triangle-order-warning b{color:#8a5b13;white-space:nowrap}.triangle-order-warning span{color:#6b4b11}.triangle-auto-preview{margin:12px 0 2px;padding:13px 14px;border-radius:17px;background:rgba(52,199,89,.08)}.triangle-auto-preview>span{display:block;font-size:10px;color:#248a3d;font-weight:750;margin-bottom:9px}.triangle-auto-preview>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.triangle-auto-preview b{display:block;padding:7px 5px;border-radius:9px;background:rgba(255,255,255,.68);font-size:10px;text-align:center;color:#3d6848}
.triangle-verdict-hero{position:relative;overflow:hidden;margin:0 0 12px;padding:17px;border-radius:24px;color:#fff;box-shadow:0 14px 34px rgba(33,33,43,.15)}.triangle-verdict-hero:before{content:'';position:absolute;right:-55px;top:-65px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.10)}.triangle-verdict-hero.good{background:linear-gradient(145deg,#25885b,#44ad77)}.triangle-verdict-hero.mixed{background:linear-gradient(145deg,#94631d,#c58b35)}.triangle-verdict-hero.risk{background:linear-gradient(145deg,#9e4642,#c7645c)}.triangle-verdict-top{position:relative;display:flex;justify-content:space-between;gap:10px;font-size:10px}.triangle-verdict-top span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.17);font-weight:750}.triangle-verdict-top small{opacity:.84}.triangle-verdict-band{position:relative;margin-top:16px;font-size:12px;font-weight:750;opacity:.92}.triangle-verdict-hero h2{position:relative;margin:5px 0 7px;font-size:24px;line-height:1.28}.triangle-verdict-hero>p{position:relative;margin:0;font-size:12px;line-height:1.65;opacity:.92}.triangle-confidence{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.triangle-confidence span{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.13);font-size:10px}.triangle-confidence b{font-size:13px}.triangle-confidence-label{position:relative;display:block;margin-top:8px;opacity:.76;font-size:9px}
.triangle-key-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.triangle-key-grid>div{padding:11px;border-radius:14px;background:rgba(118,118,128,.075)}.triangle-key-grid small,.triangle-key-grid b{display:block}.triangle-key-grid small{font-size:9px;color:#8e8e93}.triangle-key-grid b{font-size:12px;line-height:1.45;margin-top:4px}
.triangle-layer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.triangle-layer-card{padding:14px;border-radius:19px;background:var(--card,#fff);box-shadow:0 8px 24px rgba(31,35,48,.06)}.triangle-layer-card.future{border-top:3px solid #5856d6}.triangle-layer-card.current{border-top:3px solid #007aff}.triangle-layer-card header{display:flex;justify-content:space-between;gap:8px}.triangle-layer-card header small{font-size:9px;color:#8e8e93}.triangle-layer-card header b{font-size:13px}.triangle-relation-symbol{margin:13px 0 7px;font-size:15px;font-weight:850;color:#007aff}.triangle-layer-card.future .triangle-relation-symbol{color:#5856d6}.triangle-layer-card>strong,.triangle-layer-card>span{display:block}.triangle-layer-card>strong{font-size:16px}.triangle-layer-card>span{font-size:10px;color:#6e6e73;margin-top:3px}.triangle-layer-card>p{font-size:11px;line-height:1.58;color:#5f6368;margin:9px 0 0}
.triangle-deep-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.triangle-deep-grid>div{padding:12px;border-radius:15px;background:rgba(118,118,128,.07)}.triangle-deep-grid small,.triangle-deep-grid b{display:block}.triangle-deep-grid small{font-size:9px;color:#8e8e93}.triangle-deep-grid b{font-size:12px;line-height:1.4;margin:5px 0}.triangle-deep-grid p{font-size:10px;line-height:1.55;color:#68686d;margin:0}
.triangle-event-list{display:grid;gap:8px}.triangle-event-row{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start;padding:10px;border-radius:14px;background:rgba(118,118,128,.065)}.triangle-event-row>i{font-style:normal;display:grid;place-items:center;width:27px;height:27px;border-radius:10px;background:rgba(0,122,255,.10);color:#007aff;font-weight:850;font-size:11px}.triangle-event-row small,.triangle-event-row b{display:block}.triangle-event-row small{font-size:9px;color:#8e8e93}.triangle-event-row b{font-size:12px;line-height:1.55;margin-top:2px}.triangle-clue-chips{display:flex;flex-wrap:wrap;gap:7px}.triangle-clue-chips span{padding:8px 10px;border-radius:12px;background:rgba(90,200,250,.10);font-size:10px;line-height:1.45;color:#31677e}.triangle-verify ol{list-style:none;padding:0;margin:0;display:grid;gap:8px}.triangle-verify li{display:grid;grid-template-columns:25px 1fr;gap:8px;align-items:start}.triangle-verify li i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:9px;background:rgba(52,199,89,.11);color:#248a3d;font-size:10px;font-weight:850}.triangle-verify li span{font-size:11px;line-height:1.55;padding-top:3px}
.triangle-boundary{display:grid;gap:4px;margin:12px 0;padding:12px 14px;border-radius:16px;font-size:11px;line-height:1.6}.triangle-boundary.exact{background:rgba(52,199,89,.09);color:#326c43}.triangle-boundary.generic{background:rgba(255,149,0,.10);color:#72501c}.triangle-boundary b,.triangle-boundary span{display:block}.triangle-expert-wrap{margin:12px 0;padding:14px;border-radius:19px;background:rgba(118,118,128,.065)}.triangle-expert-wrap>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;cursor:pointer}.triangle-expert-wrap>summary::-webkit-details-marker{display:none}.triangle-expert-wrap>summary small,.triangle-expert-wrap>summary b{display:block}.triangle-expert-wrap>summary small{font-size:9px;color:#8e8e93}.triangle-expert-wrap>summary b{font-size:12px;margin-top:3px}.triangle-expert-wrap>summary i{font-style:normal;color:#007aff;font-size:11px}.triangle-expert-wrap[open]>summary i{font-size:0}.triangle-expert-wrap[open]>summary i:after{content:'收起';font-size:11px}.triangle-expert-wrap>.card,.triangle-expert-wrap>.notice,.triangle-expert-wrap>.risk{margin-top:12px}
html[data-theme="xuanjian"] .triangle-category-grid button,html[data-theme="xuanjian"] .triangle-role-row>div,html[data-theme="xuanjian"] .triangle-role-flow>div,html[data-theme="xuanjian"] .triangle-key-grid>div,html[data-theme="xuanjian"] .triangle-deep-grid>div,html[data-theme="xuanjian"] .triangle-event-row,html[data-theme="xuanjian"] .triangle-expert-wrap{background:rgba(85,69,49,.075)}
@media(max-width:430px){.triangle-category-grid{grid-template-columns:repeat(4,1fr)}.triangle-auto-preview>div{grid-template-columns:repeat(2,1fr)}.triangle-verdict-hero h2{font-size:21px}}
@media(max-width:370px){.triangle-category-grid{grid-template-columns:repeat(3,1fr)}.triangle-layer-grid,.triangle-deep-grid{grid-template-columns:1fr}.triangle-role-row,.triangle-role-flow{grid-template-columns:1fr}.triangle-role-row>i,.triangle-role-flow>i{justify-self:center}.triangle-pair-picker.novice .triangle-pick small{font-size:9px}.triangle-order-warning{grid-template-columns:1fr}}

.triangle-section-head>span,.triangle-verdict-top span,.triangle-boundary b,.triangle-expert-wrap>summary i,.triangle-event-row b,.triangle-clue-chips span,.triangle-verify li span{font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-style:normal;transform:none;writing-mode:horizontal-tb}
.triangle-section-head>span{display:inline-flex;align-items:center;justify-content:center;line-height:1.35;white-space:normal;text-align:center;padding:7px 10px;min-height:34px;background:rgba(118,118,128,.08);color:#61646a;font-weight:700}
.triangle-array-focus{display:grid;gap:10px;margin-bottom:12px}.triangle-array-main{text-align:center;padding:8px 4px}.triangle-array-main small,.triangle-array-main h3,.triangle-array-main p{display:block;margin:0}.triangle-array-main h3{margin:6px 0;font-size:30px;line-height:1.1}.triangle-array-main p{font-size:12px;line-height:1.65;color:#6e6e73}.triangle-array-sub{display:grid;grid-template-columns:1fr 1fr;gap:8px}.triangle-array-sub>div{padding:12px;border-radius:14px;background:rgba(118,118,128,.075);text-align:center}.triangle-array-sub small,.triangle-array-sub b{display:block}.triangle-array-sub small{font-size:10px;color:#8e8e93}.triangle-array-sub b{font-size:14px;line-height:1.45;margin-top:4px}
.triangle-verdict-top span{line-height:1.35}
.triangle-learning-methods,.triangle-learning-rules{display:grid;gap:10px}.triangle-learning-methods>div,.triangle-learning-rules>div{padding:12px;border-radius:14px;background:rgba(118,118,128,.07)}
@media(max-width:370px){.triangle-array-sub{grid-template-columns:1fr}.triangle-array-main h3{font-size:26px}}

/* UX audit: the 13×13 atlas is intentionally scrollable instead of squeezed. */
.triangle-grid-wrap{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,122,255,.45) transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.triangle-169-grid{grid-template-columns:30px repeat(13,minmax(28px,1fr));gap:3px;min-width:430px}.triangle-169-grid .axis{font-size:10px;line-height:1.2}.triangle-cell{min-width:28px;min-height:28px;font-size:10px;line-height:1.05;border-radius:6px}.triangle-quiz-options button{min-height:48px;line-height:1.35}.triangle-course header{grid-template-columns:42px minmax(0,1fr)}.triangle-course header h2,.triangle-course>p{overflow-wrap:anywhere}.triangle-course-lessons button{min-height:44px}.triangle-filter-row,.triangle-skill-strip{scrollbar-width:thin;scrollbar-color:rgba(0,122,255,.45) transparent;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.triangle-filter-row::-webkit-scrollbar,.triangle-skill-strip::-webkit-scrollbar{height:4px}.triangle-filter-row button,.triangle-skill-strip button{min-height:40px;scroll-snap-align:start}.triangle-cell.filtered-out{opacity:.22;filter:grayscale(.4)}.triangle-atlas-legend{flex-wrap:wrap}.triangle-atlas-scroll-hint{margin:6px 0 10px;padding:9px 11px;border-radius:12px;background:rgba(0,122,255,.07);color:#4d5965;font-size:11px;line-height:1.5;text-align:center}.triangle-section-head>div{min-width:0}.triangle-section-head h3{overflow-wrap:anywhere}.triangle-section-head>span{white-space:normal;text-align:right;line-height:1.35}
@media(max-width:390px){.triangle-169-grid{grid-template-columns:30px repeat(13,minmax(28px,1fr));gap:3px}.triangle-cell{font-size:10px}}

.triangle-section-head{flex-wrap:wrap;align-items:flex-start}.triangle-section-head>span{max-width:100%;white-space:normal}.triangle-events .triangle-event-row,.triangle-key-grid>div,.triangle-deep-grid>div{min-height:auto}.triangle-order-compact{line-height:1.5}.triangle-flow-sticky{padding-bottom:calc(8px + var(--safe-bottom))}


/* V1.9.9：首页卡片、金钩诀手绘式盘面、万事三角三入口与分步交互、全局弹框关闭 */

/* 首页工具卡：去掉浏览器默认按钮边框，并把进入按钮做成明确的大触点 */
.tool-card-compact .method-row{
  width:100%!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  gap:11px!important;
  padding:10px 12px!important;
  appearance:none;
  -webkit-appearance:none;
}
.tool-card-compact .method-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}
.tool-card-compact .method-copy{min-width:0}
.tool-card-compact .tool-enter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-width:84px;
  min-height:42px;
  padding:0 14px;
  border-radius:14px;
  background:var(--accent);
  color:#fff;
  font-size:14px;
  font-weight:800;
  line-height:1;
  box-shadow:0 6px 16px rgba(0,122,255,.22);
}
.tool-card-compact .tool-enter b{font-size:19px;line-height:1;font-weight:500;margin-top:-1px}
.tool-card-compact .method-row:active .tool-enter{transform:scale(.97);background:var(--accent-pressed)}
html[data-theme="xuanjian"] .tool-card-compact .tool-enter{background:linear-gradient(180deg,#373027,#211b15);border:1px solid #a98752;box-shadow:inset 0 0 0 1px rgba(255,231,181,.12),0 6px 16px rgba(48,31,18,.18)}

/* 所有底部弹框支持点击遮罩关闭；sheet自身维持可滚动 */
.modal{touch-action:manipulation}
.sheet{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

/* 万事三角：首页三入口 */
.content.compact:has(.triangle-v199-home),
.content.compact:has(.triangle-flow),
.content.compact:has(.triangle-expert-start),
.content.compact:has(.triangle-verdict-hero){
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
  padding-bottom:calc(104px + var(--safe-bottom))!important;
}
.triangle-entry-grid-three{grid-template-columns:1fr;gap:10px;margin-top:4px}
.triangle-entry-grid-three .triangle-entry{position:relative;min-height:112px;padding:15px 16px 14px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;align-items:center}
.triangle-entry-grid-three .triangle-entry i{grid-row:1/3;width:46px;height:46px;border-radius:15px;font-size:19px}
.triangle-entry-grid-three .triangle-entry b{grid-column:2;margin:0;font-size:19px}
.triangle-entry-grid-three .triangle-entry span{grid-column:2;line-height:1.45;margin-top:5px}
.triangle-entry-grid-three .triangle-entry em{grid-column:3;grid-row:1/3;align-self:center;font-style:normal;padding:7px 9px;border-radius:999px;background:rgba(0,122,255,.09);color:#007aff;font-size:10px;font-weight:800;white-space:nowrap}
.triangle-entry-grid-three .triangle-entry.expert{background:linear-gradient(145deg,rgba(88,86,214,.10),rgba(175,82,222,.05)),var(--card,#fff)}
.triangle-entry-grid-three .triangle-entry.expert i{background:rgba(88,86,214,.13);color:#5856d6}
.triangle-entry-grid-three .triangle-entry.expert em{background:rgba(88,86,214,.10);color:#5856d6}
.triangle-entry-grid-three .triangle-entry.learn{background:linear-gradient(145deg,rgba(52,199,89,.10),rgba(48,209,88,.04)),var(--card,#fff)}
.triangle-entry-grid-three .triangle-entry.learn i{background:rgba(52,199,89,.13);color:#248a3d}
.triangle-entry-grid-three .triangle-entry.learn em{background:rgba(52,199,89,.10);color:#248a3d}
.triangle-home-links{margin-top:10px;border-radius:16px;overflow:hidden;background:var(--surface)}

/* 新手：一次只呈现一步 */
.triangle-flow{display:grid;gap:10px;min-height:100%}
.triangle-flow-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:3px 2px 1px}
.triangle-flow-progress span{position:relative;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:7px;padding:8px 9px;border-radius:14px;background:rgba(118,118,128,.07);color:#8e8e93}
.triangle-flow-progress span i{font-style:normal;display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:rgba(118,118,128,.12);font-size:11px;font-weight:850}
.triangle-flow-progress span b{font-size:11px}
.triangle-flow-progress span.active{background:rgba(0,122,255,.10);color:#007aff}
.triangle-flow-progress span.active i{background:#007aff;color:#fff}
.triangle-flow-progress span.done{background:rgba(52,199,89,.10);color:#248a3d}
.triangle-flow-progress span.done i{background:#34c759;color:#fff}
.triangle-flow-intro{padding:4px 2px 2px}
.triangle-flow-intro h2{font-size:29px;margin:9px 0 7px;line-height:1.13}
.triangle-flow-intro p{font-size:13px;line-height:1.55}
.triangle-flow-card{padding:13px!important}
.triangle-category-step{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.triangle-category-step button{min-height:72px!important;padding:10px 12px!important;text-align:left!important;display:grid;align-content:center;gap:4px}
.triangle-category-step button b{display:block;font-size:16px}
.triangle-category-step button small{display:block;color:#73737a;font-size:10px;line-height:1.35;font-weight:500}
.triangle-role-summary{padding:12px 13px;margin-bottom:11px;border-radius:15px;background:rgba(0,122,255,.07)}
.triangle-role-summary small,.triangle-role-summary b{display:block}.triangle-role-summary small{font-size:10px;color:#007aff}.triangle-role-summary b{font-size:13px;margin-top:4px;line-height:1.45}
.triangle-step-digit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.triangle-step-digit-grid button{min-height:64px;border:0;border-radius:16px;background:rgba(118,118,128,.075);color:inherit;display:grid;place-content:center;gap:2px}
.triangle-step-digit-grid button strong{font-size:25px;line-height:1}
.triangle-step-digit-grid button small{font-size:9px;color:#777}
.triangle-step-digit-grid button.selected{background:#007aff;color:#fff;box-shadow:0 7px 18px rgba(0,122,255,.23)}
.triangle-step-digit-grid button.selected small{color:rgba(255,255,255,.8)}
.triangle-selected-inner{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;padding:10px 12px;margin-bottom:11px;border-radius:14px;background:rgba(52,199,89,.09)}
.triangle-selected-inner span{font-size:10px;color:#248a3d;font-weight:750}.triangle-selected-inner b{font-size:23px;color:#248a3d}.triangle-selected-inner small{font-size:11px;color:#4b6854;line-height:1.35}
.triangle-order-compact{margin-top:11px;padding:10px 12px;border-radius:13px;background:rgba(255,149,0,.10);font-size:11px;color:#755015}
.triangle-flow-sticky .btn.secondary{flex:0 0 86px}

/* 高手：一页起局，压缩指导文字 */
.triangle-expert-start{display:grid;gap:10px}
.triangle-expert-heading{display:flex;justify-content:space-between;align-items:end;padding:5px 3px 0}
.triangle-expert-heading h2{font-size:28px;line-height:1.1;margin:8px 0 0}.triangle-expert-heading>small{color:#8e8e93;font-size:11px}
.triangle-category-grid.expert{grid-template-columns:repeat(5,1fr)}
.triangle-pair-picker.expert .triangle-pick{min-height:116px;padding:15px 9px}
.triangle-pair-picker.expert .triangle-pick small{min-height:30px;line-height:1.35}
.triangle-expert-note{padding:11px 13px;border-radius:15px;background:rgba(88,86,214,.08);color:#504f7d;font-size:11px;line-height:1.55}
.triangle-verdict-hero.expert{padding:15px}.triangle-verdict-hero.expert h2{font-size:22px}.triangle-key-grid.expert>div{min-height:68px}

/* 金钩诀：以手绘图为准，十二地支与年份移到九宫外围 */
.golden-board-wrap{padding:7px!important;border-radius:24px!important;overflow:visible!important}
.golden-compass-board{position:relative;width:100%;padding:46px 38px 38px;min-height:410px}
.golden-nine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:0;aspect-ratio:1;background:rgba(60,60,67,.18);border:1.5px solid rgba(22,31,39,.72);box-shadow:0 12px 28px rgba(40,52,65,.10)}
.golden-nine-grid .golden-live-cell{min-height:0!important;border-radius:0!important;border:0!important;box-shadow:inset -1px -1px 0 rgba(25,34,42,.52)!important;background:rgba(255,255,255,.96)!important;padding:5px!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;align-items:center!important;text-align:center!important;overflow:hidden!important}
.golden-nine-grid .golden-live-cell:nth-child(3n){box-shadow:inset 0 -1px 0 rgba(25,34,42,.52)!important}
.golden-nine-grid .golden-live-cell:nth-child(n+7){box-shadow:inset -1px 0 0 rgba(25,34,42,.52)!important}
.golden-nine-grid .golden-live-cell:nth-child(9){box-shadow:none!important}
.golden-nine-grid .golden-live-cell.filled{background:linear-gradient(155deg,#fff,#eef7ff)!important}
.golden-live-cell.center{background:rgba(248,249,251,.92)!important;color:#b0b0b5;display:grid!important;place-items:center!important;font-family:STKaiti,KaiTi,serif}
.golden-live-cell.center span{font-size:12px;opacity:.38}
.golden-palace-top,.golden-palace-bottom{display:flex;align-items:center;justify-content:center;gap:4px;line-height:1;min-height:20px}
.golden-palace-top small,.golden-palace-bottom small{display:none}.golden-palace-top b,.golden-palace-bottom b{font-family:STKaiti,KaiTi,serif;font-size:18px;color:#31363b}
.golden-palace-bottom b{color:#0878c8}.golden-palace-bottom{align-self:end}
.golden-nine-grid .golden-result-name{margin:2px 0!important;padding:2px!important;width:100%!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;text-align:center!important;align-self:stretch;display:grid!important;place-content:center!important;color:inherit!important}
.golden-nine-grid .golden-result-name small{font-size:9px;color:#5e6d78;font-weight:700}.golden-nine-grid .golden-result-name strong{font-size:24px;line-height:1.05;color:#111;margin:3px 0 1px;font-weight:700}.golden-nine-grid .golden-result-name span{font-size:8px;line-height:1.2;color:#61666b;-webkit-line-clamp:1}
.golden-nine-grid .golden-empty-slot{margin:0!important;opacity:.38;display:grid;place-content:center;gap:3px;min-height:40px}
.golden-nine-grid .golden-empty-slot span{font-size:8px;color:#868b91}.golden-nine-grid .golden-empty-slot b{display:none}
.golden-perimeter{position:absolute;width:54px;text-align:center;z-index:2;color:#2d343a;line-height:1.15}
.golden-perimeter b{display:block;font-family:STKaiti,KaiTi,serif;font-size:20px;color:#222;margin-bottom:4px}
.golden-perimeter span{display:block;font-size:11px;line-height:1.28;color:#5f6469;font-variant-numeric:tabular-nums}
.golden-perimeter.north-west{left:25%;top:2px;transform:translateX(-50%)}
.golden-perimeter.north{left:50%;top:2px;transform:translateX(-50%)}
.golden-perimeter.north-east{left:75%;top:2px;transform:translateX(-50%)}
.golden-perimeter.west-north{left:0;top:28%;transform:translateY(-50%)}
.golden-perimeter.east-north{right:0;top:28%;transform:translateY(-50%)}
.golden-perimeter.west{left:0;top:50%;transform:translateY(-50%)}
.golden-perimeter.east{right:0;top:50%;transform:translateY(-50%)}
.golden-perimeter.west-south{left:0;top:72%;transform:translateY(-50%)}
.golden-perimeter.east-south{right:0;top:72%;transform:translateY(-50%)}
.golden-perimeter.south-west{left:25%;bottom:0;transform:translateX(-50%)}
.golden-perimeter.south{left:50%;bottom:0;transform:translateX(-50%)}
.golden-perimeter.south-east{left:75%;bottom:0;transform:translateX(-50%)}
.golden-shake-overlay{inset:7px!important}
html[data-theme="xuanjian"] .golden-nine-grid .golden-live-cell{background:rgba(247,239,222,.97)!important}
html[data-theme="xuanjian"] .golden-nine-grid .golden-live-cell.filled{background:linear-gradient(155deg,#f8efdd,#ead9b8)!important}
html[data-theme="xuanjian"] .golden-nine-grid .golden-result-name strong{color:#2b2118}
html[data-theme="xuanjian"] .golden-palace-bottom b{color:#7f2f25}

@media(max-width:390px){
  .tool-card-compact .tool-enter{min-width:76px;padding:0 11px}
  .triangle-entry-grid-three .triangle-entry{grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto auto;min-height:108px}.triangle-entry-grid-three .triangle-entry i{width:42px;height:42px}.triangle-entry-grid-three .triangle-entry em{grid-column:2;grid-row:3;justify-self:start;margin-top:7px}
  .triangle-category-grid.expert{grid-template-columns:repeat(4,1fr)}
  .golden-compass-board{padding:42px 34px 34px;min-height:388px}.golden-perimeter{width:46px}.golden-perimeter b{font-size:18px}.golden-perimeter span{font-size:9px}.golden-nine-grid .golden-result-name strong{font-size:21px}
}
@media(max-width:350px){
  .triangle-step-digit-grid{grid-template-columns:repeat(4,1fr);gap:6px}.triangle-step-digit-grid button{min-height:56px}.triangle-step-digit-grid button strong{font-size:22px}
  .golden-compass-board{padding:38px 30px 30px;min-height:360px}.golden-perimeter{width:40px}.golden-perimeter span{font-size:8px}.golden-nine-grid .golden-result-name strong{font-size:18px}
}

@media(max-width:420px){.triangle-category-step{grid-template-columns:1fr 1fr!important}.golden-perimeter.top{top:8px}.golden-perimeter.left{left:6px}.golden-perimeter.right{right:6px}.golden-perimeter.bottom{bottom:8px}}
/* V2.0.2 二次修复：长事项列表必须撑开内容区，禁止 Grid 将卡片压缩后裁切 */
.triangle-flow{display:flex!important;flex-direction:column!important;gap:10px!important;min-height:max-content!important;height:auto!important}
.triangle-flow-card{flex:0 0 auto!important;overflow:visible!important}
.triangle-category-step{height:auto!important;min-height:max-content!important}


/* V2.0.1 万事三角完整体系 */
.triangle-v200-home{margin-bottom:16px}
.triangle-system-coverage{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.triangle-system-coverage>div{min-width:0;padding:10px;border-radius:14px;background:var(--soft,#f5f7fb);display:flex;flex-direction:column;gap:4px}
.triangle-system-coverage small{color:var(--muted,#777);font-size:11px}.triangle-system-coverage b{font-size:15px}
.triangle-flow-progress-four{grid-template-columns:repeat(4,1fr)}
.triangle-flow-progress-four span:after{width:calc(100% - 30px)}
.triangle-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.triangle-method-grid button{appearance:none;border:1px solid rgba(60,60,67,.12);background:rgba(118,118,128,.08);border-radius:16px;min-height:106px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:5px;color:inherit}
.triangle-method-grid button.active{background:rgba(0,122,255,.11);border-color:rgba(0,122,255,.5);box-shadow:0 0 0 2px rgba(0,122,255,.08) inset}
.triangle-method-grid b{font-size:17px}.triangle-method-grid small{font-size:13px;color:var(--muted,#777)}.triangle-method-grid em{font-style:normal;font-size:11px;color:#007aff;margin-top:auto}
.triangle-method-grid.expert{grid-template-columns:repeat(4,minmax(0,1fr))}.triangle-method-grid.expert button{min-height:92px;padding:10px}.triangle-method-grid.expert b{font-size:14px}
.triangle-count-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:12px}.triangle-count-tabs button{border:0;border-radius:12px;padding:10px 4px;background:rgba(118,118,128,.1);font-weight:700}.triangle-count-tabs button.active{background:#007aff;color:white}
.triangle-raw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.triangle-raw-grid label{display:flex;flex-direction:column;gap:6px;background:rgba(118,118,128,.07);border-radius:14px;padding:12px}.triangle-raw-grid input{width:100%;box-sizing:border-box;border:1px solid rgba(60,60,67,.14);border-radius:10px;background:white;padding:12px;font-size:20px;font-weight:750}.triangle-raw-grid em{font-style:normal;font-size:10px;color:var(--muted,#777)}
.triangle-check-row{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:14px;background:rgba(118,118,128,.07);margin-top:12px}.triangle-check-row input{width:20px;height:20px}.triangle-check-row span{display:flex;flex-direction:column;gap:4px}.triangle-check-row small{color:var(--muted,#777)}
.triangle-direction-grid,.triangle-residence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.triangle-residence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.triangle-review-card{display:grid;grid-template-columns:1fr 1fr;gap:10px}.triangle-review-card>div{padding:13px;border-radius:14px;background:rgba(118,118,128,.07);display:flex;flex-direction:column;gap:5px}.triangle-review-card .wide{grid-column:1/-1}.triangle-review-card small{color:var(--muted,#777)}.triangle-review-card b{overflow-wrap:anywhere}
.triangle-v200-expert .triangle-expert-input{margin-bottom:10px}
.triangle-multi-hero{border-radius:24px;padding:20px;margin:0 0 14px;background:linear-gradient(145deg,rgba(0,122,255,.13),rgba(52,199,89,.09));border:1px solid rgba(0,122,255,.16)}.triangle-multi-hero>span{font-size:12px;color:#007aff;font-weight:700}.triangle-multi-hero h2{font-size:27px;line-height:1.25;margin:10px 0}.triangle-multi-hero p{color:var(--muted,#666);line-height:1.65}.triangle-multi-hero>div{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:12px}.triangle-multi-hero>div b{font-size:12px;background:white;border-radius:999px;padding:7px 10px}.triangle-multi-hero>div i{font-style:normal;color:#aaa}
.triangle-position-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.triangle-position-card{border-radius:15px;padding:12px;background:rgba(118,118,128,.07);display:flex;flex-direction:column;gap:5px}.triangle-position-card small{color:#007aff}.triangle-position-card>b{display:flex;align-items:center;gap:6px;font-size:18px}.triangle-position-card>b em{font-style:normal;font-size:22px}.triangle-position-card>b i{font-style:normal;color:#999;font-size:12px}.triangle-position-card span{font-weight:700}.triangle-position-card p{font-size:11px;color:var(--muted,#777);margin:0;line-height:1.45}
.triangle-edge-list{display:flex;flex-direction:column;gap:10px}.triangle-edge-row{border:1px solid rgba(60,60,67,.1);border-radius:16px;padding:12px;background:white}.triangle-edge-row header{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center}.triangle-edge-row header>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#007aff;color:white;font-size:11px}.triangle-edge-row header>b{font-size:14px}.triangle-edge-row header>button{border:0;border-radius:999px;padding:6px 8px;background:rgba(0,122,255,.1);color:#007aff;font-size:11px}.triangle-edge-row>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}.triangle-edge-row>div strong{font-size:13px}.triangle-edge-row>div i{font-style:normal;color:#999}.triangle-edge-row>div em{margin-left:auto;font-style:normal;font-size:11px;color:#007aff}.triangle-edge-row>p{margin:8px 0 0;color:#ff3b30;font-size:11px}.triangle-edge-row.control{border-left:4px solid #ff9500}.triangle-edge-row.generate{border-left:4px solid #34c759}.triangle-edge-row.balance{border-left:4px solid #007aff}
.triangle-inactive-card summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.triangle-inactive-card summary span{font-size:11px;color:var(--muted,#777)}.triangle-inactive-card>div{padding:10px 0;border-top:1px solid rgba(60,60,67,.1)}.triangle-inactive-card p{margin:4px 0 0;color:var(--muted,#777);font-size:12px}
.triangle-chain-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}.triangle-chain-summary>div,.triangle-structure-grid>div{padding:12px;border-radius:14px;background:rgba(118,118,128,.07);display:flex;flex-direction:column;gap:5px}.triangle-chain-summary small{color:var(--muted,#777)}.triangle-structure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.triangle-structure-grid p{margin:0;color:var(--muted,#777);font-size:12px;line-height:1.5}
.triangle-topic-module>b{display:block;margin:12px 0;line-height:1.6}.triangle-topic-module>small{display:block;color:var(--muted,#777);line-height:1.5}
@media(max-width:560px){.triangle-method-grid.expert{grid-template-columns:repeat(2,minmax(0,1fr))}.triangle-residence-grid{grid-template-columns:1fr 1fr}.triangle-system-coverage{grid-template-columns:1fr}.triangle-system-coverage>div{flex-direction:row;justify-content:space-between;align-items:center}}
@media(max-width:390px){.triangle-method-grid,.triangle-position-grid,.triangle-structure-grid,.triangle-raw-grid{grid-template-columns:1fr}.triangle-direction-grid{grid-template-columns:1fr}.triangle-chain-summary{grid-template-columns:1fr}.triangle-edge-row header{grid-template-columns:22px 1fr}.triangle-edge-row header>button{grid-column:2;justify-self:start}.triangle-multi-hero h2{font-size:23px}}
.triangle-learning-methods,.triangle-learning-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.triangle-learning-methods>div,.triangle-learning-rules>div{padding:12px;border-radius:14px;background:rgba(118,118,128,.07);display:flex;flex-direction:column;gap:4px}.triangle-learning-methods small{color:#007aff}.triangle-learning-methods p,.triangle-learning-rules p{font-size:11px;color:var(--muted,#777);line-height:1.5;margin:0}@media(max-width:390px){.triangle-learning-methods,.triangle-learning-rules{grid-template-columns:1fr}}
.triangle-audit-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.triangle-audit-summary>div{padding:10px;border-radius:13px;background:rgba(118,118,128,.07);display:flex;flex-direction:column;gap:4px}.triangle-audit-summary small{color:var(--muted,#777)}@media(max-width:520px){.triangle-audit-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

.triangle-basis-note{margin:0 0 9px;padding:9px 11px;border-radius:13px;background:rgba(0,122,255,.08);color:#345f86;font-size:11px;line-height:1.5;font-weight:650}
.content.compact{padding-bottom:calc(116px + var(--safe-bottom));scroll-padding-bottom:calc(140px + var(--safe-bottom))}
.content.compact:has(.triangle-v200-home),.content.compact:has(.triangle-flow),.content.compact:has(.triangle-expert-start),.content.compact:has(.triangle-multi-hero),.content.compact:has(.triangle-learn),.content.compact:has(.triangle-169),.content.compact:has(.triangle-quiz),.content.compact:has(.triangle-curriculum),.content.compact:has(.triangle-sources),.content.compact:has(.twelve-start-fit),.content.compact:has(.first-form),.content.compact:has(.twelve-result-fit),.content.compact:has(.first-result-fit){overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;padding-bottom:calc(116px + var(--safe-bottom))!important;scroll-padding-bottom:calc(140px + var(--safe-bottom))}
.triangle-method-grid button,.triangle-category-grid button,.triangle-count-tabs button{min-height:44px}.triangle-position-card,.triangle-edge-row,.triangle-layer-card,.triangle-deep-grid>div{min-width:0}.triangle-multi-hero h2,.triangle-multi-hero p,.triangle-edge-row header>b{overflow-wrap:anywhere}.golden-perimeter span{font-size:8px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.golden-nine-grid .golden-result-name span{overflow-wrap:anywhere}
@media(max-width:390px){.golden-perimeter span{font-size:7.6px}}@media(max-width:350px){.golden-perimeter span{font-size:7.2px}}


/* 天机归藏 V2.1.2 · 经典主题恢复 + 天机五境精修 */
:root{--theme-preview-line:rgba(255,255,255,.55)}

/* 主题选择页在经典与五境主题下都保持清楚 */
.theme-five-realms{padding-bottom:12px}.motion-setting{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.motion-setting b{display:block}.motion-setting small{display:block;font-size:11px;line-height:1.5;color:var(--sub);margin-top:3px}.motion-segment{display:flex;padding:3px;border-radius:13px;background:var(--surface2);border:1px solid var(--border)}.motion-segment button{border:0;min-height:34px;padding:0 13px;border-radius:10px;background:transparent;color:var(--sub);font-size:12px;font-weight:750}.motion-segment button.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(0,122,255,.2)}
.theme-five-realms .theme-choice{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.theme-five-realms .theme-choice:active{transform:scale(.985)}.theme-five-realms .theme-choice .theme-group{display:inline-flex;width:auto;margin:0 0 3px;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.08em}.theme-five-realms .theme-choice.selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent),0 10px 24px rgba(0,0,0,.08)}
.theme-preview-qingyu{background:linear-gradient(145deg,#f8fbff,#d9efff 56%,#0a84ff)}.theme-preview-qingyu b{color:#075f9e}.theme-preview-qingyu span{background:#fff}.theme-preview-qingyu::after{content:"经典默认";position:absolute;right:7px;top:7px;color:#075f9e;font-size:7px;font-weight:800}
.theme-preview-xuanjian{background:linear-gradient(145deg,#eee4ce,#d3be91 58%,#29211a)}.theme-preview-xuanjian b{color:#2b2118;text-shadow:0 1px #f6eedc}.theme-preview-xuanjian span{background:#8d3026}.theme-preview-xuanjian::after{content:"玄简 · 金章";position:absolute;right:7px;top:7px;color:#7f2f25;font-size:7px}
.theme-preview-xingqiong{background:radial-gradient(circle at 22% 30%,#fff 0 1px,transparent 2px),radial-gradient(circle at 75% 18%,#e6cc87 0 2px,transparent 3px),conic-gradient(from 20deg at 50% 55%,#0a1025,#32265a,#091126)}.theme-preview-xingqiong::after{content:"✦ · ✧";position:absolute;right:8px;top:7px;color:#e4c675;font-size:10px}.theme-preview-xingqiong b{color:#ecd493}.theme-preview-xingqiong span{background:linear-gradient(90deg,transparent,#e7ca7e,transparent)}
.theme-preview-hermes{background:radial-gradient(circle at 50% 50%,transparent 0 17%,#b69354 18% 19%,transparent 20% 31%,#735b36 32% 33%,transparent 34%),linear-gradient(145deg,#0b1724,#3b2b1c)}.theme-preview-hermes::after{content:"☿";position:absolute;right:10px;top:6px;color:#d8b572;font-size:18px}.theme-preview-hermes b{color:#ead4a4}.theme-preview-hermes span{background:#b68a48}
.theme-preview-yuexiang{background:radial-gradient(circle at 72% 25%,#f7f1ff 0 13%,#9a84c8 14% 16%,transparent 17%),linear-gradient(145deg,#091128,#4a3278)}.theme-preview-yuexiang::after{content:"◇ ✦";position:absolute;right:8px;bottom:17px;color:#cbb7ff;font-size:10px}.theme-preview-yuexiang b{color:#f4ebff}.theme-preview-yuexiang span{background:linear-gradient(90deg,#7660b7,#e5d7ff)}
.theme-preview-taixuan{background:linear-gradient(150deg,#eee6d7 0 55%,#17403e 56% 100%)}.theme-preview-taixuan::after{content:"水墨 · 青玉";position:absolute;right:7px;top:7px;color:#315c54;font-size:7px}.theme-preview-taixuan b{color:#1c413c}.theme-preview-taixuan span{background:#b79a60}
.theme-preview-jinque{background:linear-gradient(145deg,#180f0c 0 42%,#7c231b 43% 72%,#c89e4f 73% 100%)}.theme-preview-jinque::after{content:"金阙 · 龙章";position:absolute;right:7px;top:7px;color:#f2d28c;font-size:7px}.theme-preview-jinque b{color:#f0cf84;text-shadow:0 1px #23100d}.theme-preview-jinque span{background:#d9b260}
.theme-entry-preview.xingqiong{background:linear-gradient(135deg,#0b1026,#322b67)}.theme-entry-preview.hermes{background:linear-gradient(135deg,#0c1724,#6b512d)}.theme-entry-preview.yuexiang{background:linear-gradient(135deg,#0a1027,#5b3b8f)}.theme-entry-preview.taixuan{background:linear-gradient(135deg,#e8dfcc 0 48%,#153c3c 49% 100%)}.theme-entry-preview.jinque{background:linear-gradient(135deg,#180e0b 0 46%,#8c251d 47% 72%,#c49b4d 73% 100%)}

/* 仅五境主题启用全局重绘，经典清羽蓝与玄简金章完全沿用原版 */
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]){background:var(--realm-bg,#0d1320)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) body{background:var(--realm-bg,#0d1320)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .shell{position:relative;overflow:hidden;isolation:isolate;background:var(--realm-bg);color:var(--text)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .shell::before,
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .shell::after{content:"";position:absolute;pointer-events:none;z-index:0;transform-origin:center}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .shell::before{inset:-18%;opacity:var(--realm-deco-opacity,.34);background:var(--realm-atmosphere)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .shell::after{width:300px;height:300px;right:-150px;top:92px;border-radius:50%;opacity:.24;background:var(--realm-sigil)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.topbar,.content,.bottomnav,.sticky){position:relative;z-index:2}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .topbar{color:var(--realm-head-text);background:var(--realm-topbar);border-bottom-color:var(--realm-line);box-shadow:0 10px 28px rgba(0,0,0,.16)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.topbar h1,.compact-head h2,.intro h2){font-family:STKaiti,KaiTi,"Songti SC",serif;letter-spacing:.02em}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .topbar small{color:var(--realm-muted)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .iconbtn{color:var(--realm-accent)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .content{background:transparent}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.card,.list-row,.menu-grid button,.theme-entry-card,.check,.sheet){position:relative;background:var(--realm-panel);color:var(--realm-panel-text);border-color:var(--realm-line);box-shadow:var(--realm-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.card,.list-row,.menu-grid button,.theme-entry-card,.check,.sheet)::selection{background:var(--realm-accent);color:var(--realm-primary-text)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.card,.list-row,.menu-grid button,.theme-entry-card,.sheet) :is(p,small,.hint){color:var(--realm-panel-muted)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .card::before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--realm-accent),transparent);opacity:.5;pointer-events:none}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .bottomnav{background:var(--realm-nav);border-color:var(--realm-line);box-shadow:0 12px 36px rgba(0,0,0,.28)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .bottomnav button{color:var(--realm-nav-muted)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .bottomnav button.active{color:var(--realm-accent);background:var(--realm-active)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.pill,.chip,.textbtn){background:var(--realm-active);color:var(--realm-accent);border:1px solid var(--realm-line)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .btn{position:relative;overflow:hidden;isolation:isolate}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .btn.primary{background:var(--realm-primary);color:var(--realm-primary-text);border:1px solid var(--realm-primary-border);box-shadow:var(--realm-button-shadow);text-shadow:0 1px rgba(0,0,0,.18)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .btn.primary::after{content:"";position:absolute;inset:-120% -40%;z-index:-1;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.32) 49%,transparent 56%);transform:translateX(-68%) rotate(4deg);animation:realmButtonSweep 6.8s ease-in-out infinite}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .btn.secondary{background:var(--realm-secondary);color:var(--realm-secondary-text);border:1px solid var(--realm-line)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .btn:disabled{opacity:1;background:var(--realm-disabled);color:var(--realm-disabled-text);box-shadow:none;border-color:var(--realm-disabled-border,transparent)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.method-icon,.avatar){position:relative;background:var(--realm-icon);color:var(--realm-icon-text);border:1px solid var(--realm-primary-border);box-shadow:0 8px 20px var(--realm-glow)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.field input,.field textarea,.field select){background:var(--realm-field);color:var(--realm-field-text);border-color:var(--realm-line);box-shadow:inset 0 1px rgba(255,255,255,.06)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.field input,.field textarea,.field select)::placeholder{color:var(--realm-field-placeholder)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.field input,.field textarea,.field select):focus{border-color:var(--realm-accent);box-shadow:0 0 0 3px var(--realm-focus)}

/* 统一高对比度交互面，修复浅字浅底/暗字暗底 */
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.quick-grid button,.number,.item-grid span,.twelve-picker-grid button,.twelve-category-grid button,.triangle-category-grid button,.triangle-picker-grid button,.triangle-quiz-options button,.triangle-filter-row button,.triangle-skill-strip button,.triangle-course-lessons button,.menu-grid button){background:var(--realm-choice-bg)!important;color:var(--realm-choice-text)!important;border-color:var(--realm-choice-border)!important;text-shadow:none!important}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.quick-grid button,.number,.item-grid span,.twelve-picker-grid button,.twelve-category-grid button,.triangle-category-grid button,.triangle-picker-grid button,.triangle-quiz-options button,.triangle-filter-row button,.triangle-skill-strip button,.triangle-course-lessons button,.menu-grid button) :is(small,p,span){color:var(--realm-choice-muted)!important}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.item-grid span.hit,.number.selected,.twelve-picker-grid button.active,.triangle-category-grid button.active,.triangle-filter-row button.active){background:var(--realm-choice-active-bg)!important;color:var(--realm-choice-active-text)!important;border-color:var(--realm-accent)!important}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.summary,.rule,.match.neutral,.notice){color:var(--realm-notice-text);background:var(--realm-notice-bg);border-color:var(--realm-line)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.dialbtn svg circle:first-child,.dialbtn svg circle[fill="#fff"]){fill:#fff!important}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .dialbtn svg text{fill:#303238!important}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .dialbtn svg line{stroke:rgba(48,50,56,.3)!important}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .sheet .handle{background:var(--realm-handle)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .sticky{background:linear-gradient(180deg,transparent,var(--realm-sticky) 32%)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .toast{background:var(--realm-toast);color:var(--realm-toast-text);border:1px solid var(--realm-line)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .motion-setting{background:var(--realm-panel);color:var(--realm-panel-text);border-color:var(--realm-line)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .motion-setting small{color:var(--realm-panel-muted)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .motion-segment{background:var(--realm-secondary);border-color:var(--realm-line)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .motion-segment button{color:var(--realm-secondary-text)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .motion-segment button.active{background:var(--realm-primary);color:var(--realm-primary-text);box-shadow:0 4px 12px var(--realm-glow)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .theme-five-realms .theme-choice{background:var(--realm-panel);color:var(--realm-panel-text);border-color:var(--realm-line)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .theme-five-realms .theme-choice small{color:var(--realm-panel-muted)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .theme-design-note{background:var(--realm-panel);color:var(--realm-panel-text);border-color:var(--realm-line)}

/* 主题变量：每套均有独立的高对比度交互色 */
html[data-theme="xingqiong"]{--bg:#090f20;--surface:rgba(18,24,52,.94);--surface2:#20284c;--text:#f7efd9;--sub:#b8bfd4;--accent:#e7c878;--border:rgba(231,200,120,.3);--shadow:0 15px 42px rgba(0,0,0,.3);--realm-bg:linear-gradient(180deg,#070c1b,#11183a 55%,#080d1d);--realm-head-text:#f5dfaa;--realm-muted:#aab2cc;--realm-accent:#e7c878;--realm-topbar:rgba(7,12,27,.9);--realm-nav:rgba(8,13,29,.94);--realm-nav-muted:#a1a8c0;--realm-active:rgba(231,200,120,.14);--realm-panel:rgba(18,24,52,.93);--realm-panel-text:#f7efd9;--realm-panel-muted:#b8bfd4;--realm-line:rgba(231,200,120,.3);--realm-shadow:0 16px 46px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.035);--realm-primary:linear-gradient(135deg,#7258b3,#334579 58%,#7f5d28);--realm-primary-text:#fffaf0;--realm-primary-border:#e7c878;--realm-button-shadow:0 9px 28px rgba(104,77,177,.38);--realm-secondary:#273258;--realm-secondary-text:#f3e5c8;--realm-field:#0a1027;--realm-field-text:#fffaf0;--realm-field-placeholder:#858da8;--realm-focus:rgba(231,200,120,.2);--realm-disabled:#28304b;--realm-disabled-text:#9aa2b8;--realm-sticky:rgba(8,13,29,.98);--realm-icon:linear-gradient(145deg,#51418c,#192452);--realm-icon-text:#f1d88f;--realm-toast:rgba(7,11,25,.98);--realm-toast-text:#fff;--realm-choice-bg:#f5f1e9;--realm-choice-text:#202435;--realm-choice-muted:#62697a;--realm-choice-border:#d8c89c;--realm-choice-active-bg:#6f58aa;--realm-choice-active-text:#fff;--realm-notice-bg:rgba(231,200,120,.12);--realm-notice-text:#f5e9cc;--realm-handle:#c6b991;--realm-glow:rgba(112,84,185,.35);--realm-deco-opacity:.48;--realm-atmosphere:radial-gradient(circle at 14% 18%,rgba(245,215,143,.8) 0 1px,transparent 2px),radial-gradient(circle at 72% 14%,rgba(183,208,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 61% 68%,rgba(211,191,255,.55) 0 1px,transparent 2px),repeating-radial-gradient(circle at 48% 42%,transparent 0 63px,rgba(231,200,120,.09) 64px 65px,transparent 66px 94px);--realm-sigil:repeating-radial-gradient(circle,transparent 0 33px,rgba(231,200,120,.42) 34px 35px,transparent 36px 51px),conic-gradient(from 0deg,transparent 0 11%,rgba(231,200,120,.3) 12% 13%,transparent 14% 24%,rgba(231,200,120,.24) 25% 26%,transparent 27% 100%)}
html[data-theme="hermes"]{--bg:#0c1621;--surface:rgba(16,28,41,.95);--surface2:#29343b;--text:#f4e4bf;--sub:#bdb39e;--accent:#d7ad62;--border:rgba(215,173,98,.31);--shadow:0 15px 42px rgba(0,0,0,.32);--realm-bg:linear-gradient(180deg,#08121d,#17293a 58%,#0b151f);--realm-head-text:#f1dcac;--realm-muted:#b7ad95;--realm-accent:#d7ad62;--realm-topbar:rgba(8,18,28,.92);--realm-nav:rgba(9,18,27,.95);--realm-nav-muted:#a69e88;--realm-active:rgba(215,173,98,.14);--realm-panel:rgba(17,29,42,.94);--realm-panel-text:#f4e4bf;--realm-panel-muted:#bdb39e;--realm-line:rgba(215,173,98,.31);--realm-shadow:0 16px 46px rgba(0,0,0,.34),inset 0 0 0 1px rgba(235,199,132,.045);--realm-primary:linear-gradient(180deg,#435a73,#1b2e42);--realm-primary-text:#ffe9b3;--realm-primary-border:#c99c50;--realm-button-shadow:0 9px 26px rgba(187,139,67,.28);--realm-secondary:#2b3440;--realm-secondary-text:#f1ddb0;--realm-field:#07121d;--realm-field-text:#f8e9c8;--realm-field-placeholder:#8d887c;--realm-focus:rgba(215,173,98,.2);--realm-disabled:#29313a;--realm-disabled-text:#9e9889;--realm-sticky:rgba(9,19,29,.98);--realm-icon:radial-gradient(circle at 50% 50%,#d1aa62 0 7%,transparent 8% 25%,#9a7844 26% 28%,transparent 29%),linear-gradient(145deg,#2c445b,#101c29);--realm-icon-text:#ead19b;--realm-toast:rgba(8,16,24,.98);--realm-toast-text:#fff;--realm-choice-bg:#efe3ca;--realm-choice-text:#28251f;--realm-choice-muted:#6a6254;--realm-choice-border:#c6a56b;--realm-choice-active-bg:#374d63;--realm-choice-active-text:#ffeab8;--realm-notice-bg:rgba(215,173,98,.12);--realm-notice-text:#f0dfb8;--realm-handle:#c6a56b;--realm-glow:rgba(186,139,67,.3);--realm-deco-opacity:.42;--realm-atmosphere:repeating-linear-gradient(28deg,transparent 0 42px,rgba(215,173,98,.045) 43px 44px,transparent 45px 82px),radial-gradient(circle at 72% 24%,rgba(215,173,98,.19),transparent 22%),radial-gradient(circle at 18% 78%,rgba(104,143,157,.16),transparent 28%);--realm-sigil:repeating-radial-gradient(circle,transparent 0 31px,rgba(215,173,98,.42) 32px 33px,transparent 34px 48px),conic-gradient(from 30deg,transparent 0 15%,rgba(215,173,98,.33) 16% 17%,transparent 18% 32%,rgba(215,173,98,.25) 33% 34%,transparent 35% 100%)}
html[data-theme="yuexiang"]{--bg:#080b21;--surface:rgba(18,20,48,.95);--surface2:#292250;--text:#f8f2ff;--sub:#c0b7d8;--accent:#d2bdff;--border:rgba(210,189,255,.3);--shadow:0 15px 44px rgba(0,0,0,.34);--realm-bg:linear-gradient(180deg,#07091d,#19143f 58%,#080b21);--realm-head-text:#f2eaff;--realm-muted:#bdb3d7;--realm-accent:#d2bdff;--realm-topbar:rgba(7,9,27,.91);--realm-nav:rgba(8,9,29,.95);--realm-nav-muted:#a59dbd;--realm-active:rgba(210,189,255,.15);--realm-panel:rgba(18,20,48,.94);--realm-panel-text:#f8f2ff;--realm-panel-muted:#c0b7d8;--realm-line:rgba(210,189,255,.3);--realm-shadow:0 17px 48px rgba(0,0,0,.36),inset 0 0 0 1px rgba(230,219,255,.045);--realm-primary:linear-gradient(135deg,#8065ca,#3b317e 58%,#765bbd);--realm-primary-text:#fff;--realm-primary-border:#d2bdff;--realm-button-shadow:0 9px 30px rgba(126,93,202,.42);--realm-secondary:#2c2853;--realm-secondary-text:#f0e8ff;--realm-field:#080a28;--realm-field-text:#fff;--realm-field-placeholder:#8f89a5;--realm-focus:rgba(210,189,255,.22);--realm-disabled:#2b2943;--realm-disabled-text:#a19bb3;--realm-sticky:rgba(8,9,29,.98);--realm-icon:linear-gradient(145deg,#6a56ad,#19183c);--realm-icon-text:#f6efff;--realm-toast:rgba(7,8,25,.98);--realm-toast-text:#fff;--realm-choice-bg:#f2edfb;--realm-choice-text:#26213a;--realm-choice-muted:#69617c;--realm-choice-border:#c9b9e9;--realm-choice-active-bg:#7459b8;--realm-choice-active-text:#fff;--realm-notice-bg:rgba(210,189,255,.13);--realm-notice-text:#f0e8ff;--realm-handle:#bbaaDD;--realm-glow:rgba(126,93,202,.42);--realm-deco-opacity:.48;--realm-atmosphere:radial-gradient(circle at 76% 18%,rgba(247,241,255,.65) 0 42px,rgba(181,159,225,.2) 43px 50px,transparent 51px),radial-gradient(circle at 22% 32%,rgba(206,188,255,.58) 0 1px,transparent 2px),radial-gradient(circle at 65% 62%,rgba(255,255,255,.48) 0 1px,transparent 2px),linear-gradient(120deg,transparent 0 55%,rgba(137,108,203,.09) 56% 58%,transparent 59%);--realm-sigil:radial-gradient(circle at 58% 46%,rgba(240,232,255,.42) 0 30%,transparent 31%),radial-gradient(circle at 43% 40%,#0d0e2a 0 28%,transparent 29%),repeating-radial-gradient(circle,transparent 0 44px,rgba(210,189,255,.24) 45px 46px,transparent 47px 62px)}
html[data-theme="taixuan"]{--bg:#0e1b26;--surface:#f0e9dc;--surface2:#e2d9ca;--text:#18272a;--sub:#616b69;--accent:#315f59;--border:rgba(116,94,56,.31);--shadow:0 14px 38px rgba(0,0,0,.26);--realm-bg:linear-gradient(180deg,#0a1722,#132734 52%,#0a1721);--realm-head-text:#e3c994;--realm-muted:#afb7b1;--realm-accent:#d0b275;--realm-topbar:rgba(10,24,34,.92);--realm-nav:rgba(10,23,33,.95);--realm-nav-muted:#aab2ad;--realm-active:rgba(208,178,117,.14);--realm-panel:#f0e9dc;--realm-panel-text:#18272a;--realm-panel-muted:#616b69;--realm-line:rgba(132,107,65,.31);--realm-shadow:0 16px 42px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.54);--realm-primary:linear-gradient(180deg,#376b64,#214b46);--realm-primary-text:#fff5df;--realm-primary-border:#c7a96e;--realm-button-shadow:0 9px 26px rgba(35,79,73,.34);--realm-secondary:#ded5c5;--realm-secondary-text:#284e49;--realm-field:#17262e;--realm-field-text:#fff4de;--realm-field-placeholder:#9ca29c;--realm-focus:rgba(49,95,89,.22);--realm-disabled:#d7d0c3;--realm-disabled-text:#595650;--realm-disabled-border:#c5bdaf;--realm-sticky:rgba(10,24,34,.98);--realm-icon:linear-gradient(145deg,#376a63,#132d2e);--realm-icon-text:#f1daa9;--realm-toast:rgba(8,20,29,.98);--realm-toast-text:#fff;--realm-choice-bg:#f7f2e9;--realm-choice-text:#1b2a2c;--realm-choice-muted:#626d6b;--realm-choice-border:#b9aa8c;--realm-choice-active-bg:#315f59;--realm-choice-active-text:#fff6e2;--realm-notice-bg:#e6ddcf;--realm-notice-text:#243a3b;--realm-handle:#9c8c70;--realm-glow:rgba(49,95,89,.34);--realm-deco-opacity:.34;--realm-atmosphere:radial-gradient(ellipse at 18% 75%,rgba(226,220,202,.18),transparent 30%),radial-gradient(ellipse at 68% 82%,rgba(226,220,202,.15),transparent 28%),linear-gradient(18deg,transparent 0 58%,rgba(214,201,170,.07) 59% 61%,transparent 62%);--realm-sigil:repeating-radial-gradient(circle,transparent 0 35px,rgba(208,178,117,.28) 36px 37px,transparent 38px 55px),conic-gradient(from 0deg,rgba(49,95,89,.4),transparent 20%,rgba(208,178,117,.23) 25%,transparent 42%,rgba(49,95,89,.3) 50%,transparent 68%,rgba(208,178,117,.2) 75%,transparent)}
html[data-theme="jinque"]{--bg:#150e0b;--surface:rgba(31,21,18,.96);--surface2:#3d2922;--text:#f2d9a3;--sub:#c0aa83;--accent:#deb96b;--border:rgba(222,185,107,.32);--shadow:0 16px 44px rgba(0,0,0,.36);--realm-bg:linear-gradient(180deg,#0f0907,#21120e 52%,#0f0907);--realm-head-text:#f4d793;--realm-muted:#c0a77c;--realm-accent:#deb96b;--realm-topbar:rgba(16,9,7,.94);--realm-nav:rgba(17,10,8,.96);--realm-nav-muted:#a88c68;--realm-active:rgba(222,185,107,.14);--realm-panel:rgba(31,21,18,.95);--realm-panel-text:#f2d9a3;--realm-panel-muted:#c0aa83;--realm-line:rgba(222,185,107,.32);--realm-shadow:0 18px 50px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,225,164,.045);--realm-primary:linear-gradient(180deg,#9b3326,#651c16);--realm-primary-text:#ffe0a0;--realm-primary-border:#deb96b;--realm-button-shadow:0 9px 28px rgba(133,39,28,.48);--realm-secondary:#3b2922;--realm-secondary-text:#f0cf8d;--realm-field:#f3e9d7;--realm-field-text:#241610;--realm-field-placeholder:#897d6d;--realm-focus:rgba(222,185,107,.22);--realm-disabled:#3b2b25;--realm-disabled-text:#b5a080;--realm-sticky:rgba(17,10,8,.99);--realm-icon:linear-gradient(145deg,#8a2b20,#28140f);--realm-icon-text:#f4d184;--realm-toast:rgba(15,8,7,.99);--realm-toast-text:#fff2d2;--realm-choice-bg:#f1e6d2;--realm-choice-text:#2c1c15;--realm-choice-muted:#72604d;--realm-choice-border:#c7a263;--realm-choice-active-bg:#84271e;--realm-choice-active-text:#ffe1a1;--realm-notice-bg:rgba(222,185,107,.12);--realm-notice-text:#f1d7a0;--realm-handle:#b89961;--realm-glow:rgba(133,39,28,.45);--realm-deco-opacity:.4;--realm-atmosphere:radial-gradient(circle at 15% 23%,rgba(231,132,60,.48) 0 1px,transparent 2px),radial-gradient(circle at 78% 68%,rgba(231,132,60,.38) 0 1px,transparent 2px),repeating-linear-gradient(0deg,transparent 0 56px,rgba(222,185,107,.035) 57px 58px,transparent 59px 112px),linear-gradient(150deg,transparent 0 70%,rgba(145,43,30,.1) 71% 74%,transparent 75%);--realm-sigil:conic-gradient(from 0deg,rgba(222,185,107,.28),transparent 12%,rgba(222,185,107,.23) 18%,transparent 30%,rgba(222,185,107,.25) 42%,transparent 55%,rgba(222,185,107,.2) 68%,transparent 80%,rgba(222,185,107,.24) 92%,transparent),repeating-radial-gradient(circle,transparent 0 39px,rgba(222,185,107,.23) 40px 41px,transparent 42px 57px)}

/* 主题专属精致层次 */
html[data-theme="xingqiong"] .card::after{content:"✦";position:absolute;right:14px;top:9px;color:#e7c878;opacity:.22;font-size:18px}
html[data-theme="hermes"] .card::after{content:"☿";position:absolute;right:13px;top:8px;color:#d7ad62;opacity:.2;font-size:19px}
html[data-theme="yuexiang"] .card::after{content:"☾";position:absolute;right:13px;top:6px;color:#d2bdff;opacity:.22;font-size:22px}
html[data-theme="taixuan"] .card{background-image:linear-gradient(155deg,rgba(255,255,255,.2),transparent 45%),radial-gradient(ellipse at 82% 18%,rgba(90,104,96,.08),transparent 25%)}
html[data-theme="jinque"] .card{background-image:linear-gradient(135deg,rgba(222,185,107,.035),transparent 35%),repeating-linear-gradient(90deg,transparent 0 30px,rgba(222,185,107,.018) 31px 32px)}
html[data-theme="taixuan"] :is(.intro h2,.intro p,.compact-head h2,.compact-head p,.section-title){color:#f1e3c7}
html[data-theme="taixuan"] .field>label{color:#d9c8a8}html[data-theme="taixuan"] .card .field>label{color:#596461}

@keyframes realmButtonSweep{0%,68%{transform:translateX(-75%) rotate(4deg);opacity:0}75%{opacity:.75}90%,100%{transform:translateX(75%) rotate(4deg);opacity:0}}
@keyframes realmOrbit{to{transform:rotate(360deg)}}@keyframes realmStars{0%{transform:translate3d(-.6%,0,0);filter:brightness(.88)}100%{transform:translate3d(.8%,-.6%,0);filter:brightness(1.15)}}@keyframes realmMoonFloat{0%{transform:translate3d(-.4%,0,0)}100%{transform:translate3d(.6%,.7%,0)}}@keyframes realmInk{0%{transform:translate3d(-.6%,0,0);opacity:.26}100%{transform:translate3d(.8%,-.4%,0);opacity:.38}}@keyframes realmEmbers{0%{transform:translateY(0);filter:brightness(.9)}100%{transform:translateY(-.8%);filter:brightness(1.12)}}
html[data-theme="xingqiong"][data-motion="standard"] .shell::before{animation:realmStars 16s ease-in-out infinite alternate}html[data-theme="xingqiong"][data-motion="standard"] .shell::after{animation:realmOrbit 46s linear infinite}
html[data-theme="hermes"][data-motion="standard"] .shell::after{animation:realmOrbit 54s linear infinite reverse}
html[data-theme="yuexiang"][data-motion="standard"] .shell::before{animation:realmMoonFloat 12s ease-in-out infinite alternate}
html[data-theme="taixuan"][data-motion="standard"] .shell::before{animation:realmInk 18s ease-in-out infinite alternate}
html[data-theme="jinque"][data-motion="standard"] .shell::before{animation:realmEmbers 11s ease-in-out infinite alternate}
html[data-motion="reduced"] :is(.shell::before,.shell::after,.btn.primary::after){animation:none!important}
@media(prefers-reduced-motion:reduce){html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.shell::before,.shell::after,.btn.primary::after){animation:none!important}}
@media(max-width:390px){.theme-five-realms .theme-choice{grid-template-columns:88px minmax(0,1fr) auto}.motion-setting{grid-template-columns:1fr}.motion-segment{width:100%}.motion-segment button{flex:1}}


.tg-screen{display:grid;gap:12px;padding-bottom:18px}.tg-live-head{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.tg-live-head h2{margin:4px 0 2px;font-size:clamp(22px,6vw,30px);letter-spacing:.04em}.tg-live-head p{margin:0;color:var(--muted,#6e6e73);font-size:13px}.tg-sync-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent,#4b5a58) 10%,transparent);color:var(--text,#1c1c1e);font-size:12px;font-weight:700;white-space:nowrap}.tg-sync-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#56a56b;box-shadow:0 0 0 4px rgba(86,165,107,.12)}
.tg-compass-card{position:relative;overflow:hidden;padding:14px 12px 12px;border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface,#fff) 96%,var(--accent,#5c6b69) 4%),color-mix(in srgb,var(--surface2,#eef0ef) 88%,transparent));border:1px solid color-mix(in srgb,var(--border,#d8dbd7) 86%,transparent);box-shadow:0 18px 42px rgba(24,32,31,.10)}
.tg-forward{display:flex;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--text,#1c1c1e);margin-bottom:7px}.tg-forward i{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid color-mix(in srgb,var(--accent,#4b5a58) 80%,#fff);filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}
.tg-dial{--heading:0deg;--heading-neg:0deg;position:relative;width:min(82vw,390px);aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--surface,#fff) 97%,transparent) 0 36%,color-mix(in srgb,var(--surface2,#e8eceb) 78%,transparent) 62%,color-mix(in srgb,var(--accent,#4b5a58) 14%,var(--surface,#fff)) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border,#d8dbd7) 86%,transparent),inset 0 0 0 11px color-mix(in srgb,var(--surface,#fff) 66%,transparent),0 10px 24px rgba(22,30,29,.13)}
.tg-dial::before,.tg-dial::after{content:"";position:absolute;inset:9%;border-radius:50%;pointer-events:none}.tg-dial::before{border:1px solid color-mix(in srgb,var(--accent,#4b5a58) 22%,transparent)}.tg-dial::after{inset:25%;border:1px dashed color-mix(in srgb,var(--accent,#4b5a58) 18%,transparent)}
.tg-rotor{position:absolute;inset:0;border-radius:50%;transform:rotate(var(--heading-neg));transition:transform .16s linear;will-change:transform}.tg-tick{position:absolute;left:50%;top:50%;width:1px;height:48%;transform-origin:50% 0;transform:rotate(var(--angle));background:linear-gradient(to bottom,color-mix(in srgb,var(--text,#1c1c1e) 48%,transparent) 0 3px,transparent 3px)}.tg-tick.major{width:2px;background:linear-gradient(to bottom,color-mix(in srgb,var(--text,#1c1c1e) 72%,transparent) 0 8px,transparent 8px)}
.tg-branch{--angle:0deg;position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--angle)) translateY(calc(0px - min(35vw,167px)))}.tg-branch span{position:absolute;display:grid;place-items:center;width:31px;height:31px;left:-15.5px;top:-15.5px;border-radius:50%;background:color-mix(in srgb,var(--surface,#fff) 90%,transparent);border:1px solid color-mix(in srgb,var(--border,#d8dbd7) 78%,transparent);box-shadow:0 3px 9px rgba(15,20,20,.07);font-size:14px;font-weight:800;transform:rotate(calc(var(--angle-neg) + var(--heading)))}
.tg-cardinal{--angle:0deg;position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--angle)) translateY(calc(0px - min(27.5vw,132px)))}.tg-cardinal b{position:absolute;left:-12px;top:-9px;width:24px;text-align:center;font-size:10px;letter-spacing:.08em;color:color-mix(in srgb,var(--text,#1c1c1e) 58%,transparent);transform:rotate(calc(var(--angle-neg) + var(--heading)))}
.tg-axis{position:absolute;left:50%;top:50%;width:2px;height:72%;transform:translate(-50%,-50%) rotate(var(--angle));background:linear-gradient(to bottom,rgba(190,77,57,.58),rgba(190,77,57,.06) 45%,rgba(55,135,97,.06) 55%,rgba(55,135,97,.58));border-radius:999px;filter:drop-shadow(0 0 4px rgba(0,0,0,.08))}
.tg-marker{--angle:0deg;position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--angle)) translateY(calc(0px - min(22.5vw,108px)));z-index:5}.tg-marker em{position:absolute;left:-34px;top:-22px;width:68px;min-height:44px;display:grid;place-items:center;padding:4px 6px;border-radius:14px;font-style:normal;text-align:center;font-size:10px;font-weight:800;line-height:1.05;transform:rotate(calc(var(--angle-neg) + var(--heading)));box-shadow:0 6px 16px rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.38)}.tg-marker em strong{display:block;font-size:17px;line-height:1.05}.tg-marker.gang em{color:#fff;background:linear-gradient(145deg,#b84b38,#7f241a)}.tg-marker.qi em{color:#fff;background:linear-gradient(145deg,#368762,#1f5f46)}
.tg-center{position:absolute;inset:36%;display:grid;place-items:center;text-align:center;border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--surface,#fff) 94%,transparent),color-mix(in srgb,var(--surface2,#e7e9e8) 92%,transparent));border:1px solid color-mix(in srgb,var(--border,#d8dbd7) 78%,transparent);box-shadow:0 8px 20px rgba(16,24,23,.12),inset 0 1px 0 rgba(255,255,255,.55);z-index:8}.tg-center small{display:block;font-size:9px;letter-spacing:.12em;color:var(--muted,#6e6e73)}.tg-center strong{display:block;font-size:18px;margin:2px 0}.tg-center span{font-size:10px;color:var(--muted,#6e6e73)}
.tg-heading-line{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--muted,#6e6e73)}.tg-heading-line b{color:var(--text,#1c1c1e);font-variant-numeric:tabular-nums}.tg-sensor-actions{display:flex;gap:8px;justify-content:center;margin-top:9px}.tg-sensor-actions .btn{min-height:36px;padding:0 14px;font-size:12px}.tg-sensor-note{text-align:center;margin:7px 12px 0;font-size:11px;color:var(--muted,#6e6e73);line-height:1.45}
.tg-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tg-position-card{position:relative;overflow:hidden;padding:14px;border-radius:20px;background:var(--surface,#fff);border:1px solid var(--border,#d8dbd7);min-width:0}.tg-position-card::after{content:"";position:absolute;right:-20px;top:-20px;width:72px;height:72px;border-radius:50%;opacity:.10}.tg-position-card.gang::after{background:#b84b38}.tg-position-card.qi::after{background:#368762}.tg-position-card small{display:block;color:var(--muted,#6e6e73);font-size:11px}.tg-position-card h3{margin:4px 0 2px;font-size:24px}.tg-position-card.gang h3{color:#a03c2d}.tg-position-card.qi h3{color:#2f7959}.tg-position-card b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-position-card span{display:block;margin-top:7px;font-size:11px;line-height:1.5;color:var(--muted,#6e6e73);font-variant-numeric:tabular-nums}
.tg-timing-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px 14px;border-radius:18px;background:color-mix(in srgb,var(--surface,#fff) 92%,transparent);border:1px solid var(--border,#d8dbd7)}.tg-timing-card small{display:block;color:var(--muted,#6e6e73);font-size:11px}.tg-timing-card b{display:block;margin-top:3px;font-size:13px}.tg-countdown{font-size:19px!important;font-variant-numeric:tabular-nums;letter-spacing:.04em}.tg-offline-note{padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--accent,#4b5a58) 8%,transparent);font-size:11px;line-height:1.5;color:var(--muted,#6e6e73)}
@media(max-width:390px){.tg-compass-card{padding-left:8px;padding-right:8px}.tg-dial{width:min(88vw,350px)}.tg-branch{transform:rotate(var(--angle)) translateY(calc(0px - min(37.5vw,148px)))}.tg-cardinal{transform:rotate(var(--angle)) translateY(calc(0px - min(29.5vw,116px)))}.tg-marker{transform:rotate(var(--angle)) translateY(calc(0px - min(23.5vw,92px)))}.tg-position-card{padding:12px}.tg-position-card h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.tg-rotor{transition:none}}

.tg-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tg-mode-btn{min-height:42px;border:1px solid var(--border,#d8dbd7);border-radius:16px;background:var(--surface,#fff);color:var(--text,#1c1c1e);font-size:13px;font-weight:800;letter-spacing:.03em;box-shadow:0 5px 14px rgba(20,28,27,.05)}.tg-mode-btn.active{background:color-mix(in srgb,var(--accent,#4b5a58) 16%,var(--surface,#fff));border-color:color-mix(in srgb,var(--accent,#4b5a58) 42%,var(--border,#d8dbd7));box-shadow:0 9px 20px rgba(20,28,27,.09)}.tg-marker em span{display:block;font-size:10px;line-height:1.05}.tg-practice-note{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;padding:12px 14px;border-radius:18px;background:color-mix(in srgb,#368762 10%,var(--surface,#fff));border:1px solid color-mix(in srgb,#368762 30%,var(--border,#d8dbd7))}.tg-practice-note b{font-size:15px;color:#2f7959}.tg-practice-note span{font-size:11px;line-height:1.45;color:var(--muted,#6e6e73)}.tg-method-line{padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--accent,#4b5a58) 7%,transparent);font-size:11px;line-height:1.5;color:var(--muted,#6e6e73)}


/* 天机归藏 V2.3.0：整体视觉、交互与金钩诀工作台升级 */
:root{
  --tj-radius-xl:26px;
  --tj-radius-lg:20px;
  --tj-radius-md:15px;
  --tj-shadow-card:0 8px 30px rgba(25,35,52,.075),0 1px 2px rgba(25,35,52,.04);
  --tj-shadow-float:0 18px 48px rgba(25,35,52,.16);
  --tj-hairline:rgba(60,60,67,.14);
  --tj-content-width:760px;
}
html,body{background:var(--bg);text-rendering:optimizeLegibility}
body{overscroll-behavior:none}
.shell{isolation:isolate;position:relative;background:
  radial-gradient(circle at 14% -12%,rgba(0,122,255,.075),transparent 34%),
  linear-gradient(180deg,var(--bg),var(--bg));}
.topbar{height:calc(56px + var(--safe-top));padding-inline:12px;grid-template-columns:44px minmax(0,1fr) 44px;background:color-mix(in srgb,var(--bg) 84%,transparent);border-bottom-color:var(--tj-hairline)}
.topbar h1{font-weight:700;letter-spacing:.01em}.topbar small{font-size:10px;opacity:.82}
.iconbtn{font-size:25px;border-radius:14px;transition:background .16s ease,transform .16s ease}.iconbtn:active{transform:scale(.94)}
.help-btn{font-size:19px;font-weight:750}
.content{width:100%;max-width:var(--tj-content-width);margin-inline:auto;padding:16px 16px calc(104px + var(--safe-bottom))}
.content.compact{width:100%;max-width:var(--tj-content-width);padding:12px 14px calc(104px + var(--safe-bottom));gap:12px}
.shell-immersive .content{padding-bottom:calc(104px + var(--safe-bottom))}
.shell-immersive .content.compact{padding-bottom:calc(104px + var(--safe-bottom))}
.card{border-color:var(--tj-hairline);border-radius:var(--tj-radius-lg);box-shadow:var(--tj-shadow-card)}
.btn{border-radius:15px;min-height:48px;transition:transform .14s ease,filter .14s ease,background .14s ease;touch-action:manipulation}
.btn:active:not(:disabled){transform:scale(.985)}
.btn.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 90%,white),var(--accent));box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 24%,transparent)}
.btn.secondary{background:color-mix(in srgb,var(--surface2) 90%,var(--accent) 10%);color:var(--accent);box-shadow:inset 0 0 0 .5px var(--tj-hairline)}
.btn.danger{box-shadow:inset 0 0 0 .5px rgba(255,59,48,.18)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}
.bottomnav{max-width:520px;left:50%;right:auto;width:calc(100% - 24px);transform:translateX(-50%);height:62px;border-radius:24px;background:color-mix(in srgb,var(--surface) 85%,transparent);border-color:rgba(255,255,255,.58);box-shadow:0 10px 34px rgba(25,35,52,.14)}
.bottomnav button{border-radius:18px}.bottomnav button.active{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.modal{padding:12px;background:rgba(10,14,20,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sheet{max-width:600px;border-radius:28px 28px 24px 24px;box-shadow:var(--tj-shadow-float);border:.5px solid rgba(255,255,255,.28)}
.toast{max-width:min(90vw,480px);border-radius:13px;box-shadow:var(--tj-shadow-float)}

/* 首页：更紧凑、更能承载持续增加的工具 */
.home-shell .content{padding-top:14px}
.home-hero{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:16px;align-items:center;padding:7px 4px 13px}
.home-hero .eyebrow{display:block;color:var(--accent);font-size:12px;font-weight:750;letter-spacing:.035em}
.home-hero h2{font-size:30px;line-height:1.08;letter-spacing:-.035em;margin:7px 0 6px}
.home-hero p{margin:0;color:var(--sub);font-size:13px;line-height:1.45}
.home-seal{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 90%,white),color-mix(in srgb,var(--accent) 72%,#243b66));color:#fff;font-family:STKaiti,KaiTi,"Songti SC",serif;font-size:28px;font-weight:700;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 23%,transparent),inset 0 0 0 1px rgba(255,255,255,.22)}
.tool-search-wrap{height:46px;border-radius:16px;display:grid;grid-template-columns:28px minmax(0,1fr) 34px;align-items:center;padding:0 7px 0 12px;background:var(--surface);border:.5px solid var(--tj-hairline);box-shadow:0 3px 16px rgba(25,35,52,.045)}
.tool-search-wrap>span{font-size:22px;color:var(--sub);transform:rotate(-20deg)}
.tool-search-wrap input{height:100%;min-width:0;border:0;background:transparent;color:var(--text);outline:0;font-size:15px}
.tool-search-wrap button{width:32px;height:32px;border:0;border-radius:11px;background:transparent;color:var(--sub);font-size:21px}.tool-search-wrap button:active{background:var(--surface2)}
.tool-filter-count{display:block;height:15px;margin:3px 4px 0;color:var(--sub);font-size:10px}
.home-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:start}
.tool-tile{min-width:0;background:var(--surface);border:.5px solid var(--tj-hairline);border-radius:21px;box-shadow:var(--tj-shadow-card);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}
.tool-tile[hidden]{display:none!important}.tool-tile:has(.tool-primary:active){transform:scale(.99)}
.tool-primary{width:100%;min-height:92px;border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:45px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:13px 12px;text-align:left}
.tool-icon{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:800;box-shadow:0 7px 18px rgba(25,35,52,.15),inset 0 0 0 1px rgba(255,255,255,.22)}
.tone-azure .tool-icon{background:linear-gradient(145deg,#33a6ff,#0878e6)}.tone-amber .tool-icon{background:linear-gradient(145deg,#ffb54a,#e47a00)}.tone-indigo .tool-icon{background:linear-gradient(145deg,#7778ff,#4b49d6)}.tone-rose .tool-icon{background:linear-gradient(145deg,#ff7c9b,#d9486b)}.tone-gold .tool-icon{background:linear-gradient(145deg,#d9a94c,#8f6017)}.tone-teal .tool-icon{background:linear-gradient(145deg,#3bbcaf,#147a72)}.tone-slate .tool-icon{background:linear-gradient(145deg,#60758a,#34495e)}
.tool-copy{min-width:0}.tool-copy b{display:block;font-size:16px;line-height:1.25;overflow-wrap:anywhere}.tool-copy small{display:block;margin-top:4px;color:var(--sub);font-size:11px;line-height:1.35;overflow-wrap:anywhere}.tool-chevron{font-size:27px;font-weight:300;color:#b3b3b8}
.tool-shortcuts{display:flex;min-height:38px;border-top:.5px solid var(--tj-hairline);overflow-x:auto;scrollbar-width:none}.tool-shortcuts::-webkit-scrollbar{display:none}.tool-shortcuts button{flex:1;min-width:54px;height:38px;border:0;border-right:.5px solid var(--tj-hairline);background:transparent;color:var(--accent);font-size:11px;font-weight:700;white-space:nowrap}.tool-shortcuts button:last-child{border-right:0}.tool-shortcuts button:active{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.home-filter-empty,.home-hidden-note{grid-column:1/-1;border-radius:15px;padding:12px 14px;background:var(--surface2);color:var(--sub);font-size:12px;line-height:1.45}.home-hidden-note{margin-top:10px}.home-empty-card{grid-column:1/-1}
.update-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:12px 13px;border-radius:17px;background:color-mix(in srgb,var(--success) 12%,var(--surface));border:.5px solid color-mix(in srgb,var(--success) 28%,transparent)}.update-banner span{min-width:0}.update-banner b,.update-banner small{display:block}.update-banner b{font-size:13px}.update-banner small{color:var(--sub);font-size:10px;line-height:1.4;margin-top:2px}

/* 金钩诀：沉浸式九宫工作台 */
.golden-shell{background:
  radial-gradient(circle at 50% -20%,rgba(182,132,48,.16),transparent 43%),
  radial-gradient(circle at 110% 45%,rgba(0,122,255,.065),transparent 35%),var(--bg)}
.golden-shell .topbar{background:color-mix(in srgb,var(--bg) 88%,transparent)}
.golden-workspace{display:grid;gap:11px;padding-bottom:8px}
.golden-header-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:2px 3px 0}
.golden-header-card .eyebrow{color:#9b6b18;font-size:11px;font-weight:800;letter-spacing:.08em}.golden-header-card h2{font-size:28px;line-height:1.05;margin:5px 0 4px;letter-spacing:-.03em}.golden-header-card p{margin:0;color:var(--sub);font-size:11px;line-height:1.45}
.golden-count{display:flex;align-items:baseline;justify-content:flex-end;color:#9b6b18;font-variant-numeric:tabular-nums}.golden-count strong{font-size:39px;line-height:1;font-weight:820}.golden-count span{font-size:12px;font-weight:700;margin-left:3px;color:var(--sub)}
.golden-progress-dots{grid-column:1/-1;display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.golden-progress-dots i{height:4px;border-radius:999px;background:color-mix(in srgb,var(--sub) 20%,transparent)}.golden-progress-dots i.done{background:linear-gradient(90deg,#c58a25,#e1b45c)}.golden-progress-dots i.current{box-shadow:0 0 0 3px rgba(197,138,37,.12)}
.golden-board-shell{position:relative;border-radius:27px;padding:8px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#e7d2aa 4%),color-mix(in srgb,var(--surface2) 90%,#d9b66d 10%));border:.5px solid rgba(145,98,22,.16);box-shadow:0 16px 42px rgba(68,48,20,.11),inset 0 1px 0 rgba(255,255,255,.75);overflow:hidden}
.golden-compass-board-v230{position:relative;width:min(100%,560px);aspect-ratio:1;margin:auto;padding:54px 48px 47px}
.golden-nine-grid-v230{height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));border:1px solid color-mix(in srgb,var(--text) 55%,transparent);background:color-mix(in srgb,var(--text) 44%,transparent);gap:1px;box-shadow:0 12px 30px rgba(44,38,28,.12)}
.golden-palace-cell{min-width:0;min-height:0;position:relative;display:grid;grid-template-rows:23px minmax(0,1fr);background:color-mix(in srgb,var(--surface) 97%,#ead7ae 3%);overflow:hidden}
.golden-palace-cell header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:3px 5px;border-bottom:.5px solid rgba(60,60,67,.09);line-height:1}.golden-palace-cell header span{font-family:STKaiti,KaiTi,"Songti SC",serif;font-size:15px;font-weight:750}.golden-palace-cell header .pre-heaven{text-align:left;color:var(--text)}.golden-palace-cell header .post-heaven{text-align:right;color:var(--accent)}.golden-palace-cell header em{font-style:normal;color:var(--sub);font-size:7px;white-space:nowrap}
.golden-palace-cell.filled{background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 94%,#fff 6%),color-mix(in srgb,var(--surface2) 83%,#e8c980 17%))}
.golden-palace-cell.center{place-items:stretch;text-align:center;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--surface2) 95%,transparent) 0 7px,color-mix(in srgb,var(--surface) 95%,transparent) 7px 14px);color:color-mix(in srgb,var(--sub) 75%,transparent)}.golden-palace-cell.center>header span{font-family:STKaiti,KaiTi,serif;font-size:13px}.golden-palace-cell.center.filled{background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 93%,#fff 7%),color-mix(in srgb,var(--surface2) 78%,#e8c980 22%))}
.golden-await{display:grid;place-content:center;text-align:center;gap:1px;opacity:.46}.golden-await b{font-size:24px;font-weight:740;font-variant-numeric:tabular-nums}.golden-await span{font-size:8px;color:var(--sub)}
.golden-result-card{width:100%;min-width:0;border:0;background:transparent;color:var(--text);padding:4px;display:grid;place-content:center;text-align:center;overflow:hidden}.golden-result-card small{color:var(--sub);font-size:8.5px;font-weight:700}.golden-result-card strong{font-family:STKaiti,KaiTi,"Songti SC",serif;font-size:clamp(17px,5.5vw,28px);line-height:1.05;margin:3px 0;color:#7a4a00;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.golden-result-card span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--sub);font-size:9px;line-height:1.25}
.golden-palace-cell.just-filled{z-index:1;animation:goldenCellArrive .56s cubic-bezier(.2,.8,.2,1)}@keyframes goldenCellArrive{0%{transform:scale(.72);filter:brightness(1.35);box-shadow:0 0 0 7px rgba(214,165,74,.35)}55%{transform:scale(1.035)}100%{transform:scale(1);filter:none;box-shadow:none}}
.golden-ring-node{position:absolute;z-index:2;width:78px;text-align:center;line-height:1.1;pointer-events:none}.golden-ring-node b{display:block;font-family:STKaiti,KaiTi,"Songti SC",serif;font-size:18px;color:var(--text)}.golden-ring-node small{display:block;margin-top:2px;color:var(--sub);font-size:8px;line-height:1.15;white-space:normal;text-wrap:balance;font-variant-numeric:tabular-nums}.golden-ring-node.north-west{left:24%;top:5px;transform:translateX(-50%)}.golden-ring-node.north{left:50%;top:5px;transform:translateX(-50%)}.golden-ring-node.north-east{left:76%;top:5px;transform:translateX(-50%)}.golden-ring-node.west-north{left:0;top:29%;transform:translateY(-50%)}.golden-ring-node.east-north{right:0;top:29%;transform:translateY(-50%)}.golden-ring-node.west{left:0;top:50%;transform:translateY(-50%)}.golden-ring-node.east{right:0;top:50%;transform:translateY(-50%)}.golden-ring-node.west-south{left:0;top:71%;transform:translateY(-50%)}.golden-ring-node.east-south{right:0;top:71%;transform:translateY(-50%)}.golden-ring-node.south-west{left:24%;bottom:4px;transform:translateX(-50%)}.golden-ring-node.south{left:50%;bottom:4px;transform:translateX(-50%)}.golden-ring-node.south-east{left:76%;bottom:4px;transform:translateX(-50%)}
.golden-reading-panel{background:var(--surface);border:.5px solid var(--tj-hairline);border-radius:20px;box-shadow:var(--tj-shadow-card);padding:12px}.golden-reading-panel>header{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:9px}.golden-reading-panel h3{margin:0;font-size:15px}.golden-reading-panel header small{display:block;color:var(--sub);font-size:9px;margin-top:2px}
.golden-empty-reading{display:grid;place-items:center;text-align:center;min-height:64px;border-radius:14px;background:var(--surface2);padding:10px}.golden-empty-reading b{font-size:13px}.golden-empty-reading span{font-size:10px;color:var(--sub);margin-top:3px;line-height:1.35}
.golden-sequence-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,42%);gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:1px 1px 5px;scrollbar-width:none}.golden-sequence-rail::-webkit-scrollbar{display:none}.golden-sequence-rail button{scroll-snap-align:start;min-height:72px;border:.5px solid var(--tj-hairline);border-radius:14px;background:var(--surface2);color:var(--text);padding:9px;text-align:left;overflow:hidden}.golden-sequence-rail button.latest{border-color:rgba(197,138,37,.45);background:linear-gradient(145deg,var(--surface),rgba(225,180,92,.16))}.golden-sequence-rail small,.golden-sequence-rail b,.golden-sequence-rail span{display:block}.golden-sequence-rail small{font-size:8px;color:var(--sub)}.golden-sequence-rail b{font-size:13px;margin:3px 0}.golden-sequence-rail span{font-size:9px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.golden-secondary-actions{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px}.golden-secondary-actions .btn{min-width:0;padding-inline:8px;font-size:13px}
.golden-reference-note{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,#b17a20 8%,var(--surface));color:var(--sub);font-size:9px;line-height:1.45}.golden-reference-note b{color:#916118;white-space:nowrap}.golden-command-dock{position:absolute;z-index:31;left:50%;bottom:calc(10px + var(--safe-bottom));width:min(calc(100% - 24px),600px);transform:translateX(-50%);padding:6px;border-radius:22px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:.5px solid rgba(255,255,255,.65);box-shadow:0 13px 36px rgba(25,35,52,.17);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.golden-cast-main{width:100%;height:62px;display:grid;place-content:center;line-height:1.1}.golden-cast-main span{font-size:16px}.golden-cast-main small{font-size:9px;font-weight:600;opacity:.82;margin-top:4px}
.golden-shake-overlay-v230{position:absolute;inset:8px;z-index:10;display:grid;place-items:center;border-radius:22px;background:rgba(14,18,24,.32);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.golden-shake-orb-v230{width:126px;height:126px;border-radius:50%;display:grid;place-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 35% 25%,#e3bd70,#9f6a18 63%,#51320a);box-shadow:0 22px 60px rgba(34,20,4,.42),inset 0 0 0 1px rgba(255,255,255,.35);animation:goldenOrbPulse .75s ease-in-out infinite alternate}.golden-shake-orb-v230 small,.golden-shake-orb-v230 span{font-size:10px}.golden-shake-orb-v230 strong{font-family:STKaiti,KaiTi,serif;font-size:31px;margin:3px 0}@keyframes goldenOrbPulse{from{transform:scale(.94) rotate(-4deg)}to{transform:scale(1.04) rotate(4deg)}}
.golden-detail-sheet{max-height:min(88dvh,760px);overflow:auto}.golden-detail-hero{text-align:center;padding:7px 5px 16px}.golden-detail-hero>span{display:block;color:var(--sub);font-size:10px}.golden-detail-hero>b{display:inline-grid;place-items:center;min-width:66px;height:30px;margin:9px 0 7px;border-radius:999px;background:rgba(173,119,30,.12);color:#946116;font-size:13px}.golden-detail-hero h2{font-family:STKaiti,KaiTi,serif;font-size:36px;margin:0 0 8px}.golden-detail-hero p{margin:0;padding:12px;border-radius:15px;background:var(--surface2);font-size:15px;line-height:1.55}.golden-meaning-list{display:grid;gap:8px;margin-bottom:12px}.golden-meaning-list section{padding:12px;border-radius:15px;background:var(--surface2)}.golden-meaning-list section b{font-size:13px}.golden-meaning-list section p{font-size:12px;line-height:1.65;margin:5px 0 0;color:var(--sub)}
.help-steps{display:grid;gap:9px;margin:12px 0 16px;padding:0;list-style:none;counter-reset:help}.help-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:9px;padding:10px;border-radius:14px;background:var(--surface2);counter-increment:help}.help-steps li:before{content:counter(help);grid-row:1/3;width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800}.help-steps b{font-size:13px}.help-steps span{font-size:11px;color:var(--sub);line-height:1.5;margin-top:2px}

/* 防止旧金钩诀规则抢占新盘面 */
.golden-compass-board-v230 .golden-perimeter,.golden-nine-grid-v230 .golden-live-cell{display:none!important}

/* 通用可读性与小屏 */
.field input,.field textarea,.field select{border-radius:13px;border-color:var(--tj-hairline);background:var(--surface)}
.notice{border-radius:15px}.tiny-risk{line-height:1.5}
@media(min-width:760px){.home-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-primary{min-height:104px}.golden-workspace{max-width:620px;margin-inline:auto}.golden-sequence-rail{grid-auto-columns:minmax(150px,30%)}}
@media(max-width:430px){
  .content{padding-inline:12px}.content.compact{padding-inline:11px}
  .home-hero{grid-template-columns:minmax(0,1fr) 50px}.home-seal{width:48px;height:48px;border-radius:16px;font-size:23px}.home-hero h2{font-size:27px}
  .home-tool-grid{gap:8px}.tool-primary{grid-template-columns:40px minmax(0,1fr) 12px;gap:8px;min-height:84px;padding:11px 9px}.tool-icon{width:40px;height:40px;border-radius:13px;font-size:18px}.tool-copy b{font-size:14px}.tool-copy small{font-size:9.5px}.tool-chevron{font-size:22px}.tool-shortcuts button{font-size:10px;min-width:48px}
  .golden-compass-board-v230{padding:47px 40px 42px}.golden-ring-node{width:64px}.golden-ring-node b{font-size:16px}.golden-ring-node small{font-size:7.2px}.golden-palace-cell header span{font-size:13px}.golden-palace-cell header em{font-size:6px}.golden-result-card strong{font-size:20px}.golden-result-card span{display:none}.golden-await b{font-size:20px}.golden-secondary-actions{grid-template-columns:1fr 1fr}.golden-secondary-actions button:last-child{grid-column:1/-1}.golden-sequence-rail{grid-auto-columns:minmax(126px,46%)}
}
@media(max-width:350px){
  .home-tool-grid{grid-template-columns:1fr}.tool-primary{min-height:76px}
  .golden-compass-board-v230{padding:43px 35px 38px}.golden-ring-node{width:55px}.golden-ring-node small{font-size:6.6px}.golden-result-card strong{font-size:17px}.golden-result-card span{display:none}.golden-palace-cell header{padding-inline:3px}.golden-palace-cell header em{display:none}
}
@media(max-height:690px){.golden-header-card h2{font-size:23px}.golden-header-card p{display:none}.golden-compass-board-v230{max-width:430px}.golden-reading-panel{padding:10px}.golden-command-dock{bottom:calc(6px + var(--safe-bottom))}.golden-cast-main{height:54px}}
@media(prefers-reduced-motion:reduce){.golden-palace-cell.just-filled,.golden-shake-orb-v230{animation:none!important}.tool-tile,.iconbtn,.btn{transition:none!important}}
html[data-motion="reduced"] .golden-palace-cell.just-filled,html[data-motion="reduced"] .golden-shake-orb-v230{animation:none!important}

/* 各主题只替换材质，不破坏结构和对比度 */
html[data-theme="xuanjian"] .golden-board-shell,html[data-theme="jinque"] .golden-board-shell{background:linear-gradient(145deg,#efe2c8,#d7bd88);border-color:rgba(127,79,22,.34)}
html[data-theme="xuanjian"] .golden-palace-cell,html[data-theme="jinque"] .golden-palace-cell{background:#f7ecd7}
html[data-theme="xuanjian"] .golden-palace-cell.filled,html[data-theme="jinque"] .golden-palace-cell.filled{background:linear-gradient(145deg,#fff5e2,#ead2a1)}
html[data-theme="xingqiong"] .golden-board-shell,html[data-theme="hermes"] .golden-board-shell,html[data-theme="yuexiang"] .golden-board-shell,html[data-theme="taixuan"] .golden-board-shell{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,#d2a650 12%),var(--surface2));border-color:color-mix(in srgb,#d8ad56 35%,transparent)}
html[data-theme="xingqiong"] .golden-palace-cell,html[data-theme="hermes"] .golden-palace-cell,html[data-theme="yuexiang"] .golden-palace-cell,html[data-theme="taixuan"] .golden-palace-cell{background:color-mix(in srgb,var(--surface) 96%,#d8ad56 4%)}
html[data-theme="xingqiong"] .golden-result-card strong,html[data-theme="hermes"] .golden-result-card strong,html[data-theme="yuexiang"] .golden-result-card strong{color:#e4bc68}

/* V2.3.0 金钩诀主题对比度校正 */
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .golden-header-card .eyebrow,
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .golden-count{color:#e4bc68}
html:is([data-theme="xuanjian"],[data-theme="jinque"]) .golden-board-shell{color:#2a2118}
html:is([data-theme="xuanjian"],[data-theme="jinque"]) .golden-ring-node b,
html:is([data-theme="xuanjian"],[data-theme="jinque"]) .golden-palace-cell header .pre-heaven{color:#2a2118}
html:is([data-theme="xuanjian"],[data-theme="jinque"]) .golden-ring-node small,
html:is([data-theme="xuanjian"],[data-theme="jinque"]) .golden-palace-cell header em,
html:is([data-theme="xuanjian"],[data-theme="jinque"]) .golden-result-card small,
html:is([data-theme="xuanjian"],[data-theme="jinque"]) .golden-result-card span,
html:is([data-theme="xuanjian"],[data-theme="jinque"]) .golden-await span{color:#66533b}
html:is([data-theme="xuanjian"],[data-theme="jinque"]) .golden-palace-cell header .post-heaven{color:#704600}
html[data-theme="taixuan"] .golden-result-card strong{color:#6f4511}

/* V2.3.0 final filled-state containment: long result text must never expand the grid container. */
.golden-workspace,.golden-board-shell,.golden-reading-panel,.golden-secondary-actions{min-width:0}
.golden-compass-board-v230{width:100%;max-width:560px;min-width:0;box-sizing:border-box}
.golden-nine-grid-v230{min-width:0;width:100%}
.golden-result-card,.golden-result-card strong,.golden-result-card span{min-width:0;max-width:100%}


/* V2.3.1 金钩诀外围年份与中宫校正：年份始终在九宫框外，中宫仅显示一个“中” */
.golden-board-shell{overflow:visible}
.golden-compass-board-v230{
  position:relative!important;
  width:min(100%,560px)!important;
  aspect-ratio:auto!important;
  min-height:0!important;
  margin:auto!important;
  padding:10px 4px 8px!important;
  display:grid!important;
  grid-template-columns:minmax(44px,54px) minmax(0,1fr) minmax(44px,54px)!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  column-gap:8px!important;
  row-gap:7px!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
}
.golden-branch-ring{display:grid;min-width:0;min-height:0;position:relative;z-index:2}
.golden-branch-ring.top,.golden-branch-ring.bottom{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
.golden-branch-ring.top{grid-row:1;align-items:end}.golden-branch-ring.bottom{grid-row:3;align-items:start}
.golden-branch-ring.left,.golden-branch-ring.right{grid-row:2;grid-template-rows:repeat(3,minmax(0,1fr));gap:2px;align-items:center}
.golden-branch-ring.left{grid-column:1}.golden-branch-ring.right{grid-column:3}
.golden-nine-grid-v230{grid-column:2;grid-row:2;width:100%;aspect-ratio:1;align-self:center;justify-self:center}
.golden-branch-marker{display:grid;justify-items:center;align-content:center;gap:2px;min-width:0;text-align:center;color:var(--text)}
.golden-branch-marker b{font-family:STKaiti,KaiTi,"Songti SC",serif;font-size:18px;line-height:1;color:var(--text)}
.golden-branch-marker span{display:flex;justify-content:center;align-items:center;gap:3px;min-width:0;font-size:7.4px;line-height:1.15;color:var(--sub);font-variant-numeric:tabular-nums;white-space:nowrap}
.golden-branch-marker span i{font-style:normal}
.golden-branch-ring.left .golden-branch-marker span,.golden-branch-ring.right .golden-branch-marker span{flex-direction:column;gap:1px;font-size:7px}
.golden-branch-ring.left .golden-branch-marker,.golden-branch-ring.right .golden-branch-marker{align-self:center}
.golden-palace-cell.center{position:relative!important;display:grid!important;grid-template-rows:1fr!important;place-items:stretch!important;overflow:hidden!important}
.golden-center-word{font-family:STKaiti,KaiTi,"Songti SC",serif;font-size:25px;line-height:1;color:color-mix(in srgb,var(--sub) 80%,transparent);place-self:center}
.golden-center-tag{position:absolute;top:5px;left:6px;z-index:4;font-family:STKaiti,KaiTi,"Songti SC",serif;font-size:11px;line-height:1;color:var(--sub);opacity:.72;pointer-events:none}
.golden-palace-cell.center .golden-result-card{grid-row:1!important;margin:4px!important;width:calc(100% - 8px)!important;min-width:0!important}
html:is([data-theme="xuanjian"],[data-theme="jinque"]) .golden-center-word,
html:is([data-theme="xuanjian"],[data-theme="jinque"]) .golden-center-tag{color:#704600}
@media(max-width:390px){
  .golden-compass-board-v230{grid-template-columns:42px minmax(0,1fr) 42px!important;column-gap:6px!important;padding:8px 2px 7px!important}
  .golden-branch-marker b{font-size:17px}.golden-branch-marker span{font-size:7.1px;gap:2px}
  .golden-branch-ring.left .golden-branch-marker span,.golden-branch-ring.right .golden-branch-marker span{font-size:7px}
}
@media(max-width:350px){
  .golden-compass-board-v230{grid-template-columns:38px minmax(0,1fr) 38px!important;column-gap:4px!important}
  .golden-branch-marker b{font-size:16px}.golden-branch-marker span{font-size:7px;gap:1px}
  .golden-branch-ring.left .golden-branch-marker span,.golden-branch-ring.right .golden-branch-marker span{font-size:7px}
  .golden-center-word{font-size:22px}
}


/* V2.3.2 十二数字事项弹框：选项独立滚动，确认栏始终可见 */
.category-sheet{height:min(88dvh,720px)!important;max-height:calc(100dvh - 8px)!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;padding:12px 18px 0!important;background:var(--surface)!important}
.twelve-category-head{min-width:0}.twelve-category-head .handle{margin-bottom:10px}.twelve-category-head h2{margin-bottom:4px}.twelve-category-head p{margin:0 0 8px;font-size:11.5px}
.twelve-category-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:1px 1px 12px;scrollbar-width:none}
.twelve-category-scroll::-webkit-scrollbar{display:none}
.twelve-category-scroll .twelve-category-grid{margin:4px 0 0}
.twelve-category-footer{position:relative;z-index:3;margin:0 -18px;padding:9px 18px calc(12px + var(--safe-bottom));background:color-mix(in srgb,var(--surface) 96%,transparent);border-top:.5px solid var(--border);box-shadow:0 -10px 24px rgba(0,0,0,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.twelve-category-selected{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:7px}.twelve-category-selected small{font-size:10px;color:var(--sub)}.twelve-category-selected b{font-size:15px;color:var(--accent)}
.twelve-category-context{margin:0 0 8px;padding:8px 10px;border-radius:12px}.twelve-category-context label{font-size:11px}.twelve-category-context select{min-height:38px}.twelve-category-context p{font-size:9.5px;line-height:1.35;margin:4px 0 0}
.twelve-category-actions{display:grid!important;grid-template-columns:minmax(88px,.72fr) minmax(150px,1.28fr)!important;gap:8px!important}.twelve-category-actions .btn{width:100%;min-height:46px}
@media(max-height:620px){.category-sheet{height:94dvh!important}.twelve-category-head .pill{display:none}.twelve-category-head h2{font-size:20px}.twelve-category-head p{display:none}.twelve-category-grid{gap:6px!important}.twelve-category-grid button{min-height:40px!important}.twelve-category-footer{padding-top:7px}.twelve-category-selected{margin-bottom:5px}.twelve-category-actions .btn{min-height:42px}}
@media(max-width:350px){.category-sheet{padding-inline:14px!important}.twelve-category-footer{margin-inline:-14px;padding-inline:14px}.twelve-category-actions{grid-template-columns:84px minmax(0,1fr)!important}.twelve-category-actions .btn{font-size:13px}}

/* V2.3.2 金钩诀：真实点击起卦后，卦名必须在落宫框内保持可见 */
.golden-result-card{height:100%;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;padding:3px!important;visibility:visible!important;opacity:1!important}
.golden-result-card .golden-oracle-code{display:block;flex:0 0 auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.golden-result-card .golden-oracle-name{display:block!important;flex:0 0 auto;visibility:visible!important;opacity:1!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:STKaiti,KaiTi,"Songti SC",serif;font-size:clamp(17px,5.5vw,28px);line-height:1.08;margin:2px 0;color:#7a4a00;font-weight:800}
.golden-result-card .golden-oracle-short{flex:0 1 auto;max-width:100%}
.golden-palace-cell.filled .golden-oracle-name{position:relative;z-index:2}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"]) .golden-oracle-name{color:#e4bc68!important}
html:is([data-theme="xuanjian"],[data-theme="jinque"],[data-theme="taixuan"]) .golden-oracle-name{color:#6f4511!important}
@media(max-width:430px){.golden-result-card .golden-oracle-name{font-size:20px}.golden-result-card .golden-oracle-short{display:none}}
@media(max-width:350px){.golden-result-card .golden-oracle-name{font-size:17px}}

/* V2.3.3 金钩诀宫格文字精修：移除宫格内冗余卦序代码，杜绝“北斗”上方残留半字 */
.golden-nine-grid-v230 .golden-oracle-code{display:none!important}
.golden-nine-grid-v230 .golden-result-card{gap:0!important;padding:4px 3px!important;overflow:hidden!important}
.golden-nine-grid-v230 .golden-oracle-name{margin:0!important;line-height:1.08!important;max-height:1.2em!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.golden-nine-grid-v230 .golden-oracle-short{margin-top:3px!important}
@media(max-width:430px){.golden-nine-grid-v230 .golden-result-card{padding:3px 2px!important}.golden-nine-grid-v230 .golden-oracle-name{font-size:20px!important}.golden-nine-grid-v230 .golden-oracle-short{display:none!important}}
@media(max-width:350px){.golden-nine-grid-v230 .golden-oracle-name{font-size:17px!important}}


/* 天机归藏 V2.4.0 · 本地五境视觉引擎
   所有背景、粒子、纹理与动画均由本机 CSS/DOM 生成，不引用外部图片、字体或在线动画资源。 */

:root{
  --v240-gold:#e7c56b;
  --v240-ivory:#fff4d7;
}

/* 主题选择页：明确说明本地运行，并提升预览质感 */
.theme-local-note{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;margin:10px 0 12px;padding:11px 12px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 8px 24px rgba(15,25,45,.06)}
.theme-local-note>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:18px;font-weight:900}
.theme-local-note b{display:block;font-size:13px}.theme-local-note small{display:block;margin-top:2px;color:var(--sub);font-size:10px;line-height:1.45}
.theme-five-realms .theme-choice{min-height:116px;border-radius:22px;overflow:hidden}
.theme-five-realms .theme-choice>div:nth-child(2){align-self:center}
.theme-five-realms .theme-choice strong{font-size:16px;line-height:1.25}
.theme-five-realms .theme-choice>em{align-self:center}

/* 五境统一的本地效果层。经典清羽蓝、玄简金章不创建该层。 */
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .shell{position:relative;isolation:isolate;overflow:hidden}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .shell::before,
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .shell::after{display:none!important}
.theme-fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict;transform:translateZ(0)}
.theme-fx::before,.theme-fx::after,.theme-fx-orbit,.theme-fx-emblem,.theme-fx-veil,.theme-fx-cloud{content:"";position:absolute;pointer-events:none;will-change:transform,opacity,filter}
.theme-fx-particles{position:absolute;inset:0;overflow:hidden}
.theme-fx-particles i{position:absolute;display:block;will-change:transform,opacity;transform:translateZ(0)}
.theme-fx-particles i:nth-child(1){left:7%;top:13%}.theme-fx-particles i:nth-child(2){left:19%;top:32%}.theme-fx-particles i:nth-child(3){left:31%;top:8%}.theme-fx-particles i:nth-child(4){left:44%;top:23%}.theme-fx-particles i:nth-child(5){left:57%;top:11%}.theme-fx-particles i:nth-child(6){left:72%;top:29%}.theme-fx-particles i:nth-child(7){left:88%;top:15%}.theme-fx-particles i:nth-child(8){left:11%;top:62%}.theme-fx-particles i:nth-child(9){left:27%;top:78%}.theme-fx-particles i:nth-child(10){left:48%;top:56%}.theme-fx-particles i:nth-child(11){left:65%;top:83%}.theme-fx-particles i:nth-child(12){left:83%;top:65%}.theme-fx-particles i:nth-child(13){left:93%;top:44%}.theme-fx-particles i:nth-child(14){left:38%;top:91%}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.topbar,.content,.bottomnav,.sticky){position:relative;z-index:5}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .content{background:transparent}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) :is(.card,.tool-tile,.list-row,.menu-grid button,.theme-entry-card,.check,.sheet,.tool-search-wrap){backdrop-filter:blur(18px) saturate(128%);-webkit-backdrop-filter:blur(18px) saturate(128%)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .home-hero{position:relative;border-radius:24px;padding:18px 18px 17px;margin-bottom:12px;overflow:hidden}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .home-hero::before,
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .home-hero::after{content:"";position:absolute;pointer-events:none}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .home-hero>div,
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .home-seal{position:relative;z-index:2}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .home-seal{overflow:visible}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .home-seal::before,
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .home-seal::after{content:"";position:absolute;inset:-6px;border-radius:inherit;pointer-events:none}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .tool-tile{position:relative;overflow:hidden}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .tool-tile::before,
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .tool-tile::after{content:"";position:absolute;pointer-events:none}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .tool-primary,
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .tool-shortcuts{position:relative;z-index:2}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .btn.primary{overflow:hidden}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"])[data-motion="standard"] .home-tool-grid .tool-tile{animation-duration:.72s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.18,.72,.18,1)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"])[data-motion="standard"] .home-tool-grid .tool-tile:nth-child(2){animation-delay:.05s}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"])[data-motion="standard"] .home-tool-grid .tool-tile:nth-child(3){animation-delay:.10s}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"])[data-motion="standard"] .home-tool-grid .tool-tile:nth-child(4){animation-delay:.15s}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"])[data-motion="standard"] .home-tool-grid .tool-tile:nth-child(5){animation-delay:.20s}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"])[data-motion="standard"] .home-tool-grid .tool-tile:nth-child(6){animation-delay:.25s}
html[data-motion="reduced"] .theme-fx :is(.theme-fx-orbit,.theme-fx-emblem,.theme-fx-veil,.theme-fx-cloud,.theme-fx-particles i){animation:none!important}
@media(prefers-reduced-motion:reduce){.theme-fx :is(.theme-fx-orbit,.theme-fx-emblem,.theme-fx-veil,.theme-fx-cloud,.theme-fx-particles i){animation:none!important}}
html[data-motion="reduced"] .theme-fx-particles i:nth-child(n+7){display:none}

/* ==================== 星穹秘仪：深空、星图、金色星轨 ==================== */
html[data-theme="xingqiong"]{
  --bg:#030611;--surface:rgba(10,14,34,.80);--surface2:rgba(31,35,76,.76);--text:#fbf8ff;--sub:#b8c4e7;--accent:#f0cd70;--accent-pressed:#d4aa48;--border:rgba(209,190,255,.28);--shadow:0 18px 54px rgba(0,0,0,.42);
  --realm-bg:radial-gradient(circle at 78% 9%,#31205c 0,transparent 29%),radial-gradient(circle at 12% 72%,#082f55 0,transparent 38%),linear-gradient(165deg,#030611 0%,#080d21 48%,#130a28 100%);
  --realm-panel:linear-gradient(145deg,rgba(18,22,54,.86),rgba(8,12,31,.79));--realm-panel-text:#fbf8ff;--realm-panel-muted:#b8c4e7;--realm-line:rgba(221,204,255,.27);--realm-shadow:0 18px 48px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.035);
  --realm-topbar:rgba(4,7,20,.76);--realm-nav:rgba(5,8,23,.82);--realm-nav-muted:#929fc7;--realm-active:rgba(240,205,112,.13);--realm-head-text:#fff4d3;--realm-muted:#a9b7df;--realm-accent:#f0cd70;
  --realm-primary:linear-gradient(135deg,#6e51d6 0%,#2d5fc8 47%,#5d37a3 100%);--realm-primary-text:#fffaf0;--realm-primary-border:#f0d47e;--realm-button-shadow:0 12px 32px rgba(75,74,210,.46),inset 0 1px rgba(255,255,255,.24);
  --realm-secondary:rgba(32,37,80,.82);--realm-secondary-text:#f3dd9c;--realm-field:rgba(3,7,23,.82);--realm-field-text:#fff;--realm-field-placeholder:#8f9abd;--realm-focus:rgba(139,112,255,.32);--realm-disabled:#242943;--realm-disabled-text:#888fa8;--realm-sticky:rgba(4,7,20,.93);--realm-choice-bg:#f0ecfa;--realm-choice-text:#1f2035;--realm-choice-muted:#696a85;--realm-choice-border:#c4b1e9;--realm-choice-active-bg:#5444a9;--realm-choice-active-text:#fff;--realm-notice-bg:rgba(101,87,183,.18);--realm-notice-text:#f7efff;--realm-handle:#d8c57d;--realm-glow:rgba(104,79,230,.48)
}
html[data-theme="xingqiong"] body{background:#030611}
html[data-theme="xingqiong"] .theme-fx::before{inset:-15%;background:radial-gradient(circle at 12% 18%,#fff 0 1px,transparent 1.7px),radial-gradient(circle at 29% 7%,#cfddff 0 1.2px,transparent 2px),radial-gradient(circle at 45% 24%,#f6d985 0 1.3px,transparent 2.2px),radial-gradient(circle at 67% 14%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 83% 37%,#b8caff 0 1.2px,transparent 2px),radial-gradient(circle at 17% 61%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 54% 72%,#d9cbff 0 1.3px,transparent 2.2px),radial-gradient(circle at 91% 78%,#f4d883 0 1.2px,transparent 2px);background-size:170px 190px,210px 230px,260px 280px,190px 250px,240px 210px,220px 270px,280px 260px,190px 220px;opacity:.74}
html[data-theme="xingqiong"] .theme-fx::after{inset:-28% -18%;background:radial-gradient(ellipse at 28% 62%,rgba(33,153,255,.24),transparent 34%),radial-gradient(ellipse at 69% 28%,rgba(163,82,255,.25),transparent 35%),linear-gradient(115deg,transparent 27%,rgba(85,219,255,.11) 45%,rgba(202,101,255,.14) 54%,transparent 72%);filter:blur(18px);opacity:.9}
html[data-theme="xingqiong"] .theme-fx-orbit{width:430px;height:430px;right:-230px;top:42px;border:1px solid rgba(240,205,112,.28);border-radius:50%;box-shadow:0 0 0 27px rgba(125,98,237,.035),0 0 0 72px rgba(84,177,255,.025),inset 0 0 45px rgba(110,89,255,.09)}
html[data-theme="xingqiong"] .theme-fx-orbit::before,html[data-theme="xingqiong"] .theme-fx-orbit::after{content:"";position:absolute;inset:48px;border:1px dashed rgba(210,190,255,.24);border-radius:50%}html[data-theme="xingqiong"] .theme-fx-orbit::after{inset:108px;border-style:solid;border-color:rgba(240,205,112,.24)}
html[data-theme="xingqiong"] .theme-fx-emblem{width:86px;height:86px;right:31px;top:214px;border:1px solid rgba(240,205,112,.38);border-radius:50%;background:conic-gradient(from 22deg,transparent 0 10%,rgba(240,205,112,.38) 11% 12%,transparent 13% 24%,rgba(177,156,255,.34) 25% 26%,transparent 27% 49%,rgba(240,205,112,.31) 50% 51%,transparent 52% 74%,rgba(177,156,255,.3) 75% 76%,transparent 77%)}
html[data-theme="xingqiong"] .theme-fx-veil{inset:auto -18% 8% -18%;height:42%;background:linear-gradient(16deg,transparent 12%,rgba(74,124,255,.09) 35%,rgba(171,78,255,.14) 49%,rgba(31,211,255,.08) 60%,transparent 81%);filter:blur(24px);transform:skewY(-8deg)}
html[data-theme="xingqiong"] .theme-fx-particles i{width:3px;height:3px;border-radius:50%;background:#fff8d7;box-shadow:0 0 10px #fff,0 0 18px rgba(116,165,255,.75)}
html[data-theme="xingqiong"] .topbar{background:linear-gradient(180deg,rgba(4,7,20,.94),rgba(7,11,30,.76));border-bottom-color:rgba(240,205,112,.22)}
html[data-theme="xingqiong"] .topbar::after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#f0cd70,transparent);opacity:.55}
html[data-theme="xingqiong"] .home-hero{background:linear-gradient(135deg,rgba(21,28,70,.86),rgba(10,14,38,.72));border:1px solid rgba(220,203,255,.26);box-shadow:0 20px 50px rgba(0,0,0,.32),inset 0 0 36px rgba(95,77,222,.10)}
html[data-theme="xingqiong"] .home-hero::before{width:180px;height:180px;right:-60px;top:-80px;border:1px solid rgba(240,205,112,.24);border-radius:50%;box-shadow:0 0 0 18px rgba(126,97,232,.04),0 0 0 42px rgba(240,205,112,.025)}
html[data-theme="xingqiong"] .home-hero::after{left:16px;right:80px;bottom:0;height:1px;background:linear-gradient(90deg,#f0cd70,rgba(137,124,255,.4),transparent)}
html[data-theme="xingqiong"] .home-seal{border-radius:50%;background:radial-gradient(circle,#111a42 0 35%,#7054d0 36% 39%,#0a102b 40% 58%,#e8c96e 59% 62%,#12183c 63%);color:#fff3c4;box-shadow:0 0 28px rgba(109,87,229,.55),inset 0 0 18px rgba(255,255,255,.12)}
html[data-theme="xingqiong"] .home-seal::before{border:1px dashed rgba(240,205,112,.65)}html[data-theme="xingqiong"] .home-seal::after{inset:8px;border:1px solid rgba(190,178,255,.34)}
html[data-theme="xingqiong"] .tool-tile{background:linear-gradient(145deg,rgba(17,22,55,.86),rgba(7,11,29,.80));border-color:rgba(207,192,255,.24);box-shadow:0 15px 38px rgba(0,0,0,.31),inset 0 0 0 1px rgba(255,255,255,.025)}
html[data-theme="xingqiong"] .tool-tile::before{inset:0;background:radial-gradient(circle at 12% 14%,rgba(255,255,255,.54) 0 1px,transparent 1.8px),radial-gradient(circle at 82% 25%,rgba(240,205,112,.58) 0 1px,transparent 2px),linear-gradient(130deg,rgba(114,92,235,.13),transparent 45%)}
html[data-theme="xingqiong"] .tool-tile::after{left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,#f0cd70,transparent);opacity:.62}
html[data-theme="xingqiong"] .tool-icon{border-radius:50%;background:radial-gradient(circle at 38% 32%,#9fc9ff,#5b55c8 48%,#1a1b55 72%);color:#fff4c4;box-shadow:0 0 22px rgba(93,93,221,.55),inset 0 0 0 1px rgba(255,238,177,.48)}
html[data-theme="xingqiong"] .tool-shortcuts{border-top-color:rgba(216,201,255,.18)}html[data-theme="xingqiong"] .tool-shortcuts button{color:#f0d47d;border-right-color:rgba(216,201,255,.15)}
html[data-theme="xingqiong"] .bottomnav{background:rgba(5,8,24,.80);border-color:rgba(220,203,255,.24);box-shadow:0 16px 44px rgba(0,0,0,.42),inset 0 0 24px rgba(82,67,187,.08)}
html[data-theme="xingqiong"] .bottomnav button.active{color:#ffe69c;background:linear-gradient(135deg,rgba(111,81,214,.34),rgba(38,97,202,.27));box-shadow:inset 0 0 0 1px rgba(240,205,112,.19)}
html[data-theme="xingqiong"][data-motion="standard"] .theme-fx::before{animation:v240StarField 28s linear infinite alternate}
html[data-theme="xingqiong"][data-motion="standard"] .theme-fx::after{animation:v240Aurora 15s ease-in-out infinite alternate}
html[data-theme="xingqiong"][data-motion="standard"] .theme-fx-orbit{animation:v240Orbit 56s linear infinite}
html[data-theme="xingqiong"][data-motion="standard"] .theme-fx-emblem{animation:v240Orbit 24s linear infinite reverse}
html[data-theme="xingqiong"][data-motion="standard"] .theme-fx-particles i{animation:v240Twinkle 4.8s ease-in-out infinite}
html[data-theme="xingqiong"][data-motion="standard"] .theme-fx-particles i:nth-child(3n){animation-delay:-1.7s}html[data-theme="xingqiong"][data-motion="standard"] .theme-fx-particles i:nth-child(3n+1){animation-delay:-3.1s}
html[data-theme="xingqiong"][data-motion="standard"] .home-seal::before{animation:v240Orbit 18s linear infinite}
html[data-theme="xingqiong"][data-motion="standard"] .home-tool-grid .tool-tile{animation-name:v240StellarReveal}

/* ==================== 赫尔墨斯炼金：黑曜、黄铜、古典炼金仪器 ==================== */
html[data-theme="hermes"]{
  --bg:#06100f;--surface:rgba(13,25,24,.86);--surface2:rgba(42,49,38,.80);--text:#fff3cf;--sub:#c6b995;--accent:#d9ad5c;--accent-pressed:#b9883e;--border:rgba(219,173,92,.34);--shadow:0 18px 52px rgba(0,0,0,.45);
  --realm-bg:radial-gradient(circle at 82% 12%,rgba(106,78,26,.45),transparent 28%),radial-gradient(circle at 8% 74%,rgba(19,94,75,.34),transparent 34%),linear-gradient(155deg,#040b0b,#0b1916 45%,#171209 100%);
  --realm-panel:linear-gradient(145deg,rgba(19,31,29,.92),rgba(8,17,17,.85));--realm-panel-text:#fff2cf;--realm-panel-muted:#c8bb99;--realm-line:rgba(220,178,98,.34);--realm-shadow:0 19px 48px rgba(0,0,0,.44),inset 0 0 0 1px rgba(255,243,205,.035);
  --realm-topbar:rgba(5,13,13,.87);--realm-nav:rgba(5,13,13,.90);--realm-nav-muted:#9e987f;--realm-active:rgba(217,173,92,.14);--realm-head-text:#ffe8aa;--realm-muted:#b9aa88;--realm-accent:#d9ad5c;
  --realm-primary:linear-gradient(135deg,#276d5b,#173e39 52%,#8d642c 132%);--realm-primary-text:#fff2c9;--realm-primary-border:#d9ad5c;--realm-button-shadow:0 12px 30px rgba(17,80,66,.42),inset 0 1px rgba(255,245,209,.18);
  --realm-secondary:rgba(49,52,39,.86);--realm-secondary-text:#f4d99f;--realm-field:#071412;--realm-field-text:#fff4d5;--realm-field-placeholder:#8e8b76;--realm-focus:rgba(217,173,92,.26);--realm-disabled:#29322f;--realm-disabled-text:#9b9887;--realm-sticky:rgba(5,13,13,.96);--realm-choice-bg:#f1e4c6;--realm-choice-text:#25261f;--realm-choice-muted:#6e6858;--realm-choice-border:#c8a15f;--realm-choice-active-bg:#215b4e;--realm-choice-active-text:#fff0c4;--realm-notice-bg:rgba(217,173,92,.12);--realm-notice-text:#f4ddaa;--realm-handle:#d3ad68;--realm-glow:rgba(18,101,81,.42)
}
html[data-theme="hermes"] body{background:#06100f}
html[data-theme="hermes"] .theme-fx::before{inset:-12%;background:repeating-linear-gradient(32deg,transparent 0 62px,rgba(218,173,92,.035) 63px 64px,transparent 65px 126px),radial-gradient(circle at 18% 27%,rgba(44,156,124,.16),transparent 24%),radial-gradient(circle at 75% 69%,rgba(196,130,42,.13),transparent 29%);filter:blur(.2px)}
html[data-theme="hermes"] .theme-fx::after{width:520px;height:520px;right:-290px;top:28px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 38px,rgba(217,173,92,.20) 39px 40px,transparent 41px 65px),conic-gradient(from 15deg,transparent 0 9%,rgba(217,173,92,.26) 10% 11%,transparent 12% 24%,rgba(64,169,135,.18) 25% 26%,transparent 27% 49%,rgba(217,173,92,.22) 50% 51%,transparent 52%);opacity:.82}
html[data-theme="hermes"] .theme-fx-orbit{width:224px;height:224px;left:-92px;top:44%;border-radius:50%;border:1px solid rgba(217,173,92,.24);box-shadow:0 0 0 22px rgba(42,133,106,.035),0 0 0 48px rgba(217,173,92,.025)}
html[data-theme="hermes"] .theme-fx-orbit::before{content:"☿";position:absolute;inset:0;display:grid;place-items:center;color:rgba(230,189,111,.28);font-size:64px;font-family:Georgia,serif}
html[data-theme="hermes"] .theme-fx-emblem{width:110px;height:110px;right:34px;top:196px;border:1px solid rgba(217,173,92,.42);border-radius:50%;background:linear-gradient(90deg,transparent 49%,rgba(217,173,92,.32) 50% 51%,transparent 52%),linear-gradient(0deg,transparent 49%,rgba(217,173,92,.32) 50% 51%,transparent 52%),radial-gradient(circle,transparent 0 32%,rgba(64,169,135,.20) 33% 35%,transparent 36%)}
html[data-theme="hermes"] .theme-fx-veil{left:-25%;right:-25%;bottom:-12%;height:45%;background:radial-gradient(ellipse at 30% 45%,rgba(35,137,106,.20),transparent 38%),radial-gradient(ellipse at 70% 55%,rgba(173,116,33,.15),transparent 42%);filter:blur(30px)}
html[data-theme="hermes"] .theme-fx-particles i{width:4px;height:4px;border-radius:50%;background:#e7bd70;box-shadow:0 0 9px rgba(231,189,112,.86)}
html[data-theme="hermes"] .topbar{background:linear-gradient(180deg,rgba(4,12,12,.96),rgba(8,20,18,.84));border-bottom:1px solid rgba(217,173,92,.28)}
html[data-theme="hermes"] .topbar h1{font-family:Georgia,"Songti SC",serif;letter-spacing:.06em}
html[data-theme="hermes"] .home-hero{background:linear-gradient(145deg,rgba(20,42,36,.92),rgba(10,20,19,.84));border:1px solid rgba(217,173,92,.37);box-shadow:0 20px 52px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,236,185,.035)}
html[data-theme="hermes"] .home-hero::before{width:128px;height:128px;right:-22px;top:-30px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 16px,rgba(217,173,92,.22) 17px 18px,transparent 19px 29px),conic-gradient(from 10deg,transparent 0 12%,rgba(217,173,92,.20) 13% 14%,transparent 15% 100%)}
html[data-theme="hermes"] .home-hero::after{left:18px;bottom:0;width:44%;height:2px;background:linear-gradient(90deg,#d9ad5c,transparent)}
html[data-theme="hermes"] .home-seal{border-radius:18px;clip-path:polygon(50% 0,88% 12%,100% 50%,88% 88%,50% 100%,12% 88%,0 50%,12% 12%);background:radial-gradient(circle,#1a443a 0 31%,#d1a657 32% 35%,#0b1b18 36% 63%,#80612d 64%);color:#ffe6aa;box-shadow:0 0 26px rgba(38,117,94,.45)}
html[data-theme="hermes"] .home-seal::before{inset:7px;border:1px solid rgba(255,227,165,.42);clip-path:inherit}
html[data-theme="hermes"] .home-seal::after{content:"☿";inset:-28px auto auto 34px;color:rgba(217,173,92,.32);font-size:20px}
html[data-theme="hermes"] .tool-tile{background:linear-gradient(145deg,rgba(20,35,32,.91),rgba(8,17,16,.88));border-color:rgba(217,173,92,.33);box-shadow:0 15px 38px rgba(0,0,0,.37),inset 0 0 0 1px rgba(255,239,195,.025)}
html[data-theme="hermes"] .tool-tile::before{inset:0;background:linear-gradient(115deg,rgba(51,145,115,.10),transparent 40%),repeating-linear-gradient(45deg,transparent 0 34px,rgba(217,173,92,.018) 35px 36px)}
html[data-theme="hermes"] .tool-tile::after{width:32px;height:32px;right:9px;top:9px;border:1px solid rgba(217,173,92,.22);border-radius:50%;box-shadow:inset 0 0 0 5px rgba(42,123,98,.035)}
html[data-theme="hermes"] .tool-icon{border-radius:13px;background:radial-gradient(circle at 50% 48%,#d9ad5c 0 5%,transparent 6% 25%,rgba(217,173,92,.72) 26% 28%,transparent 29%),linear-gradient(145deg,#276e5b,#0c2822);color:#ffe7ac;box-shadow:0 9px 24px rgba(18,92,74,.44),inset 0 0 0 1px rgba(255,229,170,.32)}
html[data-theme="hermes"] .tool-shortcuts{border-top-color:rgba(217,173,92,.23)}html[data-theme="hermes"] .tool-shortcuts button{color:#e7bd70;border-right-color:rgba(217,173,92,.18)}
html[data-theme="hermes"] .btn.primary{background:linear-gradient(135deg,#2b7a64,#17493f 62%,#a27634);border-color:#d9ad5c}
html[data-theme="hermes"] .bottomnav{background:rgba(5,15,14,.88);border-color:rgba(217,173,92,.32);box-shadow:0 17px 46px rgba(0,0,0,.46)}
html[data-theme="hermes"] .bottomnav button.active{color:#ffe09a;background:linear-gradient(135deg,rgba(32,103,83,.50),rgba(121,82,34,.30));box-shadow:inset 0 0 0 1px rgba(217,173,92,.20)}
html[data-theme="hermes"][data-motion="standard"] .theme-fx::after{animation:v240Orbit 72s linear infinite}
html[data-theme="hermes"][data-motion="standard"] .theme-fx-orbit{animation:v240Orbit 36s linear infinite reverse}
html[data-theme="hermes"][data-motion="standard"] .theme-fx-emblem{animation:v240AlchemyPulse 8s ease-in-out infinite}
html[data-theme="hermes"][data-motion="standard"] .theme-fx-particles i{animation:v240SparkRise 10s linear infinite}
html[data-theme="hermes"][data-motion="standard"] .theme-fx-particles i:nth-child(even){animation-delay:-4.6s}html[data-theme="hermes"][data-motion="standard"] .theme-fx-particles i:nth-child(3n){animation-delay:-7.2s}
html[data-theme="hermes"][data-motion="standard"] .home-tool-grid .tool-tile{animation-name:v240AlchemyReveal}

/* ==================== 月相塔罗：月辉、欧泊、塔罗镜面与梦境星尘 ==================== */
html[data-theme="yuexiang"]{
  --bg:#080517;--surface:rgba(28,17,55,.80);--surface2:rgba(57,35,90,.76);--text:#fff8ff;--sub:#d2c4e6;--accent:#f0c9ff;--accent-pressed:#c88ee5;--border:rgba(238,207,255,.31);--shadow:0 19px 56px rgba(0,0,0,.43);
  --realm-bg:radial-gradient(circle at 78% 8%,rgba(244,207,255,.28),transparent 24%),radial-gradient(circle at 13% 69%,rgba(67,117,255,.26),transparent 35%),linear-gradient(155deg,#070414,#14082b 47%,#1a0b35 100%);
  --realm-panel:linear-gradient(145deg,rgba(37,22,71,.84),rgba(17,11,42,.79));--realm-panel-text:#fff9ff;--realm-panel-muted:#d1c4e4;--realm-line:rgba(239,211,255,.30);--realm-shadow:0 19px 52px rgba(0,0,0,.41),inset 0 0 0 1px rgba(255,255,255,.04);
  --realm-topbar:rgba(9,5,23,.80);--realm-nav:rgba(10,5,25,.86);--realm-nav-muted:#aa9abc;--realm-active:rgba(240,201,255,.14);--realm-head-text:#fff0ff;--realm-muted:#c2b3d4;--realm-accent:#f0c9ff;
  --realm-primary:linear-gradient(135deg,#db7ad8,#8b58df 48%,#4e76d7 100%);--realm-primary-text:#fff;--realm-primary-border:#f3d3ff;--realm-button-shadow:0 12px 34px rgba(154,85,224,.50),inset 0 1px rgba(255,255,255,.24);
  --realm-secondary:rgba(68,41,101,.78);--realm-secondary-text:#f6e7ff;--realm-field:#0e0826;--realm-field-text:#fff;--realm-field-placeholder:#9f91b2;--realm-focus:rgba(230,167,255,.30);--realm-disabled:#342943;--realm-disabled-text:#aaa0b5;--realm-sticky:rgba(10,5,25,.95);--realm-choice-bg:#f5edf9;--realm-choice-text:#2b2036;--realm-choice-muted:#70627b;--realm-choice-border:#d0b3e4;--realm-choice-active-bg:#8e56c4;--realm-choice-active-text:#fff;--realm-notice-bg:rgba(215,153,255,.14);--realm-notice-text:#f7eaff;--realm-handle:#e2c1f0;--realm-glow:rgba(209,122,238,.48)
}
html[data-theme="yuexiang"] body{background:#080517}
html[data-theme="yuexiang"] .theme-fx::before{inset:-15%;background:radial-gradient(circle at 78% 15%,rgba(255,250,255,.96) 0 44px,rgba(227,198,255,.55) 45px 48px,rgba(151,114,208,.18) 49px 65px,transparent 66px),radial-gradient(circle at 16% 25%,rgba(223,201,255,.60) 0 1px,transparent 2px),radial-gradient(circle at 47% 8%,rgba(255,255,255,.55) 0 1px,transparent 2px),radial-gradient(circle at 64% 54%,rgba(255,214,250,.48) 0 1px,transparent 2px),radial-gradient(circle at 22% 78%,rgba(175,198,255,.54) 0 1px,transparent 2px);background-size:auto,180px 210px,250px 230px,210px 260px,230px 220px;opacity:.78}
html[data-theme="yuexiang"] .theme-fx::after{inset:-20%;background:conic-gradient(from 145deg at 50% 60%,transparent 0 18%,rgba(130,173,255,.13) 24%,rgba(239,145,255,.18) 31%,rgba(121,245,239,.09) 38%,transparent 46% 100%);filter:blur(22px)}
html[data-theme="yuexiang"] .theme-fx-orbit{width:330px;height:330px;right:-168px;top:80px;border-radius:50%;border:1px solid rgba(239,207,255,.23);box-shadow:0 0 0 24px rgba(118,91,200,.035),0 0 0 52px rgba(226,174,255,.026)}
html[data-theme="yuexiang"] .theme-fx-orbit::before{content:"";position:absolute;inset:62px;border-radius:50%;background:linear-gradient(90deg,rgba(255,255,255,.35),transparent 56%),radial-gradient(circle at 66% 50%,#110925 0 45%,transparent 46%);box-shadow:0 0 40px rgba(231,191,255,.22)}
html[data-theme="yuexiang"] .theme-fx-emblem{width:74px;height:116px;left:24px;top:30%;border:1px solid rgba(240,201,255,.36);border-radius:38px 38px 14px 14px;background:linear-gradient(165deg,rgba(255,255,255,.08),rgba(171,102,238,.05));box-shadow:inset 0 0 0 7px rgba(255,255,255,.018)}
html[data-theme="yuexiang"] .theme-fx-emblem::before{content:"◇";position:absolute;inset:0;display:grid;place-items:center;color:rgba(240,201,255,.34);font-size:30px}
html[data-theme="yuexiang"] .theme-fx-veil{left:-30%;right:-20%;bottom:-10%;height:50%;background:linear-gradient(12deg,transparent 10%,rgba(85,140,255,.10) 36%,rgba(224,119,255,.17) 51%,rgba(113,239,224,.08) 64%,transparent 82%);filter:blur(28px);transform:skewY(-8deg)}
html[data-theme="yuexiang"] .theme-fx-particles i{width:6px;height:6px;background:linear-gradient(135deg,#fff,#dfb8ff 47%,#8ab7ff);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 7px rgba(232,194,255,.85))}
html[data-theme="yuexiang"] .topbar{background:linear-gradient(180deg,rgba(8,4,21,.95),rgba(20,10,43,.76));border-bottom-color:rgba(239,207,255,.25)}
html[data-theme="yuexiang"] .home-hero{background:linear-gradient(145deg,rgba(54,29,93,.84),rgba(20,12,49,.78));border:1px solid rgba(240,207,255,.32);box-shadow:0 20px 55px rgba(0,0,0,.36),inset 0 0 35px rgba(223,132,255,.08)}
html[data-theme="yuexiang"] .home-hero::before{width:126px;height:126px;right:-18px;top:-26px;border-radius:50%;background:radial-gradient(circle at 38% 50%,rgba(255,250,255,.84) 0 35%,transparent 36%),radial-gradient(circle at 56% 50%,rgba(37,18,72,.96) 0 40%,transparent 41%);filter:drop-shadow(0 0 22px rgba(234,198,255,.38))}
html[data-theme="yuexiang"] .home-hero::after{left:18px;right:100px;bottom:0;height:1px;background:linear-gradient(90deg,#f0c9ff,#87b3ff,transparent)}
html[data-theme="yuexiang"] .home-seal{border-radius:22px 22px 12px 12px;background:linear-gradient(145deg,#f4d9ff 0 5%,#9d66d4 6% 24%,#351b6a 25% 78%,#8db9ff 79% 84%,#241448 85%);color:#fff7ff;text-shadow:0 0 12px rgba(255,255,255,.6);box-shadow:0 0 28px rgba(207,115,239,.50)}
html[data-theme="yuexiang"] .home-seal::before{inset:5px;border:1px solid rgba(255,233,255,.48);border-radius:17px 17px 8px 8px}html[data-theme="yuexiang"] .home-seal::after{inset:14px;border:1px solid rgba(157,194,255,.30);border-radius:50%}
html[data-theme="yuexiang"] .tool-tile{background:linear-gradient(145deg,rgba(47,27,83,.86),rgba(18,11,45,.82));border-color:rgba(239,207,255,.29);box-shadow:0 16px 42px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.025)}
html[data-theme="yuexiang"] .tool-tile::before{inset:0;background:linear-gradient(125deg,rgba(255,255,255,.06),transparent 28%),radial-gradient(circle at 88% 18%,rgba(235,191,255,.11),transparent 23%)}
html[data-theme="yuexiang"] .tool-tile::after{right:10px;top:9px;width:19px;height:27px;border:1px solid rgba(240,201,255,.25);border-radius:12px 12px 5px 5px;transform:rotate(8deg)}
html[data-theme="yuexiang"] .tool-icon{border-radius:18px;background:linear-gradient(145deg,#de9ce5,#7d62d9 52%,#466ed1);color:#fff;box-shadow:0 10px 28px rgba(173,87,220,.48),inset 0 0 0 1px rgba(255,255,255,.36)}
html[data-theme="yuexiang"] .tool-shortcuts{border-top-color:rgba(239,207,255,.20)}html[data-theme="yuexiang"] .tool-shortcuts button{color:#f3cbff;border-right-color:rgba(239,207,255,.16)}
html[data-theme="yuexiang"] .bottomnav{background:rgba(14,7,31,.84);border-color:rgba(239,207,255,.30);box-shadow:0 17px 48px rgba(0,0,0,.43),inset 0 0 26px rgba(167,93,220,.08)}
html[data-theme="yuexiang"] .bottomnav button.active{color:#fff0ff;background:linear-gradient(135deg,rgba(213,117,215,.35),rgba(85,107,218,.30));box-shadow:inset 0 0 0 1px rgba(240,201,255,.18)}
html[data-theme="yuexiang"][data-motion="standard"] .theme-fx::before{animation:v240MoonDrift 17s ease-in-out infinite alternate}
html[data-theme="yuexiang"][data-motion="standard"] .theme-fx::after{animation:v240PrismFlow 14s ease-in-out infinite alternate}
html[data-theme="yuexiang"][data-motion="standard"] .theme-fx-orbit{animation:v240Orbit 64s linear infinite reverse}
html[data-theme="yuexiang"][data-motion="standard"] .theme-fx-emblem{animation:v240TarotFloat 10s ease-in-out infinite}
html[data-theme="yuexiang"][data-motion="standard"] .theme-fx-particles i{animation:v240CrystalDrift 12s ease-in-out infinite}
html[data-theme="yuexiang"][data-motion="standard"] .theme-fx-particles i:nth-child(odd){animation-delay:-5.4s}
html[data-theme="yuexiang"][data-motion="standard"] .home-tool-grid .tool-tile{animation-name:v240TarotReveal}

/* ==================== 太玄青玉：青玉、云海、山岚与流光 ==================== */
html[data-theme="taixuan"]{
  --bg:#071a1b;--surface:rgba(239,244,232,.91);--surface2:rgba(211,226,210,.88);--text:#17302f;--sub:#5d7772;--accent:#236b61;--accent-pressed:#174d46;--border:rgba(181,158,104,.38);--shadow:0 17px 48px rgba(0,25,24,.31);
  --realm-bg:radial-gradient(ellipse at 76% 8%,rgba(178,224,210,.26),transparent 27%),radial-gradient(ellipse at 12% 70%,rgba(235,242,217,.18),transparent 38%),linear-gradient(165deg,#061617,#0c2a29 46%,#123c37 100%);
  --realm-panel:linear-gradient(145deg,rgba(246,247,235,.93),rgba(219,231,215,.89));--realm-panel-text:#17302f;--realm-panel-muted:#607873;--realm-line:rgba(174,148,88,.38);--realm-shadow:0 18px 46px rgba(0,23,22,.30),inset 0 0 0 1px rgba(255,255,255,.60);
  --realm-topbar:rgba(5,22,22,.83);--realm-nav:rgba(6,25,24,.88);--realm-nav-muted:#9fb8ae;--realm-active:rgba(213,190,126,.14);--realm-head-text:#f7e9bd;--realm-muted:#b5c6bc;--realm-accent:#e0c57d;
  --realm-primary:linear-gradient(135deg,#3b8b7e,#1c5d55 56%,#94783c 130%);--realm-primary-text:#fff9e6;--realm-primary-border:#dcc27a;--realm-button-shadow:0 11px 29px rgba(23,91,82,.40),inset 0 1px rgba(255,255,255,.25);
  --realm-secondary:#dce6d9;--realm-secondary-text:#235f57;--realm-field:#123531;--realm-field-text:#fff9e6;--realm-field-placeholder:#9eb1aa;--realm-focus:rgba(52,133,120,.27);--realm-disabled:#d1d9cf;--realm-disabled-text:#747e79;--realm-sticky:rgba(6,24,23,.95);--realm-choice-bg:#f7f3e6;--realm-choice-text:#1d3632;--realm-choice-muted:#687b74;--realm-choice-border:#bda76e;--realm-choice-active-bg:#2e776d;--realm-choice-active-text:#fff9e7;--realm-notice-bg:#e2eadc;--realm-notice-text:#23433e;--realm-handle:#a79260;--realm-glow:rgba(42,124,112,.42)
}
html[data-theme="taixuan"] body{background:#071a1b}
html[data-theme="taixuan"] .theme-fx::before{left:-20%;right:-20%;top:-5%;height:74%;background:radial-gradient(ellipse at 17% 52%,rgba(235,246,226,.36),transparent 25%),radial-gradient(ellipse at 49% 42%,rgba(211,235,218,.30),transparent 31%),radial-gradient(ellipse at 82% 58%,rgba(239,244,226,.28),transparent 27%);filter:blur(22px)}
html[data-theme="taixuan"] .theme-fx::after{left:-8%;right:-8%;bottom:-4%;height:48%;background:linear-gradient(165deg,transparent 0 42%,rgba(6,29,28,.72) 43% 49%,transparent 50%),linear-gradient(195deg,transparent 0 50%,rgba(8,43,39,.78) 51% 58%,transparent 59%),radial-gradient(ellipse at 35% 85%,rgba(180,207,188,.18),transparent 36%);filter:drop-shadow(0 -12px 20px rgba(200,226,207,.07))}
html[data-theme="taixuan"] .theme-fx-orbit{width:330px;height:330px;right:-194px;top:112px;border-radius:50%;border:1px solid rgba(224,197,125,.22);background:repeating-radial-gradient(circle,transparent 0 42px,rgba(225,198,126,.13) 43px 44px,transparent 45px 62px)}
html[data-theme="taixuan"] .theme-fx-emblem{width:92px;height:92px;right:38px;top:228px;border-radius:50%;background:radial-gradient(circle,#0d302c 0 19%,#b8d7c8 20% 30%,transparent 31% 45%,rgba(224,197,125,.28) 46% 48%,transparent 49%);box-shadow:0 0 28px rgba(127,197,172,.20)}
html[data-theme="taixuan"] .theme-fx-veil{left:-30%;right:-30%;bottom:18%;height:34%;background:radial-gradient(ellipse at 25% 55%,rgba(245,248,232,.25),transparent 38%),radial-gradient(ellipse at 66% 48%,rgba(214,235,215,.23),transparent 42%);filter:blur(26px)}
html[data-theme="taixuan"] .theme-fx-cloud.one{width:260px;height:82px;left:-80px;top:34%;border-radius:50%;background:radial-gradient(ellipse,rgba(236,243,225,.22),transparent 68%);filter:blur(15px)}
html[data-theme="taixuan"] .theme-fx-cloud.two{width:310px;height:92px;right:-110px;top:61%;border-radius:50%;background:radial-gradient(ellipse,rgba(222,239,219,.20),transparent 68%);filter:blur(18px)}
html[data-theme="taixuan"] .theme-fx-particles i{width:5px;height:5px;border-radius:50%;background:#e8d18d;box-shadow:0 0 12px rgba(224,197,125,.72),0 0 22px rgba(148,218,193,.28)}
html[data-theme="taixuan"] .topbar{background:linear-gradient(180deg,rgba(4,20,20,.95),rgba(8,35,32,.79));border-bottom-color:rgba(224,197,125,.26)}
html[data-theme="taixuan"] .topbar h1{font-family:STKaiti,KaiTi,"Songti SC",serif;letter-spacing:.08em}
html[data-theme="taixuan"] .home-hero{background:linear-gradient(145deg,rgba(17,62,57,.88),rgba(7,31,30,.78));border:1px solid rgba(224,197,125,.32);box-shadow:0 20px 50px rgba(0,19,18,.35),inset 0 0 30px rgba(183,223,207,.07)}
html[data-theme="taixuan"] .home-hero::before{width:170px;height:90px;right:-26px;top:-13px;background:radial-gradient(ellipse at 35% 60%,rgba(239,245,227,.22),transparent 50%),radial-gradient(ellipse at 68% 50%,rgba(208,232,211,.19),transparent 48%);filter:blur(8px)}
html[data-theme="taixuan"] .home-hero::after{left:18px;right:82px;bottom:0;height:1px;background:linear-gradient(90deg,#dec57d,rgba(164,219,197,.40),transparent)}
html[data-theme="taixuan"] .home-hero h2,html[data-theme="taixuan"] .home-hero p{color:#f8edce}html[data-theme="taixuan"] .home-hero .eyebrow{color:#e0c57d}
html[data-theme="taixuan"] .home-seal{border-radius:50%;background:radial-gradient(circle,#e8f2df 0 17%,#4d9a88 18% 35%,#0d3b35 36% 52%,#dbc174 53% 57%,#1e6157 58%);color:#fff2c7;box-shadow:0 0 28px rgba(109,186,161,.40),inset 0 0 12px rgba(255,255,255,.20)}
html[data-theme="taixuan"] .home-seal::before{border:1px solid rgba(224,197,125,.58)}html[data-theme="taixuan"] .home-seal::after{inset:9px;border:1px dashed rgba(236,244,220,.45)}
html[data-theme="taixuan"] .tool-tile{background:linear-gradient(145deg,rgba(246,248,236,.95),rgba(215,229,213,.91));border-color:rgba(177,151,93,.37);box-shadow:0 15px 38px rgba(0,29,27,.27),inset 0 0 0 1px rgba(255,255,255,.62)}
html[data-theme="taixuan"] .tool-tile::before{inset:0;background:radial-gradient(ellipse at 85% 18%,rgba(70,120,103,.10),transparent 26%),linear-gradient(150deg,rgba(255,255,255,.30),transparent 36%)}
html[data-theme="taixuan"] .tool-tile::after{right:-11px;bottom:-17px;width:70px;height:52px;border-radius:50%;background:radial-gradient(ellipse,rgba(53,112,99,.08),transparent 68%)}
html[data-theme="taixuan"] .tool-primary{color:#18332f}html[data-theme="taixuan"] .tool-copy small{color:#607873}
html[data-theme="taixuan"] .tool-icon{border-radius:50%;background:linear-gradient(145deg,#70b8a4,#2e7569 58%,#174f49);color:#fff5d7;box-shadow:0 10px 25px rgba(35,109,96,.35),inset 0 0 0 1px rgba(255,241,193,.44)}
html[data-theme="taixuan"] .tool-shortcuts{border-top-color:rgba(177,151,93,.28)}html[data-theme="taixuan"] .tool-shortcuts button{color:#2d746a;border-right-color:rgba(177,151,93,.22)}
html[data-theme="taixuan"] .bottomnav{background:rgba(6,27,26,.87);border-color:rgba(224,197,125,.31);box-shadow:0 17px 46px rgba(0,20,19,.40)}
html[data-theme="taixuan"] .bottomnav button.active{color:#ffe8a8;background:linear-gradient(135deg,rgba(48,127,113,.46),rgba(146,115,48,.22));box-shadow:inset 0 0 0 1px rgba(224,197,125,.20)}
html[data-theme="taixuan"][data-motion="standard"] .theme-fx::before{animation:v240MistBreath 16s ease-in-out infinite alternate}
html[data-theme="taixuan"][data-motion="standard"] .theme-fx-veil{animation:v240CloudSea 22s ease-in-out infinite alternate}
html[data-theme="taixuan"][data-motion="standard"] .theme-fx-cloud.one{animation:v240CloudDrift 26s linear infinite}
html[data-theme="taixuan"][data-motion="standard"] .theme-fx-cloud.two{animation:v240CloudDrift 31s linear infinite reverse}
html[data-theme="taixuan"][data-motion="standard"] .theme-fx-emblem{animation:v240JadePulse 9s ease-in-out infinite}
html[data-theme="taixuan"][data-motion="standard"] .theme-fx-particles i{animation:v240MoteFloat 13s ease-in-out infinite}
html[data-theme="taixuan"][data-motion="standard"] .theme-fx-particles i:nth-child(even){animation-delay:-6s}
html[data-theme="taixuan"][data-motion="standard"] .home-tool-grid .tool-tile{animation-name:v240CloudReveal}

/* ==================== 金阙龙章：玄漆、朱砂、宫阙、鎏金云海 ==================== */
html[data-theme="jinque"]{
  --bg:#100405;--surface:rgba(43,10,13,.86);--surface2:rgba(76,25,24,.79);--text:#fff0c5;--sub:#d1b98e;--accent:#e9c267;--accent-pressed:#c69a43;--border:rgba(233,194,103,.38);--shadow:0 19px 58px rgba(0,0,0,.48);
  --realm-bg:radial-gradient(circle at 80% 10%,rgba(183,46,40,.30),transparent 30%),radial-gradient(circle at 12% 70%,rgba(122,25,28,.23),transparent 37%),linear-gradient(160deg,#0a0203,#180708 49%,#300b0d 100%);
  --realm-panel:linear-gradient(145deg,rgba(54,13,16,.91),rgba(24,6,8,.87));--realm-panel-text:#fff0c5;--realm-panel-muted:#d0b88f;--realm-line:rgba(233,194,103,.38);--realm-shadow:0 20px 54px rgba(0,0,0,.47),inset 0 0 0 1px rgba(255,227,158,.035);
  --realm-topbar:rgba(14,3,5,.88);--realm-nav:rgba(15,4,5,.91);--realm-nav-muted:#b1976c;--realm-active:rgba(233,194,103,.14);--realm-head-text:#ffe7a7;--realm-muted:#c6aa7a;--realm-accent:#e9c267;
  --realm-primary:linear-gradient(135deg,#d33b35,#8a171d 56%,#5d0c13 100%);--realm-primary-text:#ffe9ad;--realm-primary-border:#e9c267;--realm-button-shadow:0 12px 34px rgba(151,21,28,.52),inset 0 1px rgba(255,228,154,.22);
  --realm-secondary:rgba(82,27,26,.83);--realm-secondary-text:#f4d794;--realm-field:#250708;--realm-field-text:#fff0c3;--realm-field-placeholder:#a58c67;--realm-focus:rgba(233,194,103,.26);--realm-disabled:#462326;--realm-disabled-text:#af9b78;--realm-sticky:rgba(16,4,6,.96);--realm-choice-bg:#f4e5c8;--realm-choice-text:#31171a;--realm-choice-muted:#755d49;--realm-choice-border:#caa65b;--realm-choice-active-bg:#a32128;--realm-choice-active-text:#ffe7a7;--realm-notice-bg:rgba(233,194,103,.11);--realm-notice-text:#f4da9d;--realm-handle:#d2ad5c;--realm-glow:rgba(185,40,38,.52)
}
html[data-theme="jinque"] body{background:#100405}
html[data-theme="jinque"] .theme-fx::before{inset:0;background:repeating-radial-gradient(circle at 50% 120%,transparent 0 28px,rgba(233,194,103,.045) 29px 30px,transparent 31px 60px),linear-gradient(90deg,transparent 0 24%,rgba(233,194,103,.025) 25% 25.5%,transparent 26% 74%,rgba(233,194,103,.025) 75% 75.5%,transparent 76%);opacity:.9}
html[data-theme="jinque"] .theme-fx::after{left:-5%;right:-5%;bottom:-1%;height:38%;background:linear-gradient(180deg,transparent 0 45%,rgba(4,1,2,.84) 46%),linear-gradient(90deg,transparent 0 6%,rgba(233,194,103,.15) 6.5% 7%,transparent 7.5% 15%,rgba(233,194,103,.11) 15.5% 16%,transparent 16.5% 84%,rgba(233,194,103,.11) 84.5% 85%,transparent 85.5% 93%,rgba(233,194,103,.15) 93.5% 94%,transparent 94.5%),linear-gradient(0deg,rgba(4,1,2,.78) 0 28%,transparent 29%);clip-path:polygon(0 55%,8% 55%,8% 42%,14% 42%,14% 53%,23% 53%,23% 35%,29% 35%,29% 53%,40% 53%,40% 22%,46% 22%,46% 53%,54% 53%,54% 22%,60% 22%,60% 53%,71% 53%,71% 35%,77% 35%,77% 53%,86% 53%,86% 42%,92% 42%,92% 55%,100% 55%,100% 100%,0 100%);opacity:.62}
html[data-theme="jinque"] .theme-fx-orbit{width:390px;height:210px;left:-120px;top:33%;border-radius:50%;border-top:2px solid rgba(233,194,103,.18);border-bottom:1px solid rgba(204,53,45,.15);transform:rotate(-9deg)}
html[data-theme="jinque"] .theme-fx-emblem{width:112px;height:112px;right:28px;top:184px;border-radius:50%;border:1px solid rgba(233,194,103,.38);background:repeating-conic-gradient(from 0deg,rgba(233,194,103,.24) 0 3deg,transparent 3deg 20deg),radial-gradient(circle,transparent 0 35%,rgba(153,26,31,.28) 36% 48%,transparent 49%);box-shadow:0 0 32px rgba(185,40,38,.22)}
html[data-theme="jinque"] .theme-fx-veil{left:-25%;right:-25%;top:22%;height:32%;background:radial-gradient(ellipse at 24% 55%,rgba(255,225,151,.15),transparent 35%),radial-gradient(ellipse at 65% 46%,rgba(233,194,103,.13),transparent 39%);filter:blur(18px)}
html[data-theme="jinque"] .theme-fx-cloud.one{width:320px;height:78px;left:-100px;top:38%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,219,133,.12),transparent 68%);filter:blur(12px)}
html[data-theme="jinque"] .theme-fx-cloud.two{width:330px;height:84px;right:-120px;top:58%;border-radius:50%;background:radial-gradient(ellipse,rgba(190,43,39,.14),transparent 68%);filter:blur(15px)}
html[data-theme="jinque"] .theme-fx-particles i{width:4px;height:4px;border-radius:50%;background:#f5d67e;box-shadow:0 0 10px rgba(245,214,126,.86)}
html[data-theme="jinque"] .topbar{background:linear-gradient(180deg,rgba(12,2,4,.97),rgba(31,7,9,.84));border-bottom-color:rgba(233,194,103,.31)}
html[data-theme="jinque"] .topbar h1{font-family:STKaiti,KaiTi,"Songti SC",serif;letter-spacing:.10em}
html[data-theme="jinque"] .home-hero{background:linear-gradient(145deg,rgba(73,14,18,.91),rgba(27,5,8,.84));border:1px solid rgba(233,194,103,.42);box-shadow:0 21px 56px rgba(0,0,0,.43),inset 0 0 32px rgba(205,45,40,.08)}
html[data-theme="jinque"] .home-hero::before{width:145px;height:145px;right:-34px;top:-43px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(233,194,103,.18) 0 2deg,transparent 2deg 18deg),radial-gradient(circle,transparent 0 45%,rgba(191,37,36,.22) 46% 57%,transparent 58%)}
html[data-theme="jinque"] .home-hero::after{left:18px;right:80px;bottom:0;height:2px;background:linear-gradient(90deg,#e9c267,#a52a2d,transparent)}
html[data-theme="jinque"] .home-seal{border-radius:16px;background:linear-gradient(145deg,#c02a2c,#721017 58%,#3d070d);color:#ffe6a3;border:1px solid #e9c267;box-shadow:0 0 28px rgba(190,38,39,.48),inset 0 0 0 4px rgba(233,194,103,.10);font-family:STKaiti,KaiTi,serif}
html[data-theme="jinque"] .home-seal::before{inset:6px;border:1px solid rgba(255,225,148,.42);border-radius:11px}html[data-theme="jinque"] .home-seal::after{inset:13px;border:1px dashed rgba(255,225,148,.28);border-radius:8px}
html[data-theme="jinque"] .tool-tile{background:linear-gradient(145deg,rgba(62,14,17,.91),rgba(24,5,7,.88));border-color:rgba(233,194,103,.39);box-shadow:0 17px 44px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,226,151,.025)}
html[data-theme="jinque"] .tool-tile::before{inset:0;background:repeating-linear-gradient(135deg,transparent 0 28px,rgba(233,194,103,.018) 29px 30px),linear-gradient(120deg,rgba(196,45,40,.12),transparent 42%)}
html[data-theme="jinque"] .tool-tile::after{right:7px;top:7px;width:28px;height:28px;border-top:1px solid rgba(233,194,103,.36);border-right:1px solid rgba(233,194,103,.36);border-radius:0 12px 0 0}
html[data-theme="jinque"] .tool-icon{border-radius:13px;background:linear-gradient(145deg,#d94a3c,#9f1f24 55%,#5b0c13);color:#ffe6a1;box-shadow:0 10px 28px rgba(166,26,31,.48),inset 0 0 0 1px rgba(255,225,148,.42)}
html[data-theme="jinque"] .tool-shortcuts{border-top-color:rgba(233,194,103,.24)}html[data-theme="jinque"] .tool-shortcuts button{color:#f0ca73;border-right-color:rgba(233,194,103,.19)}
html[data-theme="jinque"] .bottomnav{background:rgba(17,3,5,.90);border-color:rgba(233,194,103,.38);box-shadow:0 18px 50px rgba(0,0,0,.49),inset 0 0 24px rgba(168,26,30,.08)}
html[data-theme="jinque"] .bottomnav button.active{color:#ffe39a;background:linear-gradient(135deg,rgba(196,46,43,.42),rgba(111,15,20,.38));box-shadow:inset 0 0 0 1px rgba(233,194,103,.22)}
html[data-theme="jinque"][data-motion="standard"] .theme-fx-veil{animation:v240ImperialCloud 18s ease-in-out infinite alternate}
html[data-theme="jinque"][data-motion="standard"] .theme-fx-cloud.one{animation:v240CloudDrift 27s linear infinite}
html[data-theme="jinque"][data-motion="standard"] .theme-fx-cloud.two{animation:v240CloudDrift 33s linear infinite reverse}
html[data-theme="jinque"][data-motion="standard"] .theme-fx-emblem{animation:v240ImperialPulse 10s ease-in-out infinite}
html[data-theme="jinque"][data-motion="standard"] .theme-fx-particles i{animation:v240GoldDust 11s linear infinite}
html[data-theme="jinque"][data-motion="standard"] .theme-fx-particles i:nth-child(odd){animation-delay:-5.6s}
html[data-theme="jinque"][data-motion="standard"] .home-tool-grid .tool-tile{animation-name:v240ImperialReveal}

/* 主题选择卡片的精美缩略预览 */
.theme-preview-xingqiong{background:radial-gradient(circle at 75% 20%,#f5d986 0 2px,transparent 3px),radial-gradient(circle at 18% 34%,#fff 0 1px,transparent 2px),conic-gradient(from 45deg at 56% 58%,#050818,#31205d,#0a3152,#09071e);box-shadow:inset 0 0 20px rgba(107,95,227,.35)}
.theme-preview-xingqiong i{border:1px solid rgba(240,205,112,.55);border-radius:50%;box-shadow:0 0 0 8px rgba(141,111,242,.09)}
.theme-preview-xingqiong::before{content:"";position:absolute;width:62px;height:62px;right:-24px;bottom:-28px;border:1px solid rgba(240,205,112,.38);border-radius:50%}
.theme-preview-hermes{background:repeating-radial-gradient(circle at 72% 50%,transparent 0 12px,rgba(217,173,92,.36) 13px 14px,transparent 15px 24px),linear-gradient(145deg,#071311,#1f4b3d 54%,#5d401d);box-shadow:inset 0 0 22px rgba(217,173,92,.20)}
.theme-preview-hermes i{border:1px solid rgba(217,173,92,.62);border-radius:50%}.theme-preview-hermes::before{content:"☿";position:absolute;right:11px;bottom:7px;color:#e2bd74;font-size:22px}
.theme-preview-yuexiang{background:radial-gradient(circle at 76% 25%,#fff7ff 0 13%,#d8b7f4 14% 16%,transparent 17%),linear-gradient(145deg,#0a061a,#512d81 58%,#376ac5);box-shadow:inset 0 0 24px rgba(228,155,255,.28)}
.theme-preview-yuexiang i{border:1px solid rgba(244,215,255,.55);border-radius:18px 18px 6px 6px}.theme-preview-yuexiang::before{content:"◇ ✦";position:absolute;right:8px;bottom:8px;color:#f4d9ff;font-size:10px}
.theme-preview-taixuan{background:radial-gradient(ellipse at 24% 73%,rgba(241,247,229,.75),transparent 30%),linear-gradient(155deg,#e7efe0 0 42%,#4e9786 43% 68%,#0d3d38 69%);box-shadow:inset 0 0 22px rgba(255,255,255,.35)}
.theme-preview-taixuan i{border:1px solid rgba(226,198,124,.65);border-radius:50%;background:rgba(231,242,225,.35)}.theme-preview-taixuan::before{content:"云海";position:absolute;right:8px;top:7px;color:#1b5b52;font-size:8px;font-weight:800}
.theme-preview-jinque{background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(233,194,103,.08) 15px 16px),linear-gradient(145deg,#160405 0 34%,#8d171e 35% 69%,#ddb657 70%);box-shadow:inset 0 0 22px rgba(233,194,103,.18)}
.theme-preview-jinque i{border:1px solid rgba(255,225,150,.62);border-radius:8px}.theme-preview-jinque::before{content:"御制";position:absolute;right:8px;top:7px;color:#ffe19a;font-size:8px;font-weight:900}
.theme-entry-preview.xingqiong{background:radial-gradient(circle at 73% 22%,#f4d77e 0 2px,transparent 3px),linear-gradient(135deg,#050818,#372264 58%,#0a3558)}
.theme-entry-preview.hermes{background:repeating-radial-gradient(circle at 65% 50%,transparent 0 7px,rgba(217,173,92,.5) 8px 9px,transparent 10px 16px),linear-gradient(135deg,#071311,#285747)}
.theme-entry-preview.yuexiang{background:radial-gradient(circle at 72% 27%,#fff 0 12%,transparent 13%),linear-gradient(135deg,#09051a,#583083 55%,#3e75d2)}
.theme-entry-preview.taixuan{background:radial-gradient(ellipse at 28% 72%,rgba(244,248,232,.8),transparent 32%),linear-gradient(135deg,#e7eee0 0 43%,#4c9483 44% 70%,#103e39 71%)}
.theme-entry-preview.jinque{background:linear-gradient(135deg,#160405 0 38%,#981d23 39% 70%,#ddb657 71%)}

/* 主题选择页在五境中也保持内容清楚 */
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="jinque"]) .theme-choice{background:var(--realm-panel);color:var(--realm-panel-text);border-color:var(--realm-line)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="jinque"]) .theme-choice small{color:var(--realm-panel-muted)}
html[data-theme="taixuan"] .theme-choice{background:rgba(241,245,233,.94);color:#17302f;border-color:rgba(177,151,93,.36)}
html[data-theme="taixuan"] .theme-choice small{color:#607873}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .motion-setting{background:var(--realm-panel);color:var(--realm-panel-text);border-color:var(--realm-line)}
html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .motion-setting small{color:var(--realm-panel-muted)}

/* 动画：仅 transform / opacity / filter，避免持续布局和服务器参与 */
@keyframes v240Orbit{to{transform:rotate(360deg)}}
@keyframes v240StarField{0%{transform:translate3d(-1.2%,0,0);opacity:.64}100%{transform:translate3d(1.3%,-1.1%,0);opacity:.88}}
@keyframes v240Aurora{0%{transform:translate3d(-2%,1%,0) scale(1);opacity:.62}100%{transform:translate3d(2%,-1.5%,0) scale(1.05);opacity:.94}}
@keyframes v240Twinkle{0%,100%{opacity:.18;transform:scale(.65)}48%{opacity:1;transform:scale(1.35)}}
@keyframes v240SparkRise{0%{opacity:0;transform:translate3d(0,38px,0) scale(.5)}22%{opacity:.95}100%{opacity:0;transform:translate3d(20px,-92px,0) scale(1.2)}}
@keyframes v240AlchemyPulse{0%,100%{transform:scale(.94) rotate(-2deg);filter:brightness(.88)}50%{transform:scale(1.06) rotate(2deg);filter:brightness(1.25)}}
@keyframes v240MoonDrift{0%{transform:translate3d(-.8%,0,0);filter:brightness(.92)}100%{transform:translate3d(.8%,.7%,0);filter:brightness(1.12)}}
@keyframes v240PrismFlow{0%{transform:rotate(-2deg) scale(1);opacity:.58}100%{transform:rotate(3deg) scale(1.08);opacity:.92}}
@keyframes v240TarotFloat{0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}50%{transform:translate3d(8px,-18px,0) rotate(4deg)}}
@keyframes v240CrystalDrift{0%,100%{opacity:.18;transform:translate3d(0,14px,0) rotate(0) scale(.7)}50%{opacity:.9;transform:translate3d(14px,-20px,0) rotate(90deg) scale(1.25)}}
@keyframes v240MistBreath{0%{transform:translate3d(-2%,0,0) scale(1);opacity:.52}100%{transform:translate3d(2%,1%,0) scale(1.06);opacity:.86}}
@keyframes v240CloudSea{0%{transform:translate3d(-2.5%,0,0);opacity:.55}100%{transform:translate3d(2.5%,-1%,0);opacity:.90}}
@keyframes v240CloudDrift{0%{transform:translate3d(-34px,0,0)}50%{transform:translate3d(22px,-8px,0)}100%{transform:translate3d(58px,0,0)}}
@keyframes v240JadePulse{0%,100%{transform:scale(.94);filter:brightness(.90)}50%{transform:scale(1.07);filter:brightness(1.20)}}
@keyframes v240MoteFloat{0%,100%{opacity:.15;transform:translate3d(0,20px,0) scale(.7)}50%{opacity:.95;transform:translate3d(12px,-28px,0) scale(1.15)}}
@keyframes v240ImperialCloud{0%{transform:translate3d(-2%,0,0);opacity:.48}100%{transform:translate3d(2%,.5%,0);opacity:.86}}
@keyframes v240ImperialPulse{0%,100%{transform:scale(.96) rotate(-1deg);filter:brightness(.9)}50%{transform:scale(1.04) rotate(1deg);filter:brightness(1.18)}}
@keyframes v240GoldDust{0%{opacity:0;transform:translate3d(0,28px,0) scale(.6)}25%{opacity:.9}100%{opacity:0;transform:translate3d(16px,-82px,0) scale(1.1)}}
@keyframes v240StellarReveal{0%{opacity:0;transform:translate3d(0,20px,0) scale(.96);filter:blur(6px)}100%{opacity:1;transform:none;filter:none}}
@keyframes v240AlchemyReveal{0%{opacity:0;transform:perspective(500px) rotateX(-12deg) translateY(18px);filter:sepia(.7)}100%{opacity:1;transform:none;filter:none}}
@keyframes v240TarotReveal{0%{opacity:0;transform:translate3d(0,22px,0) rotate(-1.5deg) scale(.96);filter:blur(5px)}100%{opacity:1;transform:none;filter:none}}
@keyframes v240CloudReveal{0%{opacity:0;transform:translate3d(0,28px,0);filter:blur(8px)}100%{opacity:1;transform:none;filter:none}}
@keyframes v240ImperialReveal{0%{opacity:0;transform:translate3d(0,18px,0) scale(.98);clip-path:inset(0 50% 0 50% round 20px)}100%{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 20px)}}

@media(max-width:390px){
  .theme-fx-orbit{transform:scale(.82)}
  html[data-theme="xingqiong"] .theme-fx-orbit{right:-260px}
  html[data-theme="hermes"] .theme-fx::after{right:-350px}
  html[data-theme="yuexiang"] .theme-fx-orbit{right:-215px}
  html[data-theme="taixuan"] .theme-fx-orbit{right:-235px}
  html:is([data-theme="xingqiong"],[data-theme="hermes"],[data-theme="yuexiang"],[data-theme="taixuan"],[data-theme="jinque"]) .home-hero{padding:16px 15px}
}

