@font-face{font-family:ShiyuBrush;src:url('fonts/MaShanZheng.ttf') format('truetype');font-display:swap}@font-face{font-family:LXGWSeal;src:url('fonts/LXGWSeal-Regular.ttf') format('truetype');font-display:swap}
:root{--play-accent:#477253;--play-bright:#8cb58d;--play-paper:#edf0e4;--play-ink:#293f32}body{font-family:STSong,SimSun,'Songti SC',serif;background:var(--play-paper);transition:background-color .65s,color .5s}body[data-font=brush]{--title-font:ShiyuBrush,KaiTi,serif}body[data-font=song]{--title-font:STSong,SimSun,serif}body[data-font=kai]{--title-font:KaiTi,STKaiti,serif}.hero h1,.shiyu-content h1,.gf-heading h2,.gf-silk-heading p,.gf-screen-reading h3,.jewel-info h4,.gd-name,.shiyu-brand{font-family:var(--title-font);font-weight:400}.shiyu-content h1{letter-spacing:6px;font-size:clamp(45px,6.3vw,89px);line-height:1.24}.hero h1{letter-spacing:9px}.shiyu-content h1{background:linear-gradient(110deg,#f5efdf,var(--play-bright),#f5efdf);background-clip:text;-webkit-background-clip:text}.shiyu-brand{font-size:29px}.gf-panel-name{font-family:LXGWSeal,serif;font-size:52px}.gf-panel-name small{font-family:KaiTi,serif;font-size:16px}.gf-reading-mark{font-family:LXGWSeal,serif;font-size:62px}.gf-screens .ag-panel{border-color:color-mix(in srgb,var(--play-accent) 65%,#b09d72)}.gf-screen-reading{background:color-mix(in srgb,var(--play-paper) 78%,var(--play-accent) 22%)}.gf-reading-mark{border-color:var(--play-accent)}.gf-heading h2,.gf-screen-reading h3{color:var(--play-ink)}.gf-preview-bar{background:color-mix(in srgb,var(--play-paper) 90%,var(--play-accent) 10%)}.shiyu-content button,.nav-links button,.chip,.sc,.mg-box,.wx-switch button{transition:color .25s,background .25s,border-color .25s,box-shadow .25s,transform .25s}.sc:hover,.chip:hover,.mg-box:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--play-accent) 22%,transparent)}.sc.active,.mg-box.active{border-color:var(--play-accent)}.nav-links button.active:after{background:var(--play-bright)}.gf-water{background:color-mix(in srgb,var(--play-paper) 90%,var(--play-accent) 10%)}.gf-water-copy{background:linear-gradient(90deg,color-mix(in srgb,var(--play-paper) 90%,transparent),transparent 85%)}
.wx-play-dock{position:fixed;left:24px;bottom:24px;z-index:95;color:#ebe3cb;font-family:STSong,SimSun,serif}.wx-play-dock button{font-family:inherit;cursor:pointer}#wxPlayToggle{display:flex;align-items:center;gap:11px;border:1px solid #d3bd7f88;color:#e9dfc2;background:#182b25f2;box-shadow:0 5px 25px #0002;padding:10px 17px;font-size:13px;letter-spacing:2px}.wx-toggle-seal{font-family:LXGWSeal,serif;font-size:24px;border:1px solid #c1a76b;padding:2px 5px;line-height:1.1;color:var(--play-bright)}#wxPlayPanel{position:absolute;bottom:72px;left:0;width:365px;max-width:calc(100vw - 32px);padding:25px;background:#152820fa;border:1px solid #a28e57;box-shadow:0 20px 80px #0006;max-height:calc(100svh - 120px);overflow-y:auto;backdrop-filter:blur(18px)}#wxPlayPanel[hidden]{display:none}.wx-panel-title{display:flex;gap:15px;justify-content:space-between;align-items:start}.wx-panel-title span{font-size:10px;color:#b6a87d;letter-spacing:3px}.wx-panel-title h2{font-family:var(--title-font);font-size:25px;line-height:1.7;margin:10px 0 20px;font-weight:400}.wx-panel-title button{background:none;color:#c3b793;border:0;font-size:25px;line-height:1;padding:0}.wx-palette{display:flex;gap:10px}.wx-palette button{flex:1;padding:10px 0 7px;background:transparent;border:1px solid #b9b28a55;color:#c6c5ad;min-width:0}.wx-palette b{font-family:LXGWSeal,serif;font-weight:400;display:block;font-size:30px;line-height:1.3;color:color-mix(in srgb,var(--swatch) 45%,#efe5c5)}.wx-palette button span{display:block;font-size:10px;margin-top:5px}.wx-palette button[aria-pressed=true]{border-color:var(--play-bright);background:color-mix(in srgb,var(--swatch) 35%,transparent);box-shadow:inset 0 -2px var(--play-bright)}#wxThemeNote{font-size:11px;color:#b0b79c;margin:15px 0 22px;line-height:1.8}.wx-font-options{border:0;border-top:1px solid #bfb48644;padding:17px 0 13px;margin:0;display:flex;flex-wrap:wrap;gap:12px}.wx-font-options legend{font-size:11px;letter-spacing:2px;padding-right:14px;color:#d7c596}.wx-font-options label,.wx-play-options label{font-size:12px;color:#c9ceb7;display:flex;align-items:center;gap:6px}.wx-play-dock input{accent-color:#c1a368;width:14px;height:14px;min-height:0;margin:0;padding:0}.wx-play-options{display:grid;gap:10px;border-top:1px solid #bfb48644;padding-top:17px}.wx-font-source{font-size:10px;line-height:1.9;color:#98aa94;margin:20px 0 10px}#wxSealLesson{background:none;border:0;border-bottom:1px solid #b9a46c;color:#d2bd8d;padding:4px 0;font-size:12px}.wx-pointer-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:101}.wx-reading-progress{height:3px;position:fixed;top:0;left:0;right:0;z-index:100;pointer-events:none}.wx-reading-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#d6ca9f,#689577,#6697b1,#c37962,#bca15e);transform-origin:left;transform:scaleX(0)}.gem.clickable,.jewel{transition:transform .4s,box-shadow .4s;transform-style:preserve-3d}.wx-tilting{transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 14px 26px -20px var(--play-accent)}.gem.clickable .gem-visual svg,.jewel-stage svg{transition:transform .45s}.gem.clickable:hover .gem-visual svg{transform:scale(1.07)}.wx-scroll-reveal{opacity:1}.wx-scroll-reveal.wx-in-view{animation:wx-unroll .65s ease-out both}@keyframes wx-unroll{from{opacity:.3;clip-path:inset(0 0 15% 0);transform:translateY(10px)}to{opacity:1;clip-path:inset(0);transform:none}}
.wx-seal-dialog{position:fixed;inset:0;margin:auto;width:min(620px,calc(100% - 32px));max-height:85svh;overflow:auto;border:1px solid var(--play-accent);padding:44px 35px;background:var(--play-paper);color:var(--play-ink)}.wx-seal-dialog::backdrop{background:#071710bb;backdrop-filter:blur(6px)}#wxSealClose{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;color:var(--play-ink);cursor:pointer}.wx-seal-dialog h2{font:30px/1.7 var(--title-font);margin:12px 0 25px}.wx-seal-dialog p{font-size:13px;line-height:2}.wx-seal-chart{display:flex;justify-content:space-between;gap:15px;padding:20px 0 30px}.wx-seal-chart b{font:55px LXGWSeal,serif;display:block;color:var(--play-accent)}.wx-seal-chart span{display:block;font:15px STSong,SimSun,serif;text-align:center;margin-top:15px}.wx-seal-dialog a{display:inline-block;color:var(--play-accent);font-size:12px;margin-top:16px}.shiyu-intro .wx-play-dock{visibility:hidden}
@media(max-width:600px){.shiyu-content h1{font-size:39px;letter-spacing:2px}.shiyu-brand{font-size:26px}.hero h1{letter-spacing:5px}.gf-panel-name{font-size:34px}.gf-panel-name small{font-size:12px}.gf-reading-mark{font-size:42px}.wx-play-dock{left:14px;bottom:18px}#wxPlayToggle{padding:8px 12px;font-size:11px;gap:8px}.wx-toggle-seal{font-size:20px}#wxPlayPanel{bottom:62px;width:350px;padding:22px}.wx-seal-dialog{padding:42px 24px}.wx-seal-dialog h2{font-size:25px}.wx-seal-chart{gap:10px}.wx-seal-chart b{font-size:42px}.wx-seal-chart span{font-size:13px}.wx-pointer-canvas{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.wx-pointer-canvas{display:none}.wx-scroll-reveal.wx-in-view{animation:none}.wx-tilting{transform:none}body,.gem.clickable,.jewel{transition:none}}