:root{--brown:#704b38;--green:#385f54;--cream:#f5f0e7;--ink:#24211f}*{box-sizing:border-box}body{margin:0;background:#ebe4d9;color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.7}.page{max-width:860px;margin:auto;background:var(--cream);min-height:100vh;box-shadow:0 0 35px #3a271b18}.teacher{padding:18px 22px;background:linear-gradient(135deg,#f8f3ea,#eee5d7);border-top:7px solid var(--green);border-bottom:1px solid #d8cbbb}.teacher-in{max-width:650px;margin:auto;display:flex;align-items:center;justify-content:center;gap:22px}.qr{padding:7px;background:#fff;border:1px solid #cdbfac;border-radius:12px;box-shadow:0 5px 16px #593d2b18}.qr img{display:block;width:126px;height:126px}.copy span{display:inline-block;background:var(--green);color:white;border-radius:15px;padding:2px 9px;font-size:12px;font-weight:bold}.copy strong{display:block;color:var(--brown);font-size:20px;margin-top:7px}.copy p{font-size:13px;color:#665d56;margin:3px 0}header{background:var(--brown);color:#fff;padding:25px 23px}header div,main{max-width:820px;margin:auto}h1{font-size:24px;margin:0 0 4px}header p{margin:0;opacity:.85;font-size:14px}main{padding:28px 22px 58px}.full,.material,.list{background:#fff;border-radius:9px;box-shadow:0 3px 14px #553d2c12}.full{padding:19px;border-left:6px solid var(--green);margin-bottom:28px}.full audio{width:100%;margin-top:10px}h2{font-size:18px;color:var(--brown);margin:30px 0 16px}.material{margin:20px 0;padding:17px;border-left:4px solid var(--green)}.mhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.label{font-size:13px;color:#6d625a;font-weight:bold}.play{border:0;background:var(--green);color:#fff;border-radius:20px;padding:9px 18px;font-weight:bold;cursor:pointer}.note{font-size:13px;color:#756b64;margin:12px 2px 0}.list{padding:8px 18px}.list a{display:block;color:var(--brown);text-decoration:none;padding:13px 4px;border-bottom:1px solid #e6ded4}.list a:last-child{border:0}footer{text-align:center;font-size:12px;color:#766c65;padding:0 16px 35px}@media(max-width:520px){.teacher{padding:16px 13px}.teacher-in{justify-content:flex-start;gap:13px}.qr{padding:5px}.qr img{width:105px;height:105px}.copy strong{font-size:17px}.copy p{font-size:12px}header{padding:23px 18px}h1{font-size:21px}main{padding:23px 14px 48px}.material{padding:15px 13px}.play{padding:8px 14px}}