.currencyExchange .currency-wrapper{display:flex;gap:24px;width:100%;max-width:90rem;margin:0 auto;padding:0 1rem;box-sizing:border-box}.currencyExchange .currency-exchange{flex:1;min-width:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--el-text-color-primary,#333)}.currencyExchange .exchange-header{position:relative;overflow:hidden;padding:28px 32px;border-radius:16px;background:linear-gradient(145deg,var(--el-bg-color),var(--el-fill-color-light));margin-bottom:20px;border:1px solid rgba(255,107,0,.1)}.currencyExchange .header-decor-1{position:absolute;top:0;right:0;width:180px;height:180px;background:#ff6b00;border-radius:50%;transform:translate(40%,-40%);opacity:.08}.currencyExchange .header-decor-2{position:absolute;bottom:0;left:0;width:140px;height:140px;background:#ff9500;border-radius:50%;transform:translate(-30%,30%);opacity:.06}.currencyExchange .header-content{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.currencyExchange .header-left{flex:1;min-width:300px}.currencyExchange .header-title{font-size:22px;font-weight:800;color:var(--el-text-color-primary);margin:0 0 12px;display:flex;align-items:center;gap:12px}.currencyExchange .title-badge{background:linear-gradient(135deg,#ff6b00,#ff8c00);color:#fff;padding:5px 14px;border-radius:8px;font-size:14px;font-weight:700}.currencyExchange .header-desc{font-size:15px;color:var(--el-text-color-primary);line-height:1.8;margin:0 0 10px}.currencyExchange .header-desc .highlight{color:#ff6b00;font-weight:700}.currencyExchange .header-meta{font-size:13px;color:var(--el-text-color-secondary);margin:0;display:flex;align-items:center;gap:6px}.currencyExchange .header-meta svg{flex-shrink:0}.currencyExchange .header-tags{display:flex;gap:10px;flex-wrap:wrap}.currencyExchange .header-tags .tag{display:flex;align-items:center;gap:6px;color:#ff6b00;font-size:13px;font-weight:500;padding:6px 12px;background:rgba(255,107,0,.08);border-radius:20px;cursor:pointer;transition:all .2s;border:none}.currencyExchange .header-tags .tag:hover{background:rgba(255,107,0,.15)}.currencyExchange .header-tags .tag-flag{width:20px;height:15px;object-fit:cover;border-radius:2px}.currencyExchange .chart-card,.currencyExchange .exchange-card,.currencyExchange .info-card,.currencyExchange .rates-card{background:var(--el-bg-color);border-radius:12px;padding:24px;margin-bottom:20px;border:1px solid var(--el-border-color-lighter)}.currencyExchange .card-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--el-text-color-primary);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--el-border-color-lighter)}.currencyExchange .card-title i{font-size:20px;color:#ff6b00}.currencyExchange .card-title .update-badge{margin-left:auto;font-size:12px;font-weight:500;color:var(--el-text-color-secondary);background:var(--el-fill-color-light);padding:4px 10px;border-radius:4px}.currencyExchange .refresh-btn{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;background:linear-gradient(135deg,#ff6b00,#ff8c00);border:none;border-radius:20px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.currencyExchange .refresh-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,0,.3)}.currencyExchange .refresh-btn:disabled{opacity:.7;cursor:not-allowed}.currencyExchange .refresh-btn svg{width:16px;height:16px;flex-shrink:0}.currencyExchange .live-rate{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#fff5ed,#fff9f5);border-radius:12px;margin-bottom:20px;border:1px solid rgba(255,107,0,.15)}.currencyExchange .live-rate .live-flag{width:36px;height:27px;object-fit:cover;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.currencyExchange .live-rate .live-country{font-size:15px;font-weight:600;color:var(--el-text-color-primary)}.currencyExchange .live-rate .live-value{margin-left:auto;font-size:18px;font-weight:700;color:#ff6b00}.currencyExchange .converter{display:flex;align-items:center;gap:20px;margin-bottom:20px}.currencyExchange .currency-input{flex:1}.currencyExchange .input-label{display:flex;align-items:center;gap:8px;margin-bottom:10px}.currencyExchange .input-label .name{font-size:14px;font-weight:600;color:var(--el-text-color-primary)}.currencyExchange .input-flag{width:28px;height:21px;object-fit:cover;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.currencyExchange .select-wrapper{position:relative;display:flex;align-items:center}.currencyExchange .currency-select{appearance:none;-webkit-appearance:none;border:2px solid var(--el-border-color-lighter);background:var(--el-fill-color-light);font-size:14px;font-weight:600;color:var(--el-text-color-primary);cursor:pointer;outline:none;padding:10px 40px 10px 14px;border-radius:8px;min-width:200px;transition:all .2s}.currencyExchange .currency-select:hover{border-color:#ff6b00}.currencyExchange .currency-select:focus{border-color:#ff6b00;background:var(--el-bg-color);box-shadow:0 0 0 3px rgba(255,107,0,.1)}.currencyExchange .currency-select option{padding:12px;font-size:14px}.currencyExchange .select-arrow{position:absolute;right:12px;font-size:14px;color:var(--el-text-color-regular);pointer-events:none;display:inline-block}.currencyExchange .input-box{display:flex;align-items:center;gap:8px;background:var(--el-fill-color-light);border:2px solid var(--el-border-color-lighter);border-radius:10px;padding:12px 16px;transition:border-color .2s}.currencyExchange .input-box:focus-within{border-color:#ff6b00;background:var(--el-bg-color)}.currencyExchange .input-box .symbol{font-size:18px;font-weight:600;color:var(--el-text-color-regular)}.currencyExchange .input-box input{flex:1;border:none;background:transparent;font-size:20px;font-weight:600;color:var(--el-text-color-primary);outline:none;width:100%}.currencyExchange .input-box input::placeholder{color:var(--el-text-color-placeholder);font-weight:400}.currencyExchange .swap-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b00,#ff8c00);border-radius:50%;cursor:pointer;transition:transform .3s,box-shadow .2s;flex-shrink:0;border:none}.currencyExchange .swap-btn i{font-size:20px;color:#fff;transition:transform .3s;display:inline-block}.currencyExchange .swap-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(255,107,0,.4)}.currencyExchange .swap-btn.reversed i{transform:rotate(180deg)}.currencyExchange .rate-display{display:flex;gap:30px;padding:16px 20px;background:var(--el-fill-color-light);border-radius:8px}.currencyExchange .rate-display .rate-item .label{font-size:13px;color:var(--el-text-color-regular);margin-right:8px}.currencyExchange .rate-display .rate-item .value{font-size:15px;font-weight:700;color:#ff6b00}.currencyExchange .rates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.currencyExchange .rate-card{background:var(--el-fill-color-light);border-radius:10px;padding:16px;cursor:pointer;transition:all .2s;border:2px solid transparent}.currencyExchange .rate-card:hover{background:#fff5ed;border-color:rgba(255,107,0,.2)}.currencyExchange .rate-card.active{background:#fff5ed;border-color:#ff6b00}.currencyExchange .rate-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.currencyExchange .rate-card-header .info{display:flex;flex-direction:column}.currencyExchange .rate-card-header .info .country{font-size:14px;font-weight:600;color:var(--el-text-color-primary)}.currencyExchange .rate-card-header .info .code{font-size:12px;color:var(--el-text-color-placeholder)}.currencyExchange .card-flag{width:36px;height:27px;object-fit:cover;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.currencyExchange .rate-card-body{margin-bottom:8px}.currencyExchange .rate-card-body .rate-value{font-size:24px;font-weight:700;color:#ff6b00}.currencyExchange .rate-card-body .rate-label{font-size:12px;color:var(--el-text-color-regular);margin-top:4px}.currencyExchange .rate-card-footer .inverse{font-size:12px;color:var(--el-text-color-placeholder)}.currencyExchange .chart-card .card-title{flex-wrap:wrap}.currencyExchange .chart-period{display:flex;gap:8px;margin-left:auto}.currencyExchange .chart-period button{padding:6px 14px;border:1px solid var(--el-border-color);background:var(--el-bg-color);border-radius:6px;font-size:13px;color:var(--el-text-color-regular);cursor:pointer;transition:all .2s}.currencyExchange .chart-period button:hover{border-color:#ff6b00;color:#ff6b00}.currencyExchange .chart-period button.active{background:#ff6b00;border-color:#ff6b00;color:#fff}.currencyExchange .chart-container{position:relative;width:100%;height:300px;margin-bottom:16px}.currencyExchange .chart-container canvas{width:100%;height:100%}.currencyExchange .chart-tooltip{position:absolute;background:rgba(0,0,0,.85);color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;pointer-events:none;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.2)}.currencyExchange .chart-tooltip .tooltip-date{color:#ccc;margin-bottom:4px}.currencyExchange .chart-tooltip .tooltip-rate strong{color:#ff6b00;font-size:15px}.currencyExchange .chart-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.9);color:var(--el-text-color-regular);font-size:14px}.currencyExchange .chart-loading i{font-size:20px;color:#ff6b00;display:inline-block}.currencyExchange .chart-stats{display:flex;justify-content:space-around;padding:16px;background:var(--el-fill-color-light);border-radius:8px}.currencyExchange .chart-stats .stat-item{text-align:center}.currencyExchange .chart-stats .stat-item .stat-label{display:block;font-size:12px;color:var(--el-text-color-placeholder);margin-bottom:4px}.currencyExchange .chart-stats .stat-item .stat-value{font-size:16px;font-weight:700;color:var(--el-text-color-primary)}.currencyExchange .chart-stats .stat-item .stat-value.high{color:#52c41a}.currencyExchange .chart-stats .stat-item .stat-value.low{color:#ff4d4f}.currencyExchange .info-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.currencyExchange .info-item{display:flex;gap:12px;padding:16px;background:var(--el-fill-color-light);border-radius:8px}.currencyExchange .info-item .info-icon{font-size:24px}.currencyExchange .info-item .info-text strong{display:block;font-size:14px;color:var(--el-text-color-primary);margin-bottom:4px}.currencyExchange .info-item .info-text p{margin:0;font-size:13px;color:var(--el-text-color-regular);line-height:1.5}.currencyExchange .skeleton .skeleton-line{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:ce-skeleton-shimmer 1.5s infinite;border-radius:4px;margin-bottom:12px}.currencyExchange .skeleton .skeleton-line.w40{width:40%}.currencyExchange .skeleton .skeleton-line.w60{width:60%}.currencyExchange .skeleton .skeleton-line.w80{width:80%}@keyframes ce-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ce-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.currencyExchange .animate-spin{animation:ce-spin 1s linear infinite}.currencyExchange .rate-alert-card{background:var(--el-bg-color);border-radius:12px;padding:24px;margin-bottom:20px;border:1px solid var(--el-border-color-lighter)}.currencyExchange .rate-alert-card .alert-hint{margin-left:auto;font-size:12px;font-weight:500;color:var(--el-text-color-secondary)}.currencyExchange .rate-alert-card.guest .guest-body{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:8px 4px 0}.currencyExchange .rate-alert-card.guest p{margin:0;color:var(--el-text-color-secondary);font-size:14px}.currencyExchange .rate-alert-card.guest .login-btn{display:inline-flex;align-items:center;padding:8px 18px;background:linear-gradient(135deg,#ff6b00,#ff8c00);border-radius:20px;color:#fff;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.currencyExchange .rate-alert-card.guest .login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,0,.3)}.currencyExchange .alert-form{margin-bottom:16px}.currencyExchange .alert-form .form-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.currencyExchange .alert-form .form-field{display:flex;flex-direction:column;gap:6px;min-width:140px}.currencyExchange .alert-form .form-field.grow{flex:1;min-width:200px}.currencyExchange .alert-form .form-label{font-size:12px;color:var(--el-text-color-secondary);font-weight:500}.currencyExchange .alert-form .form-input,.currencyExchange .alert-form .form-select{height:38px;border:1px solid var(--el-border-color);border-radius:8px;padding:0 12px;font-size:14px;color:var(--el-text-color-primary);background:var(--el-bg-color);outline:none;transition:border-color .15s}.currencyExchange .alert-form .form-input:focus,.currencyExchange .alert-form .form-select:focus{border-color:#ff6b00}.currencyExchange .alert-form .form-submit{height:38px;padding:0 22px;background:linear-gradient(135deg,#ff6b00,#ff8c00);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.currencyExchange .alert-form .form-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,0,.3)}.currencyExchange .alert-form .form-submit:disabled{opacity:.5;cursor:not-allowed}.currencyExchange .alert-form .form-hint{margin-top:8px;font-size:12px;color:var(--el-text-color-secondary)}.currencyExchange .alert-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.currencyExchange .alert-list .alert-empty{font-size:13px;color:var(--el-text-color-secondary);padding:18px 12px;text-align:center;background:var(--el-fill-color-lighter,rgba(0,0,0,.02));border-radius:8px;border:1px dashed var(--el-border-color-lighter)}.currencyExchange .alert-list .alert-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--el-fill-color-lighter,rgba(0,0,0,.02));border:1px solid var(--el-border-color-lighter);border-radius:8px}.currencyExchange .alert-list .alert-item.triggered{background:#fff7ed;border-color:#fed7aa}.currencyExchange .alert-list .item-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.currencyExchange .alert-list .item-code{font-size:14px;color:var(--el-text-color-primary)}.currencyExchange .alert-list .item-code strong{color:#ff6b00;font-weight:700}.currencyExchange .alert-list .item-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:#ffedd5;color:#c2410c}.currencyExchange .alert-list .item-delete{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--el-text-color-secondary);font-size:18px;cursor:pointer;transition:all .15s;line-height:1}.currencyExchange .alert-list .item-delete:hover{background:#fee2e2;color:#dc2626}