body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.header{font-family:Patrick Hand,cursive;position:absolute;font-size:1.5em;font-weight:700;top:20px;left:10px;z-index:20;cursor:pointer}.mobile-header{font-size:5vw}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999}#loading-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.loading-text{position:relative;color:#fff;font-family:Arial,sans-serif;text-align:center;z-index:10000}#typing-text{font-size:1.5em;margin-top:1em;letter-spacing:.1em;white-space:nowrap;overflow:hidden;border-right:2px solid #fff;animation:blink-caret .7s step-end infinite;text-shadow:0 0 10px rgba(0,0,0,.5)}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin:0 auto;box-shadow:0 0 15px #00000080}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff}}#fade-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#111;opacity:1;z-index:9998;pointer-events:none;transition:opacity 1.5s ease-in-out}#app{opacity:0;transition:opacity 1.5s ease-in-out}#joystickContainer{position:absolute;bottom:20px;left:20px;width:100px;height:100px;z-index:20}#compass{position:fixed;top:10px;right:10px;width:50px;height:50px;pointer-events:none}#compass-needle{transform-origin:50% 50%;transition:transform .1s}#compass-bg{fill:none;stroke:#fff;stroke-width:2}#compass-needle line{stroke:red;stroke-width:2}.tabs{font-family:Arial,Helvetica,sans-serif;position:absolute;top:100px;right:0;width:110px;z-index:10}.tab{padding:6px;margin-bottom:2px;cursor:pointer;border-bottom:1px solid #ccc;background-color:#fff3}.tab:hover,.tab.active{background-color:#ddd}#back-button{display:none;visibility:hidden;position:fixed;bottom:15px;right:15px;padding:10px 20px;background:linear-gradient(135deg,#ff7e5f,#feb47b);color:#fff;border:none;border-radius:25px;font-size:16px;cursor:pointer;z-index:20;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;transition:background .3s,transform .3s;display:flex;align-items:center;justify-content:center}#back-button:hover{background:linear-gradient(135deg,#feb47b,#ff7e5f);transform:translateY(-2px)}#back-button:active{transform:translateY(1px)}#back-button:before{content:"＜";font-size:16px;margin-right:8px}#play-button{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;z-index:25;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:background .2s,transform .2s}#play-button:hover{background:#000000bf;transform:translate(-50%,-50%) scale(1.08)}#play-button:active{transform:translate(-50%,-50%) scale(.96)}#play-button svg{margin-left:4px}#video-loading{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center;gap:12px;color:#fff;font-size:16px;z-index:25;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}.video-spinner{width:48px;height:48px;border:5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:video-spin .9s linear infinite}@keyframes video-spin{to{transform:rotate(360deg)}}.accordion{border-radius:4px;margin:12px 0}.accordion-header{background-color:#f1f1f1;cursor:pointer;padding:1px 10px;display:flex;justify-content:space-between;align-items:center;border-radius:4px}.accordion-header:hover{background-color:#ddd}.accordion-toggle{font-size:1em}.accordion-content{display:none;padding:10px;border-top:1px solid #ccc;background-color:#fff;border-radius:4px}.accordion-content.active{display:block}.content-item table{width:100%}#content0 p{font-family:Patrick Hand,cursive}#content1 h3,p{font-size:16px;font-weight:400;font-family:Arial,Helvetica,sans-serif}#content2 .table tr:nth-child(odd),#content3 .table tr:nth-child(odd){background-color:#f9f9f9}#content2 .table tr:nth-child(2n),#content3 .table tr:nth-child(2n){background-color:#fff}#content2 .table tr:hover,#content3 .table tr:hover{background-color:#f1f1f1}#content2 .table td,#content3 .table td{padding:12px;border:1px solid #ddd;text-align:left;font-family:Arial,Helvetica,sans-serif;border-radius:4px}#content2 .table td:first-child,#content3 .table td:first-child{width:20%;font-weight:light;color:#333;border-radius:4px}#content3 .table th{padding-top:54px;border-radius:4px}#content3 .table td{padding-bottom:20px;font-size:16px;font-family:Arial,Helvetica,sans-serif;border-radius:4px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1000;display:none;justify-content:center;align-items:center}.overlay.active{display:flex}.content{background-color:#fffc;padding:20px 20px 40px;border-radius:10px;box-shadow:0 0 10px #0000001a;max-width:800px;overflow-y:auto;height:90%}.content-container{position:relative;width:95%;max-width:800px;height:95%;align-items:center}.content-item{display:none}.content-item.active{display:block}.close-button{position:absolute;top:3%;right:5%;margin:0;padding:0;background:none;color:#000;border:none;font-size:5em;font-weight:100;cursor:pointer;z-index:100;transition:transform .2s ease-in-out}.close-button:hover{transform:scale(1.1);color:#5d5df1e6}@media (max-width: 768px){.close-button{top:1%;right:3%;font-size:4em}}.nav{position:absolute;bottom:10px;width:calc(100% - 40px);display:flex;justify-content:space-between}.nav button{font-style:italic;color:#000;font-weight:700;background-color:#fffc;border-radius:30%;border:1px normal #000000;padding:12px 24px;cursor:pointer}.nav button:hover{background-color:#ddd}.profile-header{display:flex;align-items:center;gap:10px}.profile-icon{width:30px;height:30px;border-radius:50%;object-fit:cover}.icon-container{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin:40px 60px}.icon-container a{font-size:32px;margin-top:10px;color:#333;text-decoration:none;display:flex;align-items:center;transition:color .3s;font-family:Patrick Hand,cursive}.icon-container a i{margin-right:30px}.icon-container a:hover{color:#888;transform:scale(1.05)}.icon-container a span{font-size:20px;font-weight:700;letter-spacing:1px}.label{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.7em;line-height:1;color:#fff}.review-none{background-color:#999}.review-yes{background-image:linear-gradient(90deg,#4097e2,#12cfd9)}.extrainfo{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.7em;line-height:1;color:#fff;background:linear-gradient(45deg,#b67b03,#daaf08 45% 85%,#b67b03 90% 100%);margin-left:4px}.topic-quantum{background-color:#0284c7}.topic-vr{background-color:#7c3aed}#view-toggle{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:2000;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#ff7e5f,#feb47b);color:#fff;border:none;border-radius:25px;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;transition:background .3s,transform .3s}#view-toggle:hover{background:linear-gradient(135deg,#feb47b,#ff7e5f);transform:translate(-50%,-2px)}#view-toggle:active{transform:translate(-50%,1px)}body.overlay-open #view-toggle{display:none}body.mode-2d #view-toggle{top:16px;left:auto;right:16px;transform:none}body.mode-2d #view-toggle:hover{transform:translateY(-2px)}body.mode-2d #view-toggle:active{transform:translateY(1px)}body.mode-2d #app{display:none}body.mode-2d #VRButton{display:none!important}#app2d{display:none}body.mode-2d #app2d{display:block;position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;z-index:500;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;font-family:Arial,Helvetica,sans-serif;color:#333;background:linear-gradient(180deg,#cfe9f7,#eaf6fc 30%,#f6f4ec 48%,#cfe4f0 62%,#a9cde3);background-attachment:fixed}#mode-transition{position:fixed;inset:0;z-index:5000;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle at 50% 45%,#fffffffa,#e1f2faf7 55%,#aad4ebfa);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .6s ease,visibility .6s}#mode-transition.active{opacity:1;visibility:visible;pointer-events:all;transition:opacity .35s ease,visibility .35s}.s2d-appbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;height:76px;padding:0 28px;background:#ffffff8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.7);box-shadow:0 1px 8px #0000000f}.s2d-brand{font-family:Patrick Hand,cursive;font-size:2em;font-weight:700;color:#333;white-space:nowrap;cursor:pointer}.s2d-section,.s2d-hero{background-color:#fffc;border-radius:10px;box-shadow:0 0 10px #0000001a;max-width:900px;margin:32px auto;padding:36px 44px 44px}.s2d-title{color:#333;font-family:Patrick Hand,cursive;font-size:36px;margin:0}.s2d-subtitle{color:#777;font-size:15px;margin:2px 0 30px 10px}.s2d-hero{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;margin-top:44px}.s2d-hero-image{max-width:300px;width:100%;height:auto;border-radius:8px;box-shadow:0 4px 24px #4097e273}.s2d-hero-text h1{color:#333;font-family:Patrick Hand,cursive;font-size:40px;margin:0}.s2d-hero-sub{color:#777;font-size:16px;margin:4px 0 0}.s2d-hero-name{color:#222;font-size:32px;font-family:Times New Roman,serif;margin:32px 0 0}.s2d-hero-desc{color:#333;font-size:18px;line-height:1.9;margin:24px 0 0}.s2d-about-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.s2d-about-item i{margin-top:6px;font-size:19px;width:24px;text-align:center}.s2d-about-item .s2d-icon-science{color:#7c3aed}.s2d-about-item .s2d-icon-code{color:#4097e2}.s2d-about-item .s2d-icon-explore{color:#ff7e5f}.s2d-about-item p{margin:0;font-size:17px;line-height:1.9}.s2d-note{font-family:Patrick Hand,cursive;color:#555;font-size:17px;margin:26px 0 34px}.s2d-hobbies-title{font-family:Patrick Hand,cursive;font-size:20px;font-weight:700;color:#444;margin:0 0 14px}.s2d-chips{display:flex;flex-wrap:wrap;gap:10px}.s2d-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #ccc;border-radius:16px;padding:7px 15px;font-size:15px;color:#333;background:#ffffffbf}.s2d-chip i{color:#4097e2}#app2d .table{width:100%}#app2d .table tr:nth-child(odd){background-color:#f9f9f9}#app2d .table tr:nth-child(2n){background-color:#fff}#app2d .table tr:hover{background-color:#f1f1f1}#app2d .table td{padding:12px;border:1px solid #ddd;text-align:left;font-size:16px;border-radius:4px}#app2d .table td:first-child{width:20%;color:#333}#app2d .table th{padding:40px 0 8px;text-align:left;font-size:18px;background:none}.accordion2d{border-radius:4px;margin:12px 0;border:1px solid #e5e5e5}.s2d-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:42px;padding:26px 0 20px}.s2d-links a{font-size:40px;color:#333;text-decoration:none;transition:color .3s,transform .25s;display:inline-flex}.s2d-links a:hover{color:#888;transform:scale(1.12)}#s2d-scrolltop{display:none;position:fixed;bottom:18px;right:16px;z-index:1500;width:48px;height:48px;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff7e5f,#feb47b);color:#fff;border:none;border-radius:50%;font-size:18px;cursor:pointer;box-shadow:0 4px 6px #00000026,0 1px 3px #0000001a;transition:background .3s,transform .3s}body.mode-2d #s2d-scrolltop{display:flex}#s2d-scrolltop:hover{background:linear-gradient(135deg,#feb47b,#ff7e5f);transform:translateY(-2px)}#s2d-scrolltop:active{transform:translateY(1px)}#app2d.s2d-zoom-in{animation:s2dZoomIn .75s ease-out both}@keyframes s2dZoomIn{0%{opacity:0;transform:perspective(1200px) translateZ(160px) rotateX(4deg)}60%{opacity:1}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){#app2d.s2d-zoom-in{animation:none}}.s2d-footer{padding:40px 0 56px;text-align:center}.s2d-footer p{font-family:Patrick Hand,cursive;color:#555;font-size:16px;margin:4px 0}.s2d-animate{opacity:0;transform:translate(-5%) translateY(4%);transition:opacity .9s ease,transform .9s ease}.s2d-animate.from-right{transform:translate(5%) translateY(4%)}.s2d-animate.in-view{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.s2d-animate{opacity:1;transform:none;transition:none}body.mode-2d #app2d{scroll-behavior:auto}#mode-transition,#mode-transition.active{transition:none}}@media (max-width: 600px){#view-toggle{top:60px;padding:8px 16px;font-size:13px}}@media (max-width: 768px){.s2d-appbar{height:60px;padding:0 16px}.s2d-brand{font-size:1.5em}body.mode-2d #view-toggle{top:11px;right:12px;padding:9px 16px;font-size:14px}.s2d-section,.s2d-hero{margin:20px 12px;padding:26px 22px 32px}.s2d-title{font-size:30px}.s2d-hero-text h1{font-size:32px}}@media (max-width: 420px){.s2d-hero-image{max-width:200px}.s2d-hero-name{font-size:21px}.s2d-hero-desc{font-size:15px}.s2d-about-item p{font-size:14px}.s2d-chip{font-size:12px}.s2d-links a{font-size:30px}#app2d .table td{font-size:14px}}