@import url('/assets/fonts/gd-cjk-subset.css?v=20261016-cjk-complete');
/* Shared surfaces for linked pages. Chart balls and prediction colours remain semantic. */
html:where([data-theme-page]:not([data-theme-page="home"]):not([data-theme-page="admin"])){--site-bg:#fbf9f5;--site-panel:#f5f0e7;--site-ink:#352d25;--site-muted:#766d63;--site-line:#e8dfd1;--site-gold:#9d702d;--site-link:#537777}
html[data-site-mode="dark"]{--site-bg:#152231;--site-panel:#1c2e40;--site-ink:#f4ebdf;--site-muted:#b6b3ae;--site-line:#364757;--site-gold:#f7d78b;--site-link:#a2c8c5}
html[data-site-theme="almanac-light"]{--site-bg:#f4ead5;--site-panel:#fff8e9;--site-ink:#382719;--site-muted:#80684e;--site-gold:#986526}
html[data-site-theme="almanac-dark"]{--site-bg:#1f1710;--site-panel:#2a2015;--site-ink:#f1dfb9;--site-muted:#baa57f;--site-line:#59442a;--site-gold:#e0a838}
html[data-site-theme="star-light"]{--site-bg:#e8d5f5;--site-panel:#faf3ff;--site-ink:#382a44;--site-muted:#6b5875;--site-gold:#906604;--site-link:#0a72bd}
html[data-site-theme="star-dark"]{--site-bg:#140b2b;--site-panel:#1f1442;--site-ink:#eee9f8;--site-muted:#b8aeca;--site-gold:#f5c518;--site-link:#46e0d4}
html[data-theme-page]:not([data-theme-page="home"]):not([data-theme-page="admin"]){background:var(--site-bg);--void:var(--site-bg);--panel:var(--site-panel);--panel-hi:var(--site-panel);--tx:var(--site-ink);--tx2:var(--site-muted);--tx3:var(--site-muted);--line:var(--site-line);--line2:var(--site-line);--gold:var(--site-gold);--gold-hi:var(--site-gold);--gold-tx:var(--site-gold);--han:var(--site-link);--card-bg:var(--site-panel);--card-border:var(--site-line);--lt-tx:var(--site-ink);--lt-tx2:var(--site-muted);--lt-tx3:var(--site-muted);--lt-gold:var(--site-gold);--lt-han:var(--site-link)}
html[data-theme-page]:not([data-theme-page="home"]):not([data-theme-page="admin"]) body{background:var(--site-bg)!important;color:var(--site-ink)}
html[data-theme-page]:not([data-theme-page="home"]):not([data-theme-page="admin"]) :is(.gd-topbar,.gd-tabbar,.font-control){background:var(--site-bg)!important;border-color:var(--site-line)!important;color:var(--site-ink)}
html[data-theme-page]:not([data-theme-page="home"]):not([data-theme-page="admin"]) :is(.card,.tool-link,.el,.intro-card,.rule-card,.selector-card,.result-card,.header-card,.draw-card,.report-item,.set-card){background:var(--site-panel)!important;border-color:var(--site-line)!important;box-shadow:none}
html[data-theme-page]:not([data-theme-page="home"]):not([data-theme-page="admin"]) :is(h1,.header-title,.gd-brand b,.gd-tabbar a,.tb-theme,.font-control button){color:var(--site-ink)!important;text-shadow:none}
html[data-theme-page]:not([data-theme-page="home"]):not([data-theme-page="admin"]) :is(.back-link,.src-link){color:var(--site-link)!important}
html[data-theme-page]:not([data-theme-page="home"]):not([data-theme-page="admin"]) :is(.sub,.note,.result-note,.fc-label){color:var(--site-muted)!important}
html[data-theme-page="account"][data-site-theme^="modern"] #sparkle-canvas{display:none}
html[data-theme-page="account"][data-site-theme^="modern"] body::before{display:none}
@media(prefers-reduced-motion:reduce){html[data-theme-page] *,html[data-theme-page] *::before,html[data-theme-page] *::after{transition-duration:0s!important}}

/* Shared modern typography for all pages reached from My. */
@font-face{font-family:"GD Shared Text";src:url('/assets/fonts/gd-text.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"GD Shared Brand";src:url('/assets/fonts/gd-brand.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
html[data-site-theme^="modern"][data-theme-page]:not([data-theme-page="home"]):not([data-theme-page="admin"]){--sans:"GD Shared Text","GD CJK","Noto Serif TC","Source Han Serif TC","Songti TC","PMingLiU",serif;--serif:var(--sans);font-family:var(--sans);font-size:16px;line-height:1.6}
html[data-site-theme^="modern"][data-theme-page]:not([data-theme-page="home"]):not([data-theme-page="admin"]) :is(body,button,input,select,textarea,p,h1,h2,h3,h4,a,summary,label,.gd-brand-zh){font-family:"GD Shared Text","GD CJK","Noto Serif TC","Source Han Serif TC","Songti TC","PMingLiU",serif!important;letter-spacing:normal}
html[data-site-theme^="modern"] :is(.gd-brand b,.gd-brand-zh){font-family:"GD Shared Brand","Noto Serif TC",serif!important}
html[data-site-theme^="modern"][data-theme-page="related"] :is(h1,h2,h3){text-shadow:none!important;background:none!important;-webkit-text-fill-color:var(--site-ink);color:var(--site-ink)!important}
html[data-site-theme^="modern"][data-theme-page="related"] :is(.card,.tool-link,.intro-card,.rule-card,.selector-card,.result-card){border-radius:16px!important;padding:20px;border:1px solid var(--site-line)!important}
html[data-site-theme^="modern"][data-theme-page="related"] :is(input,select,textarea){font:inherit;color:var(--site-ink);background:var(--site-bg);border:1px solid var(--site-line);border-radius:10px}
.related-return{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px max(20px,env(safe-area-inset-left));padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid var(--site-line);background:var(--site-bg);color:var(--site-ink)}
.related-return a{display:inline-flex;align-items:center;min-height:32px;text-decoration:none;color:var(--site-gold);font-size:15px}.related-return span{font-size:12px;color:var(--site-muted)}
html[data-from-me="true"] .gd-topbar{position:relative;top:auto}html[data-from-me="true"] body{padding-top:0!important}
html[data-from-me="true"][data-theme-page="related"] :is(.wrap,.container,.page-wrap){max-width:960px;margin-inline:auto}
@media(max-width:480px){html[data-from-me="true"] :is(.wrap,.container,.page-wrap){padding-left:18px;padding-right:18px}.related-return{padding-inline:18px}}
/* The return bar must not become a sibling column in legacy flex-body layouts. */
html[data-from-me="true"] body{display:block!important;padding:0 0 40px!important}
html[data-from-me="true"] .related-return{width:100%}
html[data-from-me="true"] .content{width:calc(100% - 36px);max-width:960px;margin:20px auto}
html[data-from-me="true"] [data-return-me]{display:none}
html[data-site-theme^="modern"][data-theme-page="related"] :is(p,li,.updated,.gd-footer,footer,.feat span){color:var(--site-muted)}
html[data-site-theme^="modern"][data-theme-page="related"] :is(strong,p b,li b,.feat b){color:var(--site-ink)}
html[data-site-theme^="modern"][data-theme-page="related"] :is(.feat,.feature,.info-box){background:var(--site-bg);border-color:var(--site-line);box-shadow:none}
html[data-site-theme^="modern"][data-theme-page="related"] :is(footer a,.gd-footer a){color:var(--site-gold)}

/* Modern related-page system: one chrome, token palette and component vocabulary. */
html[data-modern-shell="true"]{--raise:var(--site-bg);--panel-lo:var(--site-bg);--teal-light:var(--site-link);--teal:var(--site-link);--white:var(--site-ink);--shadow:none;--line2:var(--site-line);--gold-lo:var(--site-line);--gold-dim:var(--site-gold)}
html[data-modern-shell="true"] body{display:block!important;padding:0 0 max(28px,env(safe-area-inset-bottom))!important;font-size:16px;line-height:1.7}
html[data-modern-shell="true"] body::before,html[data-modern-shell="true"] #sparkle-canvas,html[data-modern-shell="true"] :is(.gd-topbar,.gd-tabbar,.set-back,.back-link,.tb-slogan){display:none!important}
.related-return{display:none}
html[data-modern-shell="true"] .related-return{display:block;width:100%;padding:0;border:0;background:var(--site-bg);font-family:"GD Shared Text",serif}
.related-brand-row,.related-page-row{max-width:1000px;margin:auto;display:flex;align-items:center;padding:16px 24px;gap:14px}
.related-brand-row{padding-top:max(16px,env(safe-area-inset-top));justify-content:space-between}.related-brand{gap:10px!important;min-height:44px!important}.related-brand img{object-fit:contain}.related-brand>span{display:flex;flex-direction:column;gap:4px}.related-brand b{font-family:"GD Shared Brand",serif;font-size:25px;line-height:1.2;color:#32293f}.related-brand-last{color:#a744a4}.related-brand small{font-size:10px;letter-spacing:.3em;color:var(--site-gold)}
html[data-site-mode="dark"] .related-brand b{color:#f6e8ff}html[data-site-mode="dark"] .related-brand-last{color:#dca6ed}
.related-mode,.related-back{width:44px;height:44px;display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--site-line);border-radius:50%;background:transparent;color:var(--site-gold)!important;cursor:pointer}.related-mode svg,.related-back svg{width:24px;height:24px}.related-page-row{border-bottom:1px solid var(--site-line);padding-top:8px;padding-bottom:18px}.related-page-row h1{font:500 clamp(20px,3vw,26px)/1.4 "GD Shared Text",serif!important;margin:0!important;background:none!important;color:var(--site-ink)!important;-webkit-text-fill-color:var(--site-ink)!important}.related-caption{margin-left:auto;white-space:nowrap}
html[data-modern-shell="true"] :is(.shell,.wrap,.container,.page-wrap,.content){width:calc(100% - 48px)!important;max-width:952px!important;margin:24px auto!important;padding:0!important;min-width:0}
html[data-modern-shell="true"] :is(.header-card,.hero){text-align:left;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none;padding:0 0 16px!important}
html[data-modern-shell="true"] :is(.header-title,.hero h1,.wrap>h1,.content>h1){display:none}
html[data-modern-shell="true"] :is(.card,.intro-card,.draw-card,.selector-card,.result-card,.rule-card,.tool-link,.report-item,.set-card,.feat,.ex-box,.vip-card,.invite-box){background:var(--site-panel)!important;border:1px solid var(--site-line)!important;border-radius:16px!important;box-shadow:none!important;backdrop-filter:none;color:var(--site-ink)!important}
html[data-modern-shell="true"] :is(.card,.intro-card,.draw-card,.rule-card,.selector-card,.result-card){padding:22px!important}
html[data-modern-shell="true"] :is(.card-title,h2,h3){font-weight:500!important;color:var(--site-ink)!important;text-shadow:none!important}
html[data-modern-shell="true"] :is(.header-eyebrow,.eyebrow,.panel-eyebrow,.header-period,.draw-date,.hint,.note,.sub,.tl-sub,.set-lb,.fc-label){color:var(--site-muted)!important;font-size:13px!important;line-height:1.65}
html[data-modern-shell="true"] :is(.intro-card,.ex-box,.set-row,.set-sec,p,li){font-size:15px;line-height:1.8}
html[data-modern-shell="true"] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font:inherit!important;color:var(--site-ink)!important;background:var(--site-bg)!important;border:1px solid var(--site-line)!important;border-radius:10px!important;min-height:44px;max-width:100%;box-shadow:none!important}
html[data-modern-shell="true"] :is(.btn-primary,.btn-ics,.set-btn,.model-btn,.lang-btn,.seg button,.theme-btn,.gd-font-ctl button,.ctrl-btn){font-family:"GD Shared Text",serif!important;min-height:44px;border-radius:10px;background:var(--site-bg);color:var(--site-ink);border:1px solid var(--site-line);box-shadow:none!important;text-shadow:none}
html[data-modern-shell="true"] .btn-primary{background:var(--site-ink)!important;color:var(--site-bg)!important;border:0!important;letter-spacing:normal}
html[data-modern-shell="true"] :is(.seg button.active,.model-btn.active,.lang-btn.active){background:color-mix(in srgb,var(--site-gold) 12%,var(--site-bg))!important;border-color:var(--site-gold)!important;color:var(--site-gold)!important}
html[data-modern-shell="true"] .set-sec{padding:18px 0;border-color:var(--site-line)!important}html[data-modern-shell="true"] .set-row{gap:16px;padding:12px 0;align-items:center}html[data-modern-shell="true"] .set-row>span{min-width:0}html[data-modern-shell="true"] .set-row button{flex-shrink:0}
html[data-modern-shell="true"] .legacy-theme-options>.seg:has(#th-fam-star),html[data-modern-shell="true"] .legacy-theme-options>.set-lb:first-child{display:none}
html[data-modern-shell="true"] .font-control{position:static!important;width:fit-content;margin:16px auto!important;box-shadow:none!important;border:1px solid var(--site-line);border-radius:24px;padding:6px 12px}
html[data-modern-shell="true"] :is(.gd-brand-text,.tl-ico,.badge,.num,.hl){color:var(--site-gold)!important;text-shadow:none!important}
html[data-modern-shell="true"] footer{margin:28px 0;font-size:12px;line-height:1.8;color:var(--site-muted)}
@media(max-width:600px){.related-brand-row,.related-page-row{padding-inline:18px}.related-caption{display:none}html[data-modern-shell="true"] :is(.shell,.wrap,.container,.page-wrap,.content){width:calc(100% - 36px)!important;margin:18px auto!important}html[data-modern-shell="true"] :is(.card,.intro-card,.draw-card,.rule-card,.selector-card,.result-card){padding:18px!important}html[data-modern-shell="true"] .grid2{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html[data-modern-shell="true"] *,html[data-modern-shell="true"] *::before,html[data-modern-shell="true"] *::after{animation:none!important;scroll-behavior:auto!important}}
html[data-modern-shell="true"] :is(.demo-board,#gd-hero){display:none!important}
html[data-modern-shell="true"] :is(.install-banner,.ib-sheet,.dob-sheet,.danger-box){background:var(--site-panel)!important;border-color:var(--site-line)!important;color:var(--site-ink)!important;box-shadow:0 8px 30px #0002}
html[data-modern-shell="true"] .install-banner :is(button,b){color:var(--site-ink)}
html[data-modern-shell="true"][data-theme-page="account"][data-account-section] body.gd-authed .shell{display:block!important;max-width:952px!important}
html[data-modern-shell="true"][data-theme-page="account"][data-account-section] body.gd-authed :is(.rail-left,.rail-main,.rail-right){display:contents!important}
html[data-modern-shell="true"][data-theme-page="account"][data-account-section] body.gd-authed :is(.m-sec,#tomorrow-banner,.vip-gate,.trial-nudge){display:none!important}
html[data-modern-shell="true"][data-account-section="invite"] body.gd-authed .shell :is(.rail-left,.rail-main,.rail-right)>.card:not(#referral-card):not(#register-card):not(#reset-card),html[data-modern-shell="true"][data-account-section="reports"] body.gd-authed .shell :is(.rail-left,.rail-main,.rail-right)>.card:not(#win-card):not(#register-card):not(#reset-card),html[data-modern-shell="true"][data-account-section="profile"] body.gd-authed .shell :is(.rail-left,.rail-main,.rail-right)>.card:not(#profile-card):not(#register-card):not(#reset-card){display:none!important}
html[data-modern-shell="true"] :is(.intro-card,.header-period,.draw-card,.legend,.rule-card,.report-item,.ref-sub,.ref-step,.win-sub,.set-row,.ex-box){color:var(--site-ink)!important}
html[data-modern-shell="true"] :is(.intro-card strong,.header-title span){color:var(--site-gold)!important}
html[data-modern-shell="true"] .btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;text-decoration:none;font-size:15px;font-weight:500}
html[data-modern-shell="true"] .font-control button{min-width:36px;min-height:36px;border:0;background:transparent;color:var(--site-ink);font:inherit}
html[data-modern-shell="true"] .ib-btn{background:var(--site-gold);color:var(--site-bg)!important;border:0;border-radius:10px;min-height:40px;font:inherit}
