*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0b0e18;--bg-deep:#060810;--surface:rgba(255,248,235,.05);--surface-solid:#151820;--fg:#faf5eb;--muted:rgba(250,245,235,.4);--border:rgba(250,245,235,.07);--accent:#d4a853;--accent-bright:#f0c96e;--accent-glow:rgba(212,168,83,.25);--accent-dim:rgba(212,168,83,.08);--glass:rgba(255,248,235,.04);--glass-border:rgba(255,248,235,.08);--font-body:"DM Sans",system-ui,sans-serif;--font-serif:"Noto Serif TC","Songti SC",serif;--ruby:#e06c75;--sapphire:#61afef;--emerald:#98c379;--amethyst:#c678dd}html,body,#app{height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;transition:background 2s ease}.sky-ocean{position:absolute;bottom:0;left:0;width:100%;height:45%;overflow:hidden}.sky-wave{position:absolute;width:200%;height:100%;bottom:0;left:-50%;border-radius:45% 42% 0 0}.sky-wave-1{opacity:.3;animation:wave-drift 12s linear infinite;background:#ffffff1f}.sky-wave-2{opacity:.2;animation:wave-drift 16s linear infinite reverse;bottom:8px;background:#ffffff14}.sky-wave-3{opacity:.12;animation:wave-drift 20s linear infinite;bottom:16px;background:#ffffff0d}@keyframes wave-drift{0%{transform:translate(0) scaleY(1)}50%{transform:translate(25%) scaleY(1.08)}to{transform:translate(50%) scaleY(1)}}.sky-horizon{position:absolute;left:0;width:100%;height:2px;bottom:45%;background:linear-gradient(90deg,transparent 5%,rgba(255,255,255,.08) 30%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.08) 70%,transparent 95%)}.sky-sun{position:absolute;width:120px;height:120px;border-radius:50%;pointer-events:none;filter:blur(40px);opacity:.5;transition:all 2s ease}.sky-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sky-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;animation:star-twinkle 3s ease-in-out infinite alternate}@keyframes star-twinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:.8;transform:scale(1.2)}}.sky.cloudy .sky-horizon{opacity:.4}.treasure-glow{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;border-radius:50%;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(212,168,83,.06) 0%,transparent 70%);animation:glow-pulse 5s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.treasure-glow.no-aurora{opacity:0;transition:opacity 1.2s ease}.wallpaper-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease;pointer-events:none}.wallpaper-layer.active{opacity:1;pointer-events:auto}.wallpaper-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(6,8,16,.15) 0%,transparent 30%,transparent 70%,rgba(6,8,16,.3) 100%)}.sky.wallpaper-active{opacity:0;transition:opacity 1.2s ease}@keyframes bob1{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}@keyframes bob2{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-5px)}}@keyframes bob3{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes bob4{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes sparkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:.9;transform:scale(1.3)}}@keyframes float-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes wiggle{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-1.5deg)}75%{transform:translate(-50%) rotate(1.5deg)}}.app{position:relative;z-index:5;height:100dvh;width:100%}.island{position:absolute;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,border-color .3s ease}.island:hover{border-color:#d4a85326;box-shadow:0 8px 40px #00000040,0 0 60px #d4a8530a}.brownian-wrap{z-index:10;pointer-events:none}.brownian-wrap>*{pointer-events:auto}.brownian-wrap .island{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important}.brownian-mobile{position:absolute;pointer-events:none}.brownian-mobile>*{pointer-events:auto}.island-hub{top:20%;left:50%;transform:translate(-50%,-50%);border-radius:24px;padding:0;width:min(480px,88vw);animation:bob2 8s ease-in-out infinite .5s;z-index:5;transition:none;background:linear-gradient(160deg,#d4a8530f,#fff8eb08,#61afef08);border-color:#d4a8531f;box-shadow:0 4px 30px #0003,inset 0 1px #fff8eb0a}.island-hub:focus-within{border-color:#d4a85340;box-shadow:0 8px 50px #0000004d,0 0 80px #d4a8530f}.hub-top{display:flex;align-items:center;padding:14px 14px 10px;gap:8px}.search-field{flex:1;background:none;border:none;outline:none;color:var(--fg);font-size:15px;font-family:var(--font-body);padding:0;letter-spacing:.005em}.search-field::placeholder{color:var(--muted);opacity:.5}.search-go{width:34px;height:34px;border-radius:10px;border:none;cursor:pointer;background:var(--accent);color:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.search-go:hover{background:var(--accent-bright);transform:scale(1.08)}.search-go:active{transform:scale(.95)}.mode-pill{display:flex;background:#fff8eb0a;border-radius:10px;border:1px solid rgba(255,248,235,.06);overflow:hidden;flex-shrink:0}.mode-btn{background:none;border:none;color:var(--muted);padding:5px 12px;font-size:12px;font-weight:500;cursor:pointer;font-family:var(--font-serif);letter-spacing:.03em;transition:all .2s ease;position:relative}.mode-btn.on{color:var(--accent)}.mode-btn:not(.on):hover{color:var(--fg)}.mode-btn:active{transform:scale(.95)}.hub-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,83,.12),transparent);margin:0 16px}.hub-modes{display:flex;justify-content:flex-start;padding:8px 14px 0}.hub-engines{display:flex;align-items:center;padding:8px 14px 12px;gap:6px;flex-wrap:wrap}.eng-chip{display:flex;align-items:center;gap:5px;padding:4px 10px 4px 6px;border-radius:8px;border:1px solid transparent;background:#fff8eb08;cursor:pointer;transition:all .2s ease;position:relative}.eng-chip:hover{background:#fff8eb12;border-color:#fff8eb0f}.eng-chip:active{transform:scale(.95)}.eng-chip img{width:14px;height:14px;border-radius:50%;opacity:.7;transition:opacity .2s}.eng-chip.eng-off,.eng-chip.eng-off img{opacity:.3}.eng-chip-name{font-size:11px;color:var(--muted);letter-spacing:.01em;font-weight:500}.eng-chip-toggle{width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;line-height:1;cursor:pointer;flex-shrink:0;transition:all .15s ease}.eng-chip-toggle.on{background:var(--accent);color:var(--bg)}.eng-chip-toggle.off{background:#fff8eb1a;color:var(--muted)}.island-pin{border-radius:18px;padding:14px 18px;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);max-width:200px}.island-pin:hover{border-color:#d4a8532e;box-shadow:0 8px 32px #0003,0 0 40px #d4a8530d;transform:translateY(-2px)}.island-pin:active{transform:translateY(0) scale(.97)}.pin-icon{width:34px;height:34px;border-radius:9px;background:#fff8eb0f;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.island-pin:hover .pin-icon{background:#d4a8531a;transform:scale(1.06)}.pin-icon img{width:18px;height:18px;border-radius:4px;opacity:.8}.pin-fallback{font-size:13px;font-weight:600;color:var(--muted);font-family:var(--font-serif)}.pin-label{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.02em;font-family:var(--font-serif)}.island-widget{border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:10px;cursor:default;-webkit-user-select:none;user-select:none;max-width:200px}.island-widget:hover{border-color:#d4a85326}.clock-time{font-size:22px;font-weight:300;color:var(--fg);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-family:var(--font-body)}.clock-date{font-size:11px;color:var(--muted);letter-spacing:.02em}.weather-icon{font-size:22px;line-height:1}.weather-temp{font-size:18px;font-weight:300;color:var(--fg);letter-spacing:.02em;font-family:var(--font-body)}.weather-desc{font-size:11px;color:var(--muted);letter-spacing:.02em}.island-wp{cursor:pointer}.island-wp:hover{border-color:#d4a85333}.island-wp:active{transform:scale(.95)}.wp-icon{width:34px;height:34px;border-radius:9px;background:#fff8eb0f;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.island-wp:hover .wp-icon{background:#d4a8531a;transform:scale(1.06)}.wp-icon img{width:18px;height:18px;border-radius:4px;opacity:.8}.wp-label{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.02em;font-family:var(--font-serif)}.island-wp.active{border-color:#d4a8532e}.sparkle{position:fixed;width:3px;height:3px;border-radius:50%;pointer-events:none;z-index:1}.sp-1{top:10%;left:18%;background:var(--accent);animation:sparkle 4s ease-in-out infinite}.sp-2{top:20%;right:15%;background:var(--sapphire);animation:sparkle 5s ease-in-out infinite 1s}.sp-3{bottom:35%;left:7%;background:var(--ruby);animation:sparkle 3.5s ease-in-out infinite .5s}.sp-4{bottom:20%;right:22%;background:var(--emerald);animation:sparkle 4.5s ease-in-out infinite 2s}.sp-5{top:45%;left:4%;background:var(--amethyst);animation:sparkle 3.8s ease-in-out infinite 1.5s}.sp-6{top:65%;right:5%;background:var(--accent-bright);animation:sparkle 4.2s ease-in-out infinite .8s}.sp-7{top:8%;left:60%;background:var(--sapphire);animation:sparkle 3.2s ease-in-out infinite 2.5s}.sp-8{bottom:12%;left:40%;background:var(--ruby);animation:sparkle 5.5s ease-in-out infinite .3s}.dot{position:fixed;border-radius:50%;pointer-events:none;z-index:1;background:#d4a8530f}.ctrl-btn{position:fixed;z-index:15;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ctrl-btn:hover{background:#d4a85314;color:var(--accent);border-color:#d4a85333;transform:scale(1.1)}.ctrl-btn:active{transform:scale(.92)}.wp-toggle{bottom:20px;right:20px}.settings-btn{top:20px;right:20px}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#060810b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.settings-overlay.open{opacity:1;pointer-events:auto}.settings-panel{background:var(--surface-solid);border:1px solid var(--border);border-radius:20px;padding:28px;width:90%;max-width:400px;box-shadow:0 24px 64px #00000080,0 0 80px #d4a8530a;transform:translateY(16px) scale(.97);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.settings-overlay.open .settings-panel{transform:translateY(0) scale(1)}.settings-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.settings-title{font-size:15px;font-weight:600;letter-spacing:.01em;font-family:var(--font-serif);color:var(--accent)}.settings-close{width:28px;height:28px;border-radius:50%;border:none;background:var(--surface);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.settings-close:hover{background:#d4a8531a;color:var(--accent);transform:rotate(90deg)}.settings-close:active{transform:rotate(90deg) scale(.92)}.settings-group{margin-bottom:20px}.settings-group:last-child{margin-bottom:0}.settings-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-family:var(--font-serif)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-eng{display:flex;align-items:center;gap:10px}.settings-eng img{width:18px;height:18px;border-radius:50%;opacity:.7}.settings-eng span{font-size:13px;font-weight:500}.toggle{position:relative;width:36px;height:20px;border-radius:10px;background:#fff8eb14;cursor:pointer;transition:background .2s ease;flex-shrink:0}.toggle:active{transform:scale(.92)}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px #0000004d}.toggle.on:after{transform:translate(16px)}@media(min-width:769px)and (max-width:1024px){.island-hub{width:min(420px,82vw)}.island-pin-1{left:6%}.island-pin-2{right:5%}}@media(max-width:768px){.sky-ocean{height:35%}.sky-wave{animation-duration:18s!important}.app-mobile{min-height:100dvh;width:100%;padding:60px 16px 24px;position:relative;overflow-y:auto}.island{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;max-width:calc(100vw - 32px)!important}.island-hub{border-radius:20px;width:100%!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;animation:none!important}.hub-top{padding:12px 12px 8px}.hub-modes{padding:6px 12px 0}.search-field{font-size:14px}.search-go{width:32px;height:32px;border-radius:9px}.hub-engines{padding:6px 12px 10px;gap:4px}.eng-chip{padding:3px 8px 3px 5px}.eng-chip img{width:12px;height:12px}.eng-chip-name{font-size:10px}.island-pin{border-radius:14px;padding:12px 14px;gap:8px;animation:bob3 6s ease-in-out infinite}.pin-icon{width:30px;height:30px;border-radius:8px}.pin-icon img{width:16px;height:16px}.pin-label{font-size:11px}.island-widget{border-radius:14px;padding:10px 14px;gap:8px;animation:bob4 7s ease-in-out infinite}.clock-time{font-size:18px}.weather-temp{font-size:16px}.weather-icon{font-size:18px}.wp-icon{width:30px;height:30px;border-radius:8px}.sparkle,.dot,.treasure-glow{display:none!important}.settings-panel{padding:20px;border-radius:16px}.settings-head{margin-bottom:16px}.settings-group{margin-bottom:14px}.ctrl-btn{width:36px;height:36px}.settings-btn{top:14px;right:14px}.wp-toggle{bottom:14px;right:14px}}