*,body{margin:0}.apps-btn:hover,.topbar a:hover{background:rgba(255,255,255,.1)}.main-container,.topbar{display:flex;position:absolute}.app-item,.shortcut,.shortcuts-row a,.topbar a{text-decoration:none}*{padding:0;box-sizing:border-box}body{font-family:'Segoe UI','Noto Sans TC',Arial,sans-serif;background:url('../assets/20220710_150100 (1).jpg') center center/cover no-repeat fixed;color:#222;min-height:100vh}.weather-row{font-family:jfOpenHuninn,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.topbar{top:16px;right:24px;align-items:center;gap:16px;z-index:10}.topbar a{color:rgba(255,255,255,.9);font-size:.95rem;padding:8px 12px;border-radius:8px;transition:.2s}.topbar a:hover{color:#fff}.apps-btn{background:0 0;border:none;padding:8px;cursor:pointer;border-radius:8px;transition:background .2s}.search-action img:hover,.search-icon:hover{background:rgba(0,0,0,.05)}.apps-btn img{width:24px;height:24px;filter:invert(1);opacity:.9}.avatar{width:45px;height:45px;border-radius:50%;border:5px solid rgba(255,255,255,.8);object-fit:cover;cursor:pointer;transition:.2s}.avatar:hover{border-color:#fff;transform:scale(1.05)}.main-container{flex-direction:column;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);max-width:1200px;width:100%;padding:20px}.search-bar,.search-icon{align-items:center;display:flex}.logo-container{margin-bottom:40px}.google-logo{font-family:'Product Sans','Segoe UI',Arial,sans-serif;font-size:5rem;color:#fff;font-weight:700;letter-spacing:4px;text-align:center;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.3);animation:3s ease-in-out infinite alternate logoGlow}.app-item span,.time-left,.time-right{font-family:jfOpenHuninn,sans-serif}@keyframes logoGlow{0%{text-shadow:0 4px 20px rgba(0,0,0,.3)}100%{text-shadow:0 4px 30px rgba(255,255,255,.5)}}.search-bar{background:rgba(255,255,255,.582);backdrop-filter:blur(10px);border-radius:30px;box-shadow:0 1px 46px rgba(0,0,0,.466);width:100%;max-width:600px;height:56px;margin:0 auto 40px;padding:0 20px;transition:.3s}.search-bar:hover{box-shadow:0 12px 40px rgba(0,0,0,.2);transform:translateY(-2px)}.search-bar:focus-within{box-shadow:0 12px 40px rgba(102,126,234,.3);transform:translateY(-2px)}.search-bar input{border:none;outline:0;font-size:1.1rem;flex:1;background:0 0;padding:0 16px;height:100%;color:#222}.search-bar input::placeholder{color:#88888800}.search-icon{background:0 0!important;border:none!important;outline:0!important;box-shadow:none!important;padding:0!important;width:36px;height:36px;justify-content:center;cursor:pointer;border-radius:50%;transition:.2s}.shortcuts-row,.weather-container{border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);backdrop-filter:blur(10px)}.search-icon i{font-size:62px;color:#534141!important}.search-icon:active,.shortcuts-row a:hover img{transform:scale(1.1)}.search-icon img{width:24px;height:24px;opacity:.6}.search-action{display:flex;align-items:center;gap:8px}.search-action img{width:40px;height:40px;cursor:pointer;opacity:10;padding:8px;border-radius:100%;transition:.2s}.search-action img:hover{opacity:1}#results-container{color:rgba(255,255,255,.9);font-size:1.1rem;margin-bottom:20px;padding:16px;background:rgba(255,255,255,.658);border-radius:12px;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(70,68,68,.411);display:none}.shortcuts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));max-width:1500px;margin:24px auto;padding:24px;gap:12px;background:rgba(17,17,17,.2);justify-items:center}.shortcut{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:12px;transition:transform .2s}.shortcut i,.shortcut img{width:40px;height:40px;margin-bottom:6px;border-radius:12px;object-fit:cover}.shortcut:hover{transform:scale(1.05)}.shortcuts-row a{display:flex;flex-direction:column;align-items:center;color:rgba(255,255,255,.9);width:80px;padding:16px 8px;border-radius:16px;transition:.3s;backdrop-filter:blur(5px)}.shortcuts-row a:hover{background:rgba(255,255,255,.2);transform:translateY(-4px);box-shadow:0 8px 25px rgba(199,189,189,.2)}.shortcuts-row img{width:48px;height:48px;margin-bottom:8px;border-radius:12px;object-fit:cover;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:transform .3s}.shortcuts-row span{font-size:.9rem;text-align:center;color:rgba(255,255,255,.9);font-weight:500}.weather-row{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:24px;margin-bottom:40px;flex-wrap:nowrap}.weather-container{display:flex;align-items:center;gap:26px;background:rgba(69,68,68,.472);padding:20px 24px;width:250px;height:90px;transition:.3s;border:3px solid rgba(255,255,255,.2)}.weather-container:hover{background:rgba(56,56,56,.322);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.weather-icon{width:80px;height:80px;filter:drop-shadow(0 4px 10px rgba(0, 0, 0, .2))}.weather-info{display:flex;flex-direction:column;align-items:flex-start}.weather-city{font-size:1.4rem;font-weight:500;color:rgba(255,255,255,.95);margin-bottom:4px}.weather-temp{font-size:1.5rem;font-weight:400;color:#fff;margin-bottom:2px}#radar-time,.weather-desc{color:rgba(255,255,255,.8)}.weather-desc{font-size:.9rem;text-transform:capitalize}@media (max-width:768px){.google-logo{font-size:3rem}.search-bar{max-width:90%;height:48px}.shortcuts-row{gap:16px;padding:16px}.topbar{right:16px;gap:12px}.account-popup{right:16px;width:calc(100vw - 32px);max-width:360px}}.weather-radar-row{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:32px;margin:0 auto;max-width:1300px;padding:0 20px}.radar-section{width:350px;padding:15px;background:rgba(255,255,255,.08);border-radius:20px;backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.2);text-align:center;transition:.3s;transform-origin:center center;position:relative;z-index:0}.radar-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.8);z-index:9999;pointer-events:auto;box-shadow:0 16px 40px rgba(0,0,0,.35);opacity:0;animation:.4s cubic-bezier(.4,0,.2,1) forwards zoomFadeIn;will-change:transform,opacity}@keyframes zoomFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}100%{opacity:1;transform:translate(-50%,-50%) scale(2.2)}}@keyframes zoomFadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1.8)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}.radar-popup.fade-out{animation:.3s cubic-bezier(.4,0,.2,1) forwards zoomFadeOut}.radar-section h2{display:inline-block;padding:8px 14px;color:#fff;font-size:1rem;font-weight:600;border-radius:999px;backdrop-filter:blur(5px);box-shadow:0 2px 6px rgba(0,0,0,.2);margin-bottom:16px;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.radar-section img{display:block;width:100%;height:auto;margin:0;padding:0}#radar-time{font-size:.85rem}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.apps-menu{display:none;position:absolute;top:60px;right:80px;width:260px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(200,200,255,.08));border-radius:30px;padding:20px 0;backdrop-filter:blur(20px) saturate(180%);z-index:999;flex-direction:column;align-items:center;gap:15px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.3s;border:1px solid rgba(255,255,255,.2)}.app-item span:hover{transition:text-shadow .3s;text-shadow:0 1px 2px rgba(0,0,0,.5),0 0 5px rgba(255,255,255,.8),0 0 8px rgba(255,255,255,.5)}.app-section-title{color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.apps-menu:hover{box-shadow:0 16px 36px rgba(201,194,194,.753);background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(180,180,255,.1))}.apps-menu.show{display:flex;animation:.3s forwards slideDown;pointer-events:auto}.apps-menu.hide{pointer-events:none;animation:.3s forwards slideUp}.app-item{display:flex;align-items:center;gap:12px;width:85%;padding:10px 12px;border-radius:12px;transition:.25s;background-color:transparent}.app-item:hover{background-color:rgba(248,247,247,.05);transform:scale(1.03);box-shadow:0 2px 10px rgba(0,0,0,.12)}.app-item img{width:40px;height:40px;border-radius:10px;flex-shrink:0}@font-face{font-family:jfOpenHuninn;src:url('../font/jf-openhuninn-2.1.ttf') format('truetype');font-weight:400;font-style:normal}.app-item span{font-size:17px;font-weight:400;color:#fff;letter-spacing:.4px;text-shadow:0 0 2px rgba(0,0,0,.6),0 1px 5px rgba(26,25,25,.3);transition:text-shadow .3s}@keyframes slideUp{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.weather-group{display:flex;flex-direction:column;gap:8px;align-items:center;flex:1}.weather-timebar{display:flex;flex-direction:column;align-items:center;padding:24px 30px;background:rgba(255,255,255,.15);backdrop-filter:blur(14px);border-radius:20px;box-shadow:0 10px 24px rgba(0,0,0,.3);width:100%;max-width:520px;margin:0 auto 20px;text-align:center;gap:12px}.time-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 12px}.time-left{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.95);font-size:1.2rem;font-weight:500}.time-right{color:#fff;font-size:1rem;font-weight:400;white-space:nowrap}.time-display{text-align:center;margin-top:8px}.time-value{font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:800;color:#fff;text-shadow:2px 3px 4px rgba(0,0,0,.5);animation:1s ease-in-out infinite timePulse}.greeting-text,.watermark{text-align:center;font-family:jfOpenHuninn,sans-serif}.greeting-text{font-size:1.4rem;font-weight:600;color:rgba(255,255,255,.95);margin-bottom:2px;width:100%}@keyframes timePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.watermark{margin-top:4px;font-size:1.2rem;color:rgba(255,255,255,.5);font-weight:400;pointer-events:none;text-shadow:1px 1px 3px rgba(0,0,0,.3)}