@charset "UTF-8";:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#243c30;background:#f5f3e9;--green:#244b38;--muted:#647464;--line:#d9decf;--lime:#ddeaac}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bc761e;outline-offset:3px}header{max-width:1200px;margin:auto;padding:26px 32px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px}header a{text-decoration:none}header nav{display:flex;gap:25px}.brand{font-weight:900;letter-spacing:2px}main{max-width:1140px;margin:auto;padding:54px 32px 70px}.eyebrow{font-size:11px;letter-spacing:3px;color:#648050;font-weight:800}h1{font-size:clamp(34px,4vw,60px);letter-spacing:-1px;line-height:1.25;margin:20px 0}h2{font-size:27px;margin:0 0 20px}h3{font-size:17px}p{line-height:1.9;color:var(--muted);font-size:15px}.lead{font-size:18px;max-width:700px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;margin-bottom:68px}.hero-art{position:relative;border-radius:5px;background:#e3e6d6;padding:18px 30px 24px;transform:rotate(2deg);box-shadow:15px 18px 0 #d1d8c2}.hero-art img{width:100%;max-height:440px;object-fit:contain;display:block}.hero-art small{display:block;text-align:center;font-size:12px;margin-top:13px}.actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.button,button{border:1px solid var(--line);border-radius:7px;padding:13px 20px;font-size:14px;text-decoration:none;display:inline-block;background:white;color:var(--green)}.button.primary,button.primary{background:var(--green);color:#f2f7dd;border-color:var(--green)}.button:hover,button:hover{filter:brightness(.96)}section.block{padding:36px 0;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.steps article{border-top:3px solid #b5c98b;padding-top:15px}.steps span{font-size:12px;color:#7c8b67}.steps p{font-size:13px}.note{padding:18px 22px;background:#e6ecd8;border-left:3px solid #78915a;border-radius:0 7px 7px 0;font-size:14px;line-height:1.9;margin:20px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.8}th,td{padding:13px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#e9eddf;color:#3a5739}td:first-child{font-weight:700;white-space:nowrap}ul,ol{line-height:2;color:var(--muted);font-size:14px;padding-left:23px}.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}.paper{background:#fffefa;border:1px solid var(--line);border-radius:8px;padding:24px}.paper img{width:100%;height:410px;object-fit:contain}.paper canvas{display:block;max-width:100%;max-height:410px;margin:auto;image-rendering:pixelated}footer{padding:25px 32px;border-top:1px solid var(--line);max-width:1140px;margin:auto;color:#718069;font-size:11px;line-height:1.8}.badge{display:inline-block;padding:5px 9px;background:#e5eacb;border-radius:3px;font-size:11px;letter-spacing:1px}.editor-layout{display:grid;grid-template-columns:minmax(280px,1fr) 330px;gap:40px}.editor-board{display:grid;gap:3px;background:#dce2d2;padding:12px;border-radius:10px;max-width:590px;margin:20px 0;touch-action:manipulation}.cell{aspect-ratio:1;padding:0;border:0;border-radius:2px;min-width:0;font-weight:700;font-size:15px}.cell.wall{background:#45634a;color:#fff}.cell.path{background:#f5f0d5}.cell.start{background:#a9c980}.cell.exit{background:#8cc9bf}.cell.gem{background:#f2cd6b}.tools{display:flex;flex-wrap:wrap;gap:7px}.tools button{padding:10px 13px}.tools button[aria-pressed=true]{background:#315e43;color:white}.field{display:block;margin:16px 0;font-size:13px;line-height:2}.field input,.field select{width:100%;padding:10px;border:1px solid #bdc8b1;border-radius:6px;background:#fffefa;color:#25492f}#validation{min-height:48px;font-size:13px;line-height:1.7;color:#81551d}.workspace-title{font-size:34px}.worksheet{min-height:80px;border-bottom:1px dashed #8f9d80;margin-bottom:15px}.worksheet p{font-size:14px}.print-grid{height:180px;background-image:linear-gradient(#ccd6bd 1px,transparent 1px),linear-gradient(90deg,#ccd6bd 1px,transparent 1px);background-size:18px 18px;border:1px solid #ccd6bd}code{background:#e4e9da;padding:2px 5px;border-radius:3px;font-size:12px}.small{font-size:12px}@media(max-width:760px){header{padding:20px;gap:14px}header nav{gap:12px;font-size:11px}main{padding:30px 20px}.hero,.two,.editor-layout{grid-template-columns:1fr;gap:25px}.hero-art{max-width:400px;margin:auto;width:90%}.steps{grid-template-columns:1fr 1fr}.hero{margin-bottom:45px}h1{font-size:38px}.editor-layout{display:flex;flex-direction:column}.editor-board{margin-top:15px}.paper{padding:18px}}@media print{header,footer,.no-print{display:none!important}body{background:white;font-size:12px}main{padding:0;max-width:none}h1{font-size:28px}h2{font-size:20px}section.block{padding:18px 0;break-inside:avoid}.paper{break-inside:avoid}p,li,td,th{font-size:11px}.page-break{break-before:page}.note{background:#f2f4ec}a{color:inherit;text-decoration:none}}