pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif}body{background:#000;min-height:100vh;padding:30px}.app{max-width:680px;margin:0 auto}.header{text-align:center;margin-bottom:24px}.header h2{color:#fff;margin-bottom:16px;font-size:22px}.header-sub{justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.header-label{color:#aaa;font-size:14px}.header-input{color:#fff;text-align:center;background:#1a1a1a;border:1px solid #555;border-radius:6px;outline:none;width:70px;padding:6px 10px;font-size:15px;transition:border .2s}.header-input:focus{border-color:#1677ff}.header-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:12px 28px;font-size:16px;transition:background .2s,opacity .2s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-ai{background:#52c41a}.btn-ai:hover:not(:disabled){background:#42a115}.btn-screenshot{background:#722ed1}.btn-screenshot:hover:not(:disabled){background:#5b21a6}.btn-copy{background:#1677ff}.btn-copy:hover:not(:disabled){background:#0d5fd1}.btn-douyin{background:#333}.btn-douyin:hover:not(:disabled){background:#1a1a1a}.result-panel{background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 15px #00000014}.result-card{line-height:1.6}.screenshot-area{text-align:left;aspect-ratio:16/9;border:2px dashed #d9d9d9;border-radius:8px;flex-direction:column;width:100%;margin-bottom:8px;padding:24px;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000001a}.screenshot-area--mobile{aspect-ratio:auto!important;height:auto!important;display:block!important;overflow:visible!important}.screenshot-content{flex-shrink:0;width:100%}.screenshot-area--mobile .screenshot-content{flex-shrink:1}