.commonly-used{--cu-page-bg:#f4f8fc;--cu-card-bg:hsla(0,0%,100%,.94);--cu-card-border:#d8e5f0;--cu-card-hover-border:#5aa9d8;--cu-title:#16283d;--cu-desc:#64788d;--cu-accent:#1686c2;--cu-dialog-bg:#f8fbfe;--cu-dialog-border:#c9dae8;--cu-input-bg:#f4f8fb;--cu-input-border:#bfd2e1;--cu-input-focus:#258fc6;background:linear-gradient(rgba(22,134,194,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(22,134,194,.035) 1px,transparent 1px),var(--cu-page-bg);background-size:28px 28px;height:100%;overflow-y:auto;padding:18px 10px}.commonly-used--dialog-only{background:transparent;height:0;overflow:visible;padding:0;pointer-events:none}.function-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));padding-bottom:20px}.function-card{align-items:flex-start;background:var(--cu-card-bg);border:1px solid var(--cu-card-border);border-radius:10px;box-shadow:0 8px 24px #275b8212,inset 0 1px #ffffffb3;cursor:pointer;display:flex;gap:15px;min-height:104px;overflow:hidden;padding:18px 16px;position:relative;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.function-card:before{background:var(--cu-accent);content:"";inset:0 auto 0 0;opacity:.8;position:absolute;width:3px}.function-card:after{background:linear-gradient(90deg,transparent,rgba(22,134,194,.7));content:"";height:1px;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease;width:80px}.function-card:hover{border-color:var(--cu-card-hover-border);box-shadow:0 14px 30px #275b8224,0 0 0 3px #258fc612;transform:translateY(-3px)}.function-card:hover:after{opacity:1}.card-icon-wrapper{align-items:center;background:linear-gradient(135deg,#168fc5,#315ed1)!important;border:1px solid hsla(0,0%,100%,.4);border-radius:10px;box-shadow:0 8px 18px #2066af33,inset 0 1px #ffffff59;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px;z-index:1}.card-icon{filter:grayscale(.1);font-size:22px;line-height:1}.card-content{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0;z-index:1}.card-title{color:var(--cu-title);font-size:15px;font-weight:650;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-desc{color:var(--cu-desc);display:-webkit-box;font-size:12px;line-height:1.55;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.dark .commonly-used,[data-theme=dark] .commonly-used,html.dark .commonly-used{--cu-page-bg:#080f18;--cu-card-bg:rgba(15,27,41,.94);--cu-card-border:#1d3449;--cu-card-hover-border:#237ca8;--cu-title:#e7f4ff;--cu-desc:#8da8bd;--cu-accent:#38bdf8;background:linear-gradient(rgba(56,189,248,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.035) 1px,transparent 1px),var(--cu-page-bg);background-size:28px 28px}.dark .function-card,[data-theme=dark] .function-card,html.dark .function-card{box-shadow:0 12px 28px #0000003d,inset 0 1px #94cbe70f}.dark .function-card:hover,[data-theme=dark] .function-card:hover,html.dark .function-card:hover{box-shadow:0 16px 34px #00000061,0 0 0 3px #38bdf817}.dialog-footer{align-items:center;display:flex;gap:12px;justify-content:flex-end}.commonly-used-dialog,.el-dialog.commonly-used-dialog{--dialog-bg:#f8fbfe;--dialog-border:#c9dae8;--dialog-title:#14283c;--dialog-text:#263d52;--dialog-muted:#6c8194;--dialog-input-bg:#f4f8fb;--dialog-input-border:#bfd2e1;--dialog-focus:#258fc6;background:var(--dialog-bg)!important;border:1px solid var(--dialog-border)!important;border-radius:12px!important;box-shadow:0 24px 70px #234c6f33,0 0 0 1px #258fc60f!important;overflow:hidden;padding:0!important}.commonly-used-dialog:before,.el-dialog.commonly-used-dialog:before{background:linear-gradient(90deg,#168fc5,#315ed1,transparent);content:"";display:block;height:3px}.commonly-used-dialog .el-dialog__header,.el-dialog.commonly-used-dialog .el-dialog__header{border-bottom:1px solid var(--dialog-border);margin-right:0;padding:24px 28px 18px}.commonly-used-dialog .el-dialog__title,.el-dialog.commonly-used-dialog .el-dialog__title{color:var(--dialog-title);font-size:20px;font-weight:700;letter-spacing:.02em}.commonly-used-dialog .el-dialog__headerbtn,.el-dialog.commonly-used-dialog .el-dialog__headerbtn{right:22px;top:20px}.commonly-used-dialog .el-dialog__headerbtn .el-dialog__close,.el-dialog.commonly-used-dialog .el-dialog__headerbtn .el-dialog__close{color:var(--dialog-muted);font-size:20px;transition:color .2s ease,transform .2s ease}.commonly-used-dialog .el-dialog__headerbtn:hover .el-dialog__close,.el-dialog.commonly-used-dialog .el-dialog__headerbtn:hover .el-dialog__close{color:#168fc5;transform:rotate(90deg)}.commonly-used-dialog .el-dialog__body,.el-dialog.commonly-used-dialog .el-dialog__body{color:var(--dialog-text);padding:24px 28px 18px}.commonly-used-dialog .el-form-item,.el-dialog.commonly-used-dialog .el-form-item{margin-bottom:22px}.commonly-used-dialog .el-form-item__label,.el-dialog.commonly-used-dialog .el-form-item__label{color:var(--dialog-title)!important;font-size:14px;font-weight:650;padding-bottom:8px}.commonly-used-dialog .el-input__wrapper,.el-dialog.commonly-used-dialog .el-input__wrapper{background:var(--dialog-input-bg)!important;border:1px solid var(--dialog-input-border);border-radius:7px;box-shadow:none!important;min-height:44px;padding:1px 13px;transition:border-color .2s ease,box-shadow .2s ease}.commonly-used-dialog .el-input__wrapper:hover,.el-dialog.commonly-used-dialog .el-input__wrapper:hover{border-color:#75afd0}.commonly-used-dialog .el-input__wrapper.is-focus,.el-dialog.commonly-used-dialog .el-input__wrapper.is-focus{border-color:var(--dialog-focus);box-shadow:0 0 0 3px #258fc61f!important}.commonly-used-dialog .el-input__inner,.commonly-used-dialog .el-textarea__inner,.el-dialog.commonly-used-dialog .el-input__inner,.el-dialog.commonly-used-dialog .el-textarea__inner{color:var(--dialog-text)!important;font-size:14px}.commonly-used-dialog .el-input__inner::-moz-placeholder,.commonly-used-dialog .el-textarea__inner::-moz-placeholder,.el-dialog.commonly-used-dialog .el-input__inner::-moz-placeholder,.el-dialog.commonly-used-dialog .el-textarea__inner::-moz-placeholder{color:var(--dialog-muted)}.commonly-used-dialog .el-input__inner::placeholder,.commonly-used-dialog .el-textarea__inner::placeholder,.el-dialog.commonly-used-dialog .el-input__inner::placeholder,.el-dialog.commonly-used-dialog .el-textarea__inner::placeholder{color:var(--dialog-muted)}.commonly-used-dialog .el-textarea__inner,.el-dialog.commonly-used-dialog .el-textarea__inner{background:var(--dialog-input-bg)!important;border:1px solid var(--dialog-input-border);border-radius:7px;box-shadow:none!important;min-height:118px;padding:12px 13px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.commonly-used-dialog .el-textarea__inner:focus,.el-dialog.commonly-used-dialog .el-textarea__inner:focus{border-color:var(--dialog-focus);box-shadow:0 0 0 3px #258fc61f!important}.commonly-used-dialog .el-dialog__footer,.el-dialog.commonly-used-dialog .el-dialog__footer{border-top:1px solid var(--dialog-border);padding:18px 28px 24px}.commonly-used-dialog .btn-cancel,.el-dialog.commonly-used-dialog .btn-cancel{background:transparent;border-color:var(--dialog-border);color:var(--dialog-text)}.commonly-used-dialog .btn-cancel:hover,.el-dialog.commonly-used-dialog .btn-cancel:hover{background:#258fc60f;border-color:#75afd0;color:#168fc5}.commonly-used-dialog .btn-submit,.el-dialog.commonly-used-dialog .btn-submit{background:linear-gradient(135deg,#168fc5,#315ed1);border:0;box-shadow:0 6px 14px #256cbe3d;min-width:112px}.commonly-used-dialog .btn-submit:hover,.el-dialog.commonly-used-dialog .btn-submit:hover{background:linear-gradient(135deg,#0f9bd0,#3d68dd);box-shadow:0 8px 18px #256cbe52}.dark .commonly-used-dialog,.dark .el-dialog.commonly-used-dialog,[data-theme=dark] .commonly-used-dialog,[data-theme=dark] .el-dialog.commonly-used-dialog,html.dark .commonly-used-dialog,html.dark .el-dialog.commonly-used-dialog{--dialog-bg:#111b27;--dialog-border:#294155;--dialog-title:#eaf6ff;--dialog-text:#d2e4f0;--dialog-muted:#7f9bae;--dialog-input-bg:#07151d;--dialog-input-border:#294351;--dialog-focus:#35b9e8;box-shadow:0 26px 80px #00000080,0 0 0 1px #38bdf814!important}.dark .commonly-used-dialog .el-form-item__label,[data-theme=dark] .commonly-used-dialog .el-form-item__label,html.dark .commonly-used-dialog .el-form-item__label{color:#eaf6ff!important}@media (max-width:768px){.function-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.function-card{flex-direction:column;gap:11px;min-height:auto;padding:15px 12px;text-align:center}.card-content,.function-card{align-items:center}.card-icon-wrapper{height:42px;width:42px}.card-icon{font-size:20px}.card-title{font-size:14px}.card-desc{font-size:11px;-webkit-line-clamp:3}.commonly-used-dialog,.el-dialog.commonly-used-dialog{margin:16px auto!important;max-height:calc(100vh - 32px);width:92%!important}.commonly-used-dialog .el-dialog__header,.el-dialog.commonly-used-dialog .el-dialog__header{padding:20px 18px 16px}.commonly-used-dialog .el-dialog__body,.el-dialog.commonly-used-dialog .el-dialog__body{max-height:calc(100vh - 205px);overflow-y:auto;padding:20px 18px 12px}.commonly-used-dialog .el-dialog__footer,.el-dialog.commonly-used-dialog .el-dialog__footer{padding:14px 18px 18px}.commonly-used-dialog .el-dialog__title,.el-dialog.commonly-used-dialog .el-dialog__title{font-size:17px}}
