#app,body,html{height:100%;margin:0;padding:0}.el-main{width:100%;height:100%;padding:0!important;padding-left:10px!important}.ai-chat-container{position:fixed!important;bottom:30px;right:30px;z-index:99999!important;font-family:PingFang SC,Segoe UI,Roboto,sans-serif;pointer-events:auto!important}.fab-btn{width:64px;height:64px;background:linear-gradient(135deg,#2af598,#009efd);border-radius:50%;box-shadow:0 8px 32px rgba(0,158,253,.4);display:flex!important;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden;border:2px solid hsla(0,0%,100%,.2)}.fab-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.4) 0,transparent 60%);opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s}.fab-btn:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 12px 40px rgba(0,158,253,.5)}.fab-btn:hover:after{opacity:1;transform:scale(1)}.fab-btn:active{transform:scale(.95)}.chat-window{position:absolute;bottom:85px;right:0;width:380px;height:600px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.5);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.1);transform-origin:bottom right;animation:popIn .3s cubic-bezier(.2,.8,.2,1)}.chat-header{background:linear-gradient(135deg,#fff,#f0f7ff);padding:18px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.02)}.chat-header .title{font-weight:700;font-size:16px;color:#1a1a1a;display:flex;align-items:center;gap:10px;min-width:0;flex:1}.chat-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.memory-link-btn{border:none;background:transparent;color:#009efd;font-size:12px;font-weight:600;cursor:pointer;padding:6px 10px;border-radius:8px;white-space:nowrap;transition:background .2s,color .2s}.memory-link-btn:hover:not(:disabled){background:rgba(0,158,253,.1);color:#0078d4}.memory-link-btn:disabled{opacity:.35;cursor:not-allowed}.memory-panel{flex-shrink:0;max-height:220px;border-bottom:1px solid rgba(0,0,0,.06);background:#f0f7ff;font-size:12px;color:#334;display:flex;flex-direction:column;min-height:0}.memory-panel-error,.memory-panel-loading{padding:12px 16px;text-align:center;color:#666}.memory-panel-error{color:#c45656}.memory-panel-inner{padding:10px 14px 12px;overflow-y:auto;min-height:0}.memory-block{margin-bottom:10px}.memory-block-title{font-weight:700;color:#1a1a1a;margin-bottom:4px;font-size:11px;text-transform:none;letter-spacing:0}.memory-block-body{white-space:pre-wrap;word-break:break-word;max-height:72px;overflow-y:auto;background:#fff;border-radius:8px;padding:8px 10px;border:1px solid rgba(0,158,253,.12);line-height:1.45;color:#2c3e50}.memory-panel-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.memory-mini-btn{border:1px solid rgba(0,158,253,.35);background:#fff;color:#009efd;font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.memory-mini-btn:hover:not(:disabled){background:rgba(0,158,253,.08)}.memory-mini-btn:disabled{opacity:.4;cursor:not-allowed}.memory-mini-btn.danger{border-color:rgba(196,86,86,.45);color:#c45656}.memory-mini-btn.danger:hover:not(:disabled){background:rgba(196,86,86,.08)}.status-dot{width:8px;height:8px;background:#00d2ff;border-radius:50%;position:relative}.status-dot:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:rgba(0,210,255,.2);animation:pulse-dot 2s infinite}.close-btn{cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#999;transition:all .2s}.close-btn:hover{background:rgba(0,0,0,.05);color:#333}.chat-body{flex:1;padding:20px;overflow-y:auto;background:#f8fbff;scroll-behavior:smooth}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:3px}.message-row{display:flex;margin-bottom:24px;align-items:flex-start;animation:slideUp .3s ease-out}.message-row.user{flex-direction:row-reverse}.avatar{width:40px;height:40px;min-width:40px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 12px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.8)}.avatar-img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.bubble{max-width:75%;padding:14px 18px;border-radius:18px;border-top-left-radius:4px;font-size:14px;line-height:1.6;color:#2c3e50;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.04);position:relative;word-wrap:break-word}.message-text{white-space:pre-wrap;word-break:break-word}.message-row.user .bubble{background:linear-gradient(135deg,#2af598,#009efd);color:#fff;border-radius:18px;border-top-right-radius:4px;box-shadow:0 4px 15px rgba(0,158,253,.2)}.device-btn{margin-top:12px;padding:8px 16px;background:#fff;color:#ff9800;border:1px solid #ff9800;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:all .3s;box-shadow:0 2px 6px rgba(255,152,0,.1)}.device-btn:hover{background:#ff9800;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,152,0,.3)}.device-btn.success-btn{color:#52c41a;border-color:#52c41a}.device-btn.success-btn:hover{background:#52c41a;color:#fff;box-shadow:0 6px 16px rgba(82,196,26,.3)}.device-btn.danger-btn{color:#ff4d4f;border-color:#ff4d4f}.device-btn.danger-btn:hover{background:#ff4d4f;color:#fff;box-shadow:0 6px 16px rgba(255,77,79,.3)}.nav-btn{margin-top:12px;padding:8px 16px;background:linear-gradient(90deg,#00c6ff,#0072ff);border:none;border-radius:20px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .3s;box-shadow:0 4px 12px rgba(0,114,255,.3)}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,114,255,.4)}.chat-footer{padding:12px 14px;background:#fff;display:flex;gap:10px;align-items:center;border-top:1px solid rgba(0,0,0,.05);flex-shrink:0}.chat-footer input{flex:1 1 0;min-width:0;padding:12px 16px;border-radius:24px;border:2px solid #f0f2f5;background:#f8f9fa;color:#333;outline:none;font-size:14px;transition:all .3s}.chat-footer input:focus{background:#fff;border-color:#009efd;box-shadow:0 0 0 4px rgba(0,158,253,.1)}.chat-footer button{padding:10px 24px;background:linear-gradient(135deg,#2af598,#009efd);border:none;border-radius:24px;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(0,158,253,.3);transition:all .3s}.chat-footer button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,158,253,.4)}.chat-footer button:disabled{background:#e0e0e0;color:#999;cursor:not-allowed;box-shadow:none;transform:none}.chat-footer .send-btn{flex-shrink:0;white-space:nowrap;padding:10px 18px}.chat-footer .voice-btn{padding:0;flex-shrink:0}.voice-btn{width:44px;height:44px;min-width:44px;border-radius:50%;border:none;background:#f0f2f5;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:none}.voice-btn:hover{background:#e6e8eb;color:#009efd;transform:scale(1.05)}.voice-btn.recording{background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff;box-shadow:0 4px 12px rgba(255,75,43,.4);animation:pulse-recording 1.5s infinite}@keyframes popIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%{transform:scale(1);opacity:.8}50%{transform:scale(2.5);opacity:0}to{transform:scale(1);opacity:0}}@keyframes pulse-recording{0%{box-shadow:0 0 0 0 rgba(255,75,43,.4)}70%{box-shadow:0 0 0 10px rgba(255,75,43,0)}to{box-shadow:0 0 0 0 rgba(255,75,43,0)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s,transform .3s}.fade-enter,.fade-leave-to{opacity:0;transform:translateY(20px)}.loading span{display:inline-block;width:6px;height:6px;background:#009efd;border-radius:50%;margin:0 2px;animation:bounce 1.4s ease-in-out infinite both}.loading span:first-child{animation-delay:-.32s}.loading span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#f1f8e9,#e8f5e9 50%,#dcedc8);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.ml-5{margin-left:5px}.mr-5{margin-right:5px}.pd-10{padding:10px 0}.m-10{margin:10px 0}a{text-decoration:none;color:#666}.headerBg{font-weight:600!important}:root{--card-bg:hsla(0,0%,100%,0.85);--hover-shadow:rgba(76,175,80,0.25)}.el-card{background:var(--card-bg)!important;box-shadow:0 4px 20px var(--shadow-green)!important;transition:all .3s ease!important}.el-card:hover{box-shadow:0 8px 30px var(--hover-shadow)!important}.el-card__header{font-weight:600!important;color:var(--dark-green)!important;border-radius:10px 10px 0 0!important}.el-card__body{background:transparent!important}.el-button--primary{background:linear-gradient(135deg,var(--primary-green),var(--light-green))!important;box-shadow:0 2px 8px rgba(76,175,80,.3)!important;transition:all .3s ease!important;font-weight:500!important}.el-button--primary:hover{transform:translateY(-2px)!important}.el-button--success{box-shadow:0 2px 8px rgba(102,187,106,.3)!important}.el-button--warning{box-shadow:0 2px 8px rgba(255,152,0,.3)!important}.el-button--danger{box-shadow:0 2px 8px rgba(244,67,54,.3)!important}.el-table{background:var(--card-bg)!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 4px 20px var(--shadow-green)!important}.el-table th{color:var(--dark-green)!important;font-weight:600!important;border-bottom:2px solid rgba(76,175,80,.3)!important}.el-table tbody tr:hover>td{background:rgba(76,175,80,.1)!important}.el-input__inner{transition:all .3s ease!important;background:hsla(0,0%,100%,.9)!important}.el-input__inner:focus,.el-tag--success{border-color:var(--primary-green)!important}.el-tag--success{color:var(--dark-green)!important}.el-tag--warning{background:rgba(255,152,0,.1)!important;border-color:#ff9800!important;color:#f57c00!important}.el-dialog{background:var(--card-bg)!important;backdrop-filter:blur(15px)!important;border:2px solid rgba(76,175,80,.3)!important}.el-dialog__header{background:linear-gradient(135deg,rgba(76,175,80,.1),rgba(129,199,132,.1))!important;border-bottom:2px solid rgba(76,175,80,.2)!important;border-radius:10px 10px 0 0!important}.el-dialog__title{color:var(--dark-green)!important;font-weight:600!important}.el-pagination{background:var(--card-bg)!important;padding:15px!important;border-radius:8px!important;box-shadow:0 2px 12px var(--shadow-green)!important}.el-pagination .el-pager li.active{background:var(--primary-green)!important;color:#fff!important}.el-pagination .el-pager li:hover{color:var(--primary-green)!important}.el-message--success{background:rgba(76,175,80,.9)!important;border-color:var(--primary-green)!important}.el-message--warning{background:rgba(255,152,0,.9)!important}.el-message--error{background:rgba(244,67,54,.9)!important}.el-loading-mask{background:rgba(76,175,80,.1)!important;backdrop-filter:blur(5px)!important}.el-loading-spinner .el-icon-loading{color:var(--primary-green)!important;font-size:36px!important}.el-form-item__label{color:var(--dark-green)!important;font-weight:500!important}.el-select-dropdown{background:var(--card-bg)!important;backdrop-filter:blur(10px)!important;border:2px solid rgba(76,175,80,.2)!important;border-radius:8px!important}.el-select-dropdown__item.hover{background:rgba(76,175,80,.1)!important;color:var(--dark-green)!important}.el-select-dropdown__item.selected{background:rgba(76,175,80,.2)!important;color:var(--primary-green)!important;font-weight:600!important}.el-steps{background:var(--card-bg)!important;padding:15px!important;border-radius:8px!important;margin-bottom:20px!important}.el-step__title{color:var(--dark-green)!important}.el-step__icon.is-text{background:var(--primary-green)!important;color:#fff!important}.el-tabs__header{background:var(--card-bg)!important;border-radius:8px 8px 0 0!important;margin-bottom:0!important}.el-tabs__item{color:var(--dark-green)!important}.el-tabs__item.is-active{color:var(--primary-green)!important;font-weight:600!important}.el-switch.is-checked .el-switch__core,.el-tabs__active-bar{background:var(--primary-green)!important}.el-switch.is-checked .el-switch__core{border-color:var(--primary-green)!important}.el-progress-bar__inner{background:linear-gradient(135deg,var(--primary-green),var(--light-green))!important}.el-badge__content{background:var(--primary-green)!important;border-color:var(--primary-green)!important}.el-timeline-item__icon{background:var(--primary-green)!important;color:#fff!important}.el-timeline-item__wrapper .el-timeline-item__tail{border-left-color:rgba(76,175,80,.3)!important}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}@media (max-width:768px){.el-card{margin:10px 5px!important;border-radius:8px!important}.el-button{font-size:12px!important;padding:8px 15px!important}}@keyframes greenGlow{0%,to{box-shadow:0 0 5px rgba(76,175,80,.3)}50%{box-shadow:0 0 20px rgba(76,175,80,.6)}}.glow-animation{animation:greenGlow 2s ease-in-out infinite}.green-gradient-bg{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)!important}.green-text{color:var(--dark-green)!important}.green-border{border:2px solid var(--primary-green)!important}.green-shadow,.transparent-card{box-shadow:0 4px 20px var(--shadow-green)!important}.transparent-card{background:hsla(0,0%,100%,.45)!important;backdrop-filter:blur(10px)!important;border:2px solid rgba(76,175,80,.2)!important;border-radius:12px!important}.transparent-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--hover-shadow)!important;border-color:rgba(76,175,80,.4)!important}:root{--primary-green:#4caf50;--light-green:#66bb6a;--dark-green:#2c5530;--bg-green:#e8f5e9;--light-bg:#f1f8e9;--shadow-green:rgba(76,175,80,0.15)}body{background:linear-gradient(135deg,#f1f8e9,#e8f5e9 50%,#dcedc8)!important;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}.el-card{background:hsla(0,0%,100%,.85)!important;backdrop-filter:blur(10px);border:2px solid rgba(76,175,80,.2)!important;border-radius:12px!important;box-shadow:0 4px 20px rgba(76,175,80,.1)!important;transition:all .3s ease}.el-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(76,175,80,.2)!important;border-color:rgba(76,175,80,.4)!important}.el-card__header{background:linear-gradient(135deg,rgba(76,175,80,.1),rgba(129,199,132,.1))!important;border-bottom:2px solid rgba(76,175,80,.2)!important;font-weight:600;color:#2c5530!important;font-size:16px}.el-button--primary{background:linear-gradient(135deg,#4caf50,#66bb6a)!important;border:none!important;box-shadow:0 2px 8px rgba(76,175,80,.3);transition:all .3s ease;font-weight:500}.el-button--primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(76,175,80,.4)!important;background:linear-gradient(135deg,#66bb6a,#4caf50)!important}.el-button--success{background:linear-gradient(135deg,#66bb6a,#81c784)!important;border:none!important;box-shadow:0 2px 8px rgba(102,187,106,.3)}.el-button--success:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,187,106,.4)!important}.el-button--warning{background:linear-gradient(135deg,#ff9800,#ffb74d)!important;border:none!important}.el-button--danger{background:linear-gradient(135deg,#f44336,#ef5350)!important;border:none!important}.el-table{background:hsla(0,0%,100%,.9)!important;border-radius:8px;overflow:hidden;border:2px solid rgba(76,175,80,.1)}.el-table th{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)!important;color:#2c5530!important;font-weight:600;border-bottom:2px solid rgba(76,175,80,.2)!important}.el-table--striped .el-table__body tr.el-table__row--striped td{background:rgba(76,175,80,.05)!important}.el-table__body tr:hover>td{background:rgba(76,175,80,.1)!important}.el-input__inner{border:2px solid #e0e0e0!important;border-radius:6px!important;transition:all .3s ease}.el-input__inner:focus{box-shadow:0 0 8px rgba(76,175,80,.3)!important}.el-input-group__append .el-button,.el-input__inner:focus,.el-tag--success{border-color:#4caf50!important}.el-tag--success{background:rgba(76,175,80,.1)!important;color:#2c5530!important}.el-tag--primary{background:rgba(64,158,255,.1)!important;border-color:#409eff!important;color:#1976d2!important}.el-dialog{border-radius:12px!important;border:3px solid #4caf50!important;box-shadow:0 8px 40px rgba(76,175,80,.2)!important}.el-dialog__header{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)!important;border-bottom:2px solid rgba(76,175,80,.2);border-radius:8px 8px 0 0}.el-dialog__title{color:#2c5530!important;font-weight:600}.el-pagination{text-align:center;margin-top:20px}.el-pagination .el-pager li.active{background:#4caf50!important;border-color:#4caf50!important}.el-pagination .btn-next,.el-pagination .btn-prev{background:rgba(76,175,80,.1)!important;border-color:#4caf50!important;color:#4caf50!important}.el-form-item__label{color:#2c5530!important;font-weight:600}.el-select .el-input__inner{border-color:#e0e0e0!important}.el-select .el-input.is-focus .el-input__inner{border-color:#4caf50!important}.el-switch.is-checked .el-switch__core{background-color:#4caf50!important;border-color:#4caf50!important}.el-progress-bar__inner{background:linear-gradient(135deg,#4caf50,#66bb6a)!important}.el-message--success{background:rgba(76,175,80,.1)!important;border-color:#4caf50!important;color:#2c5530!important}.el-loading-spinner .circular{stroke:#4caf50!important}.el-steps .el-step__icon.is-process,.el-steps .el-step__icon.is-text{background:#4caf50!important;border-color:#4caf50!important}.el-steps .el-step__icon.is-finish{background:#66bb6a!important;border-color:#66bb6a!important}.el-breadcrumb__inner{color:#2c5530!important;font-weight:500}.el-breadcrumb__inner:hover{color:#4caf50!important}.el-dropdown-menu{border:2px solid rgba(76,175,80,.2)!important;border-radius:8px!important;box-shadow:0 4px 20px rgba(76,175,80,.15)!important}.el-dropdown-menu__item:hover{background:rgba(76,175,80,.1)!important;color:#4caf50!important}.el-tabs__active-bar{background-color:#4caf50!important}.el-tabs__item.is-active,.el-tabs__item:hover{color:#4caf50!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(76,175,80,.2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(76,175,80,.4)}.headerBg{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)!important;color:#2c5530!important;font-weight:600}:root{--ops-bg:#f4f6f0;--ops-surface:hsla(0,0%,100%,0.88);--ops-surface-strong:hsla(0,0%,100%,0.96);--ops-border:rgba(37,88,70,0.12);--ops-shadow:0 18px 48px rgba(38,77,63,0.08);--ops-text:#20352d;--ops-muted:#687b72;--ops-leaf:#1f8a63;--ops-gold:#c08b43;--ops-water:#4e7ea8;--ops-danger:#c86e52}.showcase-page{position:relative;min-height:calc(100vh - 60px);padding:28px 24px 36px;background:radial-gradient(circle at 12% 12%,rgba(58,149,105,.14),transparent 24%),radial-gradient(circle at 86% 18%,rgba(88,136,183,.12),transparent 20%),linear-gradient(180deg,#f8faf5,#f2f5ef);overflow:hidden}.showcase-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,88,70,.04) 1px,transparent 0),linear-gradient(90deg,rgba(37,88,70,.04) 1px,transparent 0);background-size:120px 120px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.26),transparent 86%);mask-image:linear-gradient(180deg,rgba(0,0,0,.26),transparent 86%);pointer-events:none}.showcase-page>*{position:relative;z-index:1}.showcase-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.75fr);gap:20px;margin-bottom:18px}.showcase-hero__main,.showcase-hero__side{background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:30px;box-shadow:var(--ops-shadow);backdrop-filter:blur(16px)}.showcase-hero__main{padding:28px 30px}.showcase-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(29,120,86,.08);color:var(--ops-leaf);font-size:12px;font-weight:700;letter-spacing:.08em}.showcase-hero__title{margin:18px 0 12px;color:var(--ops-text);font-size:34px;font-weight:700;line-height:1.16}.showcase-hero__desc{max-width:760px;color:var(--ops-muted);font-size:14px;line-height:1.8}.showcase-hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.showcase-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:hsla(0,0%,100%,.86);border:1px solid rgba(37,88,70,.08);color:#345648;font-size:13px;font-weight:500}.showcase-pill__dot{width:8px;height:8px;border-radius:50%;background:var(--ops-leaf);box-shadow:0 0 0 4px rgba(31,138,99,.12)}.showcase-hero__side{padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.showcase-hero__side-label{color:var(--ops-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.showcase-hero__side-value{color:var(--ops-text);font-size:28px;font-weight:700}.showcase-hero__side-desc{color:var(--ops-muted);font-size:13px;line-height:1.8}.showcase-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.showcase-kpi-card{padding:20px 20px 18px;border-radius:24px;border:1px solid var(--ops-border);background:hsla(0,0%,100%,.96);box-shadow:var(--ops-shadow)}.showcase-kpi-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.showcase-kpi-card__label{color:var(--ops-muted);font-size:13px}.showcase-kpi-card__icon{width:48px;height:48px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(145deg,rgba(31,138,99,.14),rgba(31,138,99,.03));color:var(--ops-leaf)}.showcase-kpi-card--gold .showcase-kpi-card__icon{background:linear-gradient(145deg,rgba(192,139,67,.14),rgba(192,139,67,.04));color:var(--ops-gold)}.showcase-kpi-card--water .showcase-kpi-card__icon{background:linear-gradient(145deg,rgba(78,126,168,.14),rgba(78,126,168,.04));color:var(--ops-water)}.showcase-kpi-card--danger .showcase-kpi-card__icon{background:linear-gradient(145deg,rgba(200,110,82,.14),rgba(200,110,82,.04));color:var(--ops-danger)}.showcase-kpi-card__value{margin-top:16px;color:var(--ops-text);font-size:32px;font-weight:700;line-height:1}.showcase-kpi-card__hint{margin-top:8px;color:var(--ops-muted);font-size:13px}.showcase-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.95fr);gap:18px}.showcase-panel{background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:30px;box-shadow:var(--ops-shadow);backdrop-filter:blur(16px)}.showcase-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 18px}.showcase-panel__title{color:var(--ops-text);font-size:20px;font-weight:700}.showcase-panel__desc{margin-top:6px;color:var(--ops-muted);font-size:13px;line-height:1.7}.showcase-panel__body{padding:0 24px 24px}.showcase-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.showcase-toolbar__actions,.showcase-toolbar__filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.showcase-toolbar__filters .el-input,.showcase-toolbar__filters .el-select{width:240px}.showcase-data-note{color:var(--ops-muted);font-size:12px}.showcase-panel .el-table,.showcase-panel .el-table td,.showcase-panel .el-table th,.showcase-panel .el-table tr{background:transparent}.showcase-panel .el-table{color:var(--ops-text)}.showcase-panel .el-table th{color:#4b6658;font-weight:600}.showcase-panel .el-table:before{display:none}.showcase-panel .el-table .cell{line-height:1.6}.showcase-panel .el-table td,.showcase-panel .el-table th.is-leaf{border-bottom-color:rgba(37,88,70,.08)}.showcase-pagination{display:flex;justify-content:flex-end;margin-top:20px}.showcase-insight-list{display:flex;flex-direction:column;gap:12px}.showcase-insight-item{padding:16px 18px;border-radius:22px;background:hsla(0,0%,100%,.72);border:1px solid rgba(37,88,70,.08)}.showcase-insight-item__title{color:var(--ops-text);font-size:15px;font-weight:600}.showcase-insight-item__meta{margin-top:6px;color:var(--ops-muted);font-size:12px;line-height:1.7}.showcase-insight-item__value{margin-top:10px;color:var(--ops-leaf);font-size:22px;font-weight:700}.showcase-insight-item--warning .showcase-insight-item__value{color:var(--ops-danger)}.showcase-insight-item--gold .showcase-insight-item__value{color:var(--ops-gold)}.showcase-insight-item--water .showcase-insight-item__value{color:var(--ops-water)}.showcase-bullet-list{display:flex;flex-direction:column;gap:10px}.showcase-bullet{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:18px;background:rgba(244,248,244,.92)}.showcase-bullet__dot{width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--ops-leaf);flex-shrink:0}.showcase-bullet__content{flex:1}.showcase-bullet__title{color:var(--ops-text);font-size:14px;font-weight:600}.showcase-bullet__desc{margin-top:4px;color:var(--ops-muted);font-size:12px;line-height:1.7}.showcase-status-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.showcase-status-tag--safe{background:rgba(31,138,99,.12);color:var(--ops-leaf)}.showcase-status-tag--warn{background:rgba(192,139,67,.14);color:#9f6d2c}.showcase-status-tag--risk{background:rgba(200,110,82,.14);color:var(--ops-danger)}.showcase-status-tag--water{background:rgba(78,126,168,.14);color:var(--ops-water)}.showcase-metric-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.showcase-metric-box{padding:14px 16px;border-radius:18px;background:rgba(244,248,244,.92)}.showcase-metric-box__label{color:var(--ops-muted);font-size:12px}.showcase-metric-box__value{margin-top:8px;color:var(--ops-text);font-size:24px;font-weight:700}@media (max-width:1440px){.showcase-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1180px){.showcase-grid,.showcase-hero{grid-template-columns:1fr}}@media (max-width:768px){.showcase-page{padding:18px 14px 26px}.showcase-hero__main,.showcase-hero__side,.showcase-panel{border-radius:24px}.showcase-hero__main,.showcase-hero__side,.showcase-panel__body,.showcase-panel__header{padding-left:18px;padding-right:18px}.showcase-hero__title{font-size:28px}.showcase-kpis{grid-template-columns:1fr}.showcase-toolbar{align-items:stretch}.showcase-toolbar,.showcase-toolbar__actions,.showcase-toolbar__filters{flex-direction:column}.showcase-toolbar__filters .el-input,.showcase-toolbar__filters .el-select{width:100%}.showcase-metric-strip{grid-template-columns:1fr}}