.bullet-screen{width:calc(100% - 60px);border-radius:20px;padding:30px;margin-left:20px}.bullet-screen .preview-box{background:#0f0f1f;border-radius:20px;height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:28px;position:relative}.bullet-screen .preview-text{font-size:60px;font-weight:400;color:#fff;font-family:Microsoft YaHei,微软雅黑,PingFang SC,sans-serif;transition:all .08s ease;-webkit-user-select:none;user-select:none;padding:0 12px;text-shadow:0 0 6px rgba(0,0,0,.3);white-space:nowrap;display:inline-block;transform:translate(0) translateY(0);letter-spacing:0px}.bullet-screen .preview-text.vertical{writing-mode:vertical-rl;white-space:nowrap;padding:8px 0}.bullet-screen .controls{display:grid;grid-template-columns:repeat(6,1fr);gap:16px 18px;margin-bottom:20px}.bullet-screen .control-item .layui-form-label{float:none;width:auto;height:auto;line-height:normal;padding:0;margin-bottom:6px;letter-spacing:.3px;text-align:left;color:#999}.bullet-screen .control-item .layui-input-block{margin-left:0}.bullet-screen .control-item .layui-input{font-size:14px}.bullet-screen .layui-form-select dl dd.layui-this{color:var(--main)}.bullet-screen .action-row{display:flex;justify-content:center;gap:16px;margin:12px 0 6px}.bullet-screen .delete{background:linear-gradient(to right,#909399,#a6a9af);color:#fff!important;border:none;outline:none;padding:12px 24px;border-radius:5px;font-size:14px}.bullet-screen .fullscreen-hint{text-align:center;color:#6b7aa0;font-size:12px;margin-top:12px;letter-spacing:.5px;border-top:1px solid #253350;padding-top:16px}.bullet-screen .fullscreen-hint span{background:#1f2d4a;padding:2px 12px;border-radius:40px;margin:0 4px}.fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:black;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;cursor:default}.fullscreen-text{font-weight:400;color:#fff;font-family:Microsoft YaHei,微软雅黑,PingFang SC,sans-serif;-webkit-user-select:none;user-select:none;position:absolute;text-shadow:0 0 12px rgba(0,0,0,.6);will-change:transform;white-space:nowrap;letter-spacing:0px}.fullscreen-text.vertical{writing-mode:vertical-rl;white-space:nowrap;padding:0 8px}.fullscreen-text-clone{position:absolute;font-weight:400;color:#fff;font-family:Microsoft YaHei,微软雅黑,PingFang SC,sans-serif;-webkit-user-select:none;user-select:none;text-shadow:0 0 12px rgba(0,0,0,.6);will-change:transform;white-space:nowrap;letter-spacing:0px}.fullscreen-text-clone.vertical{writing-mode:vertical-rl;white-space:nowrap;padding:0 8px}.bullet-screen .hidden{display:none!important}.bullet-screen #textColor,.bullet-screen #bgColor,.bullet-screen .layui-colorpicker{width:100%}@media (max-width:1400px){.bullet-screen{width:calc(100% - 40px);padding:20px}.bullet-screen .controls{grid-template-columns:repeat(4,1fr)}}@media (max-width:1050px){.bullet-screen{margin-left:0}}@media (max-width:750px){.bullet-screen .controls{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.bullet-screen .controls{grid-template-columns:1fr}.bullet-screen .app-card{padding:20px 16px}.bullet-screen .action-row .layui-btn{font-size:16px;padding:12px 16px}}
