学生管理系统代码

frontend/floating-assistant.css

@@ -0,0 +1,13 @@
+.floating-ai-trigger{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:104px;height:125px;padding:0;border:0;background:transparent;z-index:45;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:end;filter:drop-shadow(0 5px 7px #31243c28);border-radius:18px}
+.floating-ai-trigger img{width:100px;height:103px;object-fit:contain;display:block;transition:transform .16s;pointer-events:none}.floating-ai-trigger:hover img{transform:translateY(-3px)}.floating-ai-trigger:focus-visible{outline:3px solid #a581c7;outline-offset:4px}.floating-ai-trigger>span{display:block;border-radius:15px;background:var(--primary);color:#fff;font-size:12px;line-height:1;padding:8px 13px;margin-top:-1px;box-shadow:0 3px 12px #44324c1f}.floating-ai-trigger.thinking>span{background:#8567a2}.floating-ai-panel{position:fixed;right:max(26px,env(safe-area-inset-right));bottom:154px;width:370px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 180px);display:flex;flex-direction:column;z-index:44;background:#fff;border:1px solid #e5dbea;border-radius:16px;box-shadow:0 18px 65px #35274130;overflow:hidden;color:#342d40}
+.floating-ai-header{display:flex;align-items:center;gap:10px;padding:15px 17px;background:#f7f2fa;border-bottom:1px solid #eee6f3;flex-shrink:0}.floating-ai-header>img{width:39px;height:43px;object-fit:contain}.floating-ai-header h2{font-size:15px;margin:0;color:#53376d}.floating-ai-header small{display:block;font-size:11px;color:#a08bac;margin-top:4px}.floating-ai-header .icon-button{margin-left:auto;background:transparent;border:0;color:#8c729d;font-size:23px}.floating-ai-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 17px;border-bottom:1px solid #f2edf5;flex-shrink:0}.floating-ai-toolbar button{font-size:12px;border:0;background:none;color:#846496;min-height:28px;padding:4px 0}.floating-ai-toolbar button:hover{text-decoration:underline}.floating-ai-content{overflow-y:auto;overscroll-behavior:contain;min-height:120px;max-height:310px;padding:0 17px}.floating-ai-greeting{padding:22px 2px;color:#81718d;font-size:14px;line-height:1.8}.floating-ai-greeting strong{display:block;color:#66467d;font-size:16px;margin-bottom:7px}.floating-message{margin:16px 0}.floating-message-label{display:block;font-size:11px;color:#a294ab;margin-bottom:6px}.floating-message-body{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.floating-message-body p{margin:6px 0}.floating-message-body h3{font-size:14px;margin:10px 0}.floating-message.user .floating-message-label{text-align:right}.floating-message.user .floating-message-body{white-space:pre-wrap;background:#f0e7f6;border-radius:10px 2px 10px 10px;padding:10px 13px;width:fit-content;max-width:95%;margin-left:auto;color:#64417c}.floating-message.failed .floating-message-body{padding:10px 12px;border-radius:7px;background:#fff1ee;color:#a34d40}.floating-sources{display:block;font-size:11px;color:#a695b0;border-top:1px dashed #ece4f1;margin-top:10px;padding-top:8px}.floating-ai-panel .ai-table-wrap{max-width:100%}.floating-ai-panel .ai-table-wrap th,.floating-ai-panel .ai-table-wrap td{font-size:12px;padding:7px 9px}.floating-ai-progress{font-size:12px;color:#9979ac;padding:10px 18px;background:#fcf9fe}.floating-ai-form{padding:13px 17px 15px;border-top:1px solid #eee6f3;background:#fff;flex-shrink:0}.floating-ai-form textarea{display:block;width:100%;resize:vertical;min-height:64px;max-height:125px;padding:10px 11px;border:1px solid #e2d6eb;border-radius:8px;font:13px/1.7 "Microsoft YaHei",sans-serif;color:#483654;outline-offset:2px}.floating-ai-form textarea:focus{outline:2px solid #e7d7f0;border-color:#a57abc}.floating-ai-form textarea::placeholder{color:#b0a2b9}.floating-ai-form>div:last-child{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.floating-ai-form small{font-size:10px;color:#ab9cb4}.floating-ai-form .button{background:var(--primary);color:white;min-height:34px;padding:7px 14px;font-size:13px}.floating-ai-error{color:#b05b51;font-size:12px;line-height:1.6;margin-top:8px}.floating-ai-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
+@media(max-width:800px){.floating-ai-trigger{width:76px;height:96px;right:14px;bottom:max(12px,env(safe-area-inset-bottom))}.floating-ai-trigger img{width:74px;height:75px}.floating-ai-trigger>span{font-size:11px;padding:7px 10px}.floating-ai-panel{right:16px;bottom:119px;max-height:calc(100dvh - 140px);width:350px}.floating-ai-content{max-height:270px}.page-footer{padding-right:76px}}
+@media(max-height:540px){.floating-ai-panel{bottom:16px;right:125px;max-height:calc(100dvh - 32px);width:350px;max-width:calc(100vw - 145px)}.floating-ai-content{min-height:70px}.floating-ai-greeting{padding:8px 2px}}
+@media(prefers-reduced-motion:reduce){.floating-ai-trigger img{transition:none}.floating-ai-trigger:hover img{transform:none}}
+
+/* 拖动头像不触发页面滚动或文字选择；聊天内容空间不足时可以滚动。 */
+.floating-ai-trigger{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
+.floating-ai-trigger.dragging{cursor:grabbing}
+.floating-ai-trigger.dragging img{transform:none}
+.floating-ai-panel{overflow-y:auto;overscroll-behavior:contain}
+.floating-ai-content{min-height:0;flex-shrink:1}