:root{color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;margin:0}#root{height:100%}.form-hiding-zone{position:fixed;left:0;top:0;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;pointer-events:none;opacity:0}.form-hiding-zone .ant-form,.form-hiding-zone .ant-form-item,.form-hiding-zone .ant-input,.form-hiding-zone .ant-input-number,.form-hiding-zone .ant-select,.form-hiding-zone .ant-slider,.form-hiding-zone .ant-radio-wrapper,.form-hiding-zone .ant-switch,.form-hiding-zone .ant-color-picker{font-size:0!important;line-height:0!important;min-height:0!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;border:none!important;opacity:0!important}.app-container{width:100vw;min-height:100vh;overflow-y:auto;overflow-x:hidden;position:relative;background-color:#fff;display:flex;flex-direction:column;align-items:center}.screen-section{flex:1;display:flex;justify-content:center;align-items:center;padding:40px 20px 140px;width:100%;box-sizing:border-box;min-height:calc(100vh - 100px)}.screen-frame{width:360px;height:640px;border-radius:20px;overflow:hidden;position:relative;background-color:#fff;box-shadow:0 4px 24px #00000014;border:1px solid rgba(0,0,0,.06)}.player-area{width:100%!important;height:100%!important;position:relative!important;z-index:1;overflow:hidden!important;background:#fff}.player-area video{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center top!important;object-position:center top!important;display:block!important;mix-blend-mode:multiply}.player-area canvas{width:100%!important;height:100%!important;display:block!important}.custom-subtitle{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:16px;font-weight:600;color:#333;text-shadow:0 1px 3px rgba(255,255,255,.8);padding:6px 12px;z-index:10;pointer-events:none}.subtitle{position:absolute;font-size:24px;color:red;font-weight:600;bottom:50px;width:100%;left:0;z-index:2}.start-section{position:fixed;left:0;right:0;bottom:0;z-index:100;padding:24px 24px 32px;display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;border-top:1px solid rgba(0,0,0,.06);box-sizing:border-box}.start-btn{padding:14px 44px;height:auto;font-size:20px;border-radius:50px;background:linear-gradient(135deg,#1677ff,#4096ff);border:none;color:#fff;cursor:pointer;transition:all .25s ease}.start-btn:hover{transform:scale(1.05);box-shadow:0 8px 28px #1677ff59}.start-hint{color:#999;margin:0;font-size:13px;letter-spacing:.5px}.link-btn{color:#bbb!important;font-size:12px;padding:0}.link-btn:hover{color:#666!important}.control-panel{position:fixed;left:0;right:0;bottom:0;z-index:100;padding:16px 24px calc(16px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid rgba(0,0,0,.06);box-sizing:border-box;max-width:500px;width:100%;margin:0 auto}.control-row{width:100%}.voice-btn,.close-btn{height:40px;border-radius:10px;font-weight:500}.control-panel .ant-input,.control-panel .ant-input-affix-wrapper{background:#fafafa!important;border-color:#e0e0e0!important;color:#333!important}.control-panel .ant-input::-moz-placeholder{color:#bbb!important}.control-panel .ant-input::placeholder{color:#bbb!important}.control-panel .ant-input:focus,.control-panel .ant-input-focused{border-color:#1677ff!important;box-shadow:0 0 0 2px #1677ff1f!important}.wrapper{width:100%;height:100vh;display:flex;flex-flow:row wrap;align-items:stretch;position:relative}.wp{flex:1}.panel{position:fixed;right:0;top:0;width:200px;height:100%}.hdl{position:fixed;top:10px;right:10px;z-index:2}.hidden-hdl{display:none!important}@media (max-width: 420px){.screen-frame{width:280px;height:497px}.screen-section{padding:20px 16px 120px}.control-panel,.start-section{padding-left:16px;padding-right:16px;box-sizing:border-box}.start-btn{padding:12px 32px;font-size:17px}}@media (min-width: 768px){.screen-frame{width:400px;height:711px}.screen-section{padding:60px 40px 160px}}