.screen-create-type-dialog{border-radius:12px;overflow:hidden}.screen-create-type-dialog .el-dialog__header{padding:24px 28px 12px}.screen-create-type-dialog .el-dialog__title{color:#182230;font-size:20px;font-weight:600}.screen-create-type-dialog .el-dialog__body{padding:4px 28px 24px}.screen-create-type-dialog .el-dialog__footer{padding:16px 28px 22px;border-top:1px solid #edf0f5}.screen-create-type-dialog .create-type-intro{margin-bottom:20px;color:#7a8595;font-size:13px;line-height:20px}.screen-create-type-dialog .create-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.screen-create-type-dialog .create-type-card{position:relative;min-width:0;padding:16px;border:1px solid #dfe4eb;border-radius:10px;background:#fff;cursor:pointer;outline:none;-webkit-transition:border-color .18s ease,-webkit-box-shadow .18s ease,-webkit-transform .18s ease;transition:border-color .18s ease,-webkit-box-shadow .18s ease,-webkit-transform .18s ease;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,-webkit-box-shadow .18s ease,-webkit-transform .18s ease}.screen-create-type-dialog .create-type-card:focus,.screen-create-type-dialog .create-type-card:hover{border-color:#9eb9f6;-webkit-box-shadow:0 8px 24px rgba(31,74,145,.1);box-shadow:0 8px 24px rgba(31,74,145,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.screen-create-type-dialog .create-type-card.selected{border-color:#356ee8;-webkit-box-shadow:0 0 0 2px rgba(53,110,232,.14);box-shadow:0 0 0 2px rgba(53,110,232,.14)}.screen-create-type-dialog .create-type-card.ai-card{background:-webkit-gradient(linear,left top,left bottom,from(#f8fbff),color-stop(62%,#fff));background:linear-gradient(180deg,#f8fbff,#fff 62%)}.screen-create-type-dialog .create-type-check{position:absolute;top:13px;right:14px;z-index:2;color:#bdc5d1;font-size:20px}.screen-create-type-dialog .create-type-check .el-icon-success{color:#356ee8}.screen-create-type-dialog .create-type-recommend{position:absolute;top:13px;left:14px;z-index:2;padding:3px 8px;border-radius:10px;color:#315fc7;background:#e6efff;font-size:11px;font-weight:600}.screen-create-type-dialog .create-type-illustration{position:relative;height:142px;margin-bottom:16px;overflow:hidden;border-radius:8px}.screen-create-type-dialog .normal-screen-illustration{padding:18px 20px;background:linear-gradient(145deg,#f1f4f8,#e7edf5)}.screen-create-type-dialog .normal-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;height:18px;padding:0 8px;border-radius:5px 5px 0 0;background:#5c6879}.screen-create-type-dialog .normal-toolbar span{width:4px;height:4px;border-radius:50%;background:#cbd3df}.screen-create-type-dialog .normal-workspace{display:grid;grid-template-columns:38px 1fr 48px;height:86px;border-radius:0 0 5px 5px;background:#fff;-webkit-box-shadow:0 8px 18px rgba(63,77,96,.14);box-shadow:0 8px 18px rgba(63,77,96,.14)}.screen-create-type-dialog .normal-components,.screen-create-type-dialog .normal-settings{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;padding:10px 7px;background:#f7f8fa}.screen-create-type-dialog .normal-components span,.screen-create-type-dialog .normal-settings span{display:block;height:6px;border-radius:2px;background:#d8dee7}.screen-create-type-dialog .normal-components{border-right:1px solid #ebedf1}.screen-create-type-dialog .normal-settings{border-left:1px solid #ebedf1}.screen-create-type-dialog .normal-canvas{position:relative;margin:10px;border-radius:3px;background:#152a47}.screen-create-type-dialog .normal-chart{position:absolute;left:10px;right:10px;bottom:12px;height:28px;border-bottom:1px solid #5276a8;background:linear-gradient(150deg,transparent 38%,#4bb9eb 39%,#4bb9eb 43%,transparent 44%)}.screen-create-type-dialog .normal-kpi{position:absolute;top:8px;left:10px;width:30px;height:9px;border-radius:2px;background:#6fd8ff}.screen-create-type-dialog .ai-screen-illustration{background:radial-gradient(circle at 50% 45%,#2e63bc 0,#152d59 48%,#0e1d3d 100%)}.screen-create-type-dialog .ai-screen-card{position:absolute;top:26px;left:50%;width:190px;height:96px;overflow:hidden;border:1px solid rgba(121,207,255,.55);border-radius:7px;background:rgba(10,28,61,.88);-webkit-box-shadow:0 0 25px rgba(54,164,255,.22);box-shadow:0 0 25px rgba(54,164,255,.22);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.screen-create-type-dialog .ai-screen-header{width:82px;height:6px;margin:10px auto 7px;border-radius:4px;background:-webkit-gradient(linear,left top,right top,from(#42d8ff),to(#8f70ff));background:linear-gradient(90deg,#42d8ff,#8f70ff)}.screen-create-type-dialog .ai-screen-body{position:relative;height:65px;margin:0 10px;border-top:1px solid rgba(94,163,224,.25)}.screen-create-type-dialog .ai-screen-kpi{position:absolute;top:10px;left:6px;width:40px;height:28px;border:1px solid rgba(77,214,255,.48);border-radius:3px;background:rgba(26,96,153,.35)}.screen-create-type-dialog .ai-screen-lines{position:absolute;top:11px;right:5px;width:105px;height:40px;border-bottom:1px solid rgba(108,189,255,.38);background:linear-gradient(155deg,transparent 45%,#52ddff 46%,#52ddff 49%,transparent 50%)}.screen-create-type-dialog .ai-chat-bubble{position:absolute;right:33px;bottom:13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:35px;height:35px;border:1px solid rgba(130,216,255,.7);border-radius:12px 12px 12px 3px;color:#d9f7ff;background:linear-gradient(135deg,#327bec,#744ee9);-webkit-box-shadow:0 7px 18px rgba(34,102,225,.4);box-shadow:0 7px 18px rgba(34,102,225,.4);font-size:16px}.screen-create-type-dialog .ai-orbit{position:absolute;border:1px solid rgba(100,204,255,.2);border-radius:50%}.screen-create-type-dialog .orbit-one{top:18px;left:28px;width:80px;height:80px}.screen-create-type-dialog .orbit-two{top:48px;right:25px;width:62px;height:62px}.screen-create-type-dialog .ai-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#70e8ff;-webkit-box-shadow:0 0 9px #70e8ff;box-shadow:0 0 9px #70e8ff}.screen-create-type-dialog .spark-one{top:29px;left:42px}.screen-create-type-dialog .spark-two{top:34px;right:48px}.screen-create-type-dialog .create-type-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:8px;color:#202a38;font-size:16px;font-weight:600}.screen-create-type-dialog .ai-title-badge{padding:1px 6px;border-radius:8px;color:#fff;background:-webkit-gradient(linear,left top,right top,from(#3479ee),to(#7454e8));background:linear-gradient(90deg,#3479ee,#7454e8);font-size:10px;font-weight:600}.screen-create-type-dialog .create-type-description{min-height:42px;color:#667181;font-size:13px;line-height:21px}.screen-create-type-dialog .create-type-feature{margin-top:12px;color:#697586;font-size:12px}.screen-create-type-dialog .create-type-feature i{margin-right:4px;color:#4b79d8}.screen-create-type-dialog .ai-feature{color:#466ab6}@media (max-width:760px){.screen-create-type-dialog{width:calc(100% - 30px)!important}.screen-create-type-dialog .create-type-grid{grid-template-columns:1fr}}