:root{--bg:#f8f4eb;--panel:#fffdf8;--ink:#463f33;--muted:#9a8f7c;--border:#ece3d2;--orange:#e25b2c;--soft:#fff0e7;--green:#45855f;--green-bg:#edf7ed;font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,p{margin:0}h2{font-size:17px}small{font-size:12px}.shell{max-width:1320px;margin:auto;padding:0 40px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:16px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:1px}.brand-light{font-weight:400;margin-left:8px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:5px;font-weight:400}.brand-icon{display:grid;place-items:center;background:var(--orange);width:44px;height:44px;border-radius:14px;color:white;font-size:38px;line-height:1;transform:rotate(-12deg)}nav{display:flex;align-items:center;gap:26px;color:#887b66;font-size:13px}nav form{margin:0}.link-button{background:none;border:0;color:#9c8567;padding:5px;white-space:nowrap}.link-button:hover,nav a:hover{color:var(--orange)}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:34px 0 26px;gap:15px}.eyebrow{display:block;font-size:10px;letter-spacing:2.5px;color:#b29d7a;font-weight:600;margin-bottom:10px}h1{font-size:27px;letter-spacing:1px;font-weight:600}.heading-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-left:12px}.page-heading p{color:var(--muted);margin-top:9px;font-size:13px}.connection-pill{border:1px solid var(--border);background:#fffaf0;padding:10px 14px;border-radius:20px;white-space:nowrap;font-size:12px}.live-dot,.online,.offline{display:inline-block;width:6px;height:6px;background:#5f9b67;border-radius:50%;margin-right:7px}.offline{background:#c5beaf}.divider{margin:0 12px;color:#ddd1bb}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;align-items:start}.panel{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:23px;box-shadow:0 5px 20px #9e835a04}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel-heading h2 span{color:var(--orange);margin-right:5px}.muted{color:var(--muted);font-size:12px;line-height:1.6}.compact{margin-bottom:18px}.count{color:var(--green);background:var(--green-bg);padding:4px 8px;border-radius:5px;font-size:11px;white-space:nowrap}.class-tile{display:flex;align-items:center;gap:10px;background:#fbf7ef;border:1px solid var(--border);border-radius:10px;padding:14px 12px;width:100%;text-align:left;color:var(--ink);margin-bottom:10px}.class-tile.selected{border-color:#ed9a70;background:var(--soft)}.class-tile .tile-icon{width:31px;height:33px;border-radius:9px;display:grid;place-items:center;background:#f1eada;color:#a38a64;font-size:19px}.class-tile.selected .tile-icon{background:#fbe0ce;color:var(--orange)}.class-tile b{display:block;font-size:13px;font-weight:500}.class-tile small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.class-tile.all{margin-bottom:20px}.check-circle{width:17px;height:17px;border:1px solid #d9ccba;border-radius:50%;margin-left:auto;text-align:center;line-height:15px;font-size:11px;flex-shrink:0}.selected .check-circle{background:var(--orange);border-color:var(--orange);color:white}.class-list{max-height:420px;overflow:auto}.target-summary{border-top:1px dashed var(--border);padding-top:17px;margin-top:18px;color:var(--muted);font-size:11px}.target-summary b{color:var(--orange);font-size:14px}.compose-stack{display:grid;gap:20px}.template-tabs{display:flex;gap:14px;align-items:center;margin:4px 0 18px;border-bottom:1px solid var(--border);padding-bottom:12px}.template-tabs button{background:#fae4d6;color:var(--orange);border:0;border-radius:6px;padding:7px 12px;font-size:12px}.template-tabs span{color:#b2a48e;font-size:11px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.template-card{position:relative;background:#fbf7ef;border:1px solid var(--border);border-radius:10px;text-align:left;padding:15px;color:var(--ink);min-height:100px;transition:.15s}.template-card:hover{border-color:#e8ac83;background:#fff2e7;transform:translateY(-1px)}.template-card b{display:block;color:#b16f45;font-size:13px;font-weight:500;padding-right:20px}.template-card small{display:block;color:var(--muted);font-size:11px;line-height:1.7;margin-top:9px}.template-icon{position:absolute;right:13px;top:13px;color:#c5ae88;font-size:17px}.editor{background:#fbf7ef;border:1px solid var(--border);border-radius:10px;position:relative;padding:14px 16px 30px}.editor:focus-within{border-color:#e8ac83}.editor textarea{display:block;border:0;outline:0;background:transparent;width:100%;resize:vertical;min-height:90px;color:var(--ink);line-height:1.8;font-size:14px}.editor textarea::placeholder{color:#b4a892}.char-count{position:absolute;bottom:11px;right:16px;color:#baa98b;font-size:10px}.options{display:flex;align-items:center;flex-wrap:wrap;gap:22px;padding:17px 0;border-bottom:1px dashed var(--border);font-size:12px}.checkbox{display:flex;align-items:center;gap:7px;cursor:pointer}input[type=checkbox]{accent-color:var(--orange);width:15px;height:15px}.repeat{margin-left:auto;display:flex;gap:8px;align-items:center}.repeat select{padding:5px;border-radius:5px;width:66px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:9px;background:var(--orange);color:white;padding:12px 21px;font-size:13px;box-shadow:0 5px 12px #e25b2c20}.button:hover{background:#c94d24}.secondary{background:#f0e8d8;color:#88704f;box-shadow:none}.send-row{display:flex;justify-content:space-between;align-items:center;padding-top:18px}.send-row b{color:var(--orange)}.send-button{font-size:14px;min-width:170px}.history-panel{margin-top:22px}.empty{text-align:center;padding:30px 10px;color:#ad9e85;font-size:13px;line-height:2}.empty small{display:block;font-size:11px}.history-item{border-bottom:1px solid var(--border)}.history-item summary{display:flex;align-items:center;gap:13px;padding:15px 0;cursor:pointer;list-style:none}.history-avatar{width:34px;height:34px;border-radius:10px;background:#f8ecdc;display:grid;place-items:center;color:#c59866;font-size:27px}.history-text{flex:1;min-width:0}.history-text b{font-weight:400;font-size:13px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.history-text small{display:block;font-size:10px;color:#af9f85;margin-top:7px}.receipt-badges{display:flex;gap:6px;flex-wrap:wrap;font-size:10px}.receipt-badges span,.badge{padding:4px 8px;background:#f4eee1;color:#a28960;border-radius:5px;font-size:11px}.receipt-badges .green,.badge.green{color:var(--green);background:var(--green-bg)}.pager{display:flex;justify-content:center;align-items:center;gap:20px;color:var(--muted);font-size:11px;padding-top:15px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;min-width:480px}th{text-align:left;font-weight:500;color:#a08d70;background:#faf5e9}th,td{padding:13px;border-bottom:1px solid var(--border)}.table-sub{display:block;color:var(--muted);margin-top:5px}.notice{padding:13px 16px;border-radius:9px;margin-bottom:20px;font-size:13px;line-height:1.7}.notice.success{background:#eaf4e8;color:#45805a;border:1px solid #d7e6d2}.notice.error{background:#fff0e9;color:#b34425;border:1px solid #f1d0bd}footer{text-align:center;padding:28px 0;color:#b5a58c;font-size:10px;letter-spacing:1px}.login-grid{display:grid;grid-template-columns:1fr 390px;gap:80px;align-items:center;max-width:1000px;margin:70px auto}.login-intro h1{font-size:44px;line-height:1.5;letter-spacing:3px}.login-intro p{color:#9b8c76;line-height:2;margin-top:20px}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:36px;box-shadow:0 15px 60px #8c694811}.section-icon{display:grid;place-items:center;width:40px;height:40px;background:var(--soft);color:var(--orange);border-radius:13px;margin-bottom:20px;font-size:24px}.login-card h2{font-size:24px;margin-bottom:9px}.login-card form{margin-top:28px}label:not(.checkbox):not(.repeat){font-size:12px}input:not([type=checkbox]),select{border:1px solid var(--border);background:#fffcf5;padding:11px 12px;border-radius:7px;color:var(--ink);max-width:100%}.login-card label{display:block;margin-bottom:20px}.login-card input{display:block;width:100%;margin-top:9px}.full{width:100%;justify-content:space-between}.login-tip{color:#b7a58c;font-size:10px;text-align:center;line-height:1.7;margin-top:22px}.illustration{height:190px;position:relative;display:grid;place-items:center;max-width:350px;margin:20px 0}.illustration>span{font-size:110px;background:#f7d8bd;width:100px;height:100px;display:grid;place-items:center;border-radius:25px;color:var(--orange);transform:rotate(-15deg);z-index:1}.sound-ring{position:absolute;border:1px solid #e8d7bf;border-radius:50%;width:150px;height:150px}.sound-ring.two{width:205px;height:205px;border-style:dashed}.floating-note,.floating-class{position:absolute;z-index:2;background:#fffdf8;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 20px #aa825215;padding:10px 14px;font-size:11px;font-weight:400;font-style:normal}.floating-note{right:0;top:25px;color:#ba754d}.floating-class{left:5px;bottom:20px;color:var(--green)}.access-card{text-align:center;margin:90px auto;max-width:480px;background:var(--panel);padding:40px;border:1px solid var(--border);border-radius:16px}.access-card p{margin:18px 0;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inline-form{display:flex;gap:10px}.inline-form input{flex:1;min-width:0}.class-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.class-tags span{background:#f8eddb;padding:8px 12px;border-radius:6px;font-size:12px}.admin-grid label{display:block;margin-bottom:13px}.admin-grid select,.admin-grid input{display:block;width:100%;margin-top:7px}.teacher-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:20px}.teacher-form label{flex:1;min-width:150px}.teacher-form input{display:block;width:100%;margin-top:7px}.admin-section{margin-top:20px}.grant-tags{display:flex;gap:10px;flex-wrap:wrap}.grant-tags label{display:flex;align-items:center;gap:3px}.token-card{background:#fff3d7;border:1px solid #dfc485;border-radius:12px;padding:22px;margin-top:20px}.token-card p{margin:10px 0;color:#9b7e48;font-size:12px}.token-card input{display:block;width:100%;font-family:monospace;margin:15px 0}#blazor-error-ui{display:none;position:fixed;bottom:0;background:#fff1d8;padding:14px;text-align:center;width:100%;z-index:1000}#blazor-error-ui a{text-decoration:underline;margin-left:10px}
@media(max-width:1000px){.shell{padding:0 22px}.workspace{grid-template-columns:240px minmax(0,1fr)}.panel{padding:18px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-grid{gap:30px}.login-intro h1{font-size:34px}}
@media(max-width:700px){.shell{padding:0 16px}.topbar{height:80px}.brand{font-size:17px;gap:8px}.brand-icon{width:34px;height:34px;font-size:30px;border-radius:10px}.brand small{font-size:8px;letter-spacing:1px}.brand-light{margin-left:4px}nav{gap:10px;font-size:11px}nav a:first-child{display:none}.page-heading{padding:24px 0 20px;align-items:start;flex-direction:column;gap:12px}h1{font-size:23px}.eyebrow{font-size:8px}.page-heading p{font-size:12px}.connection-pill{padding:7px 11px;font-size:10px}.workspace{grid-template-columns:1fr;gap:16px}.target-panel{padding:17px}.target-panel .compact{margin-bottom:12px}.class-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:240px}.class-tile{margin:0;padding:11px 9px;gap:7px}.class-tile.all{margin-bottom:12px}.class-tile b{font-size:12px}.class-tile .tile-icon{width:26px;height:28px;font-size:15px}.class-tile small{font-size:9px}.target-summary{margin-top:12px;padding-top:12px}.panel-heading h2{font-size:15px}.panel-heading .muted{font-size:10px}.template-grid{gap:8px}.template-card{padding:12px;min-height:96px}.template-card b{font-size:12px}.template-card small{font-size:10px}.compose-stack{gap:16px}.options{gap:14px;font-size:11px}.repeat{margin-left:0}.send-button{min-width:145px}.receipt-badges{max-width:95px;justify-content:flex-end;font-size:9px}.receipt-badges span{font-size:9px;padding:3px 5px}.history-avatar{width:27px;height:27px;font-size:22px;flex-shrink:0}.history-text b{font-size:12px}.history-item summary{gap:9px}.history-panel{margin-top:16px}.login-grid{display:block;margin:30px auto;max-width:400px}.login-intro{display:none}.login-card{padding:28px}.admin-grid{grid-template-columns:1fr}.teacher-form{display:grid;grid-template-columns:1fr}.teacher-form label{min-width:0}.admin-section{padding:15px}footer{padding:24px 0}.inline-form .button{padding:11px 13px}}

.voice-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0}.voice-panel audio{width:100%;margin:10px 0}.voice-panel p{line-height:1.7}.voice-panel .secondary{background:#ede4d3;color:#8f7854}
body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}