@import url('/static/fonts.css');
:root{--ink:#493e2e;--muted:#837764;--paper:#fff9e9;--cream:#f3e7c9;--line:#d4bd8f;--green:#46694a;--green-dark:#314d36;--leaf:#789758;--gold:#d2a24c;--wood:#856140;--shadow:0 4px 0 #bca680,0 8px 18px #624d2020;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:#f3eedc;min-width:360px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d59d38;outline-offset:3px}[hidden]{display:none!important}a{color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,"STSong","SimSun",serif;font-size:29px;letter-spacing:1px;margin-bottom:0}h2{font-size:20px}small{font-size:11px}button{border:0}input,select{display:block;width:100%;border:1px solid #c5b18a;border-bottom:3px solid #bba17b;border-radius:3px;background:#fffdf5;padding:12px 13px;color:var(--ink);margin:8px 0 18px}label{font-size:12px;font-weight:600}.muted{color:var(--muted);line-height:1.8;font-size:12px}.center{text-align:center}.error{color:#a33e33;font-size:12px;line-height:1.7}.error:empty{display:none}.eyebrow{display:block;color:#8c805e;letter-spacing:2px;font-size:10px;font-weight:700;margin-bottom:9px}.button{padding:11px 17px;border:1px solid #bba47c;border-bottom:3px solid #a88c62;background:#f5e8c9;border-radius:3px;font-weight:600;font-size:12px}.primary{background:var(--green);border-color:#345039;border-bottom-color:#213c29;color:#fff9e7;box-shadow:inset 0 1px #ffffff20}.primary:hover{background:#557a50}.button:active{transform:translateY(1px)}.button span{margin-left:14px}.text-button{background:none;color:var(--muted);font-size:12px}.topbar{height:86px;background:#fbf7e9ed;border-bottom:2px solid #d9caab;display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:relative;z-index:2;gap:24px}.brand{text-decoration:none;display:flex;gap:13px;align-items:center;color:var(--ink);font-size:21px;letter-spacing:2px;font-family:Georgia,"SimSun",serif}.brand img{width:38px;height:38px;image-rendering:pixelated}.brand b{font-size:20px;font-weight:600}.brand small{display:block;font:8px sans-serif;letter-spacing:1.7px;color:#91866e;margin-top:6px}nav{display:flex;align-self:stretch;gap:25px}.nav{background:none;padding:5px 3px 0;border-bottom:3px solid transparent;font-size:12px;color:#80745f}.nav.active{color:var(--green);border-bottom-color:var(--green);font-weight:700}#account{display:flex;gap:18px;align-items:center;font-size:12px}#display-name:before{content:'●';font-size:9px;color:var(--leaf);margin-right:8px}main{max-width:1530px;margin:auto;padding:30px 4% 24px;position:relative;z-index:1;min-height:calc(100vh - 155px)}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.page-heading h1{font-size:27px}.progress-card{width:270px;font-size:12px}.progress-card>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px}.progress-card>div span{max-width:190px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress-card b{color:var(--green)}progress{width:100%;height:9px;border:1px solid #c8b88e;background:#e3dbc0;appearance:none}progress::-webkit-progress-bar{background:#e3dbc0}progress::-webkit-progress-value{background:var(--leaf)}progress::-moz-progress-bar{background:var(--leaf)}.progress-card small{display:block;color:var(--muted);margin-top:4px;text-align:right}.panel{background:var(--paper);border:2px solid var(--line);border-radius:5px;box-shadow:var(--shadow)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,1fr);gap:24px;align-items:start}.panel-title{padding:16px 19px;border-bottom:1px solid #deccaa;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:13px;background:#f7edda}.tiny-leaf{margin-right:9px;color:var(--green);font-size:18px}.badge{font-size:10px;color:#887454;background:#efe2c5;padding:5px 9px;border:1px solid #dcccab;border-radius:2px;font-weight:400;white-space:nowrap}.image-panel{position:sticky;top:18px;overflow:hidden}.image-stage{position:relative;margin:18px 18px 0;aspect-ratio:1.08;background:#171b19;border:5px solid #665c4b;outline:1px solid #b09b76;overflow:hidden;touch-action:none;cursor:grab;user-select:none}.image-stage:active{cursor:grabbing}.image-stage img{position:absolute;top:50%;left:50%;max-width:none;transform-origin:center;visibility:hidden;image-rendering:auto}.image-stage:fullscreen{margin:0;aspect-ratio:auto;outline:0;width:100vw;height:100vh}.image-message{position:absolute;inset:0;display:grid;place-items:center;color:#d9d3c5;font-size:13px;padding:24px;text-align:center;pointer-events:none}.image-tools{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:14px 18px 10px}.image-tools>div{display:flex;align-items:center;gap:5px}.image-tools button{border:1px solid #cdbb95;background:#f2e8d2;border-bottom-width:2px;border-radius:2px;min-width:30px;min-height:29px;font-size:11px}.image-tools button:hover{background:#e9d9b5}#zoom-label{min-width:44px;text-align:center;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.image-caption{display:flex;justify-content:space-between;padding:0 19px 17px;font-size:10px;color:#8a7d66}.observation-note{margin:0 18px 18px;padding:14px 13px;background:#edeed8;border:1px solid #d7d8b6;display:flex;gap:10px;align-items:start;font-size:11px;line-height:1.8;color:#5f684d}.observation-note>span{font-size:20px}.observation-note p{margin:0}.observation-note small{font-size:10px;color:#7c8169}.desk-footer{padding:14px 18px;background:#f3ead5;display:flex;justify-content:space-between;align-items:center;color:#948368;font-size:10px}.annotation-panel{overflow:hidden}#questions{padding:0 20px}.question{padding:17px 0 16px;border-bottom:1px dashed #d8c6a4}.question:last-child{border-bottom:0}.question-title{display:flex;align-items:baseline;gap:9px;margin-bottom:6px}.question-title h2{font-size:13px;margin:0;line-height:1.5}.q-number{font-family:Georgia,serif;color:var(--green);font-weight:bold;font-size:16px}.question-title small{font-size:9px;color:var(--muted);margin-left:auto;white-space:nowrap}.question-note{font-size:10px;color:#8b7e68;line-height:1.7;margin-bottom:11px}.layer-row{display:grid;grid-template-columns:1.18fr 1fr;gap:13px;align-items:center;margin-top:8px}.choice{display:flex;align-items:center;gap:7px;text-align:left;border:1px solid #d8c6a4;border-bottom:2px solid #c7b38c;background:#faf2e1;border-radius:3px;font-size:11px;padding:10px 9px;min-height:39px;line-height:1.45}.choice:before{content:'';width:11px;height:11px;flex-shrink:0;border:1px solid #b7a37c;background:#fffcf1}.choice.selected{background:#e6ecd5;border-color:#7e9561;color:#3c573b}.choice.selected:before{content:'✓';background:#5c7a48;border-color:#5c7a48;color:#fff;font-size:9px;text-align:center;line-height:10px}.choice:hover{border-color:#879268}.slot-control{position:relative;min-width:0}.slot-control input[type=range]{appearance:none;height:5px;padding:0;border:1px solid #b5a886;background:linear-gradient(to right,#ccbf9b,#b5c294);margin:11px 10px 13px;width:calc(100% - 20px);border-radius:0;cursor:pointer}.slot-control input::-webkit-slider-thumb{appearance:none;width:13px;height:17px;border:2px solid #597245;background:#91aa6e;box-shadow:1px 2px #d5c69f;border-radius:1px}.slot-control input::-moz-range-thumb{width:11px;height:15px;border:2px solid #597245;background:#91aa6e;border-radius:1px}.slot-control.unset input::-webkit-slider-thumb{background:#f3e9cf;border:2px dashed #a79a79}.slot-control.unset input::-moz-range-thumb{background:#f3e9cf;border:2px dashed #a79a79}.slot-labels{display:grid;grid-template-columns:repeat(var(--slots),1fr);gap:1px}.slot-labels button{background:none;padding:0;color:#97876d;font-size:10px;text-align:center}.slot-labels button strong{font-weight:400;display:block}.slot-labels button small{font-size:9px;display:block;margin-top:2px}.slot-labels button.selected{color:var(--green);font-weight:bold}.slot-labels button.selected strong{font-weight:bold}.slot-control.disabled{opacity:.4}.question.disabled .question-title h2{color:#928b7c}.grade-box{padding:5px 9px 9px;border:1px solid #d5c7a4;background:#f6eedc}.grade-box .slot-control input{margin-top:9px}.grade-hint{font-size:10px;color:#7c755f;line-height:1.6;min-height:16px;margin:10px 0 0}.na-banner{font-size:11px;color:#8c8679;background:#eeebe1;border:1px dashed #ccc5b5;padding:11px;text-align:center}.q4-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.q4-grid .choice{padding:9px 8px}.submit-bar{border-top:1px solid #d9c7a4;background:#f4ecd8;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.submit-bar>div{font-size:11px;color:var(--green);line-height:1.7}.submit-bar small{display:block;font-size:10px;color:#8c816d}.submit-bar .button{font-size:12px;white-space:nowrap}#work-error{padding:0 20px 12px;margin:0}.site-footer{position:relative;z-index:1;display:flex;justify-content:space-between;padding:20px 4%;border-top:1px solid #d9d2b8;color:#9a917b;font-size:10px;letter-spacing:1px}.login-view{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;max-width:1060px;margin:8vh auto 12vh}.welcome h1{font-size:58px;line-height:1.4;font-weight:500;margin:20px 0}.welcome h1 em{font-style:normal;color:var(--green)}.welcome p{font-size:14px;color:#887f65;line-height:2}.welcome-note{display:flex;align-items:center;gap:10px;font-size:10px;color:#837b60;margin-top:35px}.welcome-note img{width:22px}.pixel-flower{color:#c59e4a;font-size:34px;margin-left:22px}.login-panel{padding:36px}.login-panel h2{font-family:"SimSun",serif;font-size:26px;margin:18px 0 30px}.login-panel .button{width:100%;padding:14px}.login-panel .muted{font-size:10px;margin:18px 0 0}.landscape{position:fixed;inset:0;overflow:hidden;pointer-events:none;opacity:.35}.hills{position:absolute;width:110%;height:170px;background:#bdcaaa;bottom:-60px;left:-5%;border-radius:50% 70% 0 0;transform:rotate(-4deg)}.field{position:absolute;bottom:0;height:38px;width:100%;background:repeating-linear-gradient(90deg,#a3b083 0 4px,transparent 4px 14px);opacity:.3}.cloud{display:block;position:absolute;width:90px;height:20px;background:#fffef3;box-shadow:15px -12px #fffef3,35px -20px #fffef3,60px -6px #fffef3;opacity:.6}.cloud.one{top:20%;left:8%}.cloud.two{top:18%;right:10%;transform:scale(.7)}.admin-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.content-panel{padding:25px}.content-panel h2{font-family:"SimSun",serif}.root-hint{font-size:11px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.root-hint code{background:#efe6d2;padding:2px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.record-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e3d3b4;padding:15px 0}.record-row strong{font-size:12px;display:block;margin-bottom:5px}.record-row small{color:var(--muted);font-size:10px;line-height:1.7}.row-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.row-actions button,.row-actions a{font-size:10px;padding:6px 8px;background:#eee3c9;border:1px solid #d2bf96;text-decoration:none;border-radius:2px}.row-actions a{color:var(--green)}.empty{text-align:center;padding:70px 20px;color:var(--muted)}.empty img{width:54px;margin-bottom:22px}.empty h2{color:var(--green)}.empty p{font-size:12px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#3f6045;color:#fff9e8;padding:13px 23px;box-shadow:0 3px 0 #293e2d;border:1px solid #6e8b5d;z-index:20;font-size:12px;max-width:90vw;text-align:center}dialog{border:2px solid #bda276;border-radius:5px;background:var(--paper);color:var(--ink);box-shadow:0 7px 0 #a78a60,0 20px 100px #161b1950;padding:26px;width:min(880px,90vw);max-height:85vh}dialog::backdrop{background:#17251d99;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center;position:sticky;top:-26px;background:var(--paper);padding:15px 0;border-bottom:1px solid var(--line);z-index:1}.dialog-top h2{margin:0}.dialog-top small{font-size:12px;color:var(--muted)}#manual-content{font-size:13px;line-height:1.9;padding-top:20px}#manual-content h1{font-size:22px;margin-bottom:20px}#manual-content h2{font-size:18px;color:var(--green);border-top:1px solid var(--line);padding-top:25px;margin-top:25px}#manual-content img{width:220px;max-width:100%;display:block;background:#181a18}#manual-content p{white-space:pre-wrap}#password-dialog{width:min(450px,90vw)}
@media(min-width:1600px){.image-stage{aspect-ratio:1.02}.question{padding-top:22px;padding-bottom:21px}.choice{font-size:12px;min-height:42px}.slot-labels button{font-size:11px}.question-title h2{font-size:14px}}
@media(max-width:1100px){.topbar{padding:0 24px;gap:15px}nav{gap:12px}.workspace{gap:16px;grid-template-columns:minmax(0,1fr) minmax(420px,1.1fr)}main{padding:25px 24px}.image-stage{margin:14px 14px 0}.image-tools{padding:12px 12px 9px;flex-wrap:wrap}.layer-row{grid-template-columns:1.1fr 1fr;gap:8px}#questions{padding:0 15px}.question-title{gap:7px}.question-title h2{font-size:12px}.login-view{gap:45px}.welcome h1{font-size:48px}.brand{font-size:17px}.brand b{font-size:17px}.brand small{font-size:7px}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.image-panel{position:relative;top:0}.image-stage{aspect-ratio:1.4;max-height:65vh}.topbar{flex-wrap:wrap;height:auto;padding:16px 20px 0;gap:15px}.topbar nav{order:3;width:100%;justify-content:space-between;height:40px}.topbar:has(#navigation[hidden]){padding-bottom:16px}.page-heading h1{font-size:23px}.progress-card{width:210px}.admin-grid{grid-template-columns:1fr}.login-view{gap:30px;margin-top:30px}.welcome h1{font-size:36px}.login-panel{padding:25px}.welcome p{font-size:12px}.site-footer span:last-child{display:none}}
@media(max-width:580px){main{padding:22px 14px}.page-heading{align-items:start;flex-direction:column}.progress-card{width:100%}.progress-card small{display:none}.login-view{grid-template-columns:1fr;margin:10px auto 40px;gap:25px}.welcome h1{font-size:35px;margin:12px 0}.welcome h1 br{display:none}.welcome p,.welcome-note{display:none}.welcome .eyebrow{font-size:9px}.login-panel{padding:26px}.site-footer{padding:20px 15px;font-size:8px}.image-stage{aspect-ratio:1.1}.question-title h2{font-size:12px}.question-title small{font-size:8px}.layer-row{grid-template-columns:1.15fr 1fr}.choice{font-size:10px}.slot-labels button{font-size:9px}.submit-bar{padding:14px}.submit-bar .button{font-size:11px;padding:10px 11px}.brand small{font-size:6px}.record-row{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}