:root{--primary-color:#4a6bdf;--secondary-color:#ff7e5f;--accent-color:#f9d423;--light-bg:#f8f9fa;--dark-text:#2c3e50;--light-text:#ecf0f1;}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Variable","Noto Sans", Roboto, Oxygen, Ubuntu, Cantarell, "Liberation Sans","Helvetica Neue", Helvetica, sans-serif;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);margin:0;padding:20px;color:var(--dark-text);min-height:100vh;}.container{max-width:1200px;margin:0 auto;background-color:white;padding:20px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.1);position:relative;overflow:hidden;}.container::before{content:"";position:absolute;top:0;left:0;width:100%;height:10px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));}h1{color:var(--primary-color);text-align:center;margin-bottom:30px;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,0.1);position:relative;padding-bottom:15px;}h1::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--secondary-color),var(--accent-color));border-radius:2px;}button{background-color:#4CAF50;color:white;border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-size:16px;transition:all 0.3s;box-shadow:0 3px 6px rgba(0,0,0,0.1);}.classroom{display:grid;gap:20px;margin-top:20px;padding:30px;background-color:var(--light-bg);border-radius:15px;min-height:500px;position:relative;border:1px solid rgba(0,0,0,0.1);}.domain-error{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.95);color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;font-size:30px;text-align:center;padding:20px;display:none}.domain-error h2{color:#ff6b6b;margin-bottom:20px}.seat{background:white;border:2px solid #e0e0e0;border-radius:12px;padding:15px;text-align:center;cursor:move;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 5px rgba(0,0,0,0.05);}.seat:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1);border-color:var(--primary-color);}.seat.empty{background-color:#f5f5f5;border:2px dashed #bdbdbd;}.seat.empty:hover{background-color:#e0e0e0;}.student-name{font-weight:bold;word-break:break-all;font-size:1.3rem;margin-top:5px;}.seat-number{position:absolute;top:5px;left:5px;font-size:0.8rem;color:#7f8c8d;background-color:rgba(0,0,0,0.05);padding:2px 6px;border-radius:10px;}.called-student{animation:pulse 1s infinite;background:linear-gradient(135deg,#ff416c 0%,#ff4b2b 100%);color:white;border:none;transform:scale(1.05);box-shadow:0 0 20px rgba(255,75,43,0.5);}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 10px rgba(255,75,43,0.5);}50%{transform:scale(1.05);box-shadow:0 0 20px rgba(255,75,43,0.8);}100%{transform:scale(1);box-shadow:0 0 10px rgba(255,75,43,0.5);}}.status-bar{margin-top:25px;padding:15px;background-color:white;border-radius:10px;text-align:center;font-weight:bold;font-size:1.1rem;box-shadow:0 2px 10px rgba(0,0,0,0.05);border-left:5px solid var(--primary-color);}.blackboard{grid-column:1 / -1;background:linear-gradient(135deg,#2c3e50 0%,#506bda 100%);color:white;text-align:center;padding:20px;font-size:1.8rem;border-radius:10px;margin-bottom:20px;display:flex;height:30px;align-items:center;justify-content:center;font-weight:bold;letter-spacing:2px;box-shadow:0 5px 15px rgba(0,0,0,0.1);position:relative;overflow:hidden;}.blackboard::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 50%,rgba(0,0,0,0.1) 100%);}.action-buttons{position:fixed;left:30px;bottom:100px;display:flex;flex-direction:column;gap:15px;z-index:100;}.action-btn{background:linear-gradient(135deg,var(--primary-color) 0%,#3a56c7 100%);color:white;border:none;padding:15px;border-radius:50px;cursor:pointer;font-size:1rem;transition:all 0.3s;box-shadow:0 4px 8px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;width:50px;height:50px;position:relative;}.action-btn:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.15);}.action-btn .tooltip{position:absolute;right:60px;background:rgba(0,0,0,0.7);color:white;padding:5px 10px;border-radius:5px;font-size:0.9rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s;}.action-btn:hover .tooltip{opacity:1;}.random-btn{background:linear-gradient(135deg,var(--secondary-color) 0%,#e86c4d 100%);}.call-btn{background:linear-gradient(135deg,#ff416c 0%,#ff4b2b 100%);}.settings-btn{position:fixed;left:30px;bottom:30px;background:linear-gradient(135deg,#7b4397 0%,#dc2430 100%);color:white;border:none;padding:15px;border-radius:50%;cursor:pointer;font-size:1.5rem;transition:all 0.3s;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:100;display:flex;align-items:center;justify-content:center;width:50px;height:50px;}.settings-btn:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 8px 20px rgba(0,0,0,0.3);}.settings-panel{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);display:none;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px);}.settings-content{background:white;padding:30px;border-radius:20px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,0.2);position:relative;animation:fadeIn 0.3s ease-out;}@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.settings-title{color:var(--primary-color);text-align:center;margin-bottom:25px;font-size:1.8rem;position:relative;padding-bottom:10px;}.settings-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--secondary-color),var(--accent-color));border-radius:2px;}.settings-group{margin-bottom:25px;padding:20px;background-color:var(--light-bg);border-radius:15px;border-left:5px solid var(--primary-color);}.settings-group h3{margin-top:0;color:var(--primary-color);font-size:1.3rem;margin-bottom:15px;display:flex;align-items:center;gap:10px;}.settings-group h3::before{content:"*";color:var(--secondary-color);font-size:1.5rem;}.config-item{display:flex;align-items:center;margin-bottom:15px;}.config-item label{width:120px;font-weight:bold;color:var(--dark-text);}.config-item .setlba{width:60px;}.config-item .pr{margin-left:30px;}.config-item input,.config-item select{flex:1;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all 0.3s;}.config-item input:focus,.config-item select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(74,107,223,0.2);outline:none;}.file-label{background:linear-gradient(135deg,#00b4db 0%,#0083b0 100%);color:white;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all 0.3s;display:inline-flex;align-items:center;gap:8px;margin-right:10px;box-shadow:0 3px 6px rgba(0,0,0,0.1);}.file-label:hover{background:linear-gradient(135deg,#0083b0 0%,#00b4db 100%);transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,0.15);}.file-input{display:none;}.close-settings{background:linear-gradient(135deg,#ff416c 0%,#ff4b2b 100%);color:white;border:none;padding:15px;border-radius:8px;cursor:pointer;font-size:1.1rem;margin-top:20px;width:100%;transition:all 0.3s;font-weight:bold;letter-spacing:1px;}.close-settings:hover{background:linear-gradient(135deg,#ff4b2b 0%,#ff416c 100%);transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,75,43,0.4);}.fullscreen-result{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ff416c 0%,#ff4b2b 100%);color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2000;font-size:5rem;font-weight:bold;text-align:center;animation:fadeIn 0.5s ease-out;display:none;}.fullscreen-result .name{font-size:6rem;margin-bottom:20px;text-shadow:0 5px 15px rgba(0,0,0,0.3);}.fullscreen-result .hint{font-size:2rem;opacity:0.8;}.close-result{position:absolute;top:30px;right:30px;background:rgba(255,255,255,0.2);color:white;border:none;width:75px;height:75px;border-radius:50%;font-size:2.3rem;cursor:pointer;transition:all 0.3s;}.close-result:hover{background:rgba(255,255,255,0.3);transform:rotate(90deg);}.shortcut-hint{position:fixed;bottom:30px;right:30px;background:rgba(0,0,0,0.7);color:white;padding:10px 15px;border-radius:8px;font-size:0.9rem;z-index:100;display:none;}@media (max-width:768px){.classroom{padding:15px;grid-template-columns:repeat(2,1fr);}.seat{height:50px;padding:10px;}.student-name{font-size:0.9rem;}.fullscreen-result .name{font-size:3rem;}.fullscreen-result .hint{font-size:1.5rem;}.settings-content{width:95%;padding:20px;}.action-buttons{bottom:90px;left:20px;}.settings-btn{left:20px;bottom:20px;}.shortcut-hint{display:none;}}