.sql-templates-page{padding:24px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:24px}.sql-template-card{height:100%;transition:all .3s ease}.sql-template-card:hover{box-shadow:0 4px 12px #00000026}.template-header{margin-bottom:16px}.template-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.template-content{margin-bottom:16px}.effect-comparison{padding:12px;background:#f5f5f5;border-radius:4px;margin-top:12px}.template-actions{display:flex;gap:8px;margin-top:16px}.template-detail{padding:12px}.sql-code-block{padding:16px;background:#f5f5f5;border-radius:4px;font-family:Courier New,monospace;font-size:13px;white-space:pre-wrap;overflow-x:auto;margin:12px 0}.sql-code-block.error{background:#fff1f0;border-left:4px solid #ff4d4f}.sql-code-block.success{background:#f6ffed;border-left:4px solid #52c41a}.effect-card{background:linear-gradient(135deg,#f5f5f5,#fff)}.effect-item{display:flex;gap:12px;align-items:flex-start}.effect-item.before{padding:12px;background:#fff1f0;border-radius:6px}.effect-item.after{padding:12px;background:#f6ffed;border-radius:6px}.case-study-library-page{padding:24px}.page-header{margin-bottom:24px}.cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;margin-top:24px}.case-card{height:100%;transition:all .3s ease}.case-card.success{border-left:4px solid #52c41a}.case-card.error{border-left:4px solid #ff4d4f}.case-card.warning{border-left:4px solid #faad14}.case-card:hover{box-shadow:0 4px 12px #00000026}.case-header{padding-bottom:12px}.case-summary,.case-metrics-preview{padding:12px 0}.case-actions{display:flex;gap:8px;margin-top:16px}.case-detail,.metrics-detail{padding:12px}.methodology-card{background:linear-gradient(135deg,#e6f7ff,#fff);border-left:4px solid #1677ff}.governance-practice-center-page{padding:24px}.pipeline-visual{margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#f0f5ff,#fff);border-radius:8px}.pipeline-flow{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px}.pipeline-layer{flex:1;padding:16px;background:#fff;border:2px solid #d9d9d9;border-radius:6px;text-align:center;transition:all .3s ease}.pipeline-layer:hover{border-color:#1677ff;box-shadow:0 4px 12px #1677ff26}.pipeline-arrow{font-size:24px;color:#1677ff}.optimization-points{margin-top:32px}.optimization-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:20px;margin-top:24px}.optimization-card{border-left:4px solid #1677ff;transition:all .3s ease}.optimization-card:hover{box-shadow:0 4px 12px #00000026}.card-header{margin-bottom:16px}.effect-tags{display:flex;gap:8px;margin-top:12px}.sql-preview{padding:12px;background:#f5f5f5;border-radius:4px;font-family:Courier New,monospace;font-size:12px;margin-top:12px;white-space:pre-wrap;overflow-x:auto}.metric-naming-tool-page{padding:24px}.naming-tool-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.naming-card{padding:24px;border-radius:8px;border-left:4px solid #1677ff}.fixed-track-card{background:linear-gradient(135deg,#e6f7ff,#fff)}.dynamic-track-card{background:linear-gradient(135deg,#fff7e6,#fff);border-left-color:#faad14}.form-section{margin-bottom:24px}.result-section{padding:16px;background:#f5f5f5;border-radius:6px}.result-field-name{font-family:Courier New,monospace;font-size:16px;font-weight:700;color:#1677ff;padding:8px 12px;background:#fff;border:2px dashed #1677ff;border-radius:4px;display:inline-block}.case-example{margin-top:32px;padding:24px;background:#fafafa;border-radius:8px}.case-timeline{display:flex;gap:16px;margin-top:16px}.case-version{flex:1;padding:12px;background:#fff;border-radius:6px;border:1px solid #d9d9d9}.track-type-badge{margin-bottom:16px}.data-production-pipeline-page{padding:24px}.page-header{margin-bottom:32px}.pipeline-container{padding:24px;background:linear-gradient(135deg,#f0f5ff,#fff);border-radius:8px;margin-bottom:32px}.pipeline-flow{display:flex;justify-content:space-between;align-items:stretch;gap:16px;margin-top:24px}.layer-card{flex:1;background:#fff;border:2px solid #d9d9d9;border-radius:8px;padding:20px;transition:all .3s ease}.layer-card:hover{border-color:#1677ff;box-shadow:0 6px 16px #1677ff33}.layer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.layer-content{margin-top:16px}.aggregation-info{padding:12px;background:#fafafa;border-radius:4px;margin-bottom:12px}.sql-example{padding:12px;background:#f5f5f5;border-radius:4px;font-family:Courier New,monospace;font-size:12px;white-space:pre-wrap;overflow-x:auto;margin-top:8px}.common-mistakes{margin-top:12px;padding:12px;background:#fff1f0;border-radius:4px;border-left:3px solid #ff4d4f}.layer-arrow{display:flex;align-items:center;justify-content:center;font-size:32px;color:#1677ff;font-weight:700}.flow-diagram{margin-top:32px;padding:24px;background:#fff;border-radius:8px;border:2px dashed #d9d9d9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f2f5}#root{min-height:100vh}.stat-card-value{font-size:28px;font-weight:600;color:#1890ff}.stat-card-label{font-size:14px;color:#8c8c8c;margin-top:4px}