.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:var(--osu-dark)}.login-card{width:100%;max-width:420px;background:var(--osu-dark-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow-lg);padding:60px 40px;border:1px solid var(--border-color)}.login-header{text-align:center;margin-bottom:40px}.login-header h1{font-size:28px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.login-header p{color:var(--text-secondary);font-size:14px}.login-tips{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color);text-align:center}.login-tips p{color:var(--text-muted);font-size:13px;margin:5px 0}.login-tips p:first-child{font-weight:600;color:var(--text-secondary)}.login-card .ant-form-item-label>label{color:var(--text-secondary)!important}.login-card .ant-input,.login-card .ant-input-affix-wrapper,.login-card .ant-input-affix-wrapper .ant-input{background:var(--osu-dark-input)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important}.login-card .ant-input:focus,.login-card .ant-input-affix-wrapper:focus,.login-card .ant-input-affix-wrapper:focus .ant-input{border-color:var(--osu-pink)!important;box-shadow:0 0 15px var(--osu-pink-glow)!important}.login-card .ant-input::placeholder,.login-card .ant-input-affix-wrapper::placeholder{color:var(--text-muted)!important}.login-card .login-btn{width:100%;height:48px;font-size:16px;font-weight:600;background:var(--gradient-primary)!important;border:none!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 15px #ff66ab66!important;transition:all var(--transition-normal)!important}.login-card .login-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-lg)!important}.handbook-content{max-height:500px;overflow-y:auto;padding:16px;background-color:var(--osu-dark, #1e1e2e);border-radius:8px;border:1px solid rgba(255,102,171,.2)}.handbook-text{font-size:14px;line-height:1.8;color:#fff}.handbook-text .ant-typography{margin-bottom:8px;color:#ffffffe6!important}.handbook-text .ant-typography-secondary{color:#ffffffa6!important}.handbook-content::-webkit-scrollbar{width:8px}.handbook-content::-webkit-scrollbar-track{background:#ff66ab1a;border-radius:4px}.handbook-content::-webkit-scrollbar-thumb{background:#ff66ab66;border-radius:4px}.handbook-content::-webkit-scrollbar-thumb:hover{background:#ff66ab99}.handbook-text h1,.handbook-text h2,.handbook-text h3,.handbook-text h4,.handbook-text h5,.handbook-text h6{margin-top:16px;margin-bottom:8px;font-weight:600;color:#ff66ab}.handbook-text p{margin-bottom:8px;text-align:justify;text-indent:2em;line-height:1.8;color:#ffffffe6}.handbook-content~.ant-modal-content,.handbook-content .ant-modal-content{background-color:var(--osu-dark, #1e1e2e)!important}.handbook-text .ant-tag{margin-right:8px;border:1px solid rgba(255,102,171,.3)}.ant-modal-content,.ant-modal .ant-modal-content{background-color:#252538!important}.ant-modal-header{background-color:#252538!important;border-bottom:1px solid rgba(255,102,171,.2)!important}.ant-modal-title{color:#fff!important}.ant-modal-close-x{color:#ffffffa6!important}.ant-modal-footer{border-top:1px solid rgba(255,102,171,.2)!important}.handbook-content .ant-spin-dot-item{background-color:#ff66ab!important}.handbook-content .ant-spin-text{color:#ffffffa6!important}.chat-page{display:flex;flex-direction:column;height:100vh;background:var(--osu-dark);overflow:hidden;position:relative}.chat-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(255,102,171,.08) 0%,transparent 50%);pointer-events:none}.chat-sidebar{width:320px;background:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:1040;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 30px #1f24301a}.chat-sidebar.visible{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color);background:var(--gradient-glow)}.sidebar-header h3{margin:0;font-size:18px;font-weight:700;color:#000}.close-sidebar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;color:#000}.close-sidebar-btn:hover{background:#ff66ab1a;color:var(--osu-pink)}.sidebar-content{flex:1;overflow-y:auto;padding:16px}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--osu-pink);border-radius:3px}.empty-history{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-history p{margin:10px 0}.empty-history .hint{font-size:13px;color:var(--text-muted)}.history-item{padding:12px;margin-bottom:8px;background:var(--osu-dark-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.history-item:hover{background:var(--osu-dark-hover);border-color:var(--osu-pink);transform:translate(4px);box-shadow:var(--shadow-glow)}.history-item-question{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.history-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px}.history-item-meta .time{color:var(--text-muted)}.history-item-meta .intent{color:var(--osu-pink);background:#ff66ab1a;padding:2px 8px;border-radius:10px}.chat-header{display:flex;align-items:center;padding:15px 24px;background:var(--osu-dark-tertiary);border-bottom:1px solid var(--border-color);position:relative;z-index:10}.header-left{display:flex;align-items:center;width:100%}.header-title{display:flex;flex-direction:column;align-items:center;text-align:center;position:absolute;left:50%;transform:translate(-50%)}.fullscreen-btn{margin-left:auto}.header-left .ant-btn{font-size:14px;padding:4px 8px;height:28px;margin-right:10px}.back-btn,.menu-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;color:var(--text-secondary)}.back-btn:hover,.menu-btn:hover{background:#ff66ab1a;color:var(--osu-pink)}.header-title h2{margin:0;font-size:15px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-title p{margin:4px 0 0;font-size:10px;color:var(--text-secondary);text-align:center}.chat-messages{flex:1;overflow-y:auto;padding:24px;background:var(--osu-dark);scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:var(--osu-dark)}.chat-messages::-webkit-scrollbar-thumb{background:var(--osu-pink);border-radius:4px}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;text-align:center;padding:2px}.welcome-icon{font-size:48px;margin-bottom:12px;animation:osu-float 3s ease-in-out infinite}.chat-welcome h3{font-size:18px;margin:0 0 6px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.chat-welcome>p{font-size:14px;color:var(--text-secondary);margin:0 0 20px}.welcome-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:500px;margin:0 auto 20px}.feature-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--osu-dark-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s}.feature-item:hover{background:var(--osu-dark-hover);border-color:var(--osu-pink);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.feature-icon{font-size:20px}.welcome-examples{max-width:600px}.examples-title{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.example-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.example-chip{padding:8px 16px;background:var(--osu-dark-tertiary);border:1px solid var(--osu-pink);border-radius:20px;font-size:14px;color:var(--osu-pink);cursor:pointer;transition:all .2s}.example-chip:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.message-row{display:flex;margin-bottom:24px;gap:12px;align-items:flex-start}.message-row.user{flex-direction:row-reverse}.message-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:20px;flex-shrink:0}.message-avatar.user{background:var(--gradient-primary);color:#fff}.message-avatar.assistant{background:var(--osu-dark-tertiary);color:var(--osu-pink);border:2px solid var(--osu-pink)}.message-bubble{max-width:70%;position:relative}.float-chat-container.fullscreen .message-bubble{max-width:85%}.message-bubble.user{display:flex;justify-content:flex-end}.message-bubble.user .message-content{background:var(--gradient-primary);color:#fff;border-radius:18px 18px 4px;padding:12px 16px;box-shadow:0 2px 12px #ff66ab4d}.message-bubble.assistant{position:relative}.message-bubble.assistant .message-content{background:var(--osu-dark-tertiary);color:var(--text-primary);border-radius:18px 18px 18px 4px;padding:12px 16px;border:1px solid var(--border-color);box-shadow:var(--shadow-card)}.message-action-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;padding:0;font-size:16px;color:var(--text-muted);opacity:0;transition:all .2s}.message-bubble.assistant:hover .message-action-btn{opacity:1}.message-action-btn:hover{color:var(--osu-pink);background:#ff66ab1a}.message-content{word-wrap:break-word;line-height:1.6}.message-content.loading{color:var(--text-muted);font-style:italic}.message-content h1,.message-content h2,.message-content h3{margin-top:0;margin-bottom:10px;font-weight:600;color:var(--text-primary)}.message-content h1{font-size:1.5em}.message-content h2{font-size:1.3em}.message-content h3{font-size:1.1em}.message-content ul,.message-content ol{padding-left:20px;margin-bottom:8px;color:var(--text-secondary)}.message-content p{margin-bottom:8px;color:var(--text-secondary)}.message-content strong{font-weight:600;color:var(--osu-pink)}.message-content code{background:#ff66ab1a;color:var(--osu-pink);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.message-content pre{background:var(--osu-dark);padding:12px;border-radius:var(--radius-md);overflow-x:auto;margin:10px 0;border:1px solid var(--border-color)}.message-content pre code{background:none;padding:0;color:var(--text-primary)}.message-content blockquote{border-left:4px solid var(--osu-pink);padding-left:12px;margin:10px 0;color:var(--text-secondary)}.action-button{background:var(--gradient-primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;margin-top:12px;transition:all .2s;box-shadow:0 2px 12px #ff66ab4d}.action-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-lg)}.query-result{width:100%}.suggestions{margin-top:16px}.suggestions-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:500;color:var(--text-secondary)}.suggestion-chip{padding:8px 12px;background:var(--osu-dark);border:1px solid var(--osu-pink);border-radius:var(--radius-md);margin-bottom:8px;cursor:pointer;font-size:14px;color:var(--osu-pink);transition:all .2s}.suggestion-chip:hover{background:#ff66ab1a;transform:translate(4px)}.explanation{margin-top:12px;padding:12px;background:var(--osu-dark);border-left:3px solid var(--osu-pink);border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary)}.rag-result{width:100%}.rag-sources{margin-top:16px}.sources-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:500;color:var(--text-secondary)}.sources-count{margin-left:auto;font-size:13px;color:var(--text-muted)}.source-item{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px;background:#ff66ab0d;border:1px solid rgba(255,102,171,.2);border-radius:var(--radius-md);margin-bottom:8px;cursor:pointer;font-size:14px;color:var(--text-primary);transition:all .2s}.source-item:hover{background:#ff66ab1a;border-color:var(--osu-pink);transform:translate(4px);box-shadow:var(--shadow-glow)}.source-header{display:flex;align-items:center;gap:8px;width:100%}.source-title{flex:1;font-weight:600;color:var(--osu-pink)}.source-page{font-size:12px;color:var(--text-secondary);background:#ff66ab1a;padding:2px 8px;border-radius:4px}.source-preview{width:100%;font-size:13px;color:var(--text-secondary);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.source-text{flex:1}.source-action{font-size:12px;color:var(--osu-pink);margin-left:auto}.sources-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;padding:8px;background:var(--osu-dark);border-radius:var(--radius-md)}.sources-pagination span{font-size:13px;color:var(--text-secondary);font-weight:500}.confidence{margin-top:12px;padding:8px 12px;background:#ff66ab1a;border-radius:var(--radius-md);font-size:12px;color:var(--osu-pink);text-align:center}.scroll-to-bottom-btn{position:absolute;bottom:160px;right:20px;z-index:100;width:56px;height:56px;background:var(--gradient-primary);border:none;border-radius:50%;box-shadow:var(--shadow-glow);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.scroll-to-bottom-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-lg)}.chat-input-area{padding:20px 24px;background:var(--osu-dark-secondary);border-top:1px solid var(--border-color)}.input-container{display:flex;gap:12px;align-items:flex-end}.chat-input{flex:1;border-radius:var(--radius-lg);border:2px solid var(--border-color);padding:12px 16px;font-size:14px;resize:none;transition:all .2s;background:var(--osu-dark-tertiary);color:var(--text-primary)}.chat-input:focus{border-color:var(--osu-pink);box-shadow:0 0 0 2px #ff66ab1a}.chat-input::placeholder{color:var(--text-muted)}.send-button{height:auto;border-radius:var(--radius-lg);background:var(--gradient-primary);border:none;padding:12px 24px;font-weight:500;box-shadow:0 2px 12px #ff66ab4d}.fullscreen .send-button{margin-right:60px}.send-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-lg)}.input-hint{text-align:center;font-size:12px;color:var(--text-muted);margin-top:8px}@media (max-width: 768px){.chat-sidebar{width:100%}.chat-main{margin:0;border-radius:0}.chat-header,.chat-messages{padding:16px}.message-bubble{max-width:85%}.welcome-features{grid-template-columns:1fr}.chat-input-area{padding:16px}.input-container{flex-direction:column}.send-button{width:100%}.scroll-to-bottom-btn{bottom:140px;right:20px;width:48px;height:48px;border-radius:50%}}.circular-icon{position:fixed;bottom:30px;right:30px;width:70px;height:70px;z-index:9999;cursor:pointer;transition:transform .3s ease}.circular-icon:hover{transform:scale(1.1)}.circular-icon:hover .icon-tooltip{opacity:1;transform:translate(-10px)}.icon-pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#ff66ab,#9b4dca);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 8px 32px #ff66ab80,0 0 20px #ff66ab4d;transform:scale(1)}50%{box-shadow:0 8px 48px #ff66abcc,0 0 40px #ff66ab80;transform:scale(1.08)}}.icon-body{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:linear-gradient(135deg,#ff66ab,#9b4dca);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #ff66ab80,0 0 20px #ff66ab4d;border:3px solid rgba(255,255,255,.4);z-index:1}.icon-emoji{font-size:32px;animation:bounce 2s infinite;filter:drop-shadow(0 0 8px rgba(255,102,171,.5))}.icon-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#ff66ab,#9b4dca);color:#fff;font-size:12px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;z-index:2;animation:shake .5s ease-in-out,glow 2s ease-in-out infinite;box-shadow:0 2px 12px #ff66ab80}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes glow{0%,to{box-shadow:0 2px 12px #ff66ab80}50%{box-shadow:0 2px 20px #ff66abcc}}.icon-tooltip{position:absolute;right:85px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#1e1e2ef2,#252538f2);color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;white-space:nowrap;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;border:1px solid rgba(255,102,171,.3);box-shadow:0 4px 20px #ff66ab4d}.icon-tooltip:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid rgba(37,37,56,.95)}@media (max-width: 768px){.circular-icon{bottom:20px;right:20px;width:60px;height:60px}.icon-body{width:50px;height:50px}.icon-emoji{font-size:28px}.icon-tooltip{display:none}}.guest-chat{display:flex;flex-direction:column;height:100%;background:var(--osu-dark);overflow:hidden;position:relative;z-index:1}.guest-chat:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(255,102,171,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.guest-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.guest-message-row{display:flex;gap:12px;align-items:flex-start}.guest-message-row.user{flex-direction:row-reverse}.guest-message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.guest-message-avatar.user{background:var(--gradient-primary);color:#fff}.guest-message-avatar.assistant{background:var(--osu-dark-tertiary);color:var(--osu-pink);border:2px solid var(--osu-pink)}.guest-message-bubble{max-width:70%;position:relative}.float-chat-container.fullscreen .guest-message-bubble{max-width:85%}.guest-message-bubble.user{display:flex;justify-content:flex-end}.guest-message-bubble.user .message-content{background:var(--gradient-primary);color:#fff;border-radius:18px 18px 4px;padding:12px 16px;box-shadow:0 2px 12px #ff66ab4d}.guest-message-bubble.assistant .message-content{background:var(--osu-dark-tertiary);color:var(--text-primary);border-radius:18px 18px 18px 4px;padding:12px 16px;border:1px solid var(--border-color);box-shadow:var(--shadow-card)}.guest-message-bubble .message-content{word-wrap:break-word;line-height:1.6}.guest-message-bubble .message-content.loading{color:var(--text-muted);font-style:italic}.guest-message-bubble.assistant .message-content h1,.guest-message-bubble.assistant .message-content h2,.guest-message-bubble.assistant .message-content h3{margin-top:0;margin-bottom:10px;font-weight:600;color:var(--text-primary)}.guest-message-bubble.assistant .message-content h1{font-size:1.5em}.guest-message-bubble.assistant .message-content h2{font-size:1.3em}.guest-message-bubble.assistant .message-content h3{font-size:1.1em}.guest-message-bubble.assistant .message-content ul,.guest-message-bubble.assistant .message-content ol{padding-left:20px;margin-bottom:8px;color:var(--text-secondary)}.guest-message-bubble.assistant .message-content p{margin-bottom:8px;color:var(--text-secondary)}.guest-message-bubble.assistant .message-content strong{font-weight:600;color:var(--osu-pink)}.guest-message-bubble.assistant .message-content code{background:#ff66ab1a;color:var(--osu-pink);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.guest-message-bubble.assistant .message-content pre{background:var(--osu-dark);padding:12px;border-radius:6px;overflow-x:auto}.guest-message-bubble.assistant .message-content pre code{background:none;padding:0}.guest-input-area{display:flex;gap:10px;padding:15px 20px;background:var(--osu-dark-tertiary);border-top:1px solid var(--border-color)}.guest-input{flex:1;border-radius:var(--radius-lg)!important;resize:none;background:var(--osu-dark);border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.guest-input:focus,.guest-input:hover{border-color:var(--osu-pink)!important;box-shadow:0 0 0 2px #ff66ab33!important}.guest-send-btn{height:32px;border-radius:var(--radius-lg);background:var(--gradient-primary);border:none;padding:0 20px;font-weight:500;box-shadow:0 2px 12px #ff66ab4d;display:flex;align-items:center;justify-content:center}.guest-send-btn:hover{background:var(--gradient-primary);opacity:.9}.guest-footer-tip{padding:10px 20px;background:var(--osu-dark-tertiary);border-top:1px solid var(--border-color);font-size:12px;color:var(--text-secondary);text-align:center}.guest-messages::-webkit-scrollbar{width:6px}.guest-messages::-webkit-scrollbar-track{background:transparent}.guest-messages::-webkit-scrollbar-thumb{background:var(--osu-pink);border-radius:3px}.guest-messages::-webkit-scrollbar-thumb:hover{background:var(--osu-pink);opacity:.8}@media (max-width: 480px){.guest-messages{padding:15px;gap:12px}.guest-message-avatar{width:32px;height:32px;font-size:16px}.guest-message-bubble{max-width:80%;padding:10px 14px}.guest-message-bubble .message-content{font-size:13px}.guest-input-area{padding:12px 15px}.guest-send-btn{padding:0 15px;font-size:14px}.guest-footer-tip{font-size:11px;padding:8px 15px}}.float-chat-modal .ant-modal-content{border-radius:8px;overflow:hidden;box-shadow:0 5px 20px #ff66ab33;border:1px solid rgba(255,102,171,.2);margin:0;padding:0}.float-chat-modal.dragging .ant-modal-content{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.float-chat-wrapper .ant-modal-wrap{position:relative!important}.float-chat-wrapper .ant-modal{position:absolute!important;top:10px!important;left:10px!important;margin:0!important;padding:0!important;will-change:transform}.float-chat-modal.dragging .ant-modal{transition:none!important}.float-chat-modal .ant-modal-body{margin:0;padding:0}.float-chat-container{display:flex;flex-direction:column;height:100%;background:var(--osu-dark);margin:0;padding:0;position:relative}.float-chat-container.fullscreen{border-radius:8px}.float-chat-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#ff66ab,#9b4dca);color:#fff;box-shadow:0 4px 20px #ff66ab66;position:relative;z-index:1;cursor:move;-webkit-user-select:none;user-select:none}.float-chat-header:active{cursor:grabbing}.float-chat-modal.dragging .float-chat-header{cursor:grabbing!important}.header-left{display:flex;align-items:center;gap:12px}.chat-avatar{font-size:32px;animation:bounce 2s infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.chat-title h3{margin:0;font-size:16px;font-weight:600;color:#fff}.chat-title p{margin:0;font-size:12px;opacity:.9;color:#ffffffe6}.header-right{display:flex;align-items:center;gap:8px}.header-btn{color:#fff;border:none;font-size:18px;padding:5px 10px;height:auto;display:flex;align-items:center;justify-content:center;transition:all .2s}.header-btn:hover{background:#fff3;transform:scale(1.1)}.header-btn.close-btn:hover{background:#ff4d4f66}.login-btn{background:#fff;color:#ff66ab;border:none;font-weight:600;height:28px;font-size:13px;transition:all .2s}.login-btn:hover{background:#ffffffe6;color:#e64d9a;box-shadow:0 2px 12px #ff66ab4d}.float-chat-content{flex:1;overflow:hidden;display:flex;flex-direction:column;background:var(--osu-dark);position:relative;z-index:1}.guest-mode-tip{padding:10px 15px;background:#ff66ab1a;border-top:1px solid rgba(255,102,171,.2);display:flex;align-items:center;gap:8px;font-size:12px;color:#ff66ab}.tip-icon{font-size:16px}.tip-text{flex:1}@media (max-width: 768px){.float-chat-modal{max-width:100vw!important;width:100vw!important}.float-chat-modal .ant-modal-content{border-radius:0}.chat-title h3{font-size:14px}.chat-title p{font-size:11px}.login-btn{padding:0 10px;font-size:12px;height:26px}.guest-mode-tip{font-size:11px;padding:8px 12px}}.osu-glow-border{border:1px solid rgba(255,102,171,.3);box-shadow:0 0 20px #ff66ab33}.osu-gradient-bg{background:linear-gradient(135deg,#ff66ab,#9b4dca)}.school-portal{min-height:100vh;background:var(--osu-dark);padding:20px;position:relative}.portal-header{background:var(--osu-dark-secondary);padding:25px 40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color);transition:all var(--transition-normal)}.portal-header:hover{border-color:var(--osu-pink);box-shadow:var(--shadow-glow)}.school-logo-area{display:flex;align-items:center;gap:20px}.header-auth-area{display:flex;align-items:center}.login-button{background:var(--gradient-primary);border:none;height:40px;padding:0 24px;font-size:16px;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-normal);box-shadow:0 4px 15px #ff66ab66}.login-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-lg)}.user-info{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--osu-dark-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:1px solid var(--border-color)}.user-info:hover{background:var(--osu-dark-hover);border-color:var(--osu-pink);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.user-name{font-weight:600;color:var(--text-primary);font-size:14px}.user-type{color:var(--text-muted);font-size:12px}.school-logo{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;font-weight:700;box-shadow:0 4px 20px #ff66ab66;animation:osu-glow-pulse 3s ease-in-out infinite}.school-title h2{margin:0!important;color:var(--text-primary)}.portal-content{margin-bottom:30px}.content-card{height:100%;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-card);transition:all var(--transition-normal);background:var(--osu-dark-card)!important;border:1px solid var(--border-color)!important}.content-card:hover{transform:translateY(-5px);border-color:var(--osu-pink)!important;box-shadow:var(--shadow-glow)}.content-card .ant-card-head{background:transparent;border-bottom:1px solid var(--border-color)}.content-card .ant-card-head-title{color:var(--text-primary)}.content-card .ant-card-body{color:var(--text-secondary)}.card-icon{margin-bottom:15px}.card-content{color:var(--text-secondary);line-height:1.8;margin-bottom:0!important}.card-content ul{list-style:none;padding-left:0;margin:0}.card-content li{padding:8px 0 8px 20px;position:relative;color:var(--text-secondary)}.card-content li:before{content:"▸";position:absolute;left:0;color:var(--osu-pink);font-weight:700}.features-section{background:var(--osu-dark-secondary);padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:30px;border:1px solid var(--border-color)}.section-title{text-align:center!important;margin-bottom:30px!important;color:var(--text-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:32px;font-weight:800}.feature-card{text-align:center;border-radius:var(--radius-lg)!important;background:var(--osu-dark-card)!important;transition:all var(--transition-normal);height:100%;border:1px solid var(--border-color)!important}.feature-card:hover{transform:scale(1.05);border-color:var(--osu-pink)!important;box-shadow:var(--shadow-glow)}.feature-card .ant-card-body{padding:24px}.feature-icon{margin-bottom:15px}.feature-title{margin-bottom:10px!important;color:var(--text-primary)}.feature-desc{color:var(--text-secondary);display:block}.portal-footer{background:var(--osu-dark-secondary);padding:25px;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border:1px solid var(--border-color)}.portal-footer p{margin:5px 0;color:var(--text-secondary)}.portal-footer strong{color:var(--osu-pink)}@media (max-width: 768px){.school-portal{padding:15px}.portal-header{padding:20px}.school-logo{width:60px;height:60px;font-size:24px}.school-title h2{font-size:20px!important}.features-section{padding:25px}}.white-login-modal .ant-modal-content{background:#fff!important;border:1px solid #e8e8e8!important;border-radius:8px!important}.white-login-modal .ant-modal-header{background:#fff!important;border-bottom:1px solid #e8e8e8!important;border-radius:8px 8px 0 0!important}.white-login-modal .ant-modal-title{color:#333!important}.white-login-modal .ant-modal-close-x{color:#999!important}.white-login-modal .ant-form-item-label>label{color:#333!important}.white-login-modal .ant-form-item-explain-error{color:#ff4d4f!important}.white-login-modal .ant-btn-primary{background:#1890ff!important;border-color:#1890ff!important;box-shadow:0 2px #0000000d!important}.white-login-modal .ant-btn-primary:hover{background:#40a9ff!important;border-color:#40a9ff!important}.white-login-modal .ant-input,.white-login-modal .ant-input-affix-wrapper,.white-login-modal .ant-input-affix-wrapper .ant-input{background:#fff!important;border-color:#d9d9d9!important;color:#333!important}.white-login-modal .ant-input:focus,.white-login-modal .ant-input-affix-wrapper:focus,.white-login-modal .ant-input-affix-wrapper-focused{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff33!important}.white-login-modal .ant-input:hover,.white-login-modal .ant-input-affix-wrapper:hover{border-color:#40a9ff!important}.white-login-modal .ant-input::placeholder,.white-login-modal .ant-input-affix-wrapper::placeholder{color:#999!important}.dashboard-container{max-width:1400px;margin:0 auto;padding:20px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 20px 60px #0000004d}.dashboard-title h1{margin:0;font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dashboard-title p{margin:5px 0 0;color:#666;font-size:14px}.dashboard-actions{display:flex;gap:10px}.ant-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 20px #0000001a}:root{--osu-pink: #FF66AB;--osu-pink-light: #FF99CC;--osu-pink-dark: #E64D9A;--osu-pink-glow: rgba(255, 102, 171, .4);--osu-purple: #9B4DCA;--osu-purple-light: #B06DD6;--osu-purple-dark: #7A3DAA;--osu-purple-glow: rgba(155, 77, 202, .3);--osu-dark: #1e1e2e;--osu-dark-secondary: rgba(45, 45, 68, .85);--osu-dark-tertiary: rgba(35, 35, 55, .95);--osu-dark-hover: rgba(55, 55, 85, .98);--osu-dark-card: #252538;--osu-dark-input: #2a2a40;--gradient-primary: linear-gradient(135deg, var(--osu-pink) 0%, var(--osu-purple) 100%);--gradient-glow: linear-gradient(135deg, rgba(255, 102, 171, .3) 0%, rgba(155, 77, 202, .3) 100%);--gradient-dark: linear-gradient(135deg, var(--osu-dark) 0%, var(--osu-dark-secondary) 100%);--text-primary: #ffffff;--text-secondary: #b8b8d1;--text-muted: rgba(184, 184, 209, .6);--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(255, 102, 171, .5);--shadow-glow: 0 8px 32px rgba(255, 102, 171, .25);--shadow-glow-lg: 0 12px 48px rgba(255, 102, 171, .35);--shadow-card: 0 4px 20px rgba(0, 0, 0, .3);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 15px;--radius-xl: 20px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.osu-theme{background:var(--osu-dark);color:var(--text-primary);min-height:100vh}.osu-card{background:var(--osu-dark-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.osu-card:hover{border-color:var(--osu-pink);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.osu-btn{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:12px 24px;font-weight:600;font-size:16px;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 15px #ff66ab66}.osu-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-lg)}.osu-btn:active{transform:translateY(0)}.osu-btn-outline{background:transparent;border:2px solid var(--osu-pink);color:var(--osu-pink);border-radius:var(--radius-md);padding:10px 22px;font-weight:600;font-size:16px;cursor:pointer;transition:all var(--transition-normal)}.osu-btn-outline:hover{background:var(--osu-pink);color:#fff;box-shadow:var(--shadow-glow)}.osu-input{background:var(--osu-dark-input)!important;border:2px solid var(--border-color)!important;border-radius:var(--radius-md);color:var(--text-primary)!important;padding:12px 16px;font-size:16px;transition:all var(--transition-normal)}.osu-input:focus{outline:none;border-color:var(--osu-pink)!important;box-shadow:0 0 15px var(--osu-pink-glow)!important}.osu-input::placeholder{color:var(--text-muted)}.osu-title{font-size:32px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 10px 40px rgba(255,102,171,.2)}.osu-title-lg{font-size:48px;font-weight:900}.osu-title-md{font-size:24px;font-weight:700}.osu-badge{background:var(--gradient-primary);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.osu-divider{height:2px;background:var(--gradient-primary);border-radius:2px;margin:20px 0}.osu-nav{background:var(--osu-dark-secondary);border-bottom:1px solid var(--border-color);padding:0 20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.osu-nav-item{color:var(--text-secondary);padding:16px 20px;transition:all var(--transition-fast);cursor:pointer;position:relative}.osu-nav-item:hover{color:var(--osu-pink);background:#ff66ab1a}.osu-nav-item.active{color:var(--osu-pink)}.osu-nav-item.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:3px 3px 0 0}.osu-modal{background:var(--osu-dark-card)!important;border:1px solid var(--osu-pink)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-glow-lg)!important}.osu-modal-header{background:var(--gradient-primary)!important;padding:16px 24px;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important}.osu-scrollbar::-webkit-scrollbar{width:8px}.osu-scrollbar::-webkit-scrollbar-track{background:transparent}.osu-scrollbar::-webkit-scrollbar-thumb{background:var(--osu-pink);border-radius:4px}.osu-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--osu-pink-light)}.osu-glow{box-shadow:var(--shadow-glow)}.osu-glow-lg{box-shadow:var(--shadow-glow-lg)}.osu-glow-text{text-shadow:0 10px 30px rgba(255,102,171,.3)}@keyframes osu-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes osu-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes osu-glow-pulse{0%,to{box-shadow:0 0 20px var(--osu-pink-glow)}50%{box-shadow:0 0 40px var(--osu-pink-glow),0 0 60px #ff66ab4d}}.osu-animate-pulse{animation:osu-pulse 2s ease-in-out infinite}.osu-animate-float{animation:osu-float 3s ease-in-out infinite}.osu-animate-glow{animation:osu-glow-pulse 2s ease-in-out infinite}.ant-app{background:var(--osu-dark)!important}.ant-btn-primary{background:var(--gradient-primary)!important;border:none!important;box-shadow:0 4px 15px #ff66ab66!important;color:#fff!important}.ant-btn-primary:hover{box-shadow:var(--shadow-glow-lg)!important;transform:translateY(-2px)}.ant-btn-default{background:var(--osu-dark-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.ant-btn-default:hover{border-color:var(--osu-pink)!important;color:var(--osu-pink)!important;box-shadow:var(--shadow-glow)!important}.ant-input,.ant-input-affix-wrapper{background:var(--osu-dark-input)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.ant-input::placeholder,.ant-input-affix-wrapper::placeholder{color:var(--text-muted)!important}.ant-input:hover,.ant-input-affix-wrapper:hover{border-color:var(--osu-pink)!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:var(--osu-pink)!important;box-shadow:0 0 15px var(--osu-pink-glow)!important}.ant-card{background:var(--osu-dark-card)!important;border-color:var(--border-color)!important;border-radius:var(--radius-lg)!important}.ant-card-head{background:transparent!important;border-bottom-color:var(--border-color)!important}.ant-card-head-title{color:var(--text-primary)!important}.ant-card-body{color:var(--text-secondary)!important}.ant-card:hover{border-color:var(--osu-pink)!important;box-shadow:var(--shadow-glow)!important}.ant-modal-content{background:var(--osu-dark-card)!important;border:1px solid var(--osu-pink)!important;border-radius:var(--radius-xl)!important}.ant-modal-header{background:var(--gradient-primary)!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;border-bottom:none!important}.ant-modal-title,.ant-modal-close-x{color:#fff!important}.ant-modal-footer{border-top-color:var(--border-color)!important}.ant-menu{background:transparent!important;color:var(--text-secondary)!important}.ant-menu-item{color:var(--text-secondary)!important}.ant-menu-item:hover,.ant-menu-item-selected{color:var(--osu-pink)!important;background:#ff66ab26!important}.ant-menu-submenu-title{color:var(--text-secondary)!important}.ant-menu-submenu-title:hover{color:var(--osu-pink)!important}.ant-tabs,.ant-tabs-tab{color:var(--text-secondary)!important}.ant-tabs-tab:hover,.ant-tabs-tab-active{color:var(--osu-pink)!important}.ant-tabs-ink-bar{background:var(--gradient-primary)!important}.ant-tabs-nav:before{border-bottom-color:var(--border-color)!important}.ant-message{color:var(--text-primary)!important}.ant-message-notice-content{background:var(--osu-dark-card)!important;color:var(--text-primary)!important;border:1px solid var(--osu-pink)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-glow-lg)!important}.ant-dropdown-menu{background:var(--osu-dark-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-card)!important}.ant-dropdown-menu-item{color:var(--text-secondary)!important}.ant-dropdown-menu-item:hover{background:#ff66ab26!important;color:var(--osu-pink)!important}.ant-select-selector{background:var(--osu-dark-input)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.ant-select:hover .ant-select-selector{border-color:var(--osu-pink)!important}.ant-select-dropdown{background:var(--osu-dark-card)!important;border:1px solid var(--border-color)!important}.ant-select-item{color:var(--text-secondary)!important}.ant-select-item-option-selected,.ant-select-item-option-active{background:#ff66ab26!important;color:var(--osu-pink)!important}.ant-form-item-label>label{color:var(--text-secondary)!important}.ant-form-item-explain-error{color:#ff4d4f!important}.ant-table{background:var(--osu-dark-card)!important;color:var(--text-primary)!important}.ant-table-thead>tr>th{background:#ff66ab26!important;color:var(--osu-pink)!important;border-color:var(--border-color)!important}.ant-table-tbody>tr>td{border-color:var(--border-color)!important;color:var(--text-secondary)!important}.ant-table-tbody>tr:hover>td{background:#ff66ab1a!important}.ant-table-wrapper .ant-table-pagination{background:transparent!important}.ant-pagination-item{background:var(--osu-dark-card)!important;border-color:var(--border-color)!important}.ant-pagination-item a{color:var(--text-secondary)!important}.ant-pagination-item-active{border-color:var(--osu-pink)!important;background:#ff66ab26!important}.ant-pagination-item-active a{color:var(--osu-pink)!important}.ant-pagination-prev .ant-pagination-item-link,.ant-pagination-next .ant-pagination-item-link{background:var(--osu-dark-card)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.ant-tag{background:#ff66ab26!important;border-color:var(--osu-pink)!important;color:var(--osu-pink)!important}.ant-modal-footer .ant-btn{background:var(--osu-dark-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.ant-modal-footer .ant-btn-primary{background:var(--gradient-primary)!important;border:none!important;color:#fff!important}.ant-empty-description{color:var(--text-muted)!important}.ant-spin-dot-item{background:var(--osu-pink)!important}.ant-tooltip-inner{background:var(--osu-dark-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.ant-tooltip-arrow-content{background:var(--osu-dark-card)!important}.ant-divider{border-color:var(--border-color)!important;color:var(--text-muted)!important}.ant-avatar{background:var(--gradient-primary)!important;color:#fff!important}.ant-progress-inner{background:var(--osu-dark-input)!important}.ant-progress-bg{background:var(--gradient-primary)!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--osu-dark);min-height:100vh;color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.osu-background{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--osu-dark);z-index:-1;overflow:hidden}.osu-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(255,102,171,.15) 0%,transparent 50%);animation:osu-float 20s ease-in-out infinite}.osu-background:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 70% 80%,rgba(155,77,202,.1) 0%,transparent 50%);animation:osu-float 25s ease-in-out infinite reverse}.loading-container{text-align:center;padding:100px;color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--osu-dark)}::-webkit-scrollbar-thumb{background:var(--osu-pink);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--osu-pink-light)}.ant-layout{background:var(--osu-dark)!important}.ant-layout-content{background:transparent!important}.ant-layout-header{background:var(--osu-dark-secondary)!important;border-bottom:1px solid var(--border-color)!important}.ant-layout-sider{background:var(--osu-dark-secondary)!important}a{color:var(--osu-pink);text-decoration:none}a:hover{color:var(--osu-pink-light)}