*{margin:0;padding:0;box-sizing:border-box}html{font-size:18px}:root{--bg: #363370;--bg-light: #424290;--bg-card: #454580;--text: #f5f2ec;--text-s: #d4d0e4;--text-d: #a8a6c0;--gold: #ffd666;--gold-warm: #ffe08a;--indigo-light: #8b9cff;--indigo-pale: #b4c0ff;--green: #5ce0a0;--pink: #ff7eb3;--orange: #ffb347;--cyan: #5ecde0;--border: rgba(255,255,255,.12);--border-bright: rgba(255,255,255,.18);--nav-height: 56px;--breadcrumb-height: 32px;--radius: 14px}body{font-family:Noto Sans TC,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 22 C30 16, 22 12, 18 16 C14 20, 14 26, 30 36 C46 26, 46 20, 42 16 C38 12, 30 16, 30 22Z' fill='rgba(255,126,179,0.06)'/%3E%3C/svg%3E");background-size:60px 60px}body>*{position:relative;z-index:1}a{color:inherit}.top-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(180deg,#454590,#3a3a80);border-bottom:2px solid rgba(255,214,102,.2);box-shadow:0 2px 16px #0000004d;z-index:1000}.nav-left{display:flex;align-items:center}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none}.nav-logo-icon{font-size:1.5rem}.nav-logo-text{font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.1em;color:var(--gold);text-shadow:0 1px 3px rgba(0,0,0,.3)}.nav-links{display:flex;gap:4px}.nav-link{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 12px;border-radius:10px;text-decoration:none;transition:all .2s;background:#ffffff0a}.nav-link:hover{background:#ffffff1a;transform:translateY(-1px)}.nav-link-icon{font-size:1.1rem}.nav-link-label{font-size:.55rem;color:var(--text-s);font-weight:500}.nav-disabled{opacity:.4;pointer-events:none}.nav-right{display:flex;align-items:center;gap:10px}.nav-currency{display:flex;gap:6px}.currency-chip{font-size:.7rem;padding:3px 10px;border-radius:12px;font-weight:500;font-variant-numeric:tabular-nums}.coin-chip{background:#ffd6662e;color:var(--gold);border:1px solid rgba(255,214,102,.3)}.crystal-chip{background:#ff7eb32e;color:var(--pink);border:1px solid rgba(255,126,179,.3)}.nav-clock{display:flex;align-items:center;gap:4px;font-size:.6rem;color:var(--text-d);font-variant-numeric:tabular-nums;background:#ffffff0a;padding:3px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.clock-label{font-weight:600;color:var(--indigo-pale);font-size:.5rem}.clock-time{font-family:Fredoka,monospace;letter-spacing:.05em}.nav-user-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);text-decoration:none;font-size:.75rem;color:var(--text-d);transition:all .2s}.nav-user-btn:hover{background:#ffffff26;color:var(--gold)}.nav-user-btn.logged-in{background:#ffd66626;border-color:#ffd6664d;color:var(--gold);font-weight:600}.nav-user-icon{font-size:.8rem}.lang-link{font-size:.68rem;padding:3px 7px;border-radius:6px;text-decoration:none;color:var(--text-d);transition:all .2s;font-weight:500}.lang-link:hover{color:var(--text-s)}.lang-link.active{color:var(--gold)}.breadcrumb-bar{position:fixed;top:var(--nav-height);left:0;right:0;padding:6px 16px;background:#2a2a5cd9;backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:999;height:var(--breadcrumb-height);display:none}.breadcrumb-bar:has(.breadcrumb){display:block}:root{--page-top: calc(var(--nav-height) + 16px)}.breadcrumb-bar:has(.breadcrumb)~.main-content{--page-top: calc(var(--nav-height) + var(--breadcrumb-height) + 16px)}.main-content{min-height:calc(100vh - var(--nav-height) - 200px)}.site-footer{background:linear-gradient(180deg,#28285000,#1e1e3ccc 30%,#1e1e44);border-top:1px solid rgba(255,214,102,.1);padding:40px 16px 24px;margin-top:32px}.footer-inner{max-width:960px;margin:0 auto;text-align:center}.footer-top{margin-bottom:16px}.footer-brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.footer-logo{font-size:1.3rem}.footer-title{font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:600;color:var(--gold);letter-spacing:.1em}.footer-slogan{font-size:.7rem;color:var(--text-d);font-style:italic;line-height:1.5}.footer-links{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:16px}.footer-links a{font-size:.68rem;color:var(--text-s);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--gold)}.footer-dot{color:var(--text-d);font-size:.5rem}.footer-lang{display:flex;justify-content:center;align-items:center;gap:6px;margin-bottom:16px}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:6px}.footer-owlies{font-size:1.2rem;letter-spacing:.3em;opacity:.6}.footer-copy{font-size:.55rem;color:var(--text-d)}@media(max-width:640px){.nav-logo-text,.nav-link-label{display:none}.nav-link{padding:6px 10px}.nav-currency{gap:4px}.currency-chip{font-size:.6rem;padding:2px 8px}}