@charset "UTF-8";
/* 表单导航 基于GET参数切换 */
.form-nav {display: flex;flex-wrap:nowrap;gap:40px;height:41px; justify-content: left;margin:0 0 20px 0;padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position: relative;}
.form-nav::before{content:"";position:absolute;top:40px;left:0;right:0;z-index:1;height:1px;border-bottom:.01rem solid var(--fui-border-secondary);display:block;}
.form-nav::-webkit-scrollbar{display:none;}
.form-nav li{line-height:40px;font-size: 16px; position: relative;flex-shrink:0;}
article .form-nav li{list-style:none;}
.form-nav li a{display:block;color:#333;}
.form-nav li.active a,.form-nav li a:hover{color:var(--fui-accent-primary);}
.form-nav li::before{content:"";position:absolute;top:39px;left:50%;z-index:1;width:0;height:2px;border-radius:2px;background:var(--fui-accent-primary);display:inline-block;transition:all .2s;}
.form-nav li.active::before , .form-nav li:hover::before{left:0; width:100%;}
.fui-dark .form-nav::before{border-bottom:.01rem solid var(--fui-border-primary);}
.fui-dark .form-nav li a{color:#e6e6e6;}
.fui-dark .form-nav li.active a,.fui-dark .form-nav li a:hover{color:#2b90ee;}
@media screen and (max-width:480px){
.form-nav {gap:20px;}
}
/* 表单*/
.form-group {display:block;width:100%;position:relative;margin:20px 0;}
.form-group[data-conditional-field][hidden]{display:none;}
.form-group div{margin:0;}
.form-group label.form-title{display:flex;align-items:flex-end;margin-bottom:10px;line-height:1.5;font-size:14px;font-weight:bold;color:#333;gap:4px;}
.form-group label.form-title span{line-height:1.5;font-size:12px;font-weight:normal;color:#999;margin:0 0 0 5px;}
.form-group label.form-title .required{color:#ff4d4f;font-style:normal;}
.form-group>small{margin-top:6px;font-size:12px;color:#999;line-height:1.5;display:flex;align-items:flex-start;gap:3px;}
.form-group>small::before{content:"\f51a";color:#999;vertical-align: top;}
.form-group>input[type="text"],
.form-group>input[type="email"],
.form-group>input[type="password"],
.form-group>input[type="search"],
.form-group>input[type="url"],
.form-group>input[type="tel"]{width:100%;padding:0 12px;border:1px solid var(--fui-border-secondary);border-radius:3px;line-height:38px;height:38px;font-size:14px;color:var(--fui-text-primary);background:transparent;transition:border-color .3s,box-shadow .3s;}
.form-group>select{width:auto;max-width:100%;padding:0 12px;border:1px solid var(--fui-border-secondary);border-radius:3px;line-height:38px;height:38px;font-size:14px;color:var(--fui-text-primary);background:var(--fui-bg-surface);transition:border-color .3s,box-shadow .3s;cursor:pointer;}
.form-group>input[type="number"]{width:100%;padding:0 12px;border:1px solid var(--fui-border-secondary);border-radius:3px;line-height:38px;height:38px;font-size:14px;color:var(--fui-text-primary);background:transparent;transition:border-color .3s,box-shadow .3s;}
.form-group>input[type="date"],
.form-group>input[type="time"],
.form-group>input[type="datetime-local"],
.form-group>input[type="month"],
.form-group>input[type="week"]{width:100%;padding:0 12px;border:1px solid var(--fui-border-secondary);border-radius:3px;line-height:38px;height:38px;font-size:14px;color:var(--fui-text-primary);background:transparent;transition:border-color .3s,box-shadow .3s;cursor:pointer;}
.form-group>input[type="date"]:hover,
.form-group>input[type="time"]:hover,
.form-group>input[type="datetime-local"]:hover,
.form-group>input[type="month"]:hover,
.form-group>input[type="week"]:hover{border-color:var(--fui-accent-primary);}
/* 隐藏日期时间输入框原生图标（仅针对自定义选择器） */
.form-group>input[type="date"]::-webkit-calendar-picker-indicator,
.form-group>input[type="time"]::-webkit-calendar-picker-indicator,
.form-group>input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.form-group>input[type="month"]::-webkit-calendar-picker-indicator{display:none;}
.form-group>input:focus,
.form-group>select:focus{outline:none;border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.1);}
.form-group>textarea{width:100%;padding:10px 12px;border:1px solid var(--fui-border-secondary);border-radius:3px;font-size:14px;color:var(--fui-text-primary);background:transparent;resize:vertical;min-height:120px;line-height:1.6;transition:border-color .3s,box-shadow .3s;}
.form-group>textarea:focus{outline:none;border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.1);}
.form-group>input[type="file"]{width:100%;padding:8px 12px;border:1px solid var(--fui-border-secondary);border-radius:3px;font-size:14px;background:transparent;cursor:pointer;transition:border-color .3s;}
.form-group>input[type="file"]:hover{border-color:var(--fui-accent-primary);}
.form-group>input[type="range"]{width:100%;height:6px;border-radius:3px;background:var(--fui-border-secondary);outline:none;-webkit-appearance:none;appearance:none;}
.form-group>input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--fui-accent-primary);cursor:pointer;transition:all 0.3s;}
.form-group>input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--fui-accent-primary);cursor:pointer;border:0;transition:all 0.3s;}
.form-group>input[type="range"]:hover::-webkit-slider-thumb,
.form-group>input[type="range"]:hover::-moz-range-thumb{background:#0077e6;transform:scale(1.1);}
.form-group>input[type="color"]{width:100%;max-width:80px;height:38px;border:1px solid var(--fui-border-secondary);border-radius:3px;padding:3px;cursor:pointer;background:var(--fui-bg-surface);}
.form-group>input[type="search"][list]{-webkit-appearance:none;appearance:none;}
.form-group>input[type="search"][list]::-webkit-calendar-picker-indicator{display:none!important;}
.form-group>input[readonly]{background:transparent;color:#666;}
.form-group>input:disabled,.form-group>select:disabled,.form-group>textarea:disabled{cursor:not-allowed;background:transparent;color:#999;opacity:.65;}

.form-group .option{display:flex;flex-wrap:wrap;gap:15px 20px;margin-top:8px;}
.form-group .option label{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#666;font-weight:normal;cursor:pointer;line-height:1.5;}
.form-group .option input[type="radio"],
.form-group .option input[type="checkbox"]{width:16px;height:16px;cursor:pointer;margin:0;}
.form-group.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;}
.form-group .btn-submit,
.form-group .btn-reset{display:inline-block;padding:0 24px;line-height:38px;font-size:14px;border:0;border-radius:3px;cursor:pointer;transition:all 0.3s;}
.form-group .btn-submit{background:var(--fui-accent-primary);color:#fff;}
.form-group .btn-submit:hover{background:#0077e6;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,105,204,0.3);}
.form-group .btn-reset{background:#f5f5f5;color:#666;}
.form-group .btn-reset:hover{background:#e6e6e6;}
.form-group .btn-submit:disabled,.form-group .btn-reset:disabled{cursor:not-allowed;opacity:.65;transform:none;box-shadow:none;}

/* 移动端适配：user-card 内的按钮也全宽显示 */
@media screen and (max-width:768px){
.user-card .form-group .btn-submit,
.user-card .form-group .btn-reset{width:100%;margin:8px 0;}
}
.form-group #submit{display:inline-block;padding:0 20px;background:var(--fui-accent-primary);color:#fff;line-height:36px;font-size:14px;border-radius:3px;cursor:pointer;}
.form-group #submit::after{margin:0 0 0 3px;content:"\f130";vertical-align:top;}
.form-group #submit:hover{background:#0077e6;}
.input-verify{display:flex;align-items:center;gap:10px;}
.input-verify input{flex:1;}
.input-verify img{width:108px;height:36px;cursor:pointer;}
.verfiycode{display:flex;align-items:center;gap:10px;}
.verfiycode input{flex:1;padding:0 12px;border:1px solid var(--fui-border-secondary);border-radius:3px;line-height:38px;height:38px;font-size:14px;color:var(--fui-text-primary);background:transparent;transition:border-color .3s,box-shadow .3s;}
.verfiycode img{width:120px;height:38px;cursor:pointer;border-radius:3px;border:1px solid var(--fui-border-secondary);box-sizing:border-box;}
article .verfiycode img{height: 38px !important;;}
.input-range-group{display:flex;align-items:center;gap:10px;width:50%;}
.input-range-group input[type="number"]{width:calc(50% - 15px);flex:1;padding:0 12px;border:1px solid var(--fui-border-secondary);border-radius:3px;line-height:38px;height:38px;font-size:14px;color:var(--fui-text-primary);background:transparent;transition:border-color .3s,box-shadow .3s;}
.input-range-group input[type="number"]:hover{border-color:var(--fui-accent-primary);}
.input-range-group input[type="number"]:focus{outline:none;border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.1);}
.input-range-group .separator{color:#999;font-size:16px;flex:0 0 auto;}
/* 文件上传组件 */
.upload-field{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;}
.upload-field>input.read{flex:1;min-width:200px;padding:0 12px;border:1px solid var(--fui-border-secondary);border-radius:3px;line-height:38px;height:38px;font-size:14px;color:var(--fui-text-primary);background:transparent;transition:border-color .3s,box-shadow .3s;}
.upload-field>input.read:focus{outline:none;border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.1);}
.upload-field .upload-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;height:38px;background:var(--fui-bg-surface);color:var(--fui-text-primary);border:1px solid var(--fui-border-secondary);border-radius:3px;cursor:pointer;font-size:14px;overflow:hidden;transition:border-color .3s,box-shadow .3s;font-weight:normal;}
.upload-field .upload-btn:hover{border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.1);}
.upload-field .upload-btn input[type="file"]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0;}
.upload-field .file-info{flex:1 1 100%;margin-top:5px;font-size:12px;color:#666;}
.upload-field .file-info:empty{display:none;}
/* 网址元数据获取组件 */
.url-meta-field{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;}
.url-meta-field .url-input{flex:1;min-width:200px;padding:0 12px;border:1px solid var(--fui-border-secondary);border-radius:3px;line-height:38px;height:38px;font-size:14px;color:var(--fui-text-primary);background:transparent;transition:border-color .3s,box-shadow .3s;}
.url-meta-field .url-input:focus{outline:none;border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.1);}
.url-meta-field .meta-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 20px;height:38px;background:var(--fui-bg-surface);color:var(--fui-text-primary);border:1px solid var(--fui-border-secondary);border-radius:3px;cursor:pointer;font-size:14px;transition:border-color .3s,box-shadow .3s;font-weight:normal;}
.url-meta-field .meta-btn:hover{border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.1);}
/* 验证码发送组件（通用，可用于手机/邮箱验证码） */
.verify-code-group{display:flex;align-items:flex-start;gap:10px;}
.verify-code-group input{flex:1;min-width:200px;padding:0 12px;border:1px solid var(--fui-border-secondary);border-radius:3px;line-height:38px;height:38px;font-size:14px;color:var(--fui-text-primary);background:transparent;transition:border-color .3s,box-shadow .3s;}
.verify-code-group input:focus{outline:none;border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.1);}
.verify-code-group .send-code-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 20px;height:38px;background:var(--fui-bg-surface);color:var(--fui-text-primary);border:1px solid var(--fui-border-secondary);border-radius:3px;cursor:pointer;font-size:14px;white-space:nowrap;transition:border-color .3s,box-shadow .3s;font-weight:normal;}
.verify-code-group .send-code-btn:hover:not(:disabled){border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.1);}
.verify-code-group .send-code-btn:disabled{cursor:not-allowed;opacity:0.6;color:#999;}
/* 半宽输入框类 */
.form-group .input-half,
.form-group>select.input-half,
.form-group>input.input-half{width:50%;}
/* 多列下拉选择框布局 */
.select-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;}
.select-row select{width:100%;padding:0 12px;border:1px solid var(--fui-border-secondary);border-radius:3px;line-height:38px;height:38px;font-size:14px;color:var(--fui-text-primary);background:var(--fui-bg-surface);transition:border-color .3s,box-shadow .3s;cursor:pointer;}
.select-row select:focus{outline:none;border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.1);}
.password-field{display:flex;align-items:center;}
.password-field input{flex:1;min-width:0;height:38px;padding:0 12px;border:1px solid var(--fui-border-secondary);border-radius:3px 0 0 3px;background:transparent;color:var(--fui-text-primary);}
.password-field input:focus{outline:none;border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,.1);z-index:1;}
.password-toggle{height:38px;padding:0 16px;border:1px solid var(--fui-border-secondary);border-left:0;border-radius:0 3px 3px 0;background:var(--fui-bg-surface);color:var(--fui-text-secondary);cursor:pointer;}
.form-group .password-strength{display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:6px;width:100%;max-width:420px;margin-top:6px;color:#999;font-size:12px;}
.password-strength i{height:4px;border-radius:2px;background:var(--fui-border-secondary);}
.password-strength[data-level="1"] i:nth-child(1){background:#ff4d4f;}
.password-strength[data-level="2"] i:nth-child(-n+2){background:#faad14;}
.password-strength[data-level="3"] i:nth-child(-n+3){background:#52c41a;}
.password-strength[data-level="4"] i{background:#1890ff;}
.form-group.is-success>input{border-color:#52c41a;box-shadow:0 0 0 3px rgba(82,196,26,.08);}
.form-group.is-warning>input{border-color:#faad14;box-shadow:0 0 0 3px rgba(250,173,20,.08);}
.form-group.is-error>input{border-color:#ff4d4f;box-shadow:0 0 0 3px rgba(255,77,79,.08);}
.form-message{margin-top:6px;color:#999;font-size:12px;}
.is-success .form-message,.is-success .form-message::before{color:#389e0d;}.is-warning .form-message,.is-warning .form-message::before{color:#d48806;}.is-error .form-message,.is-error .form-message::before{color:#cf1322;}
.form-status-summary{display:flex;flex-direction:column;gap:4px;margin:20px 0;padding:12px 15px;border:1px solid #ffccc7;border-radius:4px;background:#fff2f0;color:#cf1322;font-size:13px;}
.btn-submit.is-loading::before{content:"";display:inline-block;width:12px;height:12px;margin-right:7px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;vertical-align:-2px;animation:form-loading .8s linear infinite;}
@keyframes form-loading{to{transform:rotate(360deg);}}
.switch-control{display:inline-flex;align-items:center;gap:10px;color:#666;cursor:pointer;}
.switch-control input{position:absolute;opacity:0;pointer-events:none;}
.switch-control span{position:relative;width:44px;height:24px;border-radius:12px;background:#ccc;transition:.2s;}
.switch-control span::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s;}
.switch-control input:checked+span{background:var(--fui-accent-primary);}.switch-control input:checked+span::after{left:23px;}.switch-control b{font-size:14px;font-weight:normal;}
.segmented-control{display:inline-flex;align-items:stretch;height:32px;overflow:hidden;border:1px solid var(--fui-border-secondary);border-radius:4px;vertical-align:top;}
.segmented-control label{display:block;margin:0;line-height:1;cursor:pointer;}.segmented-control input{position:absolute;opacity:0;pointer-events:none;}.segmented-control span{display:flex;align-items:center;height:30px;padding:0 14px;border-right:1px solid var(--fui-border-secondary);box-sizing:border-box;color:var(--fui-text-secondary);font-size:13px;line-height:30px;}.segmented-control label:last-child span{border-right:0;}.segmented-control input:checked+span{background:var(--fui-accent-primary);color:#fff;}.segmented-control input:focus-visible+span{box-shadow:inset 0 0 0 2px rgba(0,105,204,.25);}
.editor-mode-group .segmented-control{margin-bottom:12px;}.editor-mode-group>textarea{display:block;}
.input-addon-group{display:flex;align-items:stretch;max-width:100%;}
.input-addon-group>span,.input-addon-group>button,.input-addon-group>select,.input-addon-group>input{height:38px;border:1px solid var(--fui-border-secondary);border-right:0;border-radius:0;background:var(--fui-bg-surface);color:var(--fui-text-secondary);font-size:14px;}
.input-addon-group>span{display:flex;align-items:center;padding:0 12px;background:var(--fui-bg-surface-raised);white-space:nowrap;}.input-addon-group>input{flex:1;min-width:100px;padding:0 12px;background:transparent;color:var(--fui-text-primary);}.input-addon-group>select{padding:0 10px;}.input-addon-group>*:first-child{border-radius:3px 0 0 3px;}.input-addon-group>*:last-child{border-right:1px solid var(--fui-border-secondary);border-radius:0 3px 3px 0;}.input-addon-group>input:focus,.input-addon-group>select:focus{outline:none;border-color:var(--fui-accent-primary);box-shadow:inset 0 0 0 1px var(--fui-accent-primary);}.input-addon-action{padding:0 16px;cursor:pointer;}
.verification-code-input{display:flex;gap:10px;}.verification-code-input input{width:44px;height:44px;border:1px solid var(--fui-border-secondary);border-radius:4px;background:transparent;text-align:center;font-size:20px;color:var(--fui-text-primary);}.verification-code-input input:focus{outline:none;border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,.1);}
.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:40px;padding:5px 8px;border:1px solid var(--fui-border-secondary);border-radius:3px;background:transparent;}.tag-input:focus-within{border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,.1);}.tag-input>span{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:3px;background:#e6f4ff;color:var(--fui-accent-primary);font-size:13px;}.tag-input>span button{border:0;background:transparent;color:inherit;cursor:pointer;}.tag-input>input{flex:1;min-width:120px;height:28px;border:0;outline:0;background:transparent;color:var(--fui-text-primary);}
.repeatable-list{display:flex;flex-direction:column;gap:10px;}.repeatable-item{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;}.repeatable-item input{min-width:0;height:38px;padding:0 12px;border:1px solid var(--fui-border-secondary);border-radius:3px;background:transparent;color:var(--fui-text-primary);}.repeatable-item button,.add-repeatable{height:38px;padding:0 16px;border:1px solid var(--fui-border-secondary);border-radius:3px;background:var(--fui-bg-surface);color:var(--fui-text-secondary);cursor:pointer;}.add-repeatable{margin-top:10px;color:var(--fui-accent-primary);border-color:var(--fui-accent-primary);}
/* 移动端适配 */
@media screen and (max-width:768px){
.form-group label.form-title{flex-wrap:wrap;}
.form-group label.form-title span{margin:2px 0 0 0;flex:1 1 100%;}
.form-group .input-half,
.form-group>select.input-half,
.form-group>input.input-half{width:100%;}
.input-range-group{width:100%;}
}
/* 深色模式 */
.fui-dark .form-group .form-title{color:var(--fui-dark-text);}
.fui-dark .form-group>label{color:#999;}
.fui-dark .form-group>input[type="text"],
.fui-dark .form-group>input[type="email"],
.fui-dark .form-group>input[type="password"],
.fui-dark .form-group>input[type="search"],
.fui-dark .form-group>input[type="url"],
.fui-dark .form-group>input[type="tel"]{border:1px solid var(--fui-dark-border);color:var(--fui-dark-text);}
.fui-dark .form-group>select{background:var(--fui-bg-surface);border:1px solid var(--fui-border-primary);color:var(--fui-text-primary);}
.fui-dark .select-row select{background:var(--fui-bg-surface);border:1px solid var(--fui-border-primary);color:var(--fui-text-primary);}
.fui-dark .select-row select:focus{outline:none;border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.2);}
.fui-dark .form-group>input[type="number"]{border:1px solid var(--fui-dark-border);color:var(--fui-dark-text);color-scheme:dark;}
.fui-dark .form-group>input[type="date"],
.fui-dark .form-group>input[type="time"],
.fui-dark .form-group>input[type="datetime-local"],
.fui-dark .form-group>input[type="month"],
.fui-dark .form-group>input[type="week"]{border:1px solid var(--fui-dark-border);color:var(--fui-dark-text);}
.fui-dark .form-group>input:focus,
.fui-dark .form-group>select:focus{border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.2);}
.fui-dark .form-group>textarea{border:1px solid var(--fui-dark-border);color:var(--fui-dark-text);}
.fui-dark .form-group>textarea:focus{border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.2);}
.fui-dark .form-group>input[type="file"]{border:1px solid var(--fui-dark-border);color:var(--fui-dark-text);}
.fui-dark .form-group>input[type="file"]:hover{border-color:var(--fui-accent-primary);}
.fui-dark .form-group>input[type="range"]{background:var(--fui-dark-border);}
.fui-dark .form-group>input[type="color"]{background:var(--fui-bg-surface);border:1px solid var(--fui-border-primary);}
.fui-dark .form-group>small{color:#999;}
.fui-dark .form-group .option label{color:#999;}
.fui-dark .form-group .btn-submit{background:var(--fui-accent-primary);color:#fff;}
.fui-dark .form-group .btn-submit:hover{background:#0077e6;}
.fui-dark .form-group .btn-reset{background:var(--fui-bg-surface-raised);color:var(--fui-text-muted);}
.fui-dark .form-group .btn-reset:hover{background:var(--fui-bg-hover);}
.fui-dark .verfiycode input{border:1px solid var(--fui-dark-border);color:var(--fui-dark-text);}
.fui-dark .verfiycode img{border-color:var(--fui-dark-border);}
.fui-dark .upload-field>input.read{border:1px solid var(--fui-dark-border);color:var(--fui-dark-text);}
.fui-dark .upload-field>input.read:focus{border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.2);}
.fui-dark .upload-field .upload-btn{background:var(--fui-bg-surface);color:var(--fui-text-primary);border:1px solid var(--fui-border-primary);}
.fui-dark .upload-field .upload-btn:hover{border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.2);}
.fui-dark .upload-field .file-info{color:#999;}
.fui-dark .url-meta-field .url-input{border:1px solid var(--fui-dark-border);color:var(--fui-dark-text);}
.fui-dark .url-meta-field .url-input:focus{border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.2);}
.fui-dark .url-meta-field .meta-btn{background:var(--fui-bg-surface);color:var(--fui-text-primary);border:1px solid var(--fui-border-primary);}
.fui-dark .url-meta-field .meta-btn:hover{border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.2);}
.fui-dark .verify-code-group input{border:1px solid var(--fui-dark-border);color:var(--fui-dark-text);}
.fui-dark .verify-code-group input:focus{border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.2);}
.fui-dark .verify-code-group .send-code-btn{background:var(--fui-bg-surface);color:var(--fui-text-primary);border:1px solid var(--fui-border-primary);}
.fui-dark .verify-code-group .send-code-btn:hover:not(:disabled){border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.2);}
.fui-dark .verify-code-group .send-code-btn:disabled{color:#666;}
.fui-dark .input-range-group input[type="number"]{border:1px solid var(--fui-dark-border);color:var(--fui-dark-text);color-scheme:dark;}
.fui-dark .input-range-group input[type="number"]:focus{border-color:var(--fui-accent-primary);box-shadow:0 0 0 3px rgba(0,105,204,0.2);}
.fui-dark .form-group>input[readonly],.fui-dark .form-group>input:disabled,.fui-dark .form-group>select:disabled,.fui-dark .form-group>textarea:disabled{color:#777;}
.fui-dark .password-field input,.fui-dark .input-addon-group>input,.fui-dark .verification-code-input input,.fui-dark .tag-input,.fui-dark .repeatable-item input{border-color:var(--fui-dark-border);color:var(--fui-dark-text);}
.fui-dark .password-toggle,.fui-dark .input-addon-group>span,.fui-dark .input-addon-group>button,.fui-dark .input-addon-group>select,.fui-dark .repeatable-item button,.fui-dark .add-repeatable{border-color:var(--fui-border-primary);background:var(--fui-bg-surface);color:var(--fui-text-primary);}
.fui-dark .password-strength i{background:var(--fui-border-primary);}.fui-dark .form-status-summary{border-color:#5c2b29;background:#3b2524;color:#ff7875;}.fui-dark .switch-control{color:#999;}.fui-dark .segmented-control{border-color:var(--fui-border-primary);}.fui-dark .segmented-control span{border-color:var(--fui-border-primary);color:#999;}.fui-dark .segmented-control input:checked+span{color:#fff;}.fui-dark .input-addon-group>span{background:var(--fui-bg-surface-raised);color:#999;}.fui-dark .tag-input>span{background:#15395b;color:#69c0ff;}.fui-dark .tag-input>input{color:var(--fui-text-primary);}
@media screen and (max-width:768px){.repeatable-item{grid-template-columns:1fr;}.input-addon-group{overflow-x:auto;}.verification-code-input{gap:6px;}.verification-code-input input{width:38px;height:42px;}}

/* 封面图上传区域样式 */
.upload-area{position:relative;border:2px dashed var(--fui-border-secondary);border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s;}
.upload-area:hover{border-color:var(--fui-accent-primary);}
.upload-placeholder {text-align: center;padding: 40px 20px;color: #999;}
.upload-placeholder i {font-size: 48px;display: block;margin-bottom: 10px;color: #ccc;}
.upload-placeholder p {margin: 5px 0;font-size: 16px;color: #666;}
.upload-placeholder span {font-size: 12px;color: #999;}
.upload-preview {position: relative;width: 100%;}
.upload-preview img {width: 100%;height: auto;display: block;}
.upload-preview .remove-image {position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;background: rgba(0,0,0,0.6);color: #fff;border: none;border-radius: 50%;font-size: 20px;cursor: pointer;line-height: 1;transition: all 0.3s;}
.upload-preview .remove-image:hover {background: rgba(255,0,0,0.8);}
/* 暗色模式 */
.fui-dark .upload-area{border-color:var(--fui-dark-border);}
.fui-dark .upload-area:hover{border-color:var(--fui-accent-primary);}
.fui-dark .upload-placeholder {color: #999;}
.fui-dark .upload-placeholder i {color: #666;}
.fui-dark .upload-placeholder p {color: #ccc;}
.fui-dark .upload-placeholder span {color: #999;}
/* 编辑器切换器 */
.fui-editor-switcher{display:flex;align-items:center;gap:15px;margin:0 0 10px 0;padding:8px 0;border-bottom:1px solid var(--fui-border-secondary);}
.fui-editor-switcher label{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#666;cursor:pointer;font-weight:normal;margin:0;}
.fui-editor-switcher input[type="radio"]{width:14px;height:14px;cursor:pointer;margin:0;}
.fui-editor-switcher label:has(input:checked){color:var(--fui-accent-primary);font-weight:bold;}
/* 编辑器容器 */
.fui-editor-wrapper{border:1px solid #dcdfe6;border-radius:6px;overflow:hidden;background:#fff;box-sizing:border-box;}
#editor-wrapper{position:relative;z-index:100;border:1px solid #dcdfe6;box-shadow:0 0 0 1px rgba(220,223,230,.55);}
#toolbar-container{border-bottom:1px solid #dcdfe6;background:#fafafa;}
#editor-container{height:auto;min-height:360px;}
#editor-container .w-e-text-container{min-height:360px;}
#editor-container .w-e-text-container .w-e-scroll{min-height:318px;}
#editor-container .w-e-text-container [data-slate-editor]{min-height:318px;padding:12px 14px;box-sizing:border-box;}
#editor-container .w-e-text-placeholder{left:14px;top:16px;}
#fui-vditor-container{height:500px;}
#postContent.fui-markdown-fallback{display:block;width:100%;min-height:500px;padding:12px 14px;border:1px solid #dcdfe6;border-radius:6px;background:transparent;font-size:14px;line-height:1.7;resize:vertical;box-sizing:border-box;outline:none;}
#postContent.fui-markdown-fallback:focus{border-color:var(--fui-accent-primary);box-shadow:0 0 0 2px rgba(0,105,204,.08);}
.html-source-editor{width:100%;min-height:360px;height:500px;padding:10px 12px;border:0;background:transparent;font-size:14px;font-family:monospace;line-height:1.6;resize:vertical;outline:none;}
.fui-dark .fui-editor-wrapper{border-color:var(--fui-dark-border);}
.fui-dark #editor-wrapper{border-color:var(--fui-dark-border);box-shadow:0 0 0 1px rgba(51,51,51,.65);}
.fui-dark .fui-editor-switcher{border-bottom-color:var(--fui-dark-border);}
.fui-dark #toolbar-container{border-bottom-color:var(--fui-dark-border);background:var(--fui-dark-surface);}
.fui-dark #postContent.fui-markdown-fallback{border-color:var(--fui-dark-border);color:var(--fui-dark-text);}
.fui-dark .html-source-editor{color:var(--fui-dark-text);}