@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";#app{width:100%;min-height:100vh}:root{--bg: #f4f7fe;--panel: #ffffff;--text-main: #2b3674;--text-muted: #a3aed1;--primary: #4318FF;--primary-hover: #3b14e6;--danger: #ee5d50;--danger-hover: #e04a3d;--shadow: 0 18px 40px rgba(112, 144, 176, .12);--shadow-hover: 0 20px 45px rgba(112, 144, 176, .2);--border: #e2e8f0;--input-bg: #f4f7fe;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--transition: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box}body{margin:0;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif;background-color:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:700;color:var(--text-main)}button,input,textarea,select{font:inherit;outline:none;transition:var(--transition)}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500;color:#4b5563}input,textarea,select{background:var(--input-bg);border:1px solid transparent;border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;color:var(--text-main)}input:focus,textarea:focus,select:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #4318ff26}button{cursor:pointer;background:var(--primary);border:0;border-radius:var(--radius-sm);color:#fff;font-weight:600;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #4318ff33}button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #4318ff4d}button:active{transform:translateY(0)}button.danger{background:var(--danger);box-shadow:0 4px 12px #ee5d5033}button.danger:hover{background:var(--danger-hover);box-shadow:0 6px 16px #ee5d504d}.hidden{display:none!important}.status{font-size:14px;color:var(--text-muted);margin-top:16px;font-weight:500}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-layout{min-height:100vh;padding:24px;display:grid;gap:24px;grid-template-columns:360px minmax(0,1fr);max-width:1600px;margin:0 auto}.panel{background:var(--panel);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.panel-head h2{font-size:22px;letter-spacing:-.5px}.stack-form{display:flex;flex-direction:column;gap:16px}.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-form .full{grid-column:1 / -1}.row-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}.row-actions a{font-size:14px;color:var(--primary);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:var(--transition)}.row-actions a:hover{color:var(--primary-hover);text-decoration:underline}.block{background:#fcfcfd;border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;margin-bottom:20px;transition:var(--transition)}.block:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000005}.block h3{font-size:16px;color:var(--text-main);margin-bottom:16px;display:flex;align-items:center;gap:8px}.block h3:before{content:"";display:block;width:4px;height:16px;background:var(--primary);border-radius:2px}.block.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;background:transparent;border:none;padding:0}.block.split>div{background:#fcfcfd;border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.inline-inputs{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.data-list{margin:20px 0 0;padding:8px;list-style:none;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 400px);overflow-y:auto;overflow-x:hidden;background:var(--bg);border-radius:var(--radius-md)}.data-item{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px;transition:var(--transition);cursor:pointer}.data-item:hover{border-color:var(--primary);box-shadow:0 4px 12px #4318ff14;transform:translateY(-2px)}.data-item.active{border-color:var(--primary);box-shadow:0 0 0 2px #4318ff33}.data-item .top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.data-item .title{font-weight:600;color:var(--text-main);font-size:15px}.data-item .desc{font-size:13px;color:var(--text-muted);margin-top:4px}.data-item .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;padding-top:12px;border-top:1px solid var(--border)}.data-item button{padding:6px 12px;font-size:13px;background:#f1f5f9;color:#475569;box-shadow:none}.data-item button:hover{background:#e2e8f0;color:#1e293b;transform:translateY(-1px)}.action-btn-link{display:inline-block;text-decoration:none;padding:6px 12px;font-size:13px;background:#f1f5f9;color:#475569;border-radius:var(--radius-sm);transition:all .2s}.action-btn-link:hover{background:#e2e8f0;color:#1e293b;transform:translateY(-1px)}.data-item button.danger{background:#fee2e2;color:#ef4444}.data-item button.danger:hover{background:#fecaca;color:#dc2626}.hotspot-list-item{flex-direction:row;align-items:center;justify-content:space-between}.hotspot-info{flex:1;display:flex;flex-direction:column;gap:8px}.hotspot-info .actions{margin-top:4px;padding-top:8px}.hotspot-thumbnail{margin-top:0;width:fit-content;max-width:100%;border-radius:var(--radius-sm);overflow:hidden;background:#f8fafc;border:1px solid var(--border);flex-shrink:0;margin-left:12px}.hotspot-thumbnail img{display:block;max-width:100px;max-height:70px;object-fit:cover;transition:transform .3s}.hotspot-thumbnail img:hover{transform:scale(1.03)}#admin-panorama{width:100%;height:460px;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 20px #00000014;border:1px solid var(--border)}.hotspot-image-btn,.hotspot-nav-btn{border:0;border-radius:999px;padding:6px 12px;color:#fff;font-size:12px;font-weight:700;box-shadow:0 4px 10px #00000026;transition:transform .2s;cursor:pointer}.hotspot-image-btn:hover,.hotspot-nav-btn:hover{transform:scale(1.1)}.hotspot-image-btn{background:linear-gradient(135deg,#ef4444,#b91c1c)}.hotspot-nav-btn{background:linear-gradient(135deg,#0ea5e9,#0369a1)}@media (max-width: 1100px){.admin-layout{grid-template-columns:1fr;padding:16px}.block.split{grid-template-columns:1fr;gap:16px}}.tabs-header{display:flex;gap:8px;background:#f1f5f9;padding:6px;border-radius:12px;margin-bottom:24px}.tab-btn{flex:1;background:transparent;border:none;padding:12px 16px;font-size:15px;font-weight:600;color:#64748b;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.tab-btn:hover{color:var(--primary);background:#ffffff80}.tab-btn.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #00000014}.tab-icon{font-size:18px}.tab-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}input[type=file]{font-size:14px;color:var(--text-muted);background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius-md);padding:6px;width:100%;cursor:pointer;transition:border-color .2s,background .2s}input[type=file]:hover{border-color:var(--primary);background:#f8fafc}input[type=file]::file-selector-button{margin-right:12px;padding:6px 14px;border:none;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:var(--text-main);border-radius:var(--radius-sm);font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000000d}input[type=file]::file-selector-button:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.workspace-panel{display:flex;flex-direction:column}.workspace-empty{padding:40px;text-align:center;color:var(--text-muted);background:var(--bg);border-radius:var(--radius-md);border:1px dashed var(--border)}.workspace-container{position:relative;width:100%;height:calc(100vh - 240px);min-height:500px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 10px 30px #0000001a}.workspace-container .panorama-wrapper{width:100%;height:100%;border-radius:0;border:none}.workspace-sidebar{position:absolute;top:20px;right:20px;width:340px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);padding:20px;box-shadow:0 15px 35px #0003,0 0 0 1px #ffffff80 inset;z-index:10;transition:transform .3s cubic-bezier(.16,1,.3,1);max-height:calc(100% - 40px);overflow-y:auto}.workspace-sidebar:hover{background:#fff;transform:translateY(-2px)}.sidebar-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sidebar-header h3{margin:0;font-size:16px;color:var(--text-main)}.pulse-indicator{width:10px;height:10px;background:var(--primary);border-radius:50%;box-shadow:0 0 #4318ffb3;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #4318ffb3}70%{transform:scale(1);box-shadow:0 0 0 6px #4318ff00}to{transform:scale(.95);box-shadow:0 0 #4318ff00}}.submit-float-btn{width:100%;margin-top:20px;padding:12px;font-size:15px;background:linear-gradient(135deg,var(--primary),#818cf8);border-radius:var(--radius-md);box-shadow:0 8px 20px #4318ff40}.submit-float-btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px #4318ff59}