.language-selector{min-width:120px}.language-selector .ant-select-selector{border-radius:6px;transition:all .2s ease}.language-selector:hover .ant-select-selector{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.language-selector .ant-select-arrow{color:#00000073}.language-selector:hover .ant-select-arrow{color:#1890ff}.language-option{display:flex;align-items:center;gap:8px}.language-flag{font-size:16px;line-height:1}.language-name{font-size:14px;font-weight:500}.language-selector.ant-select-sm{min-width:100px}.language-selector.ant-select-sm .language-flag{font-size:14px}.language-selector.ant-select-sm .language-name{font-size:12px}.language-selector.ant-select-lg .language-flag{font-size:18px}.language-selector.ant-select-lg .language-name{font-size:16px;font-weight:600}.language-selector .ant-select-dropdown{border-radius:8px;box-shadow:0 4px 12px #00000026}.language-selector .ant-select-item{padding:8px 12px}.language-selector .ant-select-item:hover{background-color:#f5f5f5}.language-selector .ant-select-item-option-selected{background-color:#e6f7ff;font-weight:600}.language-selector .ant-select-item-option-selected .language-name{color:#1890ff}@media (max-width: 768px){.language-selector{min-width:90px}.language-flag{font-size:14px}.language-name{font-size:12px}.language-selector.ant-select-sm{min-width:80px}.language-selector.ant-select-sm .language-flag{font-size:12px}.language-selector.ant-select-sm .language-name{font-size:10px}}@media (max-width: 480px){.language-selector-mobile .language-name{display:none}.language-selector-mobile{min-width:40px}}@media (prefers-color-scheme: dark){.language-selector:hover .ant-select-selector{border-color:#177ddc;box-shadow:0 0 0 2px #177ddc1a}.language-selector .ant-select-dropdown{background-color:#1f1f1f;border:1px solid #434343}.language-selector .ant-select-item:hover{background-color:#262626}.language-selector .ant-select-item-option-selected{background-color:#111b26}.language-selector .ant-select-item-option-selected .language-name{color:#177ddc}}.language-selector .ant-select-selection-item{transition:all .2s ease}.language-flag{transition:transform .2s ease}.language-selector:hover .language-flag{transform:scale(1.1)}.language-selector .ant-select-focused .ant-select-selector{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.app-sidebar{background-color:#fff;border-right:1px solid #f0f0f0;overflow:hidden;height:100%;transition:width .3s}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0}.sidebar-title{margin:0;font-size:16px;font-weight:500}.create-folder-btn{margin-left:auto;transition:all .3s}.create-folder-btn:hover{color:#1890ff;background-color:#1890ff1a}.folder-menu .ant-menu-item{margin:4px 0;border-radius:4px;transition:all .3s}.folder-menu .ant-menu-item:hover{background-color:#1890ff1a}.mobile-sidebar-trigger{display:none;position:fixed;left:10px;top:10px;z-index:999;background:#fff;border:1px solid #f0f0f0;border-radius:4px;padding:8px;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #00000026}.mobile-sidebar-trigger:hover{background:#f5f5f5}@media (max-width: 992px){.app-sidebar{width:230px}}@media (max-width: 768px){.app-sidebar{display:none}.mobile-sidebar-trigger{display:flex;align-items:center}.mobile-sidebar-trigger span{margin-left:8px}}.full-screen-loading{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#fffc;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ant-spin{transition:all .3s ease}.ant-spin-dot{transition:transform .3s ease}.ant-spin-dot-item{transition:opacity .3s ease,background-color .3s ease}.ant-spin-text{margin-top:8px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.app-guide-modal .ant-modal-body{padding:24px}.guide-modal .ant-modal-content{border-radius:12px;overflow:hidden}.guide-modal .ant-modal-header{padding:16px 24px;border-bottom:1px solid #f0f0f0}.guide-content{padding:20px 0}.guide-steps{margin-bottom:30px}.guide-step-content{min-height:320px;padding:20px 10px}.guide-slide h3.ant-typography{margin-bottom:16px}.guide-tips{display:flex;flex-direction:column;gap:20px;margin-top:30px}.guide-tip{display:flex;align-items:flex-start;gap:16px}.guide-tip .anticon{font-size:24px;color:#1890ff;margin-top:4px}.guide-tip>div{flex:1}.guide-tip .ant-typography{margin-bottom:4px}.guide-footer{display:flex;justify-content:flex-end;margin-top:30px;padding-top:16px;border-top:1px solid #e8e8e8}.guide-modal.dark .guide-footer{border-top-color:#303030}.guide-slide h3,.guide-slide .ant-typography{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.guide-modal .ant-modal-content{max-width:100%;margin:10px}.guide-tip{flex-direction:column;gap:8px}.guide-tips{gap:16px}}body.dark-theme .guide-modal .ant-modal-content{background-color:#1f1f1f;color:#e0e0e0}body.dark-theme .guide-modal .ant-modal-header{background-color:#1f1f1f;border-bottom:1px solid #303030}body.dark-theme .guide-modal .ant-modal-title{color:#e0e0e0}body.dark-theme .guide-slide h3{color:#1890ff}body.dark-theme .tip-number{background-color:#177ddc}.message-display{position:fixed;top:20px;right:20px;z-index:1000;width:300px;max-width:90%;animation:slideInRight .3s ease-out}.message-alert{border-radius:4px;box-shadow:0 2px 8px #00000026}.message-alert.success{border-left:4px solid #52c41a}.message-alert.error{border-left:4px solid #f5222d}.message-alert.warning{border-left:4px solid #faad14}.message-alert.info{border-left:4px solid #1890ff}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.message-display{width:260px;top:10px;right:10px}}@media (max-width: 480px){.message-display{width:calc(100% - 20px);max-width:none;top:10px;right:10px;left:10px}}.backup-reminder{position:fixed;bottom:20px;right:20px;z-index:999;width:350px;max-width:90%;animation:slideInUp .5s ease}.backup-reminder .ant-alert{border-radius:8px;box-shadow:0 4px 12px #00000026}.backup-reminder .ant-alert-action{margin-top:8px}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.backup-reminder{bottom:16px;right:16px;width:320px}}@media (max-width: 576px){.backup-reminder{bottom:10px;right:10px;left:10px;width:auto}}.app-footer{text-align:center;padding:15px 50px;background-color:#f0f2f5;border-top:1px solid #e8e8e8;margin-top:20px}.footer-link{color:#000000a6;text-decoration:none}.footer-link:hover{color:#1890ff;text-decoration:underline}.ant-layout{background:var(--background-color)}.ant-layout-header{background:var(--primary-color);padding:0 16px}.ant-menu-dark{background:transparent}.ant-layout-sider-children{display:flex;flex-direction:column}.ant-menu{flex:1}.app-main{display:flex;flex:1;min-height:calc(100vh - 64px)}.app-content{padding:24px;background-color:#f5f5f5;flex:1;overflow-y:auto}.app-content.homepage{background-color:#fff;padding:0}@media (max-width: 992px){.app-content{padding:16px}}@media (max-width: 576px){.app-content{padding:12px}.app-main{flex-direction:column}}.modal-footer{margin-top:24px;text-align:right}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (prefers-color-scheme: dark){::-webkit-scrollbar-track{background:#1f1f1f}::-webkit-scrollbar-thumb{background:#4a4a4a}::-webkit-scrollbar-thumb:hover{background:#5a5a5a}}.lazy-loading-fallback{display:flex;justify-content:center;align-items:center;height:300px;width:100%}.dark-theme .app-content{background-color:#141414}.dark-theme .app-sidebar{background-color:#1f1f1f;border-right:1px solid #303030}.dark-theme ::-webkit-scrollbar-track{background:#1f1f1f}.dark-theme ::-webkit-scrollbar-thumb{background-color:#434343}.app-content{background-color:#f5f5f5}.app-content.prompt-optimizer-page{background-color:#f5f5f5;padding:0}.dark-theme .app-content.prompt-optimizer-page{background-color:#141414}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{--primary-color: #1677ff;--background-color: #f5f5f5;--border-color: #e8e8e8;--text-color: #333;--text-secondary: #666;--header-height: 64px;--content-padding: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;color:var(--text-color);background-color:var(--background-color)}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.app-container{min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:var(--header-height)}.app-header .header-left{display:flex;align-items:center;flex:1;min-width:0}.app-header .logo{color:#fff;font-size:18px;font-weight:700;margin-right:24px}.app-header .header-right{display:flex;align-items:center}.app-main{padding-top:1px;min-height:calc(100vh - var(--header-height))}.app-content{padding:var(--content-padding);background-color:#fff;min-height:calc(100vh - var(--header-height))}.app-sidebar{background:#fff;box-shadow:0 2px 8px #0000000d}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.sidebar-title{font-weight:700}.folder-menu{border-right:none}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-title h2{margin-bottom:8px}.page-actions{display:flex;align-items:center}.template-card{height:100%;display:flex;flex-direction:column;transition:all .3s}.template-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.template-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.template-category{font-size:12px;color:var(--text-secondary);background-color:var(--background-color);padding:2px 8px;border-radius:10px}.prompts-list{margin-top:16px}.prompt-item{cursor:pointer;border:1px solid var(--border-color);border-radius:4px;padding:16px;margin-bottom:16px;transition:all .3s}.prompt-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000000d}.prompt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.prompt-title{font-size:16px;font-weight:700}.prompt-meta{font-size:12px;color:var(--text-secondary)}.prompt-use-count{margin-right:12px}.prompt-content{color:var(--text-secondary)}.template-detail .template-meta{margin-bottom:16px}.template-detail .content-preview{background-color:var(--background-color);padding:16px;border-radius:4px;max-height:300px;overflow-y:auto}.template-detail .content-preview pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit}.template-use .preview-container{background-color:var(--background-color);padding:16px;border-radius:4px;max-height:200px;overflow-y:auto;margin-top:8px}.template-use .preview-container pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit}.ant-modal-body{max-height:70vh;overflow-y:auto}.prompt-editor{margin-bottom:20px}.prompt-editor .ql-container{min-height:200px;border-radius:0 0 4px 4px}.prompt-editor .ql-toolbar{border-radius:4px 4px 0 0}.prompt-editor .ql-editor{min-height:200px;max-height:400px;overflow-y:auto}.prompt-drag-handle{margin-right:12px;cursor:grab;color:var(--text-secondary)}.prompt-item.dragging{background:var(--background-color);box-shadow:0 0 10px #0000001a}.prompt-header{display:flex;align-items:center}
