@font-face{font-family:Brush;src:url('../../assets/fonts/MaShanZheng-Regular.ttf')}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;overflow:hidden;background:#1e3d32;color:#284c3b;font:20px/1.6 'PingFang SC',sans-serif}button,input,a{font:inherit}button,a{cursor:pointer}button{padding:10px 20px;color:#31503d;border:1px solid #aca27a;background:#eee9d6}button:hover{background:#dae0c8}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #b79450;outline-offset:3px}#stage{position:absolute;transform-origin:0 0;width:1920px;height:1080px;border:12px double #a69a6d;background:linear-gradient(100deg,#e8e4d3ec,#e5e6d4ee),url('../../assets/backgrounds/1-18.png') center/cover}header{position:absolute;top:30px;left:55px;right:55px;height:104px;display:flex;align-items:center;gap:40px;border-bottom:1px solid #a6a17e}.brand{font-size:23px;letter-spacing:3px}.brand small{display:block;font:10px/2 sans-serif;color:#868267;letter-spacing:3px}h1{font:66px Brush;margin:0;letter-spacing:8px}header p{font:24px Brush;color:#917948}header a{margin-left:auto;text-decoration:none;color:inherit;border:1px solid #aaa17b;padding:10px 20px;font-size:16px}.intro{position:absolute;top:160px;left:65px}.intro h2{font:38px Brush;margin:0}.intro p{font-size:18px;color:#78856b;margin-top:10px}#books{position:absolute;left:65px;right:65px;top:278px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.book{border:1px solid #b2a67b;padding:25px;background:linear-gradient(125deg,#f4eedb,#dddcc5);box-shadow:0 12px 30px #35523d22;position:relative;height:603px}.book:before{content:'';position:absolute;inset:7px;border:1px solid #beb28d;pointer-events:none}.book .number{font-size:13px;color:#968058;letter-spacing:2px}.book h2{font:45px Brush;letter-spacing:6px;margin:10px 0 5px}.book h3{font:20px 'PingFang SC';margin:8px 0 20px;color:#6d7a59}.book img{width:100%;height:253px;object-fit:contain;background:#d7d7c6;border:1px solid #b7af8c}.book p{font-size:16px;color:#7e876d;margin:19px 0}.book button{width:100%;font-size:18px;background:#365d47;color:#efe5c5}.book.pending{filter:saturate(.7)}.book.pending button{background:#a0a68b;color:#fff}.home-note{position:absolute;top:930px;left:180px;right:180px;display:flex;justify-content:space-between;color:#917b4b;font-size:18px}.home-note i{color:#aaa67d}.practice-top{position:absolute;left:60px;right:60px;top:155px;display:flex;align-items:center;gap:25px}.practice-top small{color:#9a8050;font-size:13px;letter-spacing:3px}.practice-top h2{font:32px Brush;margin:0}.practice-top button{margin-left:auto;font-size:16px}.practice-top>span{font-size:15px;color:#7d8a70}.reference{position:absolute;left:60px;top:252px;width:555px}.section-title{display:flex;justify-content:space-between;font-size:22px;margin-bottom:12px;letter-spacing:2px}.section-title small,.section-title span{font-size:13px;color:#859174;letter-spacing:0}.reference-image{height:461px;position:relative;padding:22px;border:1px solid #aaa07d;background:#d2d6c5;display:flex;align-items:center}.reference-image img{width:100%;max-height:100%;object-fit:contain}.reference-image button{position:absolute;bottom:15px;right:15px;font-size:14px;padding:8px 14px;background:#ede8d6ed}.reference p{font-size:17px;line-height:1.8;color:#7c896a}.reference label{font-size:16px;display:block;margin-top:21px}.reference input{display:block;width:100%;padding:11px;border:1px solid #b5ad89;background:#f0ebd9;margin-top:9px;color:#31513d}.reference .subtle{font-size:13px;color:#92977e}.writing{position:absolute;left:675px;top:252px;width:690px}#paper{width:690px;height:690px;background-color:#f8f2df;box-shadow:0 8px 25px #324d3820;border:1px solid #b8aa80;background-image:linear-gradient(#b9a58133 1px,transparent 1px),linear-gradient(90deg,#b9a58133 1px,transparent 1px);background-size:25% 25%}#paper.no-grid{background-image:none}#ink{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.tools{position:absolute;left:1420px;right:60px;top:265px;display:flex;flex-direction:column;gap:17px}.tools h3{font:34px Brush;margin:0}.tools label{font-size:17px;color:#788466}.tools input{display:block;width:100%;accent-color:#42684d}.tools output{font-size:13px}.colors,.history{display:flex;gap:10px}.colors button,.history button{flex:1;font-size:16px}.colors button[aria-pressed=true]{background:#3d614a;color:#f2e5bd}.tools>button{font-size:17px}.tools p{font:22px/1.8 Brush;color:#849173;margin:8px 0}.primary{background:#325c45;color:#f1e5c0!important;border-color:#325c45}.tools #finish{font-size:22px;padding:17px}.tools #finish small{font-size:13px}#write-status{font-size:13px;color:#889473}.result-heading{position:absolute;left:90px;top:170px}.result-heading h2{font:40px Brush;margin:0}.result-heading p{font-size:16px;color:#7b886b}#result-image{position:absolute;left:150px;top:287px;width:555px;height:679px;object-fit:contain;box-shadow:0 15px 35px #23442e35}.result-actions{position:absolute;left:940px;top:185px;width:650px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.result-actions>small{color:#9a814d;letter-spacing:4px}.result-actions h3{font:36px Brush;margin:0 0 12px}.result-actions button{width:395px;font-size:18px}#qr-area{width:310px;min-height:310px;padding:18px;background:#fffdf3;border:1px solid #b8aa82;display:flex;align-items:center;justify-content:center;flex-direction:column}#qr{width:272px;height:272px}#qr-status{font-size:16px;color:#657b5d;white-space:pre-line}#qr-area:has(img:not([hidden])) #qr-status{font-size:12px;margin-top:7px}#expiry{font-size:14px;color:#899371;margin:0}#mobile-link{font-size:15px;color:#887143}.result-actions #retry{font-size:14px;background:transparent;border:0;padding:0}footer{position:absolute;bottom:17px;left:55px;right:55px;display:flex;justify-content:space-between;border-top:1px solid #ada783;padding-top:12px;color:#708369;font-size:14px}footer small{font-size:12px;color:#899477}dialog{width:min(1150px,92vw);background:#e8e5d3;color:#31513c;border:2px solid #a89565;padding:30px}dialog::backdrop{background:#193b30d9}dialog h2{font:33px Brush;margin:0}.zoom-controls{display:flex;gap:10px;margin:15px 0}.zoom-controls button{font-size:16px;padding:7px 20px}#close-image{position:absolute;right:15px;top:12px;font-size:25px;padding:3px 16px}#zoom-area{height:60vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#c8cfbd;touch-action:none}#zoom-image{max-width:85%;max-height:90%;pointer-events:none}