:root{--ink:#263f3a;--green:#355e50;--muted:#64766e;--line:#d7ded1;--paper:#fffef7;--gold:#b77a30;--red:#a44036;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:#f7f2e2;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:url('/assets/background.png') center/cover fixed}button,input,textarea,select{font:inherit}button,a.linkbutton{min-height:44px;padding:10px 19px;border:1px solid transparent;border-radius:9px;background:var(--green);color:white;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover{filter:brightness(.93)}button:disabled{cursor:not-allowed;opacity:.45}button.secondary,a.secondary{background:#fffdf5;border-color:var(--line);color:var(--ink)}button.quiet{background:transparent;color:var(--muted);border-color:transparent}button.active{background:var(--green);color:#fff;border-color:var(--green)}button.small{min-height:36px;padding:5px 12px;font-size:.9rem}button.danger{background:#a44036}a{color:var(--green)}input,textarea,select{width:100%;border:1px solid #b6c5b8;border-radius:7px;background:white;color:var(--ink);padding:11px;min-height:44px}textarea{resize:vertical;min-height:88px;line-height:1.7}label{display:block;line-height:1.7}label>input,label>textarea,label>select{margin-top:7px}input[type=number]{max-width:120px}input[type=checkbox]{min-height:auto;width:auto}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #cca547;outline-offset:2px}header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 4vw;background:#fffdf5e8;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-family:"方正少儿简体","幼圆",sans-serif;font-size:1.55rem;font-weight:bold;white-space:nowrap}.brand span{font-family:"Microsoft YaHei",sans-serif;display:block;font-size:.8rem;font-weight:normal;margin-top:5px;letter-spacing:.1em;color:var(--muted)}.header-actions{display:flex;gap:12px;align-items:center}#connection{font-size:.85rem;color:var(--muted)}#flow{display:flex;gap:7px;padding:14px 4vw;overflow:auto;background:#f8f5eae8;border-bottom:1px solid var(--line)}#flow:empty{display:none}#flow button{white-space:nowrap;padding:8px 12px;font-size:.85rem;min-height:40px}#flow small{margin-right:4px;opacity:.8}main{max-width:1440px;margin:0 auto;padding:30px 4vw 55px}.join{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;max-width:1060px;margin:5vh auto}.join-art{display:flex;align-items:center;gap:16px}.join-art img{width:35%;max-height:300px;object-fit:contain}.join-art h1{font-family:"方正少儿简体","幼圆",sans-serif;font-size:2.6rem;line-height:1.5}.eyebrow{font-size:.85rem;letter-spacing:.12em;color:var(--muted);margin-bottom:10px}.panel{background:#fffef7f2;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:20px;box-shadow:0 4px 16px #364d4010}.join .panel{padding:32px}.join label{margin:20px 0}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.content-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px}.guide{padding-top:18px;text-align:center}.guide img{width:125px;max-height:220px;object-fit:contain}.guide p{font-size:.93rem;line-height:1.9;color:var(--muted)}.title{font-family:"方正少儿简体","幼圆",sans-serif;font-size:1.9rem;margin:0 0 22px;background:url('/assets/title-frame.png') left center/100% 100% no-repeat;display:inline-block;padding:18px 45px;max-width:100%}h2{font-size:1.35rem;margin:0 0 16px}h3{font-size:1.08rem;margin:0 0 12px}p{line-height:1.85;margin:8px 0 16px}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--red)}.notice{padding:14px 18px;border-left:4px solid #c99c45;background:#fcf0d6;line-height:1.8;margin:15px 0}.empty{color:var(--muted);padding:30px;text-align:center;border:1px dashed #bdcbbd;border-radius:10px}.goods-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.good{background:white;border:1px solid var(--line);padding:14px;border-radius:10px}.good-photo{height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:#fff}.good img{width:100%;height:100%;object-fit:contain}.good-photo.word{background:#f5f5ec;font-family:"方正少儿简体","幼圆",sans-serif;color:#56715f;font-size:1.45rem}.good .price{font-size:.9rem;color:var(--gold);margin:7px 0}.quantity{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:10px}.quantity input{width:58px;padding:6px;text-align:center;min-height:36px}.quantity button{min-width:34px;min-height:36px;padding:4px;font-size:1.2rem}.good label{font-size:.8rem;margin-top:10px}.good label input{padding:7px;font-size:.85rem}.budget{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#e6eddf;padding:15px 20px;border-radius:9px;margin:15px 0;line-height:1.8}.budget strong{font-size:1.35rem}.budget .over{color:var(--red)}.submitbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;flex-wrap:wrap}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:450px}td,th{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.65}th{background:#eaf0e4;font-weight:500}td p{margin:0}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.case img{width:100%;height:180px;object-fit:contain;background:white;margin-bottom:10px}.case button{font-size:.9rem}.check-item{padding:20px 0;border-bottom:1px solid var(--line)}.check-item:last-child{border:0}.check-item .row{margin:12px 0}.day-card{padding:20px;background:#faf9ef;border:1px solid var(--line);border-radius:10px;margin-bottom:13px}.day-fields{display:grid;grid-template-columns:1fr 1fr 2fr 110px;gap:12px;margin:14px 0}.day-fields label{font-size:.86rem}.activity-chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.activity-chips button{background:#e8eee1;color:var(--ink);font-size:.9rem}.dropzone{min-height:60px}.metric{background:#ecf1e6;border-radius:10px;padding:17px 23px;min-width:130px}.metric strong{display:block;font-size:1.7rem;margin-bottom:4px}.teacher-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px}.room-code{font-size:1.7rem;letter-spacing:.14em;color:var(--green)}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.student-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.student-card{padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;text-align:left;display:block;color:var(--ink)}.student-card.selected{border:2px solid var(--green);background:#edf3e8}.student-card small{display:block;margin-top:7px;color:var(--muted)}.bar-row{display:grid;grid-template-columns:130px 1fr 50px;align-items:center;gap:15px;margin:20px 0}.bar{height:22px;background:#e9eee4;border-radius:5px;overflow:hidden}.bar span{display:block;height:100%;background:#6a8b70;transition:width .3s}.quote{padding:16px;border-left:3px solid #86a080;margin:13px 0;background:#f3f6ed;white-space:pre-wrap;overflow-wrap:anywhere}.quote small{display:block;color:var(--muted);margin-top:8px}.display main{max-width:1550px}.display .panel{font-size:1.12rem}.display header .brand span{display:none}.resource{margin:15px 0}.resources label{margin:16px 0}.resources input{max-width:none}.teacher-hint{font-size:.9rem;color:var(--muted);padding:10px 0}.pill{display:inline-block;background:#e5eddc;padding:4px 10px;border-radius:20px;font-size:.8rem}.video{width:100%;max-height:55vh;background:black}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}dialog{border:1px solid var(--line);border-radius:15px;padding:30px;width:min(450px,92vw);color:var(--ink)}dialog::backdrop{background:#162d2677}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#233e35;color:white;padding:13px 22px;border-radius:10px;box-shadow:0 5px 25px #0002;z-index:20;max-width:92vw;display:none}.screen-error{max-width:600px;margin:40px auto}.lunch-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:10px;align-items:center;margin:14px 0;padding-bottom:14px;border-bottom:1px solid var(--line)}.lunch-row label{font-size:.85rem}.lunch-row img{width:60px;height:60px;object-fit:contain}.spacer{height:12px}.wrap{overflow-wrap:anywhere}.submitted{color:#3f704c}.subtitle{font-size:1.1rem;margin-bottom:18px}.full{width:100%}
@media(max-width:1000px){.goods-grid{grid-template-columns:repeat(3,1fr)}.content-layout{grid-template-columns:125px minmax(0,1fr);gap:18px}.guide img{width:100px}.student-cards{grid-template-columns:1fr 1fr}.day-fields{grid-template-columns:1fr 1fr}.header-actions{gap:7px}#connection{display:none}}
@media(max-width:700px){header{padding:14px 4vw}.brand{font-size:1.15rem}.brand span{font-size:.7rem}.header-actions button{padding:9px 12px;font-size:.85rem}main{padding:20px 4vw 35px}.join{grid-template-columns:1fr;margin:10px auto;gap:10px}.join-art img{height:130px;width:90px}.join-art h1{font-size:1.8rem}.join .panel{padding:22px}.content-layout{display:block}.guide{display:none}.title{font-size:1.5rem;padding:15px 32px}.panel{padding:18px}.cols,.case-grid,.review-grid{grid-template-columns:1fr}.goods-grid{grid-template-columns:1fr 1fr;gap:10px}.good{padding:11px}.good-photo{height:100px}.student-cards{grid-template-columns:1fr}.day-fields{grid-template-columns:1fr 1fr}.lunch-row{grid-template-columns:1fr 1fr}.metric{min-width:100px;padding:14px}.bar-row{grid-template-columns:105px 1fr 35px;gap:8px}.teacher-toolbar{gap:10px}.room-code{font-size:1.4rem}}

[hidden]{display:none!important}

.display .teacher-hint{display:none}

#vr-frame{position:fixed;inset:0;width:100vw;height:100dvh;border:0;z-index:200;background:#f7f2e6}