:root{--eggy-yellow: #FFD000;--eggy-pink: #FF6B81;--eggy-blue: #1E90FF;--eggy-green: #2ED573;--bg-dark: #0f172a;--card-bg: rgba(30, 41, 59, .75);--border-color: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8}body{margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;background-color:#0b0f19;color:var(--text-main);background-image:radial-gradient(circle at 5% 10%,rgba(255,208,0,.1) 0%,transparent 40%),radial-gradient(circle at 95% 90%,rgba(255,107,129,.12) 0%,transparent 40%);background-attachment:fixed;min-height:100vh}.eggy-app{max-width:1000px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.eggy-header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logo-section{display:flex;align-items:center;gap:12px}.logo-ball{font-size:2.2rem;animation:bounce 2s infinite}.logo-section h1{font-size:1.4rem;font-weight:900;margin:0;background:linear-gradient(135deg,var(--eggy-yellow),var(--eggy-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:.75rem;color:var(--text-muted);margin:2px 0 0;letter-spacing:1px}.assets-section{display:flex;gap:12px}.asset-pill{background:#0f172a99;border:1px solid var(--border-color);padding:6px 14px;border-radius:99px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem}.eggy-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.nav-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-muted);padding:12px;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:700;font-size:.85rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-btn:hover{border-color:var(--eggy-yellow);color:var(--text-main);transform:translateY(-2px)}.nav-btn.active{background:linear-gradient(135deg,var(--eggy-yellow),#ffa502);color:#000;border-color:transparent;box-shadow:0 4px 15px #ffd0004d}.eggy-main{min-height:500px}.workshop-container{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}@media (max-width: 768px){.workshop-container{grid-template-columns:1fr}}.preview-column{display:flex;flex-direction:column;gap:16px;align-items:center}.card-capture-area{width:100%;max-width:320px}.eggy-card{border-radius:24px;padding:24px;border:4px solid #fff;box-shadow:0 10px 25px #0006;display:flex;flex-direction:column;gap:20px;aspect-ratio:.72;position:relative;overflow:hidden}.card-header{display:flex;justify-content:space-between;font-weight:900;font-size:.8rem;color:#fffc;letter-spacing:1px}.eggy-avatar-preview{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.eggy-body{width:110px;height:110px;border-radius:50%;border:4px solid #333;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset -8px -8px #00000026;animation:float 3s ease-in-out infinite}.eggy-face-item{font-size:3.2rem;-webkit-user-select:none;user-select:none}.eggy-hat-item{font-size:3rem;position:absolute;top:-38px;left:50%;transform:translate(-50%);z-index:10}.eggy-shadow{width:80px;height:10px;background:#0000004d;border-radius:50%;margin-top:16px;animation:shadow-scale 3s ease-in-out infinite}.card-footer{text-align:center;background:#ffffff26;padding:12px;border-radius:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.eggy-card-name{margin:0 0 4px;font-size:1.2rem;font-weight:900;color:#fff}.eggy-card-desc{margin:0;font-size:.75rem;color:#ffffffe6}.btn-action{background:linear-gradient(135deg,var(--eggy-pink),#ff4757);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #ff6b814d;transition:transform .2s}.btn-action:hover{transform:scale(1.05)}.control-column{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:20px}.control-section h3{margin:0 0 10px;font-size:.9rem;color:var(--text-muted)}.eggy-input{width:100%;padding:10px 14px;background:#0f172a99;border:1px solid var(--border-color);border-radius:10px;color:#fff;font-size:.95rem;box-sizing:border-box}.color-grid{display:flex;gap:10px}.color-dot{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s}.color-dot.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 8px #ffffff80}.emoji-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.emoji-btn{background:#0f172a66;border:1px solid var(--border-color);border-radius:12px;padding:8px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--text-main);transition:all .2s}.emoji-btn:hover{background:#ffffff0d}.emoji-btn.active{background:#ffd00026;border-color:var(--eggy-yellow)}.emoji-icon{font-size:1.4rem}.emoji-name{font-size:.75rem}.game-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:12px}.game-header-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.game-stats{display:flex;gap:16px;font-size:1.1rem;font-weight:700}.game-tip{margin:0;font-size:.8rem;color:var(--text-muted)}.canvas-wrapper{position:relative;width:100%;border-radius:16px;overflow:hidden;border:3px solid var(--border-color)}.game-canvas{display:block;width:100%;height:auto;background:#87ceeb}.game-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172ad9;display:flex;align-items:center;justify-content:center;text-align:center}.overlay-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px}.overlay-eggy{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;border:3px solid #fff;box-shadow:0 4px 10px #0000004d}.btn-play{background:linear-gradient(135deg,var(--eggy-yellow),#ffa502);color:#000;border:none;border-radius:12px;padding:12px 28px;font-size:1.1rem;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #ffd00066}.blindbox-container{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}@media (max-width: 768px){.blindbox-container{grid-template-columns:1fr}}.blindbox-machine{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:16px}.machine-header h2{margin:0 0 6px;font-size:1.25rem}.machine-header p{margin:0;font-size:.8rem;color:var(--text-muted)}.machine-display{background:#0f172acc;border-radius:16px;border:2px dashed var(--border-color);height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px}.drawing-loading{text-align:center}.box-shake{font-size:4rem;animation:shake .6s infinite alternate}.unboxed-card{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.unboxed-img{width:130px;height:130px;border-radius:16px;object-fit:cover;border:3px solid #fff}.rarity-tag{position:absolute;top:-10px;right:-10px;padding:4px 10px;border-radius:8px;font-weight:900;font-size:.8rem;color:#fff}.rarity-tag.SSR{background:linear-gradient(135deg,#ff4757,#ff6b81)}.rarity-tag.SR{background:linear-gradient(135deg,#a855f7,#ec4899)}.rarity-tag.R{background:linear-gradient(135deg,#1e90ff,#2ed573)}.unboxed-story{font-size:.75rem;color:var(--text-muted);max-width:260px;line-height:1.4}.machine-idle{text-align:center;color:var(--text-muted)}.idle-gift{font-size:3.5rem;margin-bottom:8px}.btn-draw{background:linear-gradient(135deg,var(--eggy-yellow),var(--eggy-pink));color:#000;font-weight:800;border:none;border-radius:12px;padding:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.collection-shelf{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:12px}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.shelf-item{background:#0f172a80;border-radius:12px;padding:8px;text-align:center;position:relative}.shelf-item img{width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover}.shelf-item h4{margin:4px 0 0;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-rarity{position:absolute;top:4px;right:4px;font-size:.6rem;font-weight:900;padding:1px 4px;border-radius:4px;color:#fff}.shelf-rarity.SSR{background:#ff4757}.shelf-rarity.SR{background:#a855f7}.shelf-rarity.R{background:#1e90ff}.paradise-container{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}@media (max-width: 768px){.paradise-container{grid-template-columns:1fr}}.paradise-builder{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:16px}.builder-header{display:flex;align-items:center;gap:10px}.builder-header h2{margin:0;font-size:1.25rem}.input-row{display:flex;gap:10px;margin-top:8px}.input-row input{flex:1;padding:12px;background:#0f172a99;border:1px solid var(--border-color);border-radius:10px;color:#fff}.btn-generate{background:linear-gradient(135deg,var(--eggy-pink),#ff4757);color:#fff;border:none;border-radius:10px;padding:0 16px;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:700}.map-result-card{background:#0f172a99;border-radius:16px;padding:16px;border:1px solid var(--border-color)}.map-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.map-result-header h3{margin:0;font-size:1rem}.btn-audio{background:#ffd00026;border:1px solid var(--eggy-yellow);color:var(--eggy-yellow);padding:4px 10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.75rem}.map-desc-box{min-height:100px}.map-desc-text{margin:0;font-size:.85rem;line-height:1.6;color:#cbd5e1}.loading-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted)}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--eggy-pink);border-radius:50%;animation:spin 1s linear infinite}.paradise-tips{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:12px}.tips-grid{display:grid;grid-template-columns:1fr;gap:12px}.tip-card{background:#0f172a66;border-radius:12px;padding:12px}.tip-card h4{margin:6px 0;font-size:.9rem}.tip-card p{margin:0;font-size:.75rem;color:var(--text-muted)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shadow-scale{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(.85);opacity:.15}}@keyframes shake{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@keyframes spin{to{transform:rotate(360deg)}}