
        body { margin: 0; overflow: hidden; font-family: 'Segoe UI', sans-serif; background: #e0e5ec; }
        
        /* UI 界面 */
        #ui-container {
            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            pointer-events: none;
            display: flex; flex-direction: column; justify-content: space-between;
            padding: 20px; box-sizing: border-box;
        }

        .panel {
            background: rgba(255,255,255,0.95);
            backdrop-filter: blur(8px);
            padding: 15px; border-radius: 10px;
            box-shadow: 0 8px 32px rgba(0,0,0,0.1);
            pointer-events: auto;
            text-align: center;
        }

        h2 { margin: 0 0 10px 0; font-size: 16px; color: #2c3e50; border-bottom: 2px solid #5F8A70; padding-bottom: 5px; }
        
        .btn-group { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; }
        button {
            border: 1px solid #ccc; background: #f8f9fa; padding: 8px; border-radius: 4px; cursor: pointer;
            font-weight: 600; color: #444; transition: 0.2s;
        }
        button:hover { background: #e2e6ea; border-color: #adb5bd; }
        button.add-obj { background: #d4edda; color: #155724; border-color: #c3e6cb; }
        button.reset { background: #f8d7da; color: #721c24; border-color: #f5c6cb; width: 100%; margin-top: 5px; }

        .control-bar {
            display: flex; justify-content: center; gap: 20px; align-items: flex-end;
        }

        .slider-box { width: 300px; }
        input[type=range] { width: 100%; cursor: pointer; }
        .label-row { display: flex; justify-content: space-between; font-size: 12px; color: #666; }
        
        .screw-box { display: flex; flex-direction: column; align-items: center; }
        .screw-btns { display: flex; gap: 5px; }
        .screw-btn { width: 30px; height: 30px; border-radius: 50%; padding: 0; display: grid; place-items: center; }

        #readout {
            position: absolute; top: 20px; left: 50%; transform: translateX(-50%);
            background: #2c3e50; color: #fff; padding: 8px 20px; border-radius: 20px;
            font-family: monospace; font-size: 18px; pointer-events: none;
        }
