*{font-family:Microsoft YaHei,sans-serif}:root{--glow-color:#00d9ff;--panel-bg:rgba(13,38,59,0.4);--panel-border:1px solid rgba(0,217,255,0.3);--font-family:"Orbitron",sans-serif}body,html{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-family);color:#fff;overflow:hidden}#app{width:100vw;height:100vh;background:url(https://yuangong2025.oss-cn-hangzhou.aliyuncs.com/zjai001.png) no-repeat 50%;background-size:cover;position:relative}.matrix-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.dashboard-container{position:relative;z-index:2;width:100%;height:100%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.dashboard-container:after,.dashboard-container:before{content:"";position:absolute;width:98%;height:96%;left:1%;top:2%;pointer-events:none}.dashboard-container:before{border-top:2px solid var(--glow-color);border-bottom:2px solid var(--glow-color);transform:scaleX(1)}.dashboard-container:after{border-left:2px solid var(--glow-color);border-right:2px solid var(--glow-color);transform:scaleY(1)}.dashboard-container:before{clip-path:polygon(0 0,10% 0,10% 2px,90% 2px,90% 0,100% 0,100% 10%,98% 10%,98% 90%,100% 90%,100% 100%,90% 100%,90% 98%,10% 98%,10% 100%,0 100%,0 90%,2% 90%,2% 10%,0 10%)}.dashboard-header{display:flex;justify-content:center;align-items:center;position:fixed;top:0;text-shadow:0 0 10px var(--glow-color),0 0 20px var(--glow-color)}.main-title{font-size:2.5rem;letter-spacing:5px;font-weight:700}.top-left-info{position:absolute;left:40px;top:20%;font-size:1rem;text-shadow:0 0 5px var(--glow-color)}.top-left-info span{margin-right:20px}.dashboard-main{margin-top:5%;flex-grow:1;display:grid;grid-template-columns:3fr 4fr 3fr;grid-template-rows:2fr 1fr;gap:20px;grid-template-areas:"left center right" "bottom bottom bottom"}.left-panel{grid-area:left}.center-decoration{grid-area:center}.right-panel{grid-area:right}.bottom-panel-container{grid-area:bottom}.panel{background:var(--panel-bg);border:var(--panel-border);backdrop-filter:blur(8px);padding:15px;box-shadow:inset 0 0 15px rgba(0,217,255,.2);position:relative}.panel-header{color:var(--glow-color);font-size:1.2rem;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid rgba(0,217,255,.5);position:relative}.panel-header:after{content:"";position:absolute;left:0;bottom:-2px;width:40px;height:3px;background-color:var(--glow-color);box-shadow:0 0 5px var(--glow-color)}.panel-header.small-header{padding-bottom:5px;margin-bottom:10px;font-size:1rem}.data-text{font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;color:#aaeaff}.bottom-panel-container{width:90%;position:absolute;bottom:5%;display:flex;gap:20px;justify-content:center;align-items:flex-start}.video-panel{border-radius:20px;margin-top:10px;margin-left:1%;flex:0 1 30%}.video-container{border:var(--panel-border);box-shadow:0 0 10px rgba(0,217,255,.5);margin-top:15px;position:relative;width:100%;height:0;padding-top:56.25%;overflow:hidden}.video-container.large-video{margin-top:15px}.video-container img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.right-panel{background:none;border:none;box-shadow:none;backdrop-filter:none;display:flex;justify-content:center;align-items:center}.hologram-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.hologram-figure{width:80%;max-width:500px;position:relative;top:-10%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 15px var(--glow-color));animation:float 4s ease-in-out infinite}.hologram-base{width:80%;max-width:300px;height:50px;position:relative;margin-top:-15%}.base-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) perspective(300px) rotateX(80deg);border-radius:50%;border:2px solid var(--glow-color);box-shadow:0 0 15px var(--glow-color),inset 0 0 15px var(--glow-color)}.ring1{width:100%;height:100%;animation:rotate 10s linear infinite}.ring2{width:70%;height:70%;animation:rotate 10s linear infinite reverse}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes rotate{0%{transform:translate(-50%,-50%) perspective(300px) rotateX(80deg) rotate(0deg)}to{transform:translate(-50%,-50%) perspective(300px) rotateX(80deg) rotate(1turn)}}.page-container{display:flex;justify-content:center;align-items:center;min-height:20vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.card{max-width:600px;width:90%;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);text-align:center}h1{color:#333;margin-bottom:.5rem}.description{color:#666;margin-bottom:2rem}.typing-area{min-height:100px;background-color:#282c34;padding:20px;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:left}.typed-text{color:#fff;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700;margin:0;word-break:break-all}@keyframes jump-in{0%{opacity:0;transform:translateY(2px) scale(.9)}70%{opacity:1;transform:translateY(-2px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.char{display:inline-block;animation:jump-in .4s cubic-bezier(.215,.61,.355,1) forwards}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor{display:inline-block;animation:blink 1s infinite;color:#fff}button{margin-top:2rem;padding:12px 24px;font-size:1rem;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover:not(:disabled){background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background-color:#888}::-webkit-scrollbar-thumb:hover{background-color:#555}.video-overlay{background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:opacity .3s ease;color:#fff}.flip-container{width:500px;perspective:1000px;margin:100px auto;cursor:pointer;transition:transform .3s}.flip-container:hover{transform:scale(1.03)}.flip-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.flip-card.flipped{transform:rotateY(180deg)}.flip-card-face{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;font-family:Arial,sans-serif;font-weight:700}.flip-front{color:#fff}.flip-back{color:#fff;transform:rotateY(180deg)}.flip-card-face h2{margin:0;font-size:24px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.flip-card-face p{font-size:16px;opacity:.9}.container{display:flex;gap:20px;padding:20px;justify-content:center}.scroll-panel{width:500px;height:400px;border:0 solid #409eff;box-shadow:0 0 8px rgba(64,158,255,.6),inset 0 0 5px rgba(64,158,255,.4);border-radius:8px;overflow-y:auto;background-color:#282c34;font-family:Courier New,monospace;position:relative}.scroll-panel h3{text-align:center;background:#409eff;color:#fff;margin:0;padding:10px;border-top-left-radius:6px;border-top-right-radius:6px}.content{padding:10px}.content p{margin:6px 0;padding:4px;font-size:12px;color:#555;border-radius:4px}.controls{text-align:center;margin-top:20px}.controls button{margin:0 10px;padding:8px 16px;background:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer}.controls button:hover{background:#66b1ff}