*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:#050508;color:#e8e4f0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.site-shell{display:flex;flex-direction:column;height:100%;min-height:100vh}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid rgba(167,139,250,.22);background:#08070cf5;flex-shrink:0;z-index:100}.site-nav .brand{font-size:.95rem;font-weight:600;color:#c4b5fd;text-decoration:none}.site-nav .brand span{color:#6b7280;font-weight:400;font-size:.75rem;margin-left:8px}.nav-links{display:flex;gap:6px}.nav-links a{font-size:.8rem;padding:6px 14px;border-radius:8px;text-decoration:none;color:#d1d5db;border:1px solid transparent;transition:background .15s,border-color .15s}.nav-links a:hover{background:#6d28d933}.nav-links a.active{color:#f5f3ff;border-color:#a78bfa73;background:#4c1d9559}.site-main{flex:1;min-height:0;overflow:hidden}.site-main.fill{display:flex;flex-direction:column;height:calc(100vh - 52px);overflow:hidden}.home-view{overflow:auto;padding:48px 24px 64px;max-width:920px;margin:0 auto}.home-view h1{font-size:2rem;font-weight:600;color:#ddd6fe;margin-bottom:8px}.home-tagline{color:#9ca3af;font-size:1rem;margin-bottom:40px;line-height:1.6}.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:40px}.home-card{display:block;padding:24px;border-radius:12px;border:1px solid rgba(140,120,200,.25);background:#0c0a14cc;text-decoration:none;color:inherit;transition:border-color .2s}.home-card:hover{border-color:#a78bfa8c}.home-card h2{font-size:1.1rem;color:#a78bfa;margin-bottom:8px}.home-card p{font-size:.85rem;color:#9ca3af;line-height:1.55}.home-meta{font-size:.75rem;color:#6b7280;line-height:1.8}.home-meta code{color:#a78bfa;font-size:.72rem}.site-main.game-view{position:relative;height:100dvh;min-height:100dvh}.game-shell,.game-shell-inner{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;min-height:100dvh}.site-main.game-view #app{position:absolute;top:0;right:0;bottom:0;left:0}.site-main.game-view #game-canvas{display:block;width:100%;height:100%}.site-main.game-view #ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.site-main.game-view #ui-root>*{pointer-events:auto}.office-view{flex:1;min-height:0;overflow:auto}.office-view #office-app{min-height:100%}.office-view .office-header{position:sticky;top:0;z-index:50}@media(max-width:640px){.site-nav{flex-direction:column;gap:10px;align-items:flex-start}}