:root{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 236, 242, 255;--art-bg-secondary: 232, 247, 255;--art-bg-success: 230, 255, 250;--art-bg-error: 253, 237, 232;--art-bg-info: 240, 242, 247;--art-bg-warning: 254, 245, 229;--art-bg-danger: 253, 237, 232;--art-hoverColor: 246, 249, 252;--art-grey100: 242, 246, 250;--art-grey200: 234, 239, 244;--art-color: #ffffff;--art-light: #f9f9f9;--art-dark: #1e2129;--art-gray-100: #f9f9f9;--art-gray-100-rgb: 249, 249, 249;--art-gray-200: #f1f1f4;--art-gray-200-rgb: 241, 241, 244;--art-gray-300: #dbdfe9;--art-gray-300-rgb: 219, 223, 233;--art-gray-400: #b0b6cc;--art-gray-400-rgb: 176, 182, 204;--art-gray-500: #8891a8;--art-gray-500-rgb: 136, 145, 168;--art-gray-600: #6b7590;--art-gray-600-rgb: 107, 117, 144;--art-gray-700: #4b5675;--art-gray-700-rgb: 75, 86, 117;--art-gray-800: #252f4a;--art-gray-800-rgb: 37, 47, 74;--art-gray-900: #071437;--art-gray-900-rgb: 7, 20, 55;--art-text-muted: #8891a8;--art-text-gray-100: #f9f9f9;--art-text-gray-200: #f1f1f4;--art-text-gray-300: #dbdfe9;--art-text-gray-400: #b0b6cc;--art-text-gray-500: #8891a8;--art-text-gray-600: #6b7590;--art-text-gray-700: #4b5675;--art-text-gray-800: #252f4a;--art-text-gray-900: #071437;--art-border-color: #eaebf1;--art-border-dashed-color: #dbdfe9;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .03);--art-root-card-border-color: #f1f1f4;--art-bg-color: #fafbfc;--art-main-bg-color: #ffffff}html.dark{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 37, 54, 98;--art-bg-secondary: 28, 69, 93;--art-bg-success: 27, 60, 72;--art-bg-error: 75, 49, 61;--art-bg-info: 45, 50, 62;--art-bg-warning: 77, 58, 42;--art-bg-danger: 100, 49, 61;--art-hoverColor: 51, 63, 85;--art-grey100: 51, 63, 85;--art-grey200: 70, 86, 112;--art-color: #000000;--art-light: #1b1c22;--art-dark: #272a34;--art-gray-100: #1b1c22;--art-gray-100-rgb: 27, 28, 34;--art-gray-200: #26272f;--art-gray-200-rgb: 38, 39, 47;--art-gray-300: #363843;--art-gray-300-rgb: 54, 56, 67;--art-gray-400: #545662;--art-gray-400-rgb: 84, 86, 98;--art-gray-500: #7a7c88;--art-gray-500-rgb: 122, 124, 136;--art-gray-600: #9a9cae;--art-gray-600-rgb: 154, 156, 174;--art-gray-700: #b5b7c8;--art-gray-700-rgb: 181, 183, 200;--art-gray-800: #d0d2e0;--art-gray-800-rgb: 208, 210, 224;--art-gray-900: #f5f5f5;--art-gray-900-rgb: 245, 245, 245;--art-text-muted: #8b8d9a;--art-text-gray-100: #1b1c22;--art-text-gray-200: #26272f;--art-text-gray-300: #363843;--art-text-gray-400: #545662;--art-text-gray-500: #7a7c88;--art-text-gray-600: #9a9cae;--art-text-gray-700: #b5b7c8;--art-text-gray-800: #d0d2e0;--art-text-gray-900: #f5f5f5;--art-border-color: #363843;--art-border-dashed-color: #464852;--art-root-card-border-color: #2a2b35;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: none;--art-root-card-border-color: #1e2027;--art-bg-color: #070707;--art-main-bg-color: #161618}:root{--art-card-border: rgba(var(--art-gray-300-rgb), .6);--art-card-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .04)}.bg-primary{background-color:rgb(var(--art-bg-primary))!important;color:rgb(var(--art-primary))!important}.bg-secondary{background-color:rgb(var(--art-bg-secondary))!important;color:rgb(var(--art-secondary))!important;border:1px solid var(--art-secondary)}.bg-warning{background-color:rgb(var(--art-bg-warning))!important;color:rgb(var(--art-warning))!important}.bg-error{background-color:rgb(var(--art-bg-error))!important;color:rgb(var(--art-error))!important}.bg-success{background-color:rgb(var(--art-bg-success))!important;color:rgb(var(--art-success))!important}.bg-info{background-color:rgb(var(--art-bg-info))!important;color:rgb(var(--art-info))!important}.bg-danger{background-color:rgb(var(--art-bg-danger))!important;color:rgb(var(--art-danger))!important}.bg-grey100{background-color:rgb(var(--art-grey100))!important}.bg-grey200{background-color:rgb(var(--art-grey200))!important}.bg-hoverColor{background-color:rgb(var(--art-hoverColor))!important}.text-primary{color:rgb(var(--art-primary))!important}.text-secondary{color:rgb(var(--art-secondary))!important}.text-error{color:rgb(var(--art-error))!important}.text-danger{color:rgb(var(--art-danger))!important}.text-info{color:rgb(var(--art-info))!important}.text-success{color:rgb(var(--art-success))!important}.text-warning{color:rgb(var(--art-warning))!important}.rpi-welcome{min-height:100vh;background:#f9f5f7;position:relative;overflow:hidden}.container{max-width:1024px;margin:0 auto;padding:0 20px}@media (min-width: 768px){.container{padding:0 24px}}.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(233,32,99,.08)}.topbar .container{display:flex;align-items:center;justify-content:space-between;height:64px}.topbar .brand{display:flex;align-items:center;gap:12px}.topbar .brand .brand-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e92063,#ff4081);box-shadow:0 6px 16px rgba(233,32,99,.3);color:#fff}.topbar .brand .brand-text h1{margin:0;font-size:16px;color:#e92063;font-weight:800}.topbar .brand .brand-text p{margin:0;font-size:12px;color:#7e676f}.topbar .nav-actions{display:flex;align-items:center;gap:8px}.topbar .nav-btn,.topbar .nav-btn-icon{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:10px;font-size:14px;line-height:20px;font-weight:500;border:none;background:transparent;color:#2d1f24;cursor:pointer;transition:background-color .2s}.topbar .nav-btn:hover,.topbar .nav-btn-icon:hover{background:rgba(233,32,99,.05)}.hero{padding:48px 0 0;position:relative;margin-bottom:80px;text-align:center}.hero-badge{margin-bottom:24px;display:flex;justify-content:center}.hero-badge .pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(233,32,99,.2);background:rgba(233,32,99,.1);color:#e92063;font-weight:600;font-size:12px;border-radius:999px;padding:6px 12px}.hero-title{font-weight:700;line-height:1.1;letter-spacing:0;margin:0 0 16px;font-size:36px;background-image:linear-gradient(90deg,#e92063,#ff5a8c,#ff80a6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 768px){.hero-title{font-size:60px;line-height:60px}}.hero-description{font-size:20px;line-height:32.5px;color:#7e676f;margin:0 auto 32px;max-width:768px}.perspective-hint-card{background:rgba(233,32,99,.05);border:1px solid rgba(233,32,99,.15);border-radius:12px;padding:20px 24px;margin:0 auto 32px;max-width:680px;display:flex;gap:16px;text-align:left}.hint-icon{width:40px;height:40px;border-radius:10px;background:#e92063;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hint-content h3{font-size:16px;font-weight:600;color:#e92063;margin:0 0 8px}.hint-content p{font-size:14px;line-height:1.6;color:#7e676f;margin:0}.hero-actions{display:flex;gap:12px;justify-content:center;margin-bottom:48px}@media (max-width: 768px){.hero-actions{flex-direction:column;align-items:stretch;max-width:400px;margin-left:auto;margin-right:auto}}.btn-hero-primary,.btn-hero-outline{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:16px 32px;border-radius:10px;font-weight:500;font-size:18px;line-height:20px;cursor:pointer;transition:all .2s;border:none}.btn-hero-primary{background:#e92063;color:#fff;border:none}.btn-hero-primary:hover{background:#e31258}.btn-hero-primary:disabled{opacity:.6;cursor:not-allowed}.btn-hero-outline{background:#f9f5f7;color:#e92063;border:1px solid rgb(233,32,99)}.btn-hero-outline:hover{background:rgba(233,32,99,.05)}.saved-code{margin-bottom:12px}.btn-group{display:flex;gap:12px;justify-content:center}@media (max-width: 768px){.btn-group{flex-direction:column;align-items:stretch;max-width:400px;margin-left:auto;margin-right:auto}}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:0 auto}@media (min-width: 768px){.hero-stats{grid-template-columns:repeat(4,1fr)}}.stat-card{text-align:center;padding:16px;border-radius:12px;border:1px solid rgba(233,32,99,.1);background:rgba(255,255,255,.8);backdrop-filter:none;box-shadow:none}.stat-icon{display:flex;align-items:center;justify-content:center;margin-bottom:6px;color:#e92063}.stat-value{font-size:24px;font-weight:800;color:#e92063;line-height:1.2}.stat-label{font-size:13px;color:#7e676f}.perspectives{padding:0;margin-bottom:80px}.section-header{text-align:center;margin-bottom:16px}.section-header h2{font-size:30px;line-height:36px;font-weight:700;color:#2d1f24;margin:0 0 16px}.section-header p{font-size:14px;line-height:20px;color:#7e676f;margin:0}.perspective-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 960px){.perspective-grid{grid-template-columns:1fr 1fr}}.perspective-card{background:#fff;border:1px solid rgba(235,229,231,.5);border-radius:12px;padding:0;box-shadow:rgba(0,0,0,0) 0 0,rgba(0,0,0,0) 0 0,rgba(0,0,0,.05) 0 1px 2px}.perspective-card .card-header{display:flex;align-items:center;gap:12px;position:relative;margin-bottom:10px;padding:24px 24px 0;box-sizing:border-box}.perspective-card .stats,.perspective-card .bullet-list{box-sizing:border-box;padding-left:24px;padding-right:24px}.perspective-card .icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e92063,#ff4081);color:#fff;box-shadow:0 8px 20px rgba(233,32,99,.25);flex-shrink:0}.perspective-card .title{font-weight:600;color:#e92063;font-size:16px}.perspective-card .subtitle{color:#7e676f;font-size:14px;line-height:20px}.perspective-card .badge{position:absolute;right:0;top:0;transform:translateY(-8px);background:#e92063;color:#fff;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700}.bullet-list{margin:10px 0;padding-left:24px;padding-right:24px;color:#7e676f;font-size:14px;line-height:20px;list-style:none}.bullet-list li{margin:6px 0;display:flex;align-items:center;gap:8px}.bullet-list .check-icon{color:#22c55e;flex-shrink:0}.stats{background:rgba(233,32,99,.05);border:1px solid rgba(233,32,99,.2);border-radius:12px;padding:12px 14px;margin:12px 24px 16px}.stats .row{display:flex;justify-content:space-between;align-items:center;margin:4px 0;font-size:14px;line-height:20px;color:#7e676f}.perspective-card button{margin:0 24px 24px;width:calc(100% - 48px)!important;max-width:calc(100% - 48px)}.btn-card-primary,.btn-card-outline{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:8px 16px;border-radius:10px;font-weight:500;font-size:14px;line-height:20px;cursor:pointer;transition:all .2s;box-sizing:border-box}.btn-card-primary{background:#e92063;color:#fff;border:none}.btn-card-primary:hover{background:#e31258}.btn-card-outline{background:#f9f5f7;color:#e64d66;border:1px solid rgb(230,77,102)}.btn-card-outline:hover{background:rgba(230,77,102,.05)}.foundation{padding:0;margin-bottom:80px}.dim-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (min-width: 960px){.dim-grid{grid-template-columns:repeat(4,1fr)}}.dim-card{text-align:left;background:#fff;border-radius:12px;padding:0;border:1px solid rgba(235,229,231,.5);box-shadow:rgba(0,0,0,0) 0 0,rgba(0,0,0,0) 0 0,rgba(0,0,0,.05) 0 1px 2px;overflow:hidden}.dim-icon{width:100%;height:200px;border-radius:0;margin:0;display:flex;align-items:center;justify-content:center;background:rgba(233,32,99,.1);color:#e92063}.dim-icon svg{width:64px;height:64px}.dim-card h3{margin:0 0 8px;font-weight:600;font-size:16px;line-height:24px;color:#2d1f24;padding:24px 24px 0}.dim-card p{margin:0;padding:0 24px 24px;color:#7e676f;font-size:14px;line-height:20px}.privacy{padding:24px 0;margin-bottom:80px;text-align:center;background:rgba(233,32,99,.05);border-top:1px solid rgba(233,32,99,.12);border-bottom:1px solid rgba(233,32,99,.12)}.privacy .shield{display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#e92063}.privacy h2{font-size:30px;line-height:36px;font-weight:700;color:#2d1f24;margin:0 0 16px}.privacy p{font-size:14px;line-height:20px;color:#7e676f;margin:0 0 10px}.privacy-list{display:grid;gap:10px;grid-template-columns:1fr;max-width:600px;margin:0 auto}@media (min-width: 768px){.privacy-list{grid-template-columns:repeat(3,1fr)}}.privacy-list .item{background:#fff;border-radius:12px;padding:10px 16px;border:1px solid rgba(233,32,99,.12);font-size:14px;line-height:20px;color:#7e676f;display:flex;align-items:center;gap:8px;justify-content:center}.privacy-list .check-icon{color:#22c55e;flex-shrink:0}.cta{padding:0;text-align:center;margin-bottom:80px}.cta h2{font-size:30px;line-height:36px;font-weight:700;color:#2d1f24;margin:0 0 16px}.cta p{font-size:14px;line-height:20px;color:#7e676f;margin:0 0 16px}.cta-actions{display:flex;gap:12px;justify-content:center}.link-ghost{display:inline-flex;align-items:center;height:44px;padding:0 8px;font-size:14px;color:#e92063;background:transparent;border:none;text-decoration:underline;cursor:pointer}.link-ghost:hover{opacity:.85}.w-full{width:100%}.notes{padding:12px 0 48px;margin-bottom:0}.note-list p{font-size:12px;line-height:16px;color:#7e676f;margin:4px 0}.auth-dialog .el-dialog__header{padding:24px 24px 0}.auth-dialog .el-dialog__body{padding:24px}.auth-dialog .dialog-header{text-align:center}.auth-dialog .dialog-header h3{margin:0 0 6px;font-size:18px;font-weight:800;color:#2d1f24}.auth-dialog .dialog-subtitle{margin:0;font-size:14px;line-height:20px;color:#7e676f}.bg{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.bg .blob{position:absolute;width:480px;height:480px;border-radius:50%;filter:blur(100px);opacity:.25;animation:float-c1cb42bb 20s ease-in-out infinite}.bg .b1{background:#ffd1e0;top:-120px;left:-120px;animation-delay:0s}.bg .b2{background:#ffc5d8;right:-160px;top:20%;animation-delay:6s}.bg .b3{background:#ffb8d0;left:25%;bottom:-160px;animation-delay:12s}@keyframes float-c1cb42bb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.05)}}@media (max-width: 960px){.hero .hero-inner{grid-template-columns:1fr}}.footer{background:#fff;border-top:1px solid rgba(233,32,99,.12);padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}@media (max-width: 960px){.footer-grid{grid-template-columns:1fr;gap:32px}}.footer-brand .brand-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer-brand .brand-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e92063,#ff4081);color:#fff}.footer-brand h4{margin:0;font-size:18px;font-weight:700;color:#2d1f24}.footer-brand p{margin:0;font-size:14px;line-height:1.6;color:#7e676f}.footer-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#2d1f24}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin:0 0 12px}.footer-section a,.footer-section button{font-size:14px;line-height:20px;color:#7e676f;text-decoration:none;transition:color .2s;background:none;border:none;padding:0;cursor:pointer;text-align:left}.footer-section a:hover,.footer-section button:hover{color:#e92063}.footer-copyright{border-top:1px solid rgba(233,32,99,.12);padding-top:32px;text-align:center}.footer-copyright .copyright-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(233,32,99,.05);color:#e92063;margin-bottom:16px}.footer-copyright .copyright-badge strong{font-size:14px;font-weight:600}.footer-copyright p{font-size:13px;line-height:1.6;color:#7e676f;max-width:800px;margin:0 auto 12px}.footer-copyright .copyright-text{font-size:12px;color:#7e676f;opacity:.8}.back-to-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;border-radius:50%;background:#e92063;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(233,32,99,.3);transition:all .3s;z-index:999}.back-to-top:hover{background:#e31258;box-shadow:0 6px 20px rgba(233,32,99,.4);transform:translateY(-2px)} .auth-dialog .el-dialog__header{padding:0;margin:0} .auth-dialog .el-dialog__body{padding:30px} .auth-dialog .el-dialog__footer{padding:20px 30px 30px} .auth-dialog .dialog-header{position:relative;text-align:center;padding:40px 60px 20px;background:linear-gradient(135deg,rgba(233,32,99,.08),rgba(255,64,129,.06));border-radius:8px 8px 0 0} .auth-dialog .dialog-header .dialog-icon{width:70px;height:70px;margin:0 auto 20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(233,32,99,.2)} .auth-dialog .dialog-header h3{font-size:22px;font-weight:600;color:#2d1f24;margin:0 0 8px} .auth-dialog .dialog-header p{font-size:14px;color:#7e676f;margin:0} .auth-dialog .custom-close-btn{position:absolute;top:16px;right:16px;width:48px;height:48px;background:rgba(255,255,255,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 10px rgba(0,0,0,.12);border:2px solid rgba(107,114,128,.15);z-index:10} .auth-dialog .custom-close-btn svg{color:#6b7280;transition:all .25s ease} .auth-dialog .custom-close-btn:hover{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.18);transform:scale(1.08);border-color:rgba(107,114,128,.25)} .auth-dialog .custom-close-btn:hover svg{color:#374151} .auth-dialog .custom-close-btn:active{transform:scale(1.02)} .auth-dialog .auth-form .code-input .el-input__inner{height:52px;font-size:16px;border:2px solid rgba(233,32,99,.15);border-radius:10px} .auth-dialog .auth-form .code-input .el-input__inner:focus{border-color:#e92063} .auth-dialog .auth-form .input-hint{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:#f59e0b;transition:all .3s ease;animation:fadeIn-c1cb42bb .2s ease} .auth-dialog .auth-form .input-hint svg{flex-shrink:0} .auth-dialog .auth-form .input-hint.success{color:#22c55e} .auth-dialog .auth-form .input-hint.error{color:#ef4444}@keyframes fadeIn-c1cb42bb{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}} .auth-dialog .auth-form .tips-box{padding:16px;margin-top:16px;background:rgba(245,158,11,.08);border-radius:10px;border:1px solid rgba(245,158,11,.2);display:flex;gap:12px;align-items:flex-start} .auth-dialog .auth-form .tips-box .tips-content{flex:1} .auth-dialog .auth-form .tips-box .tips-content p{font-size:14px;color:#2d1f24;margin:0 0 8px} .auth-dialog .auth-form .tips-box .tips-content ul{list-style:none;padding:0;margin:0} .auth-dialog .auth-form .tips-box .tips-content ul li{font-size:13px;color:#4e464a;padding-left:16px;position:relative;margin-bottom:6px} .auth-dialog .auth-form .tips-box .tips-content ul li:before{content:"•";position:absolute;left:4px;color:#f59e0b} .auth-dialog .auth-form .tips-box .tips-content ul li:last-child{margin-bottom:0} .auth-dialog .dialog-footer{display:flex;gap:12px} .auth-dialog .dialog-footer .el-button{flex:1;height:48px;font-size:16px;font-weight:500;border-radius:10px} .auth-dialog .dialog-footer .verify-btn{background:linear-gradient(135deg,#e92063,#ff4081);border:none} .auth-dialog .dialog-footer .verify-btn:hover{background:linear-gradient(135deg,#e31258,#e91e63)}@media (max-width: 768px){ .auth-dialog .dialog-header{padding:32px 40px 16px} .auth-dialog .dialog-header .dialog-icon{width:60px;height:60px;margin-bottom:16px} .auth-dialog .dialog-header h3{font-size:20px} .auth-dialog .dialog-header p{font-size:13px} .auth-dialog .el-dialog__body{padding:24px} .auth-dialog .el-dialog__footer{padding:16px 24px 24px}} .reports-dialog .el-dialog__header{padding:0;margin:0} .reports-dialog .el-dialog__body{padding:30px} .reports-dialog .el-dialog__footer{padding:20px 30px 30px} .reports-dialog .dialog-header{text-align:center;padding:40px 60px 20px;background:linear-gradient(135deg,rgba(233,32,99,.08),rgba(255,64,129,.06));border-radius:8px 8px 0 0} .reports-dialog .dialog-header .dialog-icon{width:70px;height:70px;margin:0 auto 20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(233,32,99,.2)} .reports-dialog .dialog-header h3{font-size:22px;font-weight:600;color:#2d1f24;margin:0 0 8px} .reports-dialog .dialog-header p{font-size:14px;color:#7e676f;margin:0} .reports-dialog .reports-list{display:flex;flex-direction:column;gap:12px} .reports-dialog .report-item{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid rgba(233,32,99,.15);border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease} .reports-dialog .report-item:hover{border-color:#e92063;background:rgba(233,32,99,.05);transform:translate(4px)} .reports-dialog .report-item .report-icon{width:48px;height:48px;border-radius:12px;background:rgba(233,32,99,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0} .reports-dialog .report-item .report-info{flex:1} .reports-dialog .report-item .report-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#2d1f24} .reports-dialog .report-item .report-info p{margin:0;font-size:13px;color:#7e676f} .reports-dialog .report-item .report-arrow{flex-shrink:0;transition:transform .3s ease} .reports-dialog .report-item:hover .report-arrow{transform:translate(4px)} .reports-dialog .dialog-footer-simple{display:flex;justify-content:center} .reports-dialog .dialog-footer-simple .el-button{min-width:120px;height:44px;font-size:16px;border-radius:10px}