:root{--primary-color:#4a90e2;--text-color:#1d1d1f;--bg-gradient-1:#f5f7fa;--bg-gradient-2:#c3cfe2;--card-bg:rgba(255,255,255,.7);--card-border:rgba(255,255,255,.5);--shadow:0 8px 32px 0 rgba(31,38,135,.37);--btn-bg:#4a90e2;--btn-text:#fff}body.dark-theme{--text-color:#fff;--bg-gradient-1:#0f2027;--bg-gradient-2:#2c5364;--card-bg:rgba(0,0,0,.6);--card-border:rgba(255,255,255,.1);--btn-bg:#bb86fc;--btn-text:#000}*{box-sizing:border-box;margin:0;padding:0;font-family:'Noto Sans TC',sans-serif;transition:all .3s ease}body{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--bg-gradient-1),var(--bg-gradient-2));background-size:400% 400%;animation:gradientBG 15s ease infinite;color:var(--text-color);overflow:hidden}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.glass-card{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid var(--card-border);box-shadow:var(--shadow);padding:3rem;text-align:center;max-width:500px;width:90%;transform:translateY(0);animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}.logo-container{margin-bottom:1.5rem}.logo{width:120px;height:auto;border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,.2)}h1{font-size:2.5rem;margin-bottom:.5rem;letter-spacing:1px;color:var(--text-color)}.subtitle{font-size:1.1rem;opacity:.8;margin-bottom:2rem}.content p{margin-bottom:1rem;line-height:1.6}.security-note{font-size:.9rem;opacity:.7;font-style:italic;margin-bottom:2rem}.contact-info{margin:2rem 0}.btn-contact{display:inline-block;background:var(--btn-bg);color:var(--btn-text);padding:10px 25px;border-radius:50px;text-decoration:none;font-weight:700;margin-top:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.btn-contact:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.2)}footer{margin-top:2rem;border-top:1px solid var(--card-border);padding-top:1.5rem;font-size:.9rem}.time-display{margin-bottom:1rem;font-weight:500}.btn-toggle{background:0 0;border:1px solid var(--text-color);color:var(--text-color);padding:5px 15px;border-radius:20px;cursor:pointer;font-size:.8rem}.btn-toggle:hover{background:var(--text-color);color:var(--card-bg)}@media(max-width:480px){.glass-card{padding:2rem 1.5rem}h1{font-size:2rem}}