.xiaodao-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-top:var(--nav-height);overflow-x:hidden;position:relative}.xd-title-area{text-align:center;padding:2.5rem 1rem .5rem;position:relative;z-index:2}.xd-title{font-family:var(--font-mono);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glitchBreath 6s ease-in-out infinite}.xd-subtitle{font-family:var(--font-mono);font-size:clamp(.65rem,1.2vw,.8rem);color:var(--text-muted);letter-spacing:.2em;margin-top:.5rem}.xd-subtitle .bracket{color:var(--color-glitch);opacity:.5}.xd-scene-wrapper{position:relative;width:100%;max-width:800px;height:65vh;min-height:420px;display:flex;align-items:center;justify-content:center;perspective:900px;perspective-origin:50% 45%;margin-top:-1rem;cursor:grab;user-select:none;-webkit-user-select:none}.xd-scene-wrapper:active{cursor:grabbing}.xd-sphere{position:relative;width:320px;height:320px;transform-style:preserve-3d;transition:none}.xd-tag{position:absolute;left:50%;top:50%;transform-style:preserve-3d;pointer-events:auto;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.xd-tag-inner{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;background:#111111d9;border:1px solid rgba(255,255,255,.06);border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease;white-space:nowrap}.xd-tag:hover .xd-tag-inner,.xd-tag.hovered .xd-tag-inner{border-color:var(--color-glitch);background:#00ff880f;box-shadow:0 0 20px #00ff881f,0 0 4px #00ff8814;transform:scale(1.12)}.xd-tag-name{font-family:var(--font-sans);font-size:.82rem;color:var(--text-primary);letter-spacing:.05em}.xd-tag-category{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.15em;opacity:0;color:var(--color-glitch);transition:opacity .25s ease;height:0;overflow:hidden}.xd-tag:hover .xd-tag-category,.xd-tag.hovered .xd-tag-category{opacity:.8;height:auto}.xd-tag[data-category=soul] .xd-tag-inner{border-left:2px solid var(--color-purple)}.xd-tag[data-category=bond] .xd-tag-inner{border-left:2px solid var(--color-orange)}.xd-tag[data-category=world] .xd-tag-inner{border-left:2px solid var(--color-blue)}.xd-tag[data-category=create] .xd-tag-inner{border-left:2px solid var(--color-glitch)}.xd-tag[data-category=think] .xd-tag-inner{border-left:2px solid #e879f9}.xd-tag[data-category=soul]:hover .xd-tag-inner,.xd-tag[data-category=soul].hovered .xd-tag-inner{border-color:var(--color-purple);box-shadow:0 0 20px #8b5cf626}.xd-tag[data-category=bond]:hover .xd-tag-inner,.xd-tag[data-category=bond].hovered .xd-tag-inner{border-color:var(--color-orange);box-shadow:0 0 20px #ff6b3526}.xd-tag[data-category=world]:hover .xd-tag-inner,.xd-tag[data-category=world].hovered .xd-tag-inner{border-color:var(--color-blue);box-shadow:0 0 20px #3b82f626}.xd-tag[data-category=create]:hover .xd-tag-inner,.xd-tag[data-category=create].hovered .xd-tag-inner{border-color:var(--color-glitch);box-shadow:0 0 20px #00ff8826}.xd-tag[data-category=think]:hover .xd-tag-inner,.xd-tag[data-category=think].hovered .xd-tag-inner{border-color:#e879f9;box-shadow:0 0 20px #e879f926}.xd-island{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:380px;height:100px;z-index:1}.xd-island-body{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:340px;height:70px;background:linear-gradient(175deg,#1a1a2e,#0d0d1a);clip-path:polygon(15% 0%,30% 8%,45% 3%,55% 10%,70% 5%,85% 12%,95% 30%,100% 55%,97% 80%,90% 95%,75% 100%,25% 100%,10% 95%,3% 80%,0% 55%,5% 30%);filter:drop-shadow(0 4px 20px rgba(0,255,136,.06))}.xd-island-body:before{content:"";position:absolute;inset:0;clip-path:polygon(15% 0%,30% 8%,45% 3%,55% 10%,70% 5%,85% 12%,95% 30%,100% 55%,97% 80%,90% 95%,75% 100%,25% 100%,10% 95%,3% 80%,0% 55%,5% 30%);background:linear-gradient(180deg,rgba(139,92,246,.12) 0%,rgba(59,130,246,.06) 50%,transparent 100%)}.xd-island-lines{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:340px;height:70px;overflow:hidden}.xd-island-lines:before{content:"";position:absolute;top:10%;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--color-glitch),transparent);opacity:.15;animation:islandGlow 4s ease-in-out infinite}.xd-island-lines:after{content:"";position:absolute;top:30%;left:20%;width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--color-purple),transparent);opacity:.1;animation:islandGlow 4s ease-in-out infinite 2s}@keyframes islandGlow{0%,to{opacity:.08}50%{opacity:.25}}.xd-sea{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgba(0,255,136,.03) 0%,rgba(59,130,246,.02) 40%,transparent 100%);z-index:0}.xd-sea:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,136,.2) 20%,rgba(59,130,246,.3) 50%,rgba(0,255,136,.2) 80%,transparent 100%);animation:seaBreath 3s ease-in-out infinite}@keyframes seaBreath{0%,to{opacity:.4;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(1.02)}}.xd-more-btn{font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.2em;color:var(--text-muted);background:none;border:1px solid rgba(255,255,255,.06);border-radius:50%;width:48px;height:48px;cursor:pointer;transition:all .3s ease;position:relative;z-index:2;margin-top:-1rem;margin-bottom:1rem}.xd-more-btn:hover{color:var(--color-glitch);border-color:var(--color-glitch);box-shadow:0 0 16px #00ff881a}.xd-more-list{width:100%;max-width:800px;padding:0 1.5rem 2rem;display:none}.xd-more-list.open{display:block}.xd-more-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.xd-more-item{font-family:var(--font-sans);font-size:.75rem;padding:5px 12px;background:var(--bg-card);border:1px solid rgba(255,255,255,.04);border-radius:14px;color:var(--text-secondary);cursor:default;transition:all .25s ease;white-space:nowrap}.xd-more-item:hover{color:var(--text-primary);border-color:#ffffff1a;background:var(--bg-card-hover)}.xd-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .3s ease}.xd-modal-overlay.open{opacity:1;pointer-events:auto}.xd-modal{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);max-width:520px;width:100%;padding:2rem;position:relative;transform:translateY(20px) scale(.96);transition:transform .35s ease}.xd-modal-overlay.open .xd-modal{transform:translateY(0) scale(1)}.xd-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .2s ease;font-family:var(--font-mono);line-height:1}.xd-modal-close:hover{color:var(--text-primary)}.xd-modal-category{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.25em;margin-bottom:.75rem;display:inline-block}.xd-modal-category[data-cat=soul]{color:var(--color-purple)}.xd-modal-category[data-cat=bond]{color:var(--color-orange)}.xd-modal-category[data-cat=world]{color:var(--color-blue)}.xd-modal-category[data-cat=create]{color:var(--color-glitch)}.xd-modal-category[data-cat=think]{color:#e879f9}.xd-modal-title{font-family:var(--font-sans);font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.3}.xd-modal-text{font-size:.9rem;color:var(--text-secondary);line-height:1.85}.xd-modal-text:first-letter{color:var(--color-glitch);font-size:1.3em;font-weight:700}.xd-drag-hint{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.2em;color:var(--text-muted);text-align:center;opacity:.5;margin-top:.5rem;animation:hintFade 4s ease-in-out forwards 3s}@keyframes hintFade{to{opacity:0}}.xd-bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}@media(max-width:768px){.xd-scene-wrapper{height:55vh;min-height:350px;perspective:700px}.xd-sphere{width:260px;height:260px}.xd-island{width:300px}.xd-island-body,.xd-island-lines{width:270px;height:55px}.xd-tag-inner{padding:5px 10px}.xd-tag-name{font-size:.72rem}.xd-modal{padding:1.5rem}}@media(max-width:480px){.xd-sphere{width:220px;height:220px}.xd-tag-inner{padding:4px 8px}.xd-tag-name{font-size:.65rem}.xd-island{width:260px}.xd-island-body,.xd-island-lines{width:230px;height:45px}.xd-modal-title{font-size:1.15rem}}