:root{--bg: #0a0a0f;--bg-card: rgba(20, 20, 40, .85);--accent: #6c5ce7;--accent2: #00cec9;--text: #e0e0e0;--text-dim: #888;--glow: 0 0 40px rgba(108, 92, 231, .6);--radius: 16px;--font-cn: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-en: "Segoe UI", system-ui, -apple-system, sans-serif;--transition-card: transform .45s cubic-bezier(.25, .46, .45, .94), left .45s cubic-bezier(.25, .46, .45, .94), top .45s cubic-bezier(.25, .46, .45, .94), width .45s cubic-bezier(.25, .46, .45, .94), height .45s cubic-bezier(.25, .46, .45, .94), border-radius .45s ease, box-shadow .45s ease, z-index .45s ease, filter .45s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-en);background:var(--bg);color:var(--text);min-height:100vh;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overflow-x:hidden}#wall-container{position:relative;width:100%;transform-origin:0 0;will-change:transform}.card{position:absolute;border-radius:var(--radius);overflow:hidden;cursor:pointer;box-shadow:0 6px 24px #00000073;background:var(--bg-card);transition:var(--transition-card);will-change:transform,left,top;z-index:1}.card:hover{box-shadow:var(--glow),0 12px 40px #0000008c;filter:brightness(1.08)}.card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;transition:transform .5s ease}.card-thumb:hover img{transform:scale(1.06)}.card-thumb .overlay{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(transparent,#000000bf);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;gap:2px}.card-thumb:hover .overlay{opacity:1}.card-thumb .title{font-family:var(--font-cn);font-size:14px;font-weight:600;color:#fff;letter-spacing:.5px}.card-thumb .era{font-size:11px;color:#ffffffb3;letter-spacing:1px}.card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:var(--text-dim);font-family:var(--font-cn);font-size:14px;text-align:center;padding:10px}.model-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:10px;letter-spacing:1px;z-index:5;box-shadow:0 2px 8px #6c5ce780;animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,to{box-shadow:0 2px 8px #6c5ce780}50%{box-shadow:0 2px 16px #00cec9b3}}.card-detail{display:flex;flex-direction:row}.card-detail.expanded{z-index:9998!important;border-radius:20px!important;box-shadow:0 0 100px #6c5ce799,0 20px 60px #000000b3!important;filter:brightness(1.1)!important;cursor:default}.card-detail.expanded:hover{filter:brightness(1.1)!important}.close-expand{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#0000008c;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .25s ease;z-index:10;padding:0;line-height:1}.close-expand:hover{border-color:#fff;background:#fff3;transform:rotate(90deg)}.card-detail-image{flex:1.3;min-width:0;background:#0a0a14;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.card-detail-image img{width:100%;height:100%;object-fit:cover}.card-detail-info{flex:1;padding:28px 30px;display:flex;flex-direction:column;overflow-y:auto;min-width:260px}.card-detail-title{font-family:var(--font-cn);font-size:32px;font-weight:700;color:#fff;letter-spacing:2px;margin-bottom:10px}.card-detail-meta{display:flex;gap:8px;margin-bottom:16px}.tag-era,.tag-category{font-family:var(--font-cn);font-size:11px;padding:3px 12px;border-radius:20px;letter-spacing:1px}.tag-era{background:#6c5ce733;color:#a29bfe;border:1px solid rgba(108,92,231,.3)}.tag-category{background:#00cec926;color:#81ecec;border:1px solid rgba(0,206,201,.3)}.card-detail-desc{font-family:var(--font-cn);font-size:16px;line-height:2;color:#b8b8cc;flex:1;text-align:justify;overflow-y:auto}.card-detail-en{font-family:var(--font-en);font-size:11px;line-height:1.7;color:#6a6a7a;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-style:italic;text-align:justify;flex-shrink:0}.card-detail-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.btn-3d,.btn-collapse{font-family:var(--font-cn);font-size:13px;padding:10px 20px;border-radius:10px;border:none;cursor:pointer;font-weight:600;letter-spacing:1px;transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn-3d{background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;box-shadow:0 4px 16px #6c5ce759}.btn-3d:hover{box-shadow:0 6px 24px #6c5ce78c;transform:translateY(-2px)}.btn-icon{font-size:11px}.btn-collapse{background:#ffffff12;color:#bbb;border:1px solid rgba(255,255,255,.12)}.btn-collapse:hover{background:#ffffff24;color:#fff}.card-model{display:flex;flex-direction:column}.card-model.expanded{z-index:9998!important;border-radius:20px!important;box-shadow:0 0 120px #00cec980,0 20px 60px #000000b3!important;filter:brightness(1.05)!important;cursor:default;background:#0a0a16}.card-model.expanded:hover{filter:brightness(1.05)!important}.model-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0a0a19f2;border-bottom:1px solid rgba(0,206,201,.2);flex-shrink:0}.model-topbar-title{font-family:var(--font-cn);font-size:14px;font-weight:600;color:#e0e0e0;display:flex;align-items:center;gap:6px;letter-spacing:1px}.model-icon-dot{color:var(--accent2);font-size:10px}.model-topbar-actions{display:flex;align-items:center;gap:8px}.model-btn-back{font-family:var(--font-cn);font-size:11px;padding:5px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#bbb;cursor:pointer;letter-spacing:1px;transition:all .25s ease}.model-btn-back:hover{background:#ffffff24;color:#fff;border-color:#fff6}.model-close-btn{width:28px!important;height:28px!important;font-size:14px!important;top:auto!important;right:auto!important;position:relative!important}.model-embed-canvas{flex:1;min-height:0;cursor:grab;background:#0a0a16}.model-embed-canvas:active{cursor:grabbing}.model-embed-canvas canvas{display:block}.model-bottombar{display:flex;align-items:center;justify-content:center;gap:20px;padding:8px 16px;font-family:var(--font-cn);font-size:11px;color:#ffffff4d;background:#0a0a14cc;border-top:1px solid rgba(0,206,201,.1);letter-spacing:1px;flex-shrink:0}.model-auto-hint{color:#00cec980;animation:hint-pulse 2s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.4}50%{opacity:1}}.particle{position:fixed;pointer-events:none;z-index:10002;border-radius:50%;animation:floatUp 1s ease-out forwards}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(.2) rotate(180deg)}}@media(max-width:768px){.card-detail{flex-direction:column!important}.card-detail-image{max-height:35%}.card-detail-info{padding:18px;min-width:unset}.card-detail-title{font-size:20px}.card-detail-desc{font-size:13px;line-height:1.6}.card-model .model-topbar-title{font-size:12px}.card-model .model-bottombar{gap:10px;font-size:10px}}