body{font-family:Microsoft JhengHei,Arial,sans-serif;line-height:1.6;color:#333;margin:0;padding:0;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;min-height:100vh}.glass-loading{max-width:800px;margin:20px auto;padding:40px;background:#fff3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26875e;text-align:center;transition:all .5s ease;animation:fadeIn .5s ease-out}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-text{font-size:1.2rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-top:5px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-wrapper{width:100%;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.2);position:relative}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#ff0080,#ff8c00,#40e0d0,#ff0080);background-size:200% 100%;animation:aurora 3s linear infinite;border-radius:10px;transition:width .4s cubic-bezier(.1,.7,1,.1);box-shadow:0 0 20px #ff008080}@keyframes aurora{0%{background-position:0% 50%}to{background-position:200% 50%}}.progress-percent{font-size:1.5rem;font-weight:800;color:#fff;margin-top:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#bottom-left-button{position:fixed;bottom:20px;left:20px;z-index:1000}#bee-link{display:flex;align-items:center;padding:15px 25px;background:linear-gradient(45deg,gold,orange,#ff8c00,coral);background-size:300% 300%;color:#fff;text-decoration:none;border-radius:50px;font-size:18px;font-weight:700;box-shadow:0 4px 15px #0000004d;transition:all .3s ease;animation:gradient 3s ease infinite;border:2px solid rgba(255,255,255,.3)}#bee-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}#bee-link .feedback-icon:before{content:"🐝"}@media screen and (max-width:600px){#bee-link{padding:12px;border-radius:50%;width:50px;height:50px;justify-content:center}#bee-link .feedback-text{display:none}#bee-link .feedback-icon{margin-right:0;font-size:24px}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.school-logo{width:120px;height:auto;margin-right:30px}.container{max-width:800px;margin:0 auto;padding:20px;background-color:#fffc;border-radius:10px;box-shadow:0 0 20px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.container:hover{transform:translateY(-5px);box-shadow:0 5px 30px #0000004d}form{background-color:#ffffffe6;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}form:hover{transform:scale(1.02);box-shadow:0 5px 15px #0003}h1{color:#2c3e50;text-align:center}label{display:block;margin-bottom:5px;font-weight:700}input[type=text],textarea{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}button{width:100%;max-width:300px;margin:10px auto;display:block;font-size:18px;padding:12px 20px;box-shadow:0 4px 6px #0000001a;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}button:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}button:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}button:focus:not(:active):after{animation:ripple 1s ease-out}button[type=submit]{background-color:#2ecc71}button[type=submit]:hover{background-color:#27ae60}#downloadBtn{background-color:#e74c3c;width:100%;max-width:300px;display:block;font-size:18px;padding:12px 20px;box-shadow:0 4px 6px #0000001a;margin:20px auto}#downloadBtn:hover{background-color:#c0392b;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}#result{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:900px;margin:20px auto;text-align:center}#result h3{font-size:36px;color:#2c3e50;text-align:center;text-shadow:3px 3px 6px rgba(0,0,0,.3);background-color:#f1c40f;padding:15px;border-radius:10px;display:block;animation:titleFade 1.5s ease-in-out;margin:0 auto 30px;max-width:100%}@keyframes titleFade{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#result table{width:100%;border-collapse:separate;border-spacing:0;border:3px solid #2c3e50;background-color:#ffffffe6;font-size:14px;margin:0 auto}#result table th,#result table td{border:1px solid #34495e;padding:12px;text-align:left}#result table th{background-color:#3498db;color:#fff;font-weight:700;text-transform:uppercase}.loading{text-align:center;font-size:24px;font-weight:700;padding:20px;background:linear-gradient(45deg,#ff9a9e,#fad0c4,#ffecd2);border-radius:15px;box-shadow:0 4px 15px #0000001a;animation:colorChange 5s infinite alternate,bounce .5s infinite alternate}@keyframes colorChange{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.lesson-plan{background-color:#fff;background-repeat:repeat;padding:20px;border-radius:10px;box-shadow:0 0 15px #0000001a;max-width:900px;margin:0 auto;overflow-x:auto;text-align:center}.lesson-plan table{width:100%;border-collapse:separate;border-spacing:0;border:3px solid #2c3e50;background-color:#ffffffe6;font-size:14px;margin:0 auto}.lesson-plan table th,.lesson-plan table td{border:1px solid #34495e;padding:12px;text-align:left}.lesson-plan table th,.lesson-plan th{background-color:#3498db;color:#fff;font-weight:700;text-transform:uppercase}.lesson-plan tr:nth-child(odd){background-color:#ecf0f1}.lesson-plan tr:nth-child(2n){background-color:#f4f6f7}.lesson-plan tr:hover{background-color:#e8f6ff}.lesson-plan-title{font-size:36px;color:#2c3e50;text-align:center;text-shadow:3px 3px 6px rgba(0,0,0,.3);background-color:#f1c40f;padding:15px;border-radius:10px;display:block;animation:titleFade 1.5s ease-in-out;margin:0 auto 30px;max-width:100%}@keyframes titleFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.lesson-plan-title,.lesson-plan h3{font-size:36px;color:#2c3e50;text-align:center;text-shadow:3px 3px 6px rgba(0,0,0,.3);background-color:#f1c40f;padding:15px;border-radius:10px;display:block;animation:titleFade 1.5s ease-in-out;margin:0 auto 30px;max-width:100%}@keyframes titleFade{0%{opacity:0}to{opacity:1}}.lesson-plan p{margin-bottom:10px;line-height:1.6}@media screen and (max-width:768px){.header{flex-direction:column}.school-logo{width:100px;margin-right:0;margin-bottom:15px}.rainbow-text{font-size:7vw;padding:10px;border-width:1px}}@media screen and (max-width:480px){.rainbow-text{font-size:8vw;padding:8px}}@media screen and (max-width:600px){.header{flex-direction:column}.school-logo{margin-right:0;margin-bottom:10px}.lesson-plan table{font-size:12px}.lesson-plan th,.lesson-plan td{padding:8px}#result h3,.lesson-plan-title{font-size:28px;padding:10px}.rainbow-text{font-size:24px;padding:10px;border-width:1px}}.reference-only{color:red;font-weight:700;display:inline-block;padding:2px 4px;border-radius:3px;margin-top:5px;background-color:#ff0}.rainbow-text{background:linear-gradient(45deg,#900,#060,#009,#960);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(24px,5vw,48px);font-weight:700;text-align:center;padding:15px;font-family:Arial Black,Microsoft JhengHei,sans-serif;letter-spacing:1px;border:2px solid #333;border-radius:10px;display:inline-block;margin:0;max-width:100%;position:relative;z-index:1;word-wrap:break-word}.rainbow-text:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#fffc,#ffffff4d);z-index:-1;border-radius:6px}.rainbow-text:after{content:"教師數位備課小幫手";position:absolute;inset:0;background-image:linear-gradient(45deg,#600,#040,#006,#640);-webkit-background-clip:text;background-clip:text;color:transparent;z-index:1;display:flex;align-items:center;justify-content:center}@keyframes rainbow-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.form-group{margin-bottom:20px}.turnstile-group{margin-top:8px}#turnstile-widget{min-height:65px;display:flex;justify-content:center}#turnstile-status,.usage-notice{margin:4px 0 0;color:#555;font-size:14px;text-align:center}.usage-notice{margin-top:8px}.animated-label{display:block;margin-bottom:5px;font-weight:700;color:#333;transition:color .3s ease}.animated-input{width:100%;padding:10px;border:2px solid #ddd;border-radius:5px;font-size:16px;transition:all .3s ease}.animated-input:focus{border-color:#3498db;box-shadow:0 0 5px #3498db80}.animated-input:focus+.animated-label{color:#3498db}.generate-button{background-image:linear-gradient(to right,#2ecc71,#27ae60);color:#fff;padding:15px 30px;border:none;border-radius:5px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden}.generate-button:hover{background-image:linear-gradient(to right,#27ae60,#2ecc71);transform:translateY(-3px);box-shadow:0 6px 8px #00000026}.generate-button:active{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.generate-button:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.generate-button:focus:not(:active):after{animation:ripple 1s ease-out}.lesson-plan tr:nth-child(5),.lesson-plan tr:nth-child(6),.lesson-plan tr:nth-child(8),.lesson-plan tr:nth-child(9),.lesson-plan tr:nth-child(10),.lesson-plan tr:nth-child(15){background-color:#fffde7}#feedback-container{position:fixed;bottom:20px;right:20px;z-index:1000}#feedback-link{display:flex;align-items:center;padding:15px 25px;background-color:#4169e1;color:#fff;text-decoration:none;border-radius:50px;font-size:18px;font-weight:700;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}#feedback-link:hover{background-color:#3a5fc8;transform:translateY(-3px);box-shadow:0 6px 8px #00000026}#feedback-link:active{transform:translateY(-1px);box-shadow:0 3px 4px #0000001a}.feedback-icon{font-size:24px;margin-right:10px}@media screen and (max-width:600px){#feedback-link{padding:12px;border-radius:50%;width:50px;height:50px;justify-content:center}#feedback-link .feedback-text{display:none}#feedback-link .feedback-icon{margin-right:0;font-size:24px}}.feedback-text{white-space:nowrap}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}#feedback-link:hover .feedback-icon{animation:pulse .6s infinite}.modern-footer{padding:60px 20px;margin-top:60px;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.footer-glass-card{background:#ffffffb3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);border-radius:30px;padding:40px;box-shadow:0 20px 50px #0000001a;max-width:600px;width:100%;transition:all .5s cubic-bezier(.175,.885,.32,1.275);border-bottom:4px solid rgba(255,255,255,.5);box-sizing:border-box}.footer-glass-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px #00000026;background:#fffc}.footer-content{display:flex;flex-direction:column;align-items:center;gap:25px}.social-links{display:flex;gap:30px}.social-link{text-decoration:none;width:65px;height:65px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 4px 15px #00000026}.social-link.facebook{background:linear-gradient(45deg,#1877f2,#00b2ff,#1877f2);background-size:200% 200%;animation:gradientMove 5s ease infinite}.social-link.youtube{background:linear-gradient(45deg,red,#ff5252,red);background-size:200% 200%;animation:gradientMove 5s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.social-link:hover{transform:scale(1.18) rotate(8deg);box-shadow:0 10px 30px #00000040}.social-icon{font-size:34px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.designer-credit{font-size:19px;color:#444;font-weight:600;letter-spacing:.5px}.author-link{color:#1877f2;text-decoration:none;font-weight:900;position:relative;padding:2px 6px;transition:all .3s ease;background:linear-gradient(to right,#1877f2,#00b2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.author-link:hover{filter:brightness(1.2);text-shadow:0 0 10px rgba(24,119,242,.2)}@media screen and (max-width:600px){.modern-footer{padding:40px 15px;margin-top:30px}.footer-glass-card{padding:25px 20px;border-radius:20px}.social-link{width:55px;height:55px;border-radius:16px}.social-icon{font-size:28px}.designer-credit{font-size:16px}}