:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f7f5;--foreground:#16251f;--surface:#fff;--muted:#65716c;--accent:#176b52;--accent-soft:#e5f1ec;--border:#dbe4df}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}.site-shell{flex-direction:column;min-height:100vh;display:flex}.container{width:min(100% - 40px,1040px);margin-inline:auto}.site-header{border-bottom:1px solid var(--border);background:#ffffffd6}.header-inner{align-items:center;gap:12px;min-height:72px;display:flex}.header-inner-between{justify-content:space-between}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:grid}.brand-name{margin:0;font-size:18px;font-weight:700}.logout-button{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--foreground);cursor:pointer;font:inherit;border-radius:999px;padding:0 18px;font-weight:700}.logout-button:hover{border-color:var(--accent);color:var(--accent)}.logout-button:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.site-main{flex:1;align-items:center;padding-block:clamp(56px,10vw,104px);display:flex}.hero{width:min(100% - 40px,880px)}.eyebrow{color:var(--accent);letter-spacing:.12em;margin:0 0 16px;font-size:14px;font-weight:700}h1{letter-spacing:-.04em;margin:0;font-size:clamp(36px,7vw,64px);line-height:1.15}.hero-description{max-width:680px;color:var(--muted);margin:22px 0 0;font-size:clamp(16px,2.5vw,19px);line-height:1.8}.workspace-placeholder{background:var(--surface);border:1px dashed #a9beb4;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(36px,7vw,60px);padding:clamp(24px,5vw,36px);display:flex;box-shadow:0 18px 44px #183a2d12}.placeholder-label{color:var(--accent);letter-spacing:.16em;margin:0 0 10px;font-size:12px;font-weight:700}.workspace-placeholder h2{margin:0;font-size:clamp(22px,4vw,28px)}.workspace-placeholder div>p:last-child{color:var(--muted);margin:10px 0 0;line-height:1.7}.status-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;flex:none;padding:8px 13px;font-size:13px;font-weight:700}.site-main-top{flex-direction:column;align-items:flex-start;padding-block:clamp(40px,6vw,64px)}.agent-board{gap:clamp(32px,5vw,48px);margin-top:clamp(32px,5vw,48px);display:grid}.agent-group-header{align-items:baseline;gap:14px;margin-bottom:18px;display:flex}.agent-group-header h2{margin:0;font-size:clamp(20px,3.5vw,26px)}.agent-count{color:var(--muted);font-size:14px}.agent-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.agent-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;gap:10px;padding:22px;display:flex;box-shadow:0 10px 28px #183a2d0f}.agent-card-group{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-self:flex-start;margin:0;padding:4px 10px;font-size:12px;font-weight:700}.agent-card h3{margin:0;font-size:18px}.agent-card-responsibility{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.site-footer{border-top:1px solid var(--border);background:var(--surface)}.footer-inner{min-height:76px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:14px;display:flex}.footer-inner p{margin:0}.footer-inner a{color:inherit;text-decoration:none}.footer-inner a:hover{color:var(--foreground)}.login-shell{justify-content:initial}.login-main{flex:1;place-items:center;padding-block:48px;display:grid}.login-panel{border:1px solid var(--border);background:var(--surface);border-radius:24px;width:min(100%,520px);padding:clamp(28px,6vw,44px);box-shadow:0 22px 54px #183a2d17}.login-description{color:var(--muted);margin:18px 0 28px;line-height:1.7}.login-form{gap:18px;display:grid}.login-form label{color:var(--foreground);gap:8px;font-weight:700;display:grid}.login-form input{border:1px solid var(--border);width:100%;min-height:48px;color:var(--foreground);font:inherit;background:#fbfdfc;border-radius:12px;padding:0 14px}.login-form input:focus{border-color:var(--accent);outline:3px solid var(--accent-soft)}.login-form button{background:var(--accent);color:#fff;cursor:pointer;min-height:50px;font:inherit;border:0;border-radius:999px;font-weight:700}.login-form button:disabled{cursor:wait;opacity:.72}.form-message{color:#9f2d20;margin:18px 0 0;font-weight:700;line-height:1.6}.agent-card-link{color:inherit;text-decoration:none}.agent-card-link .agent-card{height:100%;transition:border-color .15s,box-shadow .15s}.agent-card-link:hover .agent-card{border-color:var(--accent);box-shadow:0 14px 32px #183a2d1f}.agent-card-link:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px;border-radius:18px}.chat-shell{height:100vh}.chat-header-agent{align-items:center;gap:14px;min-width:0;display:flex}.chat-back-link{color:var(--accent);flex:none;font-size:14px;font-weight:700;text-decoration:none}.chat-back-link:hover{text-decoration:underline}.chat-agent-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;font-weight:700;overflow:hidden}.chat-agent-group{color:var(--muted);margin:2px 0 0;font-size:13px}.chat-main{flex:1;min-height:0;padding-block:16px;display:flex}.chat-container{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.chat-message-list{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;flex:1;gap:12px;min-height:0;padding:18px;display:flex;overflow-y:auto}.chat-empty{text-align:center;max-width:460px;margin:auto}.chat-empty-title{margin:0;font-size:18px;font-weight:700}.chat-empty-description{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.7}.chat-bubble-row{justify-content:flex-start;display:flex}.chat-bubble-row-student{justify-content:flex-end}.chat-bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;max-width:min(78%,560px);padding:11px 15px;font-size:15px;line-height:1.7}.chat-bubble-student{background:var(--accent);color:#fff;border-bottom-right-radius:6px}.chat-bubble-agent{border:1px solid var(--border);background:var(--accent-soft);color:var(--foreground);border-bottom-left-radius:6px}.chat-bubble-error{color:#9f2d20;background:#fdf0ee;border-color:#e5b8b2}.chat-bubble-typing{color:var(--muted)}.chat-input-bar{flex:none;gap:10px;display:flex}.chat-bubble-image{border-radius:12px;max-width:100%;max-height:320px;display:block}.chat-bubble-image+span{margin-top:8px;display:block}.chat-pending-image{flex:none;align-self:flex-start;position:relative}.chat-pending-image img{border:1px solid var(--border);border-radius:12px;max-width:132px;max-height:132px;display:block}.chat-pending-image button{background:var(--foreground);color:#fff;cursor:pointer;border:0;border-radius:999px;width:24px;height:24px;font-size:14px;line-height:1;position:absolute;top:-8px;right:-8px}.chat-image-error{color:#9f2d20;margin:0;font-size:14px;font-weight:700}.admin-grid{gap:20px;padding-bottom:48px;display:grid}.admin-panel{border:1px solid var(--line);background:var(--surface);border-radius:24px;gap:20px;padding:clamp(20px,4vw,32px);display:grid}.admin-panel h2,.admin-student-card h3{margin:0}.admin-panel-heading,.admin-student-summary{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-form-grid label{color:var(--muted);gap:7px;font-size:14px;display:grid}.admin-form-grid input,.admin-form-grid select,.admin-actions input,.admin-actions select{border:1px solid var(--line);min-height:42px;color:var(--text);background:#fff;border-radius:10px;padding:9px 11px}.admin-form-grid button,.admin-actions button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:42px;padding:9px 14px}.admin-student-list{gap:14px;display:grid}.admin-student-card{border:1px solid var(--line);border-radius:16px;gap:14px;padding:18px;display:grid}.admin-student-summary p,.admin-student-meta{color:var(--muted);margin:4px 0 0}.admin-status-active,.admin-status-disabled{border-radius:999px;padding:5px 9px;font-size:13px}.admin-status-active{color:#17663a;background:#e8f7ef}.admin-status-disabled{color:#9b2525;background:#fbeaea}.admin-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-actions form{gap:8px;display:flex}.admin-actions input,.admin-actions select{flex:1;min-width:0}.admin-actions .admin-danger-button{background:#a12d2d}.admin-notice,.admin-error{border-radius:12px;margin:0;padding:12px 16px}.admin-notice{color:#17663a;background:#e8f7ef}.admin-error{color:#9b2525;background:#fbeaea}.admin-nav-link{width:fit-content;color:var(--accent);font-weight:700;text-decoration:none;display:inline-flex}.admin-stat-grid{gap:20px;padding-bottom:48px;display:grid}.admin-table-wrap{overflow-x:auto}.admin-stat-table{border-collapse:collapse;text-align:left;width:100%;min-width:620px}.admin-stat-table th,.admin-stat-table td{border-bottom:1px solid var(--line);padding:12px 10px}.admin-stat-table th{color:var(--muted);font-size:13px;font-weight:700}.chat-image-button{border:1px solid var(--border);background:var(--surface);width:48px;min-height:48px;color:var(--accent);cursor:pointer;font:inherit;border-radius:999px;flex:none;padding:0;font-weight:700}.chat-image-button:hover{border-color:var(--accent)}.chat-input-bar input{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:48px;color:var(--foreground);font:inherit;border-radius:999px;flex:1;padding:0 16px}.chat-input-bar input:focus{border-color:var(--accent);outline:3px solid var(--accent-soft)}.chat-input-bar button{background:var(--accent);color:#fff;cursor:pointer;min-height:48px;font:inherit;border:0;border-radius:999px;flex:none;padding:0 26px;font-weight:700}.chat-input-bar button:disabled{cursor:not-allowed;opacity:.55}@media (max-width:600px){.admin-form-grid,.admin-actions{grid-template-columns:1fr}.admin-actions form{align-items:stretch}.container,.hero{width:min(100% - 32px,1040px)}.header-inner{min-height:64px}.site-main{align-items:flex-start;padding-block:48px}h1{font-size:clamp(36px,12vw,48px)}.workspace-placeholder{flex-direction:column;align-items:flex-start}.footer-inner{flex-direction:column;justify-content:center;align-items:flex-start;padding-block:20px}.chat-main{padding-block:12px}.chat-message-list{padding:14px}.chat-bubble{max-width:86%}.chat-agent-group{display:none}}