*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:"Microsoft YaHei",sans-serif;color:#3d3429;background:#1e251c}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation;border:1px solid #d0b98c;background:#fff7e7;color:#493d29;border-radius:22px;padding:10px 19px;min-height:42px}button:hover{background:#eadcb8}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c0772e;outline-offset:3px}.primary,.active{background:#526d4a!important;color:#fff!important;border-color:#526d4a!important}#stage{position:relative;width:min(100vw,177.777vh);height:min(100vh,56.25vw);margin:auto;top:50%;transform:translateY(-50%);container-type:inline-size;background-position:center;background-size:100% 100%;overflow:hidden}.scene-one{background-image:url('assets/scene1.png')}.scene-two{background-image:url('assets/scene2.png')}header{position:absolute;top:2.5%;left:2%;right:2%;display:flex;justify-content:space-between;align-items:start;z-index:2;gap:10px}#sceneTitle{background:#fff9eaee;padding:.8cqw 1.2cqw;border-left:4px solid #65845c;font-size:1.4cqw;font-weight:bold}.tools{display:flex;gap:5px}.tools button{font-size:max(11px,.85cqw);padding:7px 12px;min-height:34px}.hero{position:absolute;left:30%;top:19%;width:40%;text-align:center;color:#745334}.hero small{font-size:1.15cqw;letter-spacing:.1cqw}.hero h1{font-size:2.9cqw;margin:2cqw 0 1.4cqw}.hero p{font-size:1.25cqw;line-height:1.8}.hero button{font-size:1.15cqw}.hotspot{position:absolute;font-size:1.3cqw;padding:.7cqw 1.3cqw;box-shadow:0 4px 15px #63401830;font-weight:bold}.hotspot:after{content:"";position:absolute;bottom:-17px;left:48%;width:8px;height:8px;border-radius:50%;background:#ba7b3b;border:2px solid #fff0c9;box-shadow:0 0 0 5px #fff6db66}.guide{position:absolute;right:4%;bottom:11%;height:19%;width:8%;background:#fff9e6ce;border-radius:14px;padding:5px;display:flex;align-items:center;flex-direction:column}.guide img{height:84%;width:100%;object-fit:contain}.guide small{font-size:.9cqw}footer{position:absolute;left:2%;right:2%;bottom:2.5%;display:flex;align-items:center;justify-content:space-between;gap:5px}footer button,footer span{font-size:1cqw}footer span{background:#fff8e9d9;padding:8px 15px;border-radius:20px}#curtain{position:fixed;inset:0;background:linear-gradient(90deg,#233222ed,#23322260),url('assets/scene1.png') center/cover;display:flex;align-items:center;padding:10vw;z-index:20;color:#fff6df}#curtain h1{font-size:clamp(28px,4vw,58px)}#curtain small{letter-spacing:5px;color:#e6d4a5}#curtain p{font-size:21px;line-height:2}#curtain button{font-size:20px;padding:15px 35px}dialog{border:2px solid #c9ad73;border-radius:14px;background:#fffaf0;width:min(1220px,94vw);max-height:92vh;padding:24px 30px;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#171910a3}.dialoghead{display:flex;justify-content:space-between;gap:15px;align-items:start}.dialoghead h2{font-size:clamp(22px,2.1vw,32px);margin:6px 0 18px}.dialoghead small{color:#8c7955;letter-spacing:2px}.close{font-size:28px;padding:0 13px;min-height:40px}#taskBody{font-size:18px;line-height:1.7}#taskFoot{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:20px}.tip{color:#87744e;font-size:16px}.status{background:#f0e8d0;border-left:4px solid #a88442;padding:10px 16px;margin:14px 0;min-height:44px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{border:2px solid #dbc99f;border-radius:10px;background:#fff;padding:8px;min-width:0}.card img{width:100%;height:180px;object-fit:contain;background:#f7f0de;display:block}.card button{width:100%;padding:5px;font-size:15px;margin-top:5px}.card.selected{border-color:#d38938;box-shadow:0 0 0 3px #e4b66a55}.card[draggable=true]{cursor:grab;touch-action:pan-y}.caption{font-size:17px;min-height:28px;text-align:center}.dots{text-align:center;color:#927238;letter-spacing:3px}.figures{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.figures img{width:100%;height:160px;object-fit:contain;background:#fff;border:1px solid #d9c8a1}.figures .blank{height:160px;border:1px dashed #baa579;display:grid;place-items:center;color:#a08c63}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:26px}.groups{display:grid;grid-template-columns:1fr 1fr;gap:14px}.group{border:1px solid #c6b787;border-radius:12px;padding:15px;text-align:center;background:#f2ecd8;min-height:110px}.group strong{display:block;font-size:18px}.piece{display:inline-block;width:32px;height:32px;background:#7a985b;border:4px solid #41663e;border-radius:50%;margin:4px;box-shadow:inset 0 0 0 3px #b0bf7c}.piece.extra{background:#d6a052;border-color:#a56c2f;box-shadow:inset 0 0 0 3px #f2ce88}.sum{font-size:32px;font-weight:700;line-height:1.8}.can{display:inline-block;width:31px;height:40px;border:2px solid #9d704a;border-radius:6px;background:linear-gradient(#d8d6c8 15%,#dc9d61 15%,#dc9d61 80%,#d8d6c8 80%);margin:4px;vertical-align:middle}.catgroups{display:flex;gap:12px;flex-wrap:wrap}.catgroups .group{flex:1;min-width:180px}.taskchoices,.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.choice{border:1px solid #d6c395;padding:20px;border-radius:12px;background:#f4ecd9}.choice h3{margin:0 0 10px}.choice p{font-size:16px}.choice button{margin:5px 3px}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.formgrid label{display:flex;flex-direction:column;gap:6px;font-size:16px}input,select,textarea{width:100%;border:1px solid #bba77d;border-radius:6px;background:#fff;padding:9px;color:#443c2e}textarea{resize:vertical;min-height:85px}.storyframe{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.storyframe>div{padding:15px;border:1px dashed #b5a16d;background:#fffdf6;border-radius:8px;min-height:110px}.storyframe b{display:block;color:#688451}.bigimg{width:100%;max-height:58vh;object-fit:contain}.crop{width:100%;overflow:hidden;border-radius:12px}.crop img{width:200%;max-width:none;display:block}.crop.second img{margin-left:-100%}.sharegrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}video{display:block;width:100%;max-height:60vh;background:#111}.audioRow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}audio{width:min(450px,100%)}.features{display:flex;gap:20px;margin:25px 0}.features>div{flex:1;background:#edf0df;padding:22px;border-radius:12px;text-align:center;font-size:23px;font-weight:700}.features small{display:block;font-size:16px;font-weight:400;margin-top:10px}.list li{margin:10px 0}#toast{position:fixed;bottom:6%;left:50%;transform:translateX(-50%);z-index:30;background:#324c35;color:white;padding:12px 22px;border-radius:25px;pointer-events:none;opacity:0;transition:opacity .15s}#toast.show{opacity:1}.fade{animation:arrive .25s ease-out}@keyframes arrive{from{opacity:.35}to{opacity:1}}.reduce *{animation:none!important;transition:none!important}@media(max-width:850px){dialog{padding:18px}.cards{grid-template-columns:repeat(2,1fr)}.figures{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr}.taskchoices,.menu-grid,.formgrid{grid-template-columns:1fr 1fr}.card img{height:150px}#curtain p{font-size:17px}.tools button{font-size:10px;padding:4px 7px;min-height:28px}.guide{display:none}.hotspot{min-height:30px}.features{gap:8px}.features>div{font-size:18px;padding:12px}.storyframe{grid-template-columns:1fr}footer span{display:none}}@media(max-width:500px){.taskchoices,.menu-grid,.formgrid,.sharegrid{grid-template-columns:1fr}.sum{font-size:25px}.hero button{padding:5px 10px;min-height:26px}.hero p{margin:4px}.hero h1{margin:7px 0}.features{flex-direction:column}.tools{gap:2px}#sceneTitle{font-size:11px}}
.card img{touch-action:none;user-select:none;cursor:grab}.card.dragging{opacity:.6}.card.drop-target{border-color:#65845c;box-shadow:0 0 0 3px #65845c55}