@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@500;700;900&family=Noto+Sans+TC:wght@400;600;800&display=swap";:root{--blue:#60a5fa;--cyan:#38bdf8;--violet:#c084fc;--glass:#060c1c8f;--border:#93c5fd52;--font-serif:"Noto Serif TC", serif;--font-body:"Noto Sans TC", sans-serif}*{box-sizing:border-box}html,body,#root{color:#f8fbff;width:100%;height:100%;font-family:var(--font-body);background:#020617;margin:0;overflow:hidden}button,a{font:inherit}.liuli-app{background:radial-gradient(circle at 50% 45%,#38bdf842,#0000 34%),radial-gradient(circle at 80% 20%,#c084fc29,#0000 28%),#020617;position:fixed;inset:0;overflow:hidden}.liuli-app:after{content:"";pointer-events:none;opacity:.4;background:linear-gradient(120deg,#0000 15%,#ffffff14,#0000 45%),repeating-linear-gradient(#ffffff0a 0 1px,#0000 1px 6px);position:fixed;inset:0}.liuli-top{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:fixed;top:24px;left:24px;right:24px}.liuli-top>*{pointer-events:auto}.liuli-brand,.cultivation-panel,.trial-dock,.liuli-top nav a{border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 55px #0000006b,inset 0 0 30px #60a5fa14}.liuli-brand{border-radius:24px;align-items:center;gap:14px;min-width:min(380px,82vw);padding:15px 18px;display:flex}.liuli-brand svg{color:var(--cyan);filter:drop-shadow(0 0 14px #38bdf8b3)}.liuli-brand p,.kicker{color:#bae6fd;letter-spacing:.24em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:900}.liuli-brand h1,.cultivation-panel h2{font-family:var(--font-serif);letter-spacing:.16em;text-shadow:0 0 24px #93c5fd8f;margin:0;font-weight:900}.liuli-top nav{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.liuli-top nav a{color:#ffffffe0;border-radius:999px;padding:10px 14px;text-decoration:none}.cultivation-panel{z-index:10;border-radius:28px;width:min(420px,34vw);padding:24px;position:fixed;top:50%;right:28px;transform:translateY(-50%)}.cultivation-panel p:not(.kicker){color:#f1f5f9c7;line-height:1.78}.stat-stack{gap:10px;margin:16px 0;display:grid}.stat{gap:7px;display:grid}.stat div{color:#ffffffe0;align-items:center;gap:8px;display:flex}.stat b{font-family:var(--font-serif);margin-left:auto}.stat i{border-radius:999px;height:7px;transition:width .35s;display:block;box-shadow:0 0 18px}.action-grid{gap:10px;display:grid}.action-grid button,.trial-dock button{cursor:pointer;color:#fff;border:1px solid #ffffff1f;transition:transform .2s,border-color .2s,background .2s}.action-grid button{text-align:left;background:#ffffff0f;border-radius:18px;min-height:64px;padding:12px 14px}.action-grid button span{color:#bae6fd;margin-bottom:5px;font-size:.78rem;display:block}.action-grid button:hover,.trial-dock button:hover{border-color:#bae6fdb8;transform:translateY(-2px)}.trial-dock{z-index:10;border-radius:28px;gap:12px;padding:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.trial-dock button{background:#ffffff12;border-radius:18px;justify-content:center;align-items:center;gap:9px;min-width:132px;padding:12px 16px;display:flex}.trial-dock button.active{background:#38bdf829;border-color:#bae6fde0;box-shadow:0 0 28px #38bdf83d}@media (width<=900px){.liuli-top{top:14px;left:14px;right:14px}.liuli-top nav{display:none}.cultivation-panel{width:auto;padding:16px;inset:auto 14px 114px;transform:none}.cultivation-panel h2{font-size:1.2rem}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-grid button{min-height:58px;padding:9px;font-size:.88rem}.action-grid button span{display:none}.trial-dock{bottom:14px;left:14px;right:14px;overflow-x:auto;transform:none}.trial-dock button{min-width:112px;font-size:.86rem}}