*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Noto Sans TC,sans-serif}.app-container{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-size:300% 300%;animation:bgFlow 10s ease infinite alternate;transition:background 2s ease;overflow:hidden}.app-container.transitioning{transition:background 1s ease-in-out}@keyframes bgFlow{0%{background-position:0% 50%}to{background-position:100% 50%}}.wave-layer{position:absolute;inset:0;z-index:5;mix-blend-mode:overlay;pointer-events:none}@keyframes waveShift1{0%{transform:translate(0)}to{transform:translate(50px)}}@keyframes waveShift2{0%{transform:translateY(0)}to{transform:translateY(40px)}}@keyframes waveShift3{0%{transform:translate(-50px) translateY(20px)}to{transform:translate(30px) translateY(-20px)}}.top-glow{position:absolute;top:0;left:0;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.25),transparent 60%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.2),transparent 70%);animation:glowShift 12s ease-in-out infinite alternate;z-index:15;mix-blend-mode:overlay;pointer-events:none;filter:blur(60px)}@keyframes glowShift{0%{transform:translate(-50px,-50px) rotate(0)}to{transform:translate(50px,50px) rotate(10deg)}}canvas{position:absolute!important;inset:0;z-index:10!important;pointer-events:none}.content-box{position:relative;z-index:50;text-align:center;color:#fff;animation:fadeIn 1s ease forwards}.content-box img{width:200px;margin-bottom:40px;animation:floating 3s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(0,0,0,.25))}.login-buttons{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;margin-bottom:24px}.login-buttons button{padding:12px 32px;border-radius:999px;font-weight:600;border:1px solid rgba(255,255,255,.4);background:#ffffff4d;color:#333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 30px #0000001f;transition:all .3s ease;cursor:pointer}.login-buttons button:hover{transform:translateY(2px);background:#ffffff40}.theme-dots{display:flex!important;flex-direction:row!important;justify-content:center;align-items:center;gap:16px;margin-top:40px;position:relative;z-index:60}.theme-dot{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 2px 8px #ffffff73,0 6px 18px #00000026;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .4s ease;cursor:pointer}.theme-dot:hover{transform:scale(1.15);filter:brightness(1.3)}.theme-dot.active{outline:3px solid rgba(255,255,255,.75)}.theme-dot.pink{background:linear-gradient(135deg,#f9a8d4,#f472b6,#fbcfe8)}.theme-dot.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6,#93c5fd)}.theme-dot.green{background:linear-gradient(135deg,#4ade80,#22c55e,#a7f3d0)}.theme-dot.yellow{background:linear-gradient(135deg,#fde047,#facc15,#fef08a)}.theme-dot.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6,#c4b5fd)}.slogan{margin-top:40px;font-size:1.2rem;line-height:1.6;font-weight:500;text-shadow:0 2px 3px rgba(0,0,0,.25)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dashboard{display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-title{font-size:2rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 6px rgba(0,0,0,.3);text-align:center;width:100%}.email{margin-bottom:30px;font-size:1rem;opacity:.9;text-align:center;width:100%}.button-group{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:30px}.button-group button{padding:12px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:#ffffff4d;color:#333;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0000001a;transition:all .3s ease;cursor:pointer}.button-group button:hover{transform:scale(1.05);background:#ffffff73}.logout-btn{margin-top:30px;padding:10px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.6);color:#fff;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600;cursor:pointer;transition:.3s}.logout-btn:hover{background:#ffffff40}.slogan.small{font-size:1rem;opacity:.9;margin-top:20px}.result-page{padding:40px;min-height:100vh;color:#fff;background:linear-gradient(120deg,#a78bfa,#8b5cf6,#c4b5fd);overflow-y:auto}.back-btn{background:#ffffff40;border:none;border-radius:30px;padding:10px 20px;color:#fff;font-weight:600;margin-bottom:20px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn:hover{background:#fff6}.chart-section{margin:40px auto;background:#ffffff26;padding:20px;border-radius:20px;width:90%;max-width:700px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.summary-section{margin:40px auto;width:90%;max-width:700px}.student-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:40px}.student-card{background:#fff3;border-radius:20px;padding:16px;box-shadow:0 4px 16px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-section{margin-top:40px;width:90%;text-align:left;background:#ffffff40;border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 20px #0000001a}.ai-section h2{font-size:1.2rem;margin-top:20px;color:#fff}.ai-box{background:#ffffff26;color:#f3f3f3;font-family:Courier New,monospace;font-size:.9rem;white-space:pre-wrap;border-radius:8px;padding:10px;margin-top:8px;line-height:1.4;max-height:250px;overflow-y:auto}@keyframes floatGlow{0%{transform:translateY(0);filter:brightness(1);box-shadow:0 0 20px #fff3,0 0 40px #ffb6ff26}50%{transform:translateY(-8px);filter:brightness(1.3);box-shadow:0 0 25px #ffffff4d,0 0 60px #ffb6ff40}to{transform:translateY(0);filter:brightness(1);box-shadow:0 0 20px #fff3,0 0 40px #ffb6ff26}}.ai-card-glow{background:#ffffff2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;padding:32px 42px;max-width:900px;text-align:center;animation:floatGlow 5s ease-in-out infinite;transition:all .3s ease}.ai-card-glow h2{color:#ffbdf2;text-shadow:0 0 10px rgba(255,195,255,.8),0 0 20px rgba(255,170,255,.6)}.ai-card-glow p{font-size:18px;line-height:1.8;color:#2e2e2e;font-weight:500}html,body{height:100%;overflow-y:auto!important}#root,.app-container{min-height:100vh;height:auto!important;overflow-y:auto!important}.pdf-export-mode{background-color:#fff!important;color:#000!important}.pdf-export-mode canvas,.pdf-export-mode svg text{fill:#000!important;stroke:#000!important}.pdf-export-mode .recharts-radar-polygon{stroke:#2563eb!important;fill:#2563eb4d!important}.pdf-export-mode .recharts-bar-rectangle path{fill:#3b82f6!important}.pdf-sheet{position:fixed;left:-9999px;top:-9999px;background:#0b1b2b}.A4{width:794px;height:1123px;padding:20px;box-sizing:border-box;color:#d9e6ff;display:flex;flex-direction:column}.sheet-head{display:flex;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:8px;margin-bottom:10px}.sheet-head .logo{width:90px;height:auto}.sheet-chart{display:flex;align-items:center;justify-content:center;background:transparent!important}.sheet-chart svg{background:transparent!important}.sheet-chart .recharts-wrapper,.sheet-chart .recharts-surface{background:transparent!important}.sheet-summary{margin-top:10px;border-top:1px solid rgba(255,255,255,.12);padding-top:10px;font-size:13px;line-height:1.5;flex:1}.sheet-footer{margin-top:auto;padding-top:8px;text-align:center;color:#9fb6d6;font-size:12px}html,body,#root{height:auto;min-height:100%}.loading-container{position:fixed;inset:0;background:linear-gradient(120deg,#a7f3d0,#60a5fa,#c4b5fd);display:flex;justify-content:center;align-items:center;z-index:2000;overflow:hidden;animation:gradientShift 6s ease-in-out infinite alternate}.loading-container>canvas{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.loading-content{text-align:center;position:relative;animation:fadeIn 1.5s ease forwards}.loading-logo{width:160px;height:auto;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,255,255,.6))}.loading-pulse{position:absolute;top:50%;left:50%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.6) 0%,transparent 70%);transform:translate(-50%,-50%);animation:pulse 2.5s ease-in-out infinite;z-index:-1}.loading-text{margin-top:40px;color:#fff;font-size:1.3rem;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:textGlow 2s ease-in-out infinite alternate}@keyframes gradientShift{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.95);opacity:.8}to{transform:translate(-50%,-50%) scale(1.1);opacity:0}}@keyframes textGlow{0%{opacity:.7;text-shadow:0 0 5px rgba(255,255,255,.5)}to{opacity:1;text-shadow:0 0 20px rgba(255,255,255,.9)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}