*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,Arial,sans-serif;background:linear-gradient(135deg,#0c1445,#1a2980,#26d0ce);overflow:hidden;height:100vh}#app{position:relative;width:100vw;height:100vh}#three-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.ui-panel{position:absolute;background:#001428cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:20px;color:#fff;pointer-events:auto;transition:all .3s ease}.ui-panel:hover{background:#001428e6;border-color:#fff3}#memory-recall-ui{top:30px;left:30px;width:300px}#drift-bottle-ui{top:30px;right:30px;width:320px}#help-ui{bottom:30px;left:30px;width:350px;max-height:300px;overflow-y:auto}.help-panel{transition:all .5s ease}.help-panel.collapsed{max-height:60px;overflow:hidden}.help-panel.collapsed .help-content{opacity:0;transform:translateY(-10px)}.help-content{transition:all .3s ease;margin-bottom:15px}.help-content p{margin-bottom:8px;font-size:13px;line-height:1.5}.help-content strong{color:#26d0ce}.ui-panel h2{font-size:18px;margin-bottom:15px;color:#26d0ce;text-shadow:0 0 10px rgba(38,208,206,.5)}.ui-panel p{font-size:14px;line-height:1.6;margin-bottom:15px;opacity:.9}#emotion-input{width:100%;height:80px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px;color:#fff;font-family:inherit;font-size:14px;resize:none;margin-bottom:15px}#emotion-input::placeholder{color:#fff9}#emotion-input:focus{outline:none;border-color:#26d0ce;box-shadow:0 0 10px #26d0ce4d}button{background:linear-gradient(45deg,#1a2980,#26d0ce);border:none;border-radius:8px;padding:10px 20px;color:#fff;font-family:inherit;font-size:14px;cursor:pointer;transition:all .3s ease;margin-right:10px;margin-bottom:10px}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #26d0ce66}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.ui-panel{position:relative;margin:10px;width:calc(100% - 20px)}#memory-recall-ui,#drift-bottle-ui{position:relative;top:auto;left:auto;right:auto}#ui-overlay{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:20px}}