:root{--primary-color:#4285f4;--error-color:#ea4335;--success-color:#34a853;--warning-color:#fbbc05;--border-color:#dadce0;--text-color:#202124;--secondary-text:#5f6368;--background-color:#ffffff;--disabled-color:#f1f3f4;--hover-color:#f8f9fa;--transition-time:0.3s;}.img-sm{width:32px;height:32px;}.custom-form .form-container{max-width:900px;margin:10px auto;background:var(--background-color);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.08);padding:30px;box-sizing:border-box;overflow:hidden;}.custom-form .form-title{font-size:26px;font-weight:500;margin:0 0 25px;padding-bottom:15px;border-bottom:1px solid var(--border-color);color:var(--text-color);position:relative;}.custom-form .form-title::after{content:'';position:absolute;bottom:-1px;left:0;width:60px;height:3px;background:var(--primary-color);}.custom-form .form-align-left .form-group{display:flex;align-items:flex-start;margin-bottom:20px;}.custom-form .form-align-left .form-group > label{width:150px;margin-bottom:0;margin-right:20px;text-align:right;padding-top:10px;flex-shrink:0;}.custom-form .form-align-left .form-group .form-control-container{flex:1;min-width:0;}.custom-form .form-align-top .form-group{margin-bottom:20px;}.custom-form .form-align-inline{display:flex;flex-wrap:wrap;align-items:flex-start;gap:15px;}.custom-form .form-align-inline .form-group{margin-bottom:0;flex:1 1 auto;min-width:200px;}.custom-form .form-group{margin-bottom:20px;position:relative;}.custom-form .form-group > label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--secondary-text);transition:color var(--transition-time);}.custom-form .form-group > label.required::after{content:'*';color:var(--error-color);margin-left:4px;}.custom-form .form-control{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:2px;box-sizing:border-box;transition:all var(--transition-time);background-color:var(--background-color);color:var(--text-color);display:block;height:calc(1.5em + .75rem + 2px);font-size:1rem;font-weight:400;line-height:1.5;background-clip:padding-box;}.custom-form .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(66,133,244,0.2);outline:none;}.custom-form .form-control.error{border-color:var(--error-color);background-color:rgba(234,67,53,0.03);}.custom-form .form-control.error:focus{box-shadow:0 0 0 3px rgba(234,67,53,0.2);}.custom-form .form-control.success{border-color:var(--success-color);}.custom-form select.form-control{padding:0px 15px;}.custom-form textarea.form-control{height:auto!important;}.custom-form .form-control:disabled,.form-control[readonly]{opacity:0!important;}.error-message{color:var(--error-color);font-size:.75em;margin-top:6px;display:none;animation:fadeIn 0.3s ease;}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px);}to{opacity:1;transform:translateY(0);}}.error-message.show{display:block;}.custom-form .form-notice{color:var(--secondary-text);font-size:13px;margin-top:6px;line-height:1.5;}.custom-form .file-input-wrapper{border:2px dashed var(--border-color);padding:25px;border-radius:6px;text-align:center;transition:all var(--transition-time);background-color:#fafafa;cursor:pointer;position:relative;overflow:hidden;}.custom-form .file-input-wrapper:hover{border-color:var(--primary-color);background-color:rgba(66,133,244,0.03);}.custom-form .file-input-wrapper.error{border-color:var(--error-color);background-color:rgba(234,67,53,0.03);}.custom-form .file-input-wrapper .file-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;}.custom-form .file-info{margin-top:10px;font-size:13px;color:var(--secondary-text);display:flex;align-items:center;justify-content:center;}.custom-form .file-preview{max-width:100%;max-height:150px;margin-top:10px;border-radius:4px;display:none;}.custom-form .btn-primary{background-color:var(--primary-color);color:white;box-shadow:0 2px 5px rgba(66,133,244,0.3);}.custom-form .btn-primary:hover{background-color:#3367d6;box-shadow:0 4px 8px rgba(66,133,244,0.3);transform:translateY(-1px);}.custom-form .btn-primary:active{transform:translateY(0);box-shadow:0 2px 3px rgba(66,133,244,0.3);}.custom-form .btn-primary:disabled{background-color:var(--disabled-color);color:var(--secondary-text);cursor:not-allowed;box-shadow:none;transform:none;}.custom-form .btn-block{display:flex;width:100%;}.custom-form .loading-spinner{display:inline-block;width:18px;height:18px;margin-left:10px;border:3px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:white;animation:spin 0.8s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.checkbox-group,.radio-group{display:flex;align-items:center;margin-bottom:10px;cursor:pointer;user-select:none;}.layout-switcher{display:flex;gap:10px;margin-bottom:20px;}.layout-btn{padding:8px 15px;background:#f1f3f4;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:all 0.2s;}.layout-btn.active{background:var(--primary-color);color:white;}@media (max-width:768px){.custom-form .form-container{padding:20px;}.custom-form .form-title{font-size:22px;margin-bottom:20px;}.custom-form .form-align-left .form-group > label{width:auto;min-width:80px;margin-right:0;margin-bottom:8px;text-align:right;padding-top:0;}}select.custom-select{position:absolute;opacity:0;height:0;width:0;}.custom-select-wrapper{position:relative;width:100%;}.custom-select-display{display:flex;align-items:center;padding:2px 0 0 8px;font-size:0.875rem;line-height:1.5;color:#333;background-color:#fff;border:1px solid #dcdfe6;border-radius:2px;cursor:pointer;min-height:34px;transition:all 0.2s;box-shadow:0 1px 2px rgba(0,0,0,0.05);}.custom-select-display:hover{border-color:#c0c4cc;}.custom-select-display:focus{outline:none;border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,0.2);}.custom-select-display.disabled{background:#f5f7fa;cursor:not-allowed;}.custom-select-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #666;transition:transform 0.2s;}.custom-select-display.open + .custom-select-arrow{transform:translateY(-50%) rotate(180deg);}.custom-select-dropdown{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #e4e7ed;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);z-index:1000;display:none;margin-top:5px;}.custom-select-dropdown.open{display:block;}.custom-select-option{padding:8px 16px;cursor:pointer;transition:all 0.2s;}.custom-select-option:hover{background:#f5f7fa;}.custom-select-option.selected{color:#fff;background:#409eff;}.custom-select-option.disabled{color:#c0c4cc;cursor:not-allowed;}.custom-select-tags{display:flex;flex-wrap:wrap;gap:4px;margin-right:8px;}.custom-select-tag{display:inline-flex;align-items:center;padding:2px 4px;background:#f0f2f5;border-radius:3px;font-size:0.75rem;}.custom-select-tag-remove{margin-left:4px;cursor:pointer;color:#999;}.custom-select-tag-remove:hover{color:#f56c6c;}.custom-select-placeholder{color:#999;}select.custom-select.has-custom-create-select{width:0!important;height:0!important;}.custom-select-search-container{padding:8px;border-bottom:1px solid #e4e7ed;background:#f5f7fa;}.custom-select-search-input{width:100%;padding:6px 10px;border:1px solid #dcdfe6;border-radius:3px;font-size:13px;outline:none;box-sizing:border-box;}.custom-select-search-input:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,0.2);}.custom-select-options-container{overflow-y:auto;}.custom-select-option.hidden{display:none;}.custom-select-no-results{padding:12px 16px;color:#999;text-align:center;font-size:13px;font-style:italic;}.custom-select-option:focus{outline:2px solid #409eff;outline-offset:-2px;}pre:not(.CodeMirror pre):not(.cherry-markdown pre).with-line-numbers{padding-left:3.8em;counter-reset:linenumber;}pre:not(.CodeMirror pre):not(.cherry-markdown pre).with-line-numbers code{position:relative;}pre:not(.CodeMirror pre):not(.cherry-markdown pre).with-line-numbers code .line-number{position:absolute;width:3em;padding-right:1em;text-align:right;color:var(--code-line-numbers);user-select:none;pointer-events:none;}pre:not(.CodeMirror pre):not(.cherry-markdown pre).with-line-numbers code .line-number::before{content:counter(linenumber);counter-increment:linenumber;}.copy-code-btn{position:absolute;top:4px;right:8px;padding:4px 8px;background-color:#111e43;color:white;border:1px solid #f2f2f2;border-radius:2px;font-size:12px;cursor:pointer;opacity:0;transition:opacity 0.3s ease;z-index:1;}.copy-code-btn:hover{background-color:#111e43;color:white;border-color:#f2f2f2;}pre:not(.CodeMirror pre):not(.cherry-markdown pre):hover .copy-code-btn{opacity:1;}.copy-code-btn.copied{background-color:green;color:white;border-color:green;}code:not(.CodeMirror code):not(.cherry-markdown code) > span{position:relative;}code:not(.CodeMirror code):not(.cherry-markdown code) > span::before{color:#999;position:absolute;left:-48px;text-align:right;width:20px;border-right:1px solid #555;padding-right:2px;}.markdown-body pre{color:#fff;}pre:not(.CodeMirror pre):not(.cherry-markdown pre):not(.cherry pre){padding:10px 8px 4px 12px;overflow-x:auto!important;overflow-y:hidden!important;position:relative;font-size:14px;}pre:not(.CodeMirror pre):not(.cherry-markdown pre):not(.cherry pre),code:not(.CodeMirror code):not(.cherry code):not(.cherry-markdown code){color:#d1d2d2!important;background:#111e43!important;font-family:Source Code Pro,DejaVu Sans Mono,Ubuntu Mono,Anonymous Pro,Droid Sans Mono,Menlo,Monaco,Consolas,Inconsolata,Courier,PingFang SC,Microsoft YaHei,sans-serif!important;line-height:1.5!important;}:not(pre):not(.CodeMirror):not(.cherry-markdown pre)>code,pre:not(.CodeMirror pre):not(.cherry-markdown pre):not(.cherry pre){background:#111e43;}:not(pre):not(.CodeMirror):not(.cherry-markdown pre)>code{border-radius:0.2em;padding:0 0.3em;white-space:normal;background-color:#50af51!important;border-color:#50af51!important;color:#fff!important;cursor:pointer;}.token.class-name,.token.namespace{color:#FFFFFF;}.token.parameter{color:#fff;}.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.block-comment{color:#2cb35d}.token.punctuation{color:#fefefe}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ffa07a}.token.boolean,.token.number{color:#00e0e0}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#abe338}.language-css .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#00e0e0}.token.atrule,.token.attr-value,.token.function,.function-name{color:gold}.token.keyword{color:#00e0e0}.token.important,.token.regex{color:gold}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}input[type=radio]:not(.form-check-input){width:16px;height:16px;font-family:Arial;display:inline-block;text-align:center;vertical-align:middle;line-height:14px;margin:1px;appearance:none;-webkit-appearance:none;outline:none !important;}input[type=radio]:not(.form-check-input):after{content:"";display:block;font-family:Arial;width:16px;height:16px;border-radius:50%;text-align:center;line-height:14px;font-size:16px;color:#fff;border:2px solid #bfbfbf;background-color:#fff;box-sizing:border-box;position:relative;left:-2px;}input[type=radio]:not(.form-check-input):checked:after{content:"✓";font-family:Arial;font-size:16px;font-weight:bold;color:#fff;background-color:#3582E9;border:1px solid #3582E9;margin:1px;}input[type=checkbox]:not(.form-check-input){width:16px;height:16px;display:inline-block;font-family:Arial;text-align:center;vertical-align:middle;line-height:14px;appearance:none;-webkit-appearance:none;outline:none !important;}input[type=checkbox]:not(.form-check-input):after{content:"";display:block;width:15px;height:15px;font-family:Arial;text-align:center;line-height:12px;font-size:16px;color:#fff;border:2px solid #ddd;background-color:#fff;box-sizing:border-box;}input[type=checkbox]:not(.form-check-input):checked:after{content:'\2713';font-family:Arial;background-color:#fff;color:#3582E9;border:2px solid #3582E9;font-size:15px;font-weight:bold;}input[type=radio][disabled]:not(.form-check-input),input[type=checkbox][disabled]:not(.form-check-input),input[type=radio][disabled]:not(.form-check-input) + label,input[type=checkbox][disabled]:not(.form-check-input) + label{cursor:not-allowed;}input[type=radio]:not(.form-check-input),input[type=checkbox]:not(.form-check-input),input[type=radio]:not(.form-check-input) + label,input[type=checkbox]:not(.form-check-input) + label{cursor:pointer;}input[type=radio]:not(.form-check-input) + label,input[type=checkbox]:not(.form-check-input) + label{margin-bottom:0!important;}input[type=radio]:not(.form-check-input),input[type=checkbox]:not(.form-check-input){margin-right:4px;}.tips-container{position:absolute;max-width:300px;padding:12px 16px;background-color:#333;color:#fff;border-radius:6px;font-size:14px;line-height:1.5;box-shadow:0 4px 12px rgba(0,0,0,0.15);opacity:0;transition:opacity 0.2s cubic-bezier(0.4,0,0.2,1);pointer-events:none;z-index:9999;word-break:break-word;box-sizing:border-box;will-change:transform,opacity;overflow:visible;}.tips-container.visible{opacity:1;}.tips-arrow{position:absolute;width:0;height:0;border-style:solid;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);}.tips-container.top .tips-arrow{bottom:-8px;left:50%;transform:translateX(-50%);border-width:8px 8px 0;border-color:#333 transparent transparent transparent;}.tips-container.bottom .tips-arrow{top:-8px;left:50%;transform:translateX(-50%);border-width:0 8px 8px;border-color:transparent transparent #333 transparent;}.tips-container.left .tips-arrow{right:-8px;top:50%;transform:translateY(-50%);border-width:8px 0 8px 8px;border-color:transparent transparent transparent #333;}.tips-container.right .tips-arrow{left:-8px;top:50%;transform:translateY(-50%);border-width:8px 8px 8px 0;border-color:transparent #333 transparent transparent;}.tips-container.track .tips-arrow{display:none;}@media (max-width:768px){.tips-container{max-width:220px;font-size:13px;padding:10px 14px;}.tips-container.top .tips-arrow,.tips-container.bottom .tips-arrow{border-width:6px 6px 0;}.tips-container.left .tips-arrow,.tips-container.right .tips-arrow{border-width:6px 0 6px 6px;}.tips-container.top .tips-arrow{bottom:-6px;}.tips-container.bottom .tips-arrow{top:-6px;}.tips-container.left .tips-arrow{right:-6px;}.tips-container.right .tips-arrow{left:-6px;}}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:#f1f1f1;}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;}::-webkit-scrollbar-thumb:hover{background:#a8a8a8;}