body,html{margin:0;padding:0;min-height:100%}#app{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f7fa}.global-loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.6);z-index:9999;pointer-events:none}.global-loading,.loading-spinner{display:flex;justify-content:center;align-items:center}.loading-spinner{flex-direction:column}.spinner{width:32px;height:32px;border:3px solid rgba(52,152,219,.1);border-top:3px solid #3498db;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.article-content .table-wrapper{overflow-x:auto;margin:24px 0;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.06);border:1px solid #ebeef5}.article-content table{width:100%;border-collapse:collapse;font-size:14px;min-width:600px}.article-content thead{background:linear-gradient(135deg,#409eff,#337ecc);position:sticky;top:0;z-index:1}.article-content thead th{color:#fff;font-weight:600;padding:14px 16px;text-align:left;font-size:14px;white-space:nowrap;letter-spacing:.5px}.article-content tbody td{padding:12px 16px;border-bottom:1px solid #ebeef5;vertical-align:middle;white-space:nowrap}.article-content tbody tr:last-child td{border-bottom:none}.article-content tbody tr:hover{background:#ecf5ff}.article-content tbody tr.row-stripe{background:#fafbfc}.article-content tbody tr.row-stripe:hover{background:#ecf5ff}.article-content tbody td:first-child{font-weight:600;color:#303133;min-width:120px}.article-content tbody td:nth-child(2){color:#409eff;font-weight:500}.article-content .callout-warning{padding:16px 20px;background:#fef0f0;border-left:4px solid #f56c6c;border-radius:0 8px 8px 0;margin:16px 0;color:#606266;position:relative;font-weight:500}.article-content .callout-warning:before{content:"⚠";position:absolute;left:-26px;top:50%;transform:translateY(-50%);font-size:16px}.article-content .callout-tip{padding:16px 20px;background:#f0f9ff;border-left:4px solid #409eff;border-radius:0 8px 8px 0;margin:16px 0;color:#606266;position:relative;font-weight:500}.article-content .callout-tip:before{content:"💡";position:absolute;left:-26px;top:50%;transform:translateY(-50%);font-size:16px}.article-content .callout-info{padding:16px 20px;background:#f0fdf4;border-left:4px solid #67c23a;border-radius:0 8px 8px 0;margin:16px 0;color:#606266;position:relative;font-weight:500}.article-content .callout-info:before{content:"🔑";position:absolute;left:-26px;top:50%;transform:translateY(-50%);font-size:16px}.article-content .callout-success{padding:16px 20px;background:#fffbeb;border-left:4px solid #e6a23c;border-radius:0 8px 8px 0;margin:16px 0;color:#606266;position:relative;font-weight:500}.article-content .callout-success:before{content:"✓";position:absolute;left:-26px;top:50%;transform:translateY(-50%);font-size:16px}.article-content .data-chart{background:#fafbfc;border:1px solid #ebeef5;border-radius:8px;padding:20px 24px;margin:16px 0 28px 0}.article-content .data-chart .chart-title{font-size:13px;color:#909399;margin-bottom:20px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.article-content .data-chart .chart-row{display:flex;align-items:center;margin-bottom:12px;gap:16px}.article-content .data-chart .chart-row:last-child{margin-bottom:0}.article-content .data-chart .chart-label{width:140px;flex-shrink:0;font-size:13px;color:#606266;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.article-content .data-chart .chart-bar-wrap{flex:1;height:24px;background:#f0f2f5;border-radius:6px;overflow:hidden}.article-content .data-chart .chart-bar{height:100%;border-radius:6px;min-width:4px;transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative}.article-content .data-chart .chart-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,hsla(0,0%,100%,.3),transparent);border-radius:6px}.article-content .data-chart .chart-value{width:80px;flex-shrink:0;font-size:13px;font-weight:600;color:#303133;text-align:left}.article-content .donut-chart{width:200px;height:200px;border-radius:50%;position:relative;margin:0 auto 20px;overflow:hidden}.article-content .donut-segment{position:absolute;width:100%;height:100%;border-radius:50%;transition:opacity .3s}.article-content .donut-center{position:absolute;top:25%;left:25%;width:50%;height:50%;border-radius:50%;background:#fafbfc;display:flex;align-items:center;justify-content:center;border:8px solid #fff}.article-content .donut-total{font-size:28px;font-weight:700;color:#409eff}.article-content .donut-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.article-content .grouped-chart{padding-right:20px}.article-content .grouped-row{display:flex;align-items:center;margin-bottom:12px;gap:16px}.article-content .grouped-row:last-child{margin-bottom:0}.article-content .grouped-label{width:140px;flex-shrink:0;font-size:13px;color:#606266;text-align:right;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-content .grouped-bars{flex:1;display:flex;gap:4px;height:24px}.article-content .grouped-bar-wrap{flex:1;background:#f0f2f5;border-radius:4px;overflow:hidden;position:relative}.article-content .grouped-bar{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.25,.46,.45,.94)}.article-content .grouped-values{width:120px;flex-shrink:0;font-size:12px;color:#909399;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-content .grouped-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;padding-top:16px;border-top:1px solid #ebeef5}.article-content .legend-item{display:flex;align-items:center;gap:8px;font-size:12px}.article-content .legend-color{width:16px;height:16px;border-radius:4px}.article-content .legend-label{color:#606266}.article-content .legend-value{color:#409eff;font-weight:600}.article-content .area-chart,.article-content .line-chart{padding:0}.article-content .area-svg,.article-content .line-svg{width:100%;height:auto;max-height:300px}.article-content .grid-lines{opacity:.5}.article-content .grid-label{font-size:11px;fill:#909399}.article-content .x-label{font-size:11px;fill:#606266}.article-content .line-path{stroke-linecap:round;stroke-linejoin:round}.article-content .line-point{transition:r .3s}.article-content .line-point:hover{r:8}.article-content .area-path{transition:opacity .3s}.article-content .area-point{transition:r .3s}.article-content .area-point:hover{r:8}.article-content .line-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:16px;padding-top:12px;border-top:1px solid #ebeef5}.article-content .radar-chart{padding:0}.article-content .radar-svg{width:100%;height:auto;max-height:360px}.article-content .radar-label{font-size:11px;fill:#606266}.article-content .radar-area{transition:fill-opacity .3s}.article-content .radar-point{transition:r .3s}.article-content .radar-point:hover{r:6}.article-content .radar-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:16px;padding-top:12px;border-top:1px solid #ebeef5}.article-content .scatter-chart{padding:0}.article-content .scatter-svg{width:100%;height:auto;max-height:300px}.article-content .scatter-point{transition:r .3s,fill-opacity .3s}.article-content .scatter-point:hover{r:10;fill-opacity:.8}.article-content .trend-line{stroke-dasharray:5,5}.article-content .scatter-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:16px;padding-top:12px;border-top:1px solid #ebeef5}.article-content .stacked-chart{padding-right:20px}.article-content .stacked-row{display:flex;align-items:center;margin-bottom:12px;gap:16px}.article-content .stacked-row:last-child{margin-bottom:0}.article-content .stacked-label{width:140px;flex-shrink:0;font-size:13px;color:#606266;text-align:right;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-content .stacked-bars{flex:1;display:flex;height:24px;position:relative;background:#f0f2f5;border-radius:4px;overflow:hidden}.article-content .stacked-bar-wrap{position:absolute;top:0;bottom:0;transition:width .8s cubic-bezier(.25,.46,.45,.94)}.article-content .stacked-bar{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.25,.46,.45,.94)}.article-content .stacked-total{width:80px;flex-shrink:0;font-size:13px;font-weight:600;color:#409eff;text-align:left}.article-content .stacked-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;padding-top:16px;border-top:1px solid #ebeef5}.article-content .horizontal-chart{padding-right:20px}.article-content .horizontal-row{display:flex;align-items:center;margin-bottom:8px;gap:12px}.article-content .horizontal-row:last-child{margin-bottom:0}.article-content .horizontal-bar-wrap{flex:1;height:20px;background:#f0f2f5;border-radius:4px;overflow:hidden}.article-content .horizontal-bar{height:100%;border-radius:4px;min-width:4px;transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative}.article-content .horizontal-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,hsla(0,0%,100%,.3),transparent);border-radius:4px}.article-content .horizontal-label{width:140px;flex-shrink:0;font-size:13px;color:#606266;text-align:right;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-content .horizontal-value{width:60px;flex-shrink:0;font-size:13px;font-weight:600;color:#303133;text-align:left}.article-content .waterfall-chart{padding-right:20px}.article-content .waterfall-row{display:flex;align-items:center;margin-bottom:8px;gap:16px}.article-content .waterfall-row:last-child{margin-bottom:0}.article-content .waterfall-total-row{display:flex;align-items:center;margin-top:12px;padding-top:12px;border-top:2px solid #dcdfe6;gap:16px}.article-content .waterfall-label{width:140px;flex-shrink:0;font-size:13px;color:#606266;text-align:right;font-weight:500}.article-content .waterfall-total-row .waterfall-label{font-weight:700;color:#303133}.article-content .waterfall-bar-wrap{flex:1;height:24px;background:#f0f2f5;border-radius:4px;overflow:hidden}.article-content .waterfall-bar{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.25,.46,.45,.94)}.article-content .waterfall-positive{background:linear-gradient(135deg,#67c23a,#85ce61)}.article-content .waterfall-negative{background:linear-gradient(135deg,#f56c6c,#f89898)}.article-content .waterfall-total{background:linear-gradient(135deg,#409eff,#66b1ff)}.article-content .waterfall-value{width:80px;flex-shrink:0;font-size:13px;font-weight:600;color:#606266;text-align:left}.article-content .waterfall-total-value{color:#409eff;font-size:15px}.article-content .data-source{display:block;padding:10px 16px;background:#fdf6ec;border-left:3px solid #e6a23c;border-radius:0 6px 6px 0;font-size:13px;color:#909399;margin:8px 0 20px 0}.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#409eff,#67c23a);z-index:9999;transition:width .1s linear;border-radius:0 2px 2px 0;box-shadow:0 0 6px rgba(64,158,255,.4)}.back-to-top-btn{position:fixed;bottom:40px;right:30px;width:44px;height:44px;border-radius:50%;background:#409eff;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px rgba(64,158,255,.35);z-index:1000;opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s;pointer-events:none}.back-to-top-btn.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top-btn:hover{background:#337ecc;transform:translateY(-2px);box-shadow:0 6px 16px rgba(64,158,255,.5)}.reading-time{display:inline-flex;align-items:center;gap:4px;color:#909399;font-size:13px}.reading-time:before{content:"";display:inline-block;width:14px;height:14px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23909399' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") 50%/contain no-repeat}.article-cta{margin-top:40px;padding:28px 32px;background:linear-gradient(135deg,#f0f9ff,#ecf5ff);border:1px solid #d9ecff;border-radius:12px;text-align:center}.article-cta .cta-title{font-size:18px;font-weight:700;color:#303133;margin-bottom:8px}.article-cta .cta-desc{font-size:14px;color:#606266;margin-bottom:20px;line-height:1.6}.article-cta .cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.article-cta .cta-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;cursor:pointer}.article-cta .cta-btn-primary{background:#409eff;color:#fff;border:none}.article-cta .cta-btn-primary:hover{background:#337ecc;transform:translateY(-1px);box-shadow:0 4px 12px rgba(64,158,255,.4)}.article-cta .cta-btn-outline{background:#fff;color:#409eff;border:1px solid #409eff}.article-cta .cta-btn-outline:hover{background:#ecf5ff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(64,158,255,.15)}.toc-item.toc-h3{padding-left:16px;font-size:13px;color:#909399}.toc-item.toc-h3.active,.toc-item.toc-h3:hover{color:#409eff}.share-bar{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #ebeef5}.share-bar .share-label{font-size:13px;color:#909399}.share-bar .share-btn{width:32px;height:32px;border-radius:50%;border:1px solid #ebeef5;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:14px;color:#606266}.share-bar .share-btn:hover{border-color:#409eff;color:#409eff;background:#ecf5ff}.share-bar .share-btn.copied{border-color:#67c23a;color:#67c23a;background:#f0f9eb}