:root{--primary-color: #1dadd7;--primary-color-5: rgba(29, 173, 215, .5);--primary-color-7: rgba(29, 173, 215, .7);--bg-light-color: #eefcfe;--btn-bg-color: #00abf0;--light-main-color: #effcff;--bg-main-color: #effcff;--bl-color: #43aaed;--account-menu-bg: #0b91b9;--bot-chat-dark-cl: #2e73ac;--call-to-action-cl: #1675d1;--light-main-cl: #44add7;--home-page-bg-cl: #e5f6ff;--bot-chat-welcome-text-cl: #021461;--bot-chat-arrow-bg: #1873ff;--top-page-bottom-bg: #20345a;--secondary-color: #2b75ff;--menu-text-color: #2b75fb;--note-bg: #f4faff;--note-df-bg: #f4faff;--service-title-color: #43aaed;--note-light-bg-color: #9ed7fc;--note-bolder-color: #e3f2ff;--navigate-delete-color: #2c75f8;--plan-shadow-color: #1dadd73c;--album-color: #9ed7fc;--extra-color: #24c7f4;--inp-btn-color: rgb(36, 199, 244, .5);--bg-avatar-color: #d2f3fb;--direct-btn-padding-x: .75rem;--direct-btn-padding-y: .375rem;--direct-border-radius-lg: .5rem;--direct-btn-font-size: 1rem;--direct-btn-font-weight: 400;--direct-btn-line-height: 1.5;--direct-btn-border-width: 1px;--direct-btn-border-radius: .25rem;--direct-btn-border-radius: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);--direct-btn-color: #fff;--direct-btn-bg: transparent;--direct-btn-border-color: #0d6efd;--direct-btn-main-color: #0d6efd;--direct-btn-fourth-color: #17b9e7}.oem-theme{--primary-color: #179e4a;--bg-light-color: #fffdf2;--btn-bg-color: #179e4a;--light-main-color: #f7fff0;--bg-main-color: #fffdf2;--bl-color: #179e4a;--account-menu-bg: #1d810e;--bot-chat-dark-cl: #179e4a;--call-to-action-cl: #1d810e;--light-main-cl: #1d810e;--home-page-bg-cl: #eef7e7;--bot-chat-welcome-text-cl: #1d810e;--bot-chat-arrow-bg: #179e4a;--top-page-bottom-bg: #1d810e;--secondary-color: #179e4a;--menu-text-color: #1d810e;--note-bg: #f7fff0;--note-df-bg: #f0ffe2;--service-title-color: #a8d182;--note-light-bg-color: #ddf8e5;--note-bolder-color: #179e4a;--navigate-delete-color: #179e4a;--plan-shadow-color: #179e4a3c;--album-color: #bdecc8;--extra-color: #ebbe00;--direct-btn-border-color: #179e4a;--direct-btn-main-color: #179e4a;--direct-btn-fourth-color: #179e4a}.generate-url-container{min-height:calc(var(--vh, 1vh) * 100);padding:calc(var(--cw, 3.75) * 50 / 3.75) calc(var(--cw, 3.75) * 16 / 3.75) calc(var(--cw, 3.75) * 32 / 3.75)}.generate-url-container .generate-url-content{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:calc(var(--cw, 3.75) * 380 / 3.75);margin:0 auto}.generate-url-container .generate-url-title{padding:calc(var(--cw, 3.75) * 60 / 3.75) 0 calc(var(--cw, 3.75) * 20 / 3.75);font-weight:700;font-size:calc(var(--cw, 3.75) * 24 / 3.75);line-height:calc(var(--cw, 3.75) * 32 / 3.75);color:#333;text-align:center}.generate-url-container .generate-url-description{font-size:calc(var(--cw, 3.75) * 16 / 3.75);line-height:calc(var(--cw, 3.75) * 24 / 3.75);color:#666;text-align:center;margin-bottom:calc(var(--cw, 3.75) * 32 / 3.75)}.generate-url-container .generate-url-form{display:flex;flex-direction:column;width:100%;gap:calc(var(--cw, 3.75) * 24 / 3.75)}.generate-url-container .form-item{width:100%}.generate-url-container .form-item .form-input-container{display:flex;align-items:center;gap:calc(var(--cw, 3.75) * 8 / 3.75)}.generate-url-container .form-item .form-input-container .form-control{flex:1}.generate-url-container .form-item .form-input-container .article-select-btn{width:calc(var(--cw, 3.75) * 50 / 3.75);height:calc(var(--cw, 3.75) * 50 / 3.75);min-width:calc(var(--cw, 3.75) * 50 / 3.75);border-radius:calc(var(--cw, 3.75) * 8 / 3.75);padding:calc(var(--cw, 3.75) * 2 / 3.75);display:flex;align-items:center;justify-content:center;border:1px solid var(--primary-color);background-color:transparent;cursor:pointer;transition:all .2s ease}.generate-url-container .form-item .form-input-container .article-select-btn svg{color:var(--primary-color)}.generate-url-container .form-item .form-input-container .article-select-btn:hover{background-color:var(--primary-color)}.generate-url-container .form-item .form-input-container .article-select-btn:hover svg{color:#fff}.generate-url-container .form-title{font-size:calc(var(--cw, 3.75) * 16 / 3.75);font-weight:700;display:flex;align-items:center;margin-bottom:calc(var(--cw, 3.75) * 8 / 3.75);color:#333}.generate-url-container .form-control{width:100%;height:calc(var(--cw, 3.75) * 50 / 3.75);font-size:calc(var(--cw, 3.75) * 16 / 3.75);padding:calc(var(--cw, 3.75) * 12 / 3.75) calc(var(--cw, 3.75) * 16 / 3.75);border:1px solid #bebebe;border-radius:calc(var(--cw, 3.75) * 8 / 3.75);outline:none;transition:border-color .2s ease}.generate-url-container .form-control:not(.has-error):not([disabled]):hover,.generate-url-container .form-control:not(.has-error):not([disabled]):focus,.generate-url-container .form-control:not(.has-error):not([disabled]):active{border-color:var(--primary-color)!important}.generate-url-container .form-control.has-error{border-color:#ff6060}.generate-url-container .form-control::placeholder{color:#bebebe}.generate-url-container .form-error{font-size:calc(var(--cw, 3.75) * 14 / 3.75);font-weight:700;color:#ff6060;display:flex;align-items:center;margin-top:calc(var(--cw, 3.75) * 8 / 3.75)}.generate-url-container .generate-url-btn{height:calc(var(--cw, 3.75) * 48 / 3.75);font-weight:700;font-size:calc(var(--cw, 3.75) * 16 / 3.75);border-radius:calc(var(--cw, 3.75) * 8 / 3.75)}.generate-url-container .generated-url-card{width:100%;background-color:var(--bg-light-color);border:1px solid #e0e0e0;border-radius:calc(var(--cw, 3.75) * 12 / 3.75);padding:calc(var(--cw, 3.75) * 20 / 3.75);margin-top:calc(var(--cw, 3.75) * 32 / 3.75);cursor:pointer;transition:all .2s ease}.generate-url-container .generated-url-card:hover{background-color:#1dadd70d;border-color:var(--primary-color)}.generate-url-container .generated-url-card .generated-url-title{font-size:calc(var(--cw, 3.75) * 16 / 3.75);font-weight:700;color:#333;margin-bottom:calc(var(--cw, 3.75) * 12 / 3.75)}.generate-url-container .generated-url-card .generated-url-text{font-size:calc(var(--cw, 3.75) * 14 / 3.75);line-height:calc(var(--cw, 3.75) * 20 / 3.75);color:#666;word-break:break-all;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:calc(var(--cw, 3.75) * 6 / 3.75);padding:calc(var(--cw, 3.75) * 12 / 3.75);margin-bottom:calc(var(--cw, 3.75) * 8 / 3.75)}.generate-url-container .generated-url-card .generated-url-hint{font-size:calc(var(--cw, 3.75) * 12 / 3.75);color:#999;text-align:center}@media (max-width: 479px){.generate-url-container{padding:calc(var(--cw, 3.75) * 32 / 3.75) calc(var(--cw, 3.75) * 16 / 3.75) calc(var(--cw, 3.75) * 24 / 3.75)}.generate-url-container .generate-url-content{max-width:100%}.generate-url-container .generate-url-title{padding:calc(var(--cw, 3.75) * 40 / 3.75) 0 calc(var(--cw, 3.75) * 16 / 3.75);font-size:calc(var(--cw, 3.75) * 20 / 3.75);line-height:calc(var(--cw, 3.75) * 28 / 3.75)}.generate-url-container .generate-url-form{gap:calc(var(--cw, 3.75) * 20 / 3.75)}.generate-url-container .generated-url-card{margin-top:calc(var(--cw, 3.75) * 24 / 3.75);padding:calc(var(--cw, 3.75) * 16 / 3.75)}}.article-selection-modal .dialog-modal-content{max-height:70vh}.article-selection-modal .dialog-modal-content .article-modal-content .article-modal-title{font-size:calc(var(--cw, 3.75) * 16 / 3.75);font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:calc(var(--cw, 3.75) * 8 / 3.75);color:#333;text-align:center}.article-selection-modal .dialog-modal-content .article-modal-content .article-list{max-height:400px;overflow-y:auto}.article-selection-modal .dialog-modal-content .article-modal-content .article-list .article-card{padding:calc(var(--cw, 3.75) * 16 / 3.75);border:1px solid #bebebe;border-radius:calc(var(--cw, 3.75) * 8 / 3.75);margin-bottom:calc(var(--cw, 3.75) * 8 / 3.75);cursor:pointer;transition:all .2s ease}.article-selection-modal .dialog-modal-content .article-modal-content .article-list .article-card .article-id{font-weight:700;font-size:calc(var(--cw, 3.75) * 16 / 3.75);margin-bottom:calc(var(--cw, 3.75) * 4 / 3.75);color:#333}.article-selection-modal .dialog-modal-content .article-modal-content .article-list .article-card .article-url{font-size:calc(var(--cw, 3.75) * 14 / 3.75);color:#666;word-break:break-all;line-height:1.4}.article-selection-modal .dialog-modal-content .article-modal-content .article-list .article-card:hover{border-color:var(--primary-color);background-color:var(--bg-light-color)}.article-selection-modal .dialog-modal-content .article-modal-content .article-list .article-card:hover .article-id{color:var(--primary-color)}.article-selection-modal .dialog-modal-content .article-modal-content .article-list .article-card:last-child{margin-bottom:0}.article-selection-modal .dialog-modal-content .article-modal-content .article-list::-webkit-scrollbar{width:6px}.article-selection-modal .dialog-modal-content .article-modal-content .article-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.article-selection-modal .dialog-modal-content .article-modal-content .article-list::-webkit-scrollbar-thumb{background:#bebebe;border-radius:3px}.article-selection-modal .dialog-modal-content .article-modal-content .article-list::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@media (max-width: 479px){.article-selection-modal .dialog-modal-content{max-height:80vh}.article-selection-modal .dialog-modal-content .article-modal-content .article-list{max-height:60vh}.article-selection-modal .dialog-modal-content .article-modal-content .article-list .article-card{padding:calc(var(--cw, 3.75) * 12 / 3.75)}.article-selection-modal .dialog-modal-content .article-modal-content .article-list .article-card .article-id{font-size:calc(var(--cw, 3.75) * 14 / 3.75)}.article-selection-modal .dialog-modal-content .article-modal-content .article-list .article-card .article-url{font-size:calc(var(--cw, 3.75) * 12 / 3.75)}}
