.page-header[data-v-ccb6e5b9]{background:linear-gradient(135deg,var(--kd-primary) 0%,var(--kd-primary-dark) 100%);color:#fff;padding:80px 0 60px;text-align:center}.page-header h1[data-v-ccb6e5b9]{font-size:48px;margin-bottom:16px}.page-header p[data-v-ccb6e5b9]{font-size:18px;opacity:.9}.container[data-v-ccb6e5b9]{max-width:1200px;margin:0 auto;padding:0 24px}.section-header[data-v-ccb6e5b9]{text-align:center;margin-bottom:60px}.section-header h2[data-v-ccb6e5b9]{font-size:40px;margin-bottom:12px;color:var(--kd-text)}.section-header p[data-v-ccb6e5b9]{font-size:18px;color:var(--kd-text-muted)}.overview-section[data-v-ccb6e5b9]{padding:100px 0;background:#fff}.course-cards[data-v-ccb6e5b9]{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.course-card[data-v-ccb6e5b9]{background:#fff;border-radius:var(--kd-radius-lg);padding:32px;box-shadow:var(--kd-shadow);position:relative;overflow:hidden;transition:all .3s}.course-card[data-v-ccb6e5b9]:hover{transform:translateY(-4px);box-shadow:var(--kd-shadow-lg)}.course-card[data-v-ccb6e5b9]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.csp-j[data-v-ccb6e5b9]:before{background:#7030a0}.csp-s[data-v-ccb6e5b9]:before{background:#9b59b6}.noi[data-v-ccb6e5b9]:before{background:#4a235a}.card-badge[data-v-ccb6e5b9]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;margin-bottom:16px}.csp-j .card-badge[data-v-ccb6e5b9]{background:#f3e5f5;color:#7030a0}.csp-s .card-badge[data-v-ccb6e5b9]{background:#e1bee7;color:#9b59b6}.noi .card-badge[data-v-ccb6e5b9]{background:#d1c4e9;color:#4a235a}.course-card h3[data-v-ccb6e5b9]{font-size:22px;margin-bottom:8px}.card-desc[data-v-ccb6e5b9]{font-size:14px;color:var(--kd-text-muted);margin-bottom:24px}.levels[data-v-ccb6e5b9]{display:flex;flex-direction:column;gap:16px}.level-item[data-v-ccb6e5b9]{display:flex;align-items:flex-start;gap:12px}.level-num[data-v-ccb6e5b9]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--kd-bg);color:var(--kd-primary);border-radius:8px;font-weight:700;font-size:14px;flex-shrink:0}.level-info h4[data-v-ccb6e5b9]{font-size:14px;margin-bottom:4px}.level-info p[data-v-ccb6e5b9]{font-size:12px;color:var(--kd-text-muted)}.path-section[data-v-ccb6e5b9]{padding:100px 0;background:var(--kd-bg)}.path-timeline[data-v-ccb6e5b9]{position:relative;max-width:900px;margin:0 auto}.path-line[data-v-ccb6e5b9]{position:absolute;left:20px;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#7030a0,#9b59b6,#4a235a);border-radius:2px}.path-item[data-v-ccb6e5b9]{display:flex;align-items:flex-start;padding-left:60px;margin-bottom:32px;position:relative}.path-item.入门 .path-dot[data-v-ccb6e5b9]{border-color:#7030a0}.path-item.提高 .path-dot[data-v-ccb6e5b9]{border-color:#9b59b6}.path-item.省选 .path-dot[data-v-ccb6e5b9]{border-color:#6a1b9a}.path-item.NOI .path-dot[data-v-ccb6e5b9]{border-color:#4a235a}.path-dot[data-v-ccb6e5b9]{position:absolute;left:8px;top:12px;width:28px;height:28px;background:#fff;border:4px solid var(--kd-primary);border-radius:50%;z-index:1}.path-content[data-v-ccb6e5b9]{background:#fff;padding:20px 24px;border-radius:var(--kd-radius);box-shadow:var(--kd-shadow);flex:1;border-left:4px solid transparent;transition:all .3s}.path-item.入门 .path-content[data-v-ccb6e5b9]{border-left-color:#7030a0}.path-item.提高 .path-content[data-v-ccb6e5b9]{border-left-color:#9b59b6}.path-item.省选 .path-content[data-v-ccb6e5b9]{border-left-color:#6a1b9a}.path-item.NOI .path-content[data-v-ccb6e5b9]{border-left-color:#4a235a}.path-content[data-v-ccb6e5b9]:hover{transform:translate(4px);box-shadow:var(--kd-shadow-lg)}.path-header[data-v-ccb6e5b9]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.path-stage[data-v-ccb6e5b9]{display:inline-block;padding:4px 12px;background:var(--kd-primary);color:#fff;border-radius:12px;font-size:12px;font-weight:600}.path-stage.入门[data-v-ccb6e5b9]{background:#7030a0}.path-stage.提高[data-v-ccb6e5b9]{background:#9b59b6}.path-stage.省选[data-v-ccb6e5b9]{background:#6a1b9a}.path-stage.NOI[data-v-ccb6e5b9]{background:#4a235a}.path-badge[data-v-ccb6e5b9]{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;background:#f5f5f5;color:var(--kd-text-muted)}.path-badge.入门[data-v-ccb6e5b9]{background:#f3e5f5;color:#7030a0}.path-badge.提高[data-v-ccb6e5b9]{background:#e1bee7;color:#9b59b6}.path-badge.省选[data-v-ccb6e5b9]{background:#e1bee7;color:#6a1b9a}.path-badge.NOI[data-v-ccb6e5b9]{background:#d1c4e9;color:#4a235a}.path-content h3[data-v-ccb6e5b9]{font-size:18px;margin-bottom:8px}.path-content p[data-v-ccb6e5b9]{font-size:14px;color:var(--kd-text-muted);margin-bottom:8px;line-height:1.6}.path-duration[data-v-ccb6e5b9]{font-size:13px;color:var(--kd-accent);font-weight:600}.steps-section[data-v-ccb6e5b9]{padding:100px 0;background:#fff}.steps-staircase[data-v-ccb6e5b9]{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:40px 0;position:relative}.stair-step[data-v-ccb6e5b9]{position:relative;width:140px;display:flex;flex-direction:column;align-items:center}.stair-1[data-v-ccb6e5b9]{margin-bottom:0}.stair-2[data-v-ccb6e5b9]{margin-bottom:20px}.stair-3[data-v-ccb6e5b9]{margin-bottom:40px}.stair-4[data-v-ccb6e5b9]{margin-bottom:60px}.stair-5[data-v-ccb6e5b9]{margin-bottom:80px}.stair-6[data-v-ccb6e5b9]{margin-bottom:100px}.stair-7[data-v-ccb6e5b9]{margin-bottom:120px}.stair-content[data-v-ccb6e5b9]{background:#fff;border-radius:16px 16px 0 0;padding:20px 14px;text-align:center;box-shadow:0 -4px 20px #7030a026;transition:all .3s;width:100%;border-top:4px solid var(--kd-primary);position:relative;display:flex;flex-direction:column;align-items:center}.stair-step:hover .stair-content[data-v-ccb6e5b9]{transform:translateY(-8px);box-shadow:0 -12px 30px #7030a040}.stair-number[data-v-ccb6e5b9]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--kd-primary) 0%,#9B59B6 100%);color:#fff;border-radius:50%;font-weight:800;font-size:18px;margin-bottom:12px;box-shadow:0 4px 12px #7030a04d}.stair-icon[data-v-ccb6e5b9]{font-size:32px;margin-bottom:12px}.stair-text h3[data-v-ccb6e5b9]{font-size:14px;margin-bottom:6px;color:var(--kd-text)}.stair-text p[data-v-ccb6e5b9]{font-size:11px;color:var(--kd-text-muted);line-height:1.5}.stair-1 .stair-content[data-v-ccb6e5b9]{border-top-color:#e8d5f5}.stair-2 .stair-content[data-v-ccb6e5b9]{border-top-color:#dcc0f0}.stair-3 .stair-content[data-v-ccb6e5b9]{border-top-color:#cfabeb}.stair-4 .stair-content[data-v-ccb6e5b9]{border-top-color:#c096e6}.stair-5 .stair-content[data-v-ccb6e5b9]{border-top-color:#b180e0}.stair-6 .stair-content[data-v-ccb6e5b9]{border-top-color:#a06ad8}.stair-7 .stair-content[data-v-ccb6e5b9]{border-top-color:#8e54cf}.stair-1:hover .stair-number[data-v-ccb6e5b9]{background:linear-gradient(135deg,#e8d5f5,#dcc0f0);color:#7030a0}.stair-2:hover .stair-number[data-v-ccb6e5b9]{background:linear-gradient(135deg,#dcc0f0,#cfabeb);color:#7030a0}.stair-3:hover .stair-number[data-v-ccb6e5b9]{background:linear-gradient(135deg,#cfabeb,#c096e6);color:#7030a0}.stair-4:hover .stair-number[data-v-ccb6e5b9]{background:linear-gradient(135deg,#c096e6,#b180e0);color:#fff}.stair-5:hover .stair-number[data-v-ccb6e5b9]{background:linear-gradient(135deg,#b180e0,#a06ad8);color:#fff}.stair-6:hover .stair-number[data-v-ccb6e5b9]{background:linear-gradient(135deg,#a06ad8,#8e54cf);color:#fff}.stair-7:hover .stair-number[data-v-ccb6e5b9]{background:linear-gradient(135deg,#8e54cf,#7b3fc7);color:#fff}.steps-staircase[data-v-ccb6e5b9]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:calc(100% - 280px);height:8px;background:linear-gradient(90deg,#e8d5f5,#8e54cf);border-radius:4px}.features-section[data-v-ccb6e5b9]{padding:100px 0;background:var(--kd-bg)}.features-grid[data-v-ccb6e5b9]{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.feature-card[data-v-ccb6e5b9]{display:flex;gap:20px;background:#fff;padding:32px;border-radius:var(--kd-radius-lg);box-shadow:var(--kd-shadow);transition:all .3s}.feature-card[data-v-ccb6e5b9]:hover{transform:translateY(-4px);box-shadow:var(--kd-shadow-lg)}.feature-icon[data-v-ccb6e5b9]{font-size:48px;flex-shrink:0}.feature-content h3[data-v-ccb6e5b9]{font-size:18px;margin-bottom:8px}.feature-content p[data-v-ccb6e5b9]{font-size:14px;color:var(--kd-text-muted);line-height:1.7}.oj-section[data-v-ccb6e5b9]{padding:100px 0;background:#fff}.oj-grid[data-v-ccb6e5b9]{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.oj-content h2[data-v-ccb6e5b9]{font-size:36px;margin-bottom:8px}.oj-subtitle[data-v-ccb6e5b9]{font-size:18px;color:var(--kd-accent);font-weight:600;margin-bottom:24px}.oj-features[data-v-ccb6e5b9]{list-style:none;margin-bottom:32px}.oj-features li[data-v-ccb6e5b9]{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:15px}.check[data-v-ccb6e5b9]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e8eaf6;color:#7030a0;border-radius:50%;font-weight:700;font-size:14px}.btn[data-v-ccb6e5b9]{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:var(--kd-radius);font-weight:600;font-size:16px;transition:all .3s;cursor:pointer}.btn-primary[data-v-ccb6e5b9]{background:linear-gradient(135deg,var(--kd-primary) 0%,var(--kd-primary-light) 100%);color:#fff;box-shadow:0 4px 14px #1c4d9b59}.btn-primary[data-v-ccb6e5b9]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1c4d9b73;text-decoration:none;color:#fff}.oj-preview[data-v-ccb6e5b9]{background:#1e1e1e;border-radius:var(--kd-radius);overflow:hidden;box-shadow:0 20px 40px #0003}.oj-header[data-v-ccb6e5b9]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#2d2d2d}.dot[data-v-ccb6e5b9]{width:12px;height:12px;border-radius:50%}.dot.red[data-v-ccb6e5b9]{background:#ff5f56}.dot.yellow[data-v-ccb6e5b9]{background:#ffbd2e}.dot.green[data-v-ccb6e5b9]{background:#27c93f}.oj-title[data-v-ccb6e5b9]{color:#ccc;font-size:13px;margin-left:8px}.oj-body[data-v-ccb6e5b9]{padding:20px}.problem-list[data-v-ccb6e5b9]{display:flex;flex-direction:column;gap:8px}.problem-item[data-v-ccb6e5b9]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#2d2d2d;border-radius:8px}.problem-item.active[data-v-ccb6e5b9]{background:#283593}.problem-id[data-v-ccb6e5b9]{color:#7986cb;font-size:14px;font-weight:600}.problem-name[data-v-ccb6e5b9]{color:#ce9178;font-size:14px;flex:1}.problem-tag[data-v-ccb6e5b9]{padding:2px 8px;background:#ffffff1a;color:#90caf9;border-radius:4px;font-size:11px}@media (max-width: 1024px){.course-cards[data-v-ccb6e5b9]{grid-template-columns:1fr}.steps-staircase[data-v-ccb6e5b9]{flex-wrap:wrap;gap:16px;padding:20px 0}.stair-step[data-v-ccb6e5b9]{width:calc(33.33% - 16px)}.stair-1[data-v-ccb6e5b9],.stair-2[data-v-ccb6e5b9],.stair-3[data-v-ccb6e5b9],.stair-4[data-v-ccb6e5b9],.stair-5[data-v-ccb6e5b9],.stair-6[data-v-ccb6e5b9],.stair-7[data-v-ccb6e5b9]{margin-bottom:0}.stair-content[data-v-ccb6e5b9]{min-height:180px;padding:16px 12px}.steps-staircase[data-v-ccb6e5b9]:after{display:none}.features-grid[data-v-ccb6e5b9],.oj-grid[data-v-ccb6e5b9]{grid-template-columns:1fr}.path-timeline[data-v-ccb6e5b9]{max-width:100%}}@media (max-width: 768px){.page-header h1[data-v-ccb6e5b9]{font-size:36px}.steps-staircase[data-v-ccb6e5b9]{flex-direction:column;align-items:center;gap:0}.stair-step[data-v-ccb6e5b9]{width:100%;max-width:300px}.stair-1[data-v-ccb6e5b9],.stair-2[data-v-ccb6e5b9],.stair-3[data-v-ccb6e5b9],.stair-4[data-v-ccb6e5b9],.stair-5[data-v-ccb6e5b9],.stair-6[data-v-ccb6e5b9],.stair-7[data-v-ccb6e5b9]{margin-bottom:0}.stair-content[data-v-ccb6e5b9]{min-height:auto;padding:20px 16px}.path-timeline[data-v-ccb6e5b9]{padding-left:20px}.path-line[data-v-ccb6e5b9]{left:10px}.path-dot[data-v-ccb6e5b9]{width:20px;height:20px;left:2px}.path-item[data-v-ccb6e5b9]{padding-left:40px}.path-content[data-v-ccb6e5b9]{padding:16px}.path-content h3[data-v-ccb6e5b9]{font-size:16px}.path-header[data-v-ccb6e5b9]{flex-wrap:wrap;gap:8px}}