*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f0f2f5}.ant-table-wrapper{overflow-x:auto}@media (max-width: 860px){.course-detail-grid{grid-template-columns:1fr!important}}.reader{display:flex;align-items:flex-start;gap:28px}.reader-catalog{background:#fff;border:1px solid #e3e3e3;border-radius:4px;position:sticky;top:76px;max-height:calc(100vh - 96px);overflow-y:auto}.catalog-title{padding:12px 14px;font-weight:700;border-bottom:1px solid #e3e3e3;color:#333;background:#fafafa}.catalog-item{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer;font-size:14px;color:#555;border-left:3px solid transparent}.catalog-item:hover{background:#f6fbf6}.catalog-item.active{background:#f0f9f0;border-left-color:#4caf50;color:#2e7d32;font-weight:600}.catalog-no{width:20px;height:20px;flex:0 0 20px;border-radius:3px;background:#eee;color:#888;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.catalog-no.done{background:#4caf50;color:#fff}.catalog-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-flag{font-size:11px;color:#e65100;border:1px solid #ffcc80;border-radius:3px;padding:0 4px}.reader-main{flex:1 1 auto;background:#fff;border:1px solid #e3e3e3;border-radius:4px;padding:28px 32px;min-width:0}.doc-crumb{font-size:13px;color:#999;display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.doc-crumb a{color:#4caf50}.doc-crumb .cur{color:#666}.doc-title{margin-top:0!important;border-bottom:1px solid #eee;padding-bottom:12px}.doc-meta{display:flex;align-items:center;gap:10px;margin-bottom:18px}.doc-h2{font-size:19px;margin:26px 0 12px;padding-left:10px;border-left:4px solid #4caf50;color:#333}.doc-p{font-size:16px;line-height:1.75;color:#333;margin:0 0 12px}.doc-list{margin:0 0 16px;padding-left:22px}.doc-list li{font-size:15px;line-height:1.9;color:#444}.doc-pre-wrap{position:relative;margin:14px 0}.doc-pre{background:#f5f7fa;border:1px solid #e3e8ee;border-left:4px solid #43a047;border-radius:8px;padding:14px 16px;overflow-x:auto;margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;color:#2a2a2a;white-space:pre}.doc-pre code{white-space:pre}.doc-pre-copy{position:absolute;top:8px;right:8px;z-index:1;font-size:12px;color:#6b7280;background:#fff;border:1px solid #e3e8ee;border-radius:4px;padding:2px 8px;cursor:pointer}.doc-pre-copy:hover{color:#43a047;border-color:#43a047}.doc-p code,.doc-tip code,.lesson-body code,.obj-box code{font-family:Consolas,Monaco,Courier New,monospace;background:#eef1f4;padding:1px 5px;border-radius:4px;font-size:13.5px;color:#b53030}.doc-tip{background:#fff8e1;border:1px solid #ffe0a3;border-left:4px solid #f5a623;padding:12px 14px;border-radius:4px;color:#6b4e00;font-size:14px;line-height:1.85;margin:16px 0}.doc-image-wrap{margin:16px 0 20px;text-align:center}.doc-image{max-width:100%;border:1px solid #e3e3e3;border-radius:4px}.doc-image-caption{font-size:13px;color:#888;margin-top:6px}.doc-code{border:1px solid #e3e3e3;border-radius:4px;overflow:hidden;margin:16px 0 20px;background:#f8f8f8}.doc-code-bar{display:flex;justify-content:space-between;align-items:center;background:#fafafa;border-bottom:1px solid #e3e3e3;padding:4px 8px 4px 12px}.doc-code-lang{font-size:12px;color:#888;font-family:Consolas,Monaco,Courier New,monospace}.doc-code-pre{margin:0;background:#f8f8f8;padding:10px 0;overflow-x:auto;font-family:Consolas,Monaco,Courier New,monospace;font-size:13.5px;line-height:1.7;color:#333}.doc-code-line{display:flex;padding:0 16px}.doc-code-line:hover{background:#f0f0f0}.doc-code-ln{flex:0 0 auto;width:2.4em;text-align:right;padding-right:12px;margin-right:12px;color:#bbb;-webkit-user-select:none;user-select:none;border-right:1px solid #ececec}.doc-code-line code{flex:1;white-space:pre}.doc-assign{border:1px solid #ffe0b2;background:#fff8e1;border-radius:4px;padding:16px;margin:22px 0}.doc-assign-title{font-weight:700;margin-bottom:8px;color:#e65100}.doc-notes{border-top:1px dashed #e3e3e3;margin-top:28px;padding-top:18px}.doc-notes-title{font-weight:700;margin-bottom:10px;color:#333}.note-item{background:#fafafa;border:1px solid #eee;border-radius:4px;padding:10px 12px;margin-top:8px;font-size:14px}.doc-nav{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px solid #eee}.catalog-toggle{display:none;margin-bottom:12px}@media (max-width: 860px){.reader{flex-direction:column}.catalog-toggle{display:inline-flex}.reader-catalog{display:none;position:static;max-height:320px}.reader.catalog-open .reader-catalog{display:block}.reader-main{padding:18px 16px}}.runoob-panel{background:#fff;border:1px solid #e3e3e3;border-radius:4px}.runoob-h{font-size:18px;font-weight:700;color:#333;margin:0 0 14px;padding-left:10px;border-left:4px solid #4caf50;line-height:1.3}.runoob-h-sm{font-size:16px;font-weight:700;color:#333;margin:0 0 12px;padding-left:9px;border-left:4px solid #4caf50;line-height:1.3}.runoob-card{background:#fff;border:1px solid #e3e3e3;border-radius:4px;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}.runoob-card:hover{border-color:#4caf50;box-shadow:0 2px 10px #4caf501f}.runoob-tag{display:inline-block;font-size:12px;line-height:20px;padding:0 8px;border-radius:3px;background:#f0f9f0;color:#2e7d32;border:1px solid #c8e6c9}.runoob-search{display:flex;align-items:center;gap:10px}.runoob-search .ant-input-affix-wrapper,.runoob-search .ant-input-search{border-radius:4px}.runoob-stat{background:#fff;border:1px solid #e3e3e3;border-radius:4px;padding:16px 18px}.runoob-li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e3e3e3;border-radius:4px;margin-bottom:8px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.runoob-li:hover{border-color:#4caf50;background:#f6fbf6}.course-hero{display:flex;gap:28px;align-items:center;background:#eef6ee;border:1px solid #e3e3e3;border-radius:4px;padding:28px}.course-hero-cover{width:300px;height:188px;object-fit:cover;border-radius:4px;border:1px solid #e3e3e3;flex-shrink:0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:16px 0 8px}.feature-card{border:1px solid #e3e3e3;border-radius:4px;padding:16px;background:#fff;transition:border-color .15s,box-shadow .15s}.feature-card:hover{border-color:#4caf50;box-shadow:0 2px 10px #4caf501f}.feature-icon{width:36px;height:36px;border-radius:8px;background:#f0f9f0;color:#4caf50;display:flex;align-items:center;justify-content:center;font-size:18px}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:16px 0 8px}.lesson-card{position:relative;display:flex;align-items:center;gap:12px;border:1px solid #e3e3e3;border-radius:4px;padding:14px;background:#fff;cursor:pointer;transition:border-color .15s,transform .15s,background .15s}.lesson-card:hover{border-color:#4caf50;background:#f6fbf6;transform:translateY(-2px)}.lesson-no{width:28px;height:28px;border-radius:50%;background:#f0f9f0;color:#4caf50;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;flex-shrink:0}.lesson-card-esp{flex-direction:column;align-items:stretch;gap:2px;height:100%}.lesson-card-esp .pill{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:#f0f9f0;color:#2e7d32;margin-bottom:6px;align-self:flex-start}.lesson-card-esp .cid{font-size:13px;color:#2e7d32;font-weight:700;letter-spacing:.5px}.lesson-card-esp .lc-title{font-size:17px;margin:4px 0 8px}.lesson-card-esp .lc-summary{font-size:13px;color:#6b7280;margin:0 0 10px;flex:1;line-height:1.6}.lesson-card-esp .lc-meta{font-size:12px;color:#9aa0a6}.lesson-card-esp .lc-done{position:absolute;top:10px;right:10px;font-size:11px;color:#4caf50;background:#eef6ee;border:1px solid #c8e6c9;border-radius:999px;padding:1px 8px}.doc-container{margin:0}@media (max-width: 720px){.course-hero{flex-direction:column;align-items:stretch}.course-hero-cover{width:100%;height:180px}}.stage-route{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 4px}.stage-chip{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #e3e3e3;border-radius:999px;background:#fff}.stage-no{width:22px;height:22px;border-radius:50%;background:#4caf50;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.stage-name{font-weight:600;font-size:14px;color:#2e7d32}.stage-count{font-size:12px;color:#888}.esp-sidebar{width:264px;flex:0 0 264px;position:sticky;top:76px;max-height:calc(100vh - 96px);overflow-y:auto;background:transparent;border:none;border-right:1px solid #e3e3e3;border-radius:0;padding:4px 16px 4px 0}.esp-sidebar .sb-lesson{font-size:16px;font-weight:700;color:#1b3a1b;margin:2px 0 10px}.esp-sidebar h4.sb-h{font-size:12px;color:#888;letter-spacing:1px;margin:16px 0 6px;text-transform:uppercase}.esp-sidebar .toc{list-style:none;margin:0;padding:0}.esp-sidebar .toc a{display:block;padding:6px 10px;border-radius:6px;color:#444;font-size:14px;line-height:1.45}.esp-sidebar .toc a:hover{background:#eef6ee;text-decoration:none}.esp-sidebar .toc a.active{background:#f0f9f0;color:#2e7d32;font-weight:600}.esp-sidebar .sb-courses a.sb-lesson-link{display:block;padding:4px 10px;font-size:13px;color:#6b7280;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.esp-sidebar .sb-courses a.sb-lesson-link:hover{background:#eef6ee;text-decoration:none;color:#2e7d32}.esp-sidebar .sb-courses a.sb-lesson-link.cur{color:#2e7d32;font-weight:600}.esp-sidebar .sb-done{color:#4caf50;font-weight:700;margin-right:4px}.esp-sidebar .sb-stage{font-size:12px;color:#9aa0a6;margin:10px 0 2px 10px}@media (max-width: 860px){.reader-catalog.esp-sidebar{width:100%;flex:none;position:static;max-height:320px;border-radius:4px;border-right:1px solid #e3e3e3}}.learn-actionbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:4px 0 6px}.learn-progress{flex:1;min-width:200px;display:flex;align-items:center;gap:10px}.learn-progress .ant-progress{flex:1;max-width:220px}.lesson-head{border-bottom:2px solid #4caf50;padding-bottom:14px;margin-bottom:8px}.lesson-head .stage-badge{display:inline-block;font-size:12px;background:#f0f9f0;color:#2e7d32;padding:2px 10px;border-radius:999px;margin-bottom:8px}.lesson-h1{font-size:26px;margin:0;color:#1b3a1b}.lesson-meta{font-size:13px;color:#6b7280;margin-top:8px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}.obj-box{background:#f6f8fa;border:1px solid #e3e3e3;border-radius:10px;padding:14px 18px;margin:18px 0}.obj-box h4{margin:0 0 8px;font-size:15px;color:#2e7d32}.obj-box ul{margin:0;padding-left:20px}.obj-box li{font-size:14px;margin:3px 0}.lesson-body{margin-top:8px}.lesson-sec h2{font-size:21px;margin:30px 0 10px;padding-bottom:6px;border-bottom:1px dashed #e3e3e3;color:#1f3a1f}.doc-h3{font-size:17px;margin:20px 0 8px;color:#1f3a1f}.doc-ol{margin:0 0 16px;padding-left:22px}.doc-ol li{font-size:15px;line-height:1.9;color:#444}.doc-tip{border-radius:8px;padding:12px 16px;margin:16px 0;font-size:14px;line-height:1.85}.doc-tip b{display:block;margin-bottom:3px}.tip-warn{background:#fff4e5;border-left:4px solid #ffb300}.tip-danger{background:#ffebee;border-left:4px solid #e53935}.tip-info{background:#e3f2fd;border-left:4px solid #0088cc}.tip-forward{background:#e3f2fd;border-left:4px solid #1565c0;border-radius:4px 12px 12px 4px;position:relative;padding-left:38px}.tip-backward{background:#e8f5e9;border-left:4px solid #43a047;border-radius:12px 4px 4px 12px;position:relative;padding-left:38px}.doc-tip.tip-forward:before,.doc-tip.tip-backward:before{position:absolute;left:10px;top:12px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;line-height:1}.doc-tip.tip-forward:before{content:"→";background:#1565c0}.doc-tip.tip-backward:before{content:"↩";background:#43a047}.doc-tip.tip-forward>b{color:#1565c0}.doc-tip.tip-backward>b{color:#2e7d32}.diagram-wrap{margin:14px 0}.mermaid-wrap{margin:14px 0;padding:12px;background:#fff;border:1px solid #e8e8e8;border-radius:10px;text-align:center;overflow-x:auto}.mermaid-wrap svg{max-width:100%;height:auto}.doc-table-wrap{margin:14px 0;overflow-x:auto}.doc-table{border-collapse:collapse;width:100%;font-size:14px;background:#fff;border:1px solid #e3e3e3;border-radius:8px;overflow:hidden}.doc-table th,.doc-table td{border:1px solid #ececec;padding:8px 12px;text-align:left;vertical-align:top}.doc-table thead th{background:#1a73e8;color:#fff;font-weight:600}.doc-table tbody tr:nth-child(2n){background:#f7f9fc}.doc-table tbody tr:hover{background:#eef4ff}.diagram{display:block;width:100%;max-width:640px;height:auto;margin:0 auto;background:#fff;border:1px solid #e3e3e3;border-radius:10px;padding:8px}.esp-pager{display:flex;justify-content:space-between;gap:12px;margin:40px 0 10px}.esp-pager-link{flex:1;border:1px solid #e3e3e3;border-radius:10px;padding:12px 16px;background:#fff;cursor:pointer}.esp-pager-link:hover{border-color:#4caf50;box-shadow:0 2px 10px #4caf501f}.esp-pager .dir{font-size:12px;color:#6b7280}.esp-pager .ttl{font-size:15px;color:#2e7d32;font-weight:600;margin-top:2px}