*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,Arial,sans-serif;background:#000;color:#fff;overflow:hidden;height:100vh}#container{position:relative;width:100vw;height:100vh}#viewer{width:100%;height:100%;background:radial-gradient(circle,#1a1a1a,#000);display:flex;align-items:center;justify-content:center}#viewer canvas{display:block;outline:none}#controls{position:absolute;top:20px;left:20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;max-width:300px;z-index:1000;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}#file-input-container{margin-bottom:20px}#file-input{display:none}.file-label{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;text-align:center;width:100%;box-shadow:0 4px 15px #667eea4d}.file-label:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.file-label:active{transform:translateY(0)}#info{font-size:14px;line-height:1.6}#info p{margin-bottom:10px;font-weight:600;color:#fff}#info ul{list-style:none;padding-left:0}#info li{margin-bottom:8px;padding-left:16px;position:relative;color:#fffc}#info li:before{content:"•";color:#667eea;position:absolute;left:0;font-weight:700}#loading,#error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1001;background:#000000e6;padding:30px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}#loading p,#error p{margin-top:15px;font-size:16px}#error{background:#dc35451a;border-color:#dc35454d;color:#ff6b6b}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#progress-container{margin-top:20px;width:300px}.progress-bar{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;width:0%;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{text-align:center;font-size:14px;color:#fffc;font-weight:500}.hidden{display:none!important}@media (max-width: 768px){#controls{top:10px;left:10px;right:10px;max-width:none;padding:15px}#info{font-size:13px}.file-label{padding:10px 20px;font-size:14px}}@media (max-width: 480px){#controls{position:fixed;bottom:20px;top:auto;left:10px;right:10px}#info ul{display:none}#info p{margin-bottom:0;font-size:12px}#progress-container{width:250px}.progress-text{font-size:12px}}.fullscreen #controls{opacity:0;pointer-events:none;transition:opacity .3s ease}.fullscreen #controls:hover{opacity:1;pointer-events:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}