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