.container[data-v-d27b32dc]{max-width:1200px;margin:0 auto;box-sizing:border-box}.book-detail-page[data-v-d27b32dc]{background-color:var(--c-page,#f7f9fb);min-height:100vh}.detail-container[data-v-d27b32dc]{padding:20px 0 60px;box-sizing:border-box}.book-hero-card[data-v-d27b32dc]{display:flex;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.06);margin-bottom:20px;box-sizing:border-box}.book-hero-card .hero-left[data-v-d27b32dc]{width:240px;flex-shrink:0}.book-hero-card .hero-left .book-cover-wrapper[data-v-d27b32dc]{position:relative;width:100%;aspect-ratio:.75;border-radius:10px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.15)}.book-hero-card .hero-left .book-cover-wrapper .book-cover[data-v-d27b32dc]{width:100%;height:100%;display:block;object-fit:cover}.book-hero-card .hero-left .book-cover-wrapper[data-v-d27b32dc] .el-image{width:100%;height:100%}.book-hero-card .hero-left .book-cover-wrapper[data-v-d27b32dc] .el-image .el-image__inner{width:100%;height:100%;object-fit:cover}.book-hero-card .hero-left .book-cover-wrapper .image-slot[data-v-d27b32dc],.book-hero-card .hero-left .book-cover-wrapper[data-v-d27b32dc] .el-image .el-image__error,.book-hero-card .hero-left .book-cover-wrapper[data-v-d27b32dc] .el-image .el-image__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.book-hero-card .hero-left .book-cover-wrapper .image-slot[data-v-d27b32dc]{background:var(--c-page,#f7f9fb);color:var(--c-text-tertiary,#a8abb2);font-size:40px}.book-hero-card .hero-left .book-cover-wrapper .mode-tag[data-v-d27b32dc]{position:absolute;top:12px;right:12px;padding:5px 10px;background:var(--c-primary,#337eff);color:#fff;font-size:var(--sp-12,12px);border-radius:6px;font-weight:500}.book-hero-card .hero-left .book-cover-wrapper .mode-tag.daily[data-v-d27b32dc]{background:var(--c-action,#ff7d00)}.book-hero-card .hero-right[data-v-d27b32dc]{flex:1;padding-left:28px;display:flex;flex-direction:column}.book-hero-card .hero-right .book-title-row[data-v-d27b32dc]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.book-hero-card .hero-right .book-title-row .book-title[data-v-d27b32dc]{font-size:calc(var(--sp-20, 20px) + 4px);font-weight:600;color:var(--c-text-primary,#1f2329);margin:0;line-height:1.4;flex:1;padding-right:20px}.book-hero-card .hero-right .book-title-row .action-btns[data-v-d27b32dc]{flex-shrink:0}.book-hero-card .hero-right .book-title-row .action-btns .collect-btn[data-v-d27b32dc]{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:var(--c-page,#f7f9fb);border-radius:6px;font-size:var(--sp-14,14px);color:var(--c-text-secondary,#686b73);cursor:pointer;transition:all .2s}.book-hero-card .hero-right .book-title-row .action-btns .collect-btn i[data-v-d27b32dc]{font-size:var(--sp-16,16px)}.book-hero-card .hero-right .book-title-row .action-btns .collect-btn[data-v-d27b32dc]:hover{background:var(--c-border,#e8e9ec)}.book-hero-card .hero-right .book-title-row .action-btns .collect-btn.active[data-v-d27b32dc]{background:#fff7e8;color:var(--c-action,#ff7d00)}.book-hero-card .hero-right .book-title-row .action-btns .collect-btn.active i[data-v-d27b32dc]{color:var(--c-action,#ff7d00)}.book-hero-card .hero-right .book-tags[data-v-d27b32dc]{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:8px}.book-hero-card .hero-right .book-tags .book-tag[data-v-d27b32dc]{height:26px;line-height:24px;padding:0 12px;font-size:var(--sp-13,13px);border-radius:4px}.book-hero-card .hero-right .book-meta[data-v-d27b32dc]{flex:1}.book-hero-card .hero-right .book-meta .meta-item[data-v-d27b32dc]{display:flex;align-items:center;padding:8px 0;font-size:var(--sp-14,14px)}.book-hero-card .hero-right .book-meta .meta-item .meta-icon[data-v-d27b32dc]{width:20px;text-align:center;color:var(--c-text-tertiary,#a8abb2);margin-right:10px;font-size:var(--sp-16,16px)}.book-hero-card .hero-right .book-meta .meta-item .meta-label[data-v-d27b32dc]{color:var(--c-text-secondary,#686b73);margin-right:12px;width:72px;flex-shrink:0}.book-hero-card .hero-right .book-meta .meta-item .meta-value[data-v-d27b32dc]{color:var(--c-text-primary,#1f2329);font-weight:500}.book-hero-card .hero-right .book-meta .meta-item .meta-value.highlight[data-v-d27b32dc]{color:var(--c-warning,#f53f3f)}.book-hero-card .hero-right .join-btn-wrapper[data-v-d27b32dc]{margin-top:auto;padding-top:20px}.book-hero-card .hero-right .join-btn-wrapper .join-btn[data-v-d27b32dc]{min-width:180px;height:44px;font-size:var(--sp-16,16px);border-radius:8px}.book-hero-card .hero-right .join-btn-wrapper .join-btn .btn-icon[data-v-d27b32dc]{margin-right:6px}.book-hero-card .hero-right .joined-badge[data-v-d27b32dc]{margin-top:auto;padding-top:20px;display:inline-flex;align-items:center;gap:6px;color:var(--c-success,#00b42a);font-size:var(--sp-15,15px);font-weight:500}.book-hero-card .hero-right .joined-badge i[data-v-d27b32dc]{font-size:20px}.detail-main[data-v-d27b32dc]{display:flex;gap:20px}.detail-tabs[data-v-d27b32dc]{width:200px;flex-shrink:0;background:#fff;border-radius:12px;padding:12px 0;box-shadow:0 2px 12px rgba(0,0,0,.06);align-self:flex-start;position:sticky;top:20px}.detail-tabs .tab-item[data-v-d27b32dc]{display:flex;align-items:center;padding:14px 24px;font-size:var(--sp-15,15px);color:var(--c-text-secondary,#686b73);cursor:pointer;transition:all .2s;position:relative}.detail-tabs .tab-item[data-v-d27b32dc]:hover{background:var(--c-page,#f7f9fb);color:var(--c-primary,#337eff)}.detail-tabs .tab-item.active[data-v-d27b32dc]{color:var(--c-primary,#337eff);font-weight:500;background:var(--c-primary-light,#e8f0ff)}.detail-tabs .tab-item.active[data-v-d27b32dc]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--c-primary,#337eff);border-radius:0 2px 2px 0}.tab-panels[data-v-d27b32dc]{flex:1;min-width:0}.tab-panel[data-v-d27b32dc]{width:100%}.panel-card[data-v-d27b32dc]{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);overflow:hidden}.panel-header[data-v-d27b32dc]{padding:20px 24px;border-bottom:1px solid var(--c-border-light,#f2f3f5)}.panel-header .panel-title[data-v-d27b32dc]{display:flex;align-items:center;font-size:calc(var(--sp-16, 16px) + 2px);font-weight:600;color:var(--c-text-primary,#1f2329)}.panel-header .panel-title .title-bar[data-v-d27b32dc]{width:4px;height:18px;background:linear-gradient(180deg,var(--c-primary,#337eff),#337eff);border-radius:2px;margin-right:12px}.panel-header .panel-title .title-count[data-v-d27b32dc]{margin-left:12px;font-size:var(--sp-13,13px);font-weight:400;color:var(--c-text-tertiary,#a8abb2)}.panel-body[data-v-d27b32dc]{padding:24px}.chapter-block+.chapter-block[data-v-d27b32dc]{margin-top:24px}.chapter-title[data-v-d27b32dc]{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--c-text-primary,#1f2329)}.chapter-title .chapter-index[data-v-d27b32dc]{font-weight:600;font-size:var(--sp-15,15px);color:var(--c-primary,#337eff)}.chapter-title .chapter-name[data-v-d27b32dc]{font-size:var(--sp-16,16px);font-weight:600}.chapter-guide[data-v-d27b32dc]{display:flex;align-items:center;height:46px;padding:0 16px;margin-bottom:12px;border-radius:8px;background:linear-gradient(90deg,#e8f4ff,#f0f7ff);color:var(--c-primary,#337eff);cursor:pointer;font-size:var(--sp-14,14px);transition:all .2s}.chapter-guide[data-v-d27b32dc]:hover{background:linear-gradient(90deg,#d6ebff,#e8f3ff)}.chapter-guide .guide-icon[data-v-d27b32dc]{margin-right:8px;font-size:var(--sp-16,16px)}.chapter-guide .arrow-icon[data-v-d27b32dc]{margin-left:auto;font-size:var(--sp-12,12px)}.unit-card[data-v-d27b32dc]{display:flex;align-items:center;min-height:72px;margin-bottom:10px;padding:14px 16px;box-sizing:border-box;border:1px solid var(--c-border-light,#f2f3f5);border-radius:8px;background:#fff;transition:all .2s}.unit-card[data-v-d27b32dc]:last-child{margin-bottom:0}.unit-card[data-v-d27b32dc]:hover{border-color:var(--c-primary-light,#94c3ff);box-shadow:0 4px 12px rgba(51,126,255,.1)}.unit-card.finished[data-v-d27b32dc]{opacity:.75}.unit-card.learning[data-v-d27b32dc]{border-color:var(--c-primary-light,#94c3ff);background:var(--c-primary-bg,#f7faff)}.unit-card .unit-index[data-v-d27b32dc]{width:36px;height:36px;flex-shrink:0;border-radius:8px;background:var(--c-page,#f7f9fb);display:flex;align-items:center;justify-content:center;font-size:var(--sp-14,14px);font-weight:600;color:var(--c-text-tertiary,#a8abb2);margin-right:14px}.unit-card .unit-index .finish-badge[data-v-d27b32dc]{background:var(--c-success,#00b42a);color:#fff;width:100%;height:100%;border-radius:8px;display:flex;align-items:center;justify-content:center}.unit-card .unit-index .finish-badge i[data-v-d27b32dc]{font-size:18px}.unit-card .unit-index .learning-badge[data-v-d27b32dc]{background:var(--c-primary,#337eff);color:#fff;width:100%;height:100%;border-radius:8px;display:flex;align-items:center;justify-content:center}.unit-card .unit-index .learning-badge i[data-v-d27b32dc]{font-size:16px}.unit-card .unit-info[data-v-d27b32dc]{flex:1;min-width:0}.unit-card .unit-info .unit-title[data-v-d27b32dc]{font-size:var(--sp-15,15px);font-weight:500;color:var(--c-text-primary,#1f2329);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-card .unit-info .unit-sub[data-v-d27b32dc]{display:flex;align-items:center;gap:16px;font-size:var(--sp-13,13px);color:var(--c-text-tertiary,#a8abb2)}.unit-card .unit-info .unit-sub .unit-mode[data-v-d27b32dc]{color:var(--c-primary,#337eff)}.unit-card .unit-action[data-v-d27b32dc]{flex-shrink:0;margin-left:16px;color:var(--c-success,#00b42a);font-size:var(--sp-13,13px)}.section-title[data-v-d27b32dc]{position:relative;margin:0 0 16px;font-size:var(--sp-16,16px);font-weight:600;color:var(--c-text-primary,#1f2329)}.section-title[data-v-d27b32dc]:after{content:"";position:absolute;left:0;bottom:-8px;width:40px;height:3px;border-radius:2px;background:var(--c-primary,#337eff)}.lead-media[data-v-d27b32dc]{margin-bottom:24px}.lead-media audio[data-v-d27b32dc],.lead-media video[data-v-d27b32dc]{width:100%}.rich-text[data-v-d27b32dc]{overflow:hidden;color:var(--c-text-secondary,#686b73);font-size:var(--sp-14,14px);line-height:1.8}.rich-text[data-v-d27b32dc] img{max-width:100%;height:auto;border-radius:6px}.comment-card[data-v-d27b32dc]{display:flex;padding:18px 0;border-bottom:1px solid var(--c-border-light,#f2f3f5)}.comment-card[data-v-d27b32dc]:last-child{border-bottom:none}.comment-card .comment-avatar[data-v-d27b32dc]{flex-shrink:0}.comment-card .comment-body[data-v-d27b32dc]{flex:1;margin-left:14px;min-width:0}.comment-card .comment-header[data-v-d27b32dc]{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.comment-card .comment-header .comment-name[data-v-d27b32dc]{color:var(--c-text-primary,#1f2329);font-weight:600;font-size:var(--sp-14,14px)}.comment-card .comment-header .comment-time[data-v-d27b32dc]{color:var(--c-text-tertiary,#a8abb2);font-size:var(--sp-12,12px);flex-shrink:0}.comment-card .comment-text[data-v-d27b32dc]{color:var(--c-text-secondary,#686b73);font-size:var(--sp-14,14px);line-height:1.6}.comment-card .comment-unit[data-v-d27b32dc]{margin-top:10px;padding:8px 12px;border-radius:6px;background:var(--c-page,#f7f9fb);border-left:3px solid var(--c-primary,#337eff);font-size:var(--sp-13,13px);color:var(--c-text-primary,#1f2329);line-height:1.5}.comment-card .comment-unit .comment-unit-sub[data-v-d27b32dc]{display:block;margin-top:4px;color:var(--c-text-secondary,#686b73);font-size:var(--sp-12,12px)}.pagination-box[data-v-d27b32dc]{margin-top:24px;text-align:center}.student-grid[data-v-d27b32dc]{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-bottom:20px}.student-grid .student-item[data-v-d27b32dc]{text-align:center}.student-grid .student-item .student-avatar[data-v-d27b32dc]{border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .2s}.student-grid .student-item:hover .student-avatar[data-v-d27b32dc]{transform:scale(1.05)}.student-grid .student-item .student-name[data-v-d27b32dc]{margin-top:10px;font-size:var(--sp-13,13px);color:var(--c-text-secondary,#686b73)}.student-pagination[data-v-d27b32dc]{display:flex;justify-content:center;padding-top:10px}[data-v-d27b32dc] .lead-dialog-wrapper .el-dialog__body{padding-top:10px}.lead-dialog .lead-remark[data-v-d27b32dc]{margin-bottom:16px;padding:16px;border-radius:8px;background:var(--c-page,#f7f9fb);color:var(--c-text-secondary,#686b73);font-size:var(--sp-14,14px);line-height:1.8}.lead-dialog .lead-remark[data-v-d27b32dc] img{max-width:100%;height:auto}.lead-dialog .lead-video[data-v-d27b32dc]{width:100%;border-radius:8px}.desc-dialog[data-v-d27b32dc]{padding:18px 20px;border:1px solid #e5eaf2;border-left:4px solid var(--c-primary,#337eff);border-radius:6px;background:#f8fbff;color:#363a44;font-size:var(--sp-14,14px);line-height:2;white-space:pre-wrap;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.72)}[data-v-d27b32dc] .mini-code-dialog{overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#dbe8ff,#f7fbff 38%,#fff 62%)}[data-v-d27b32dc] .mini-code-dialog .el-dialog__header{padding:0}[data-v-d27b32dc] .mini-code-dialog .el-dialog__headerbtn{top:20px;right:20px;z-index:2;font-size:28px}[data-v-d27b32dc] .mini-code-dialog .el-dialog__headerbtn .el-dialog__close{color:#2d3340;font-weight:700}[data-v-d27b32dc] .mini-code-dialog .el-dialog__body{padding:0}.mini-code-panel[data-v-d27b32dc]{position:relative;padding:70px 52px 54px;text-align:center}.mini-code-panel[data-v-d27b32dc]:before{content:"";position:absolute;top:-52px;right:-20px;width:160px;height:160px;border-radius:50%;background:hsla(0,0%,100%,.46)}.mini-code-panel[data-v-d27b32dc]:after{content:"";position:absolute;top:-38px;right:34px;width:86px;height:86px;border-radius:50%;background:rgba(190,211,245,.5)}.mini-code-title[data-v-d27b32dc]{position:relative;z-index:1;margin-bottom:28px;color:#2d3340;font-size:22px;font-weight:700;line-height:30px}.mini-code-title span[data-v-d27b32dc]{color:#47ba72}.mini-code-box[data-v-d27b32dc]{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:278px;height:278px;margin:0 auto;border:1px solid #e2e6ec;border-radius:4px;background:#fff;box-shadow:0 3px 12px rgba(27,48,84,.08)}.mini-code-box img[data-v-d27b32dc]{width:242px;height:242px;object-fit:contain}.mini-code-empty[data-v-d27b32dc]{color:#9aa2ad;font-size:14px}@media (min-width:1600px){.container[data-v-d27b32dc]{max-width:1560px;padding:0}.student-grid[data-v-d27b32dc]{grid-template-columns:repeat(8,1fr)}}@media (min-width:1200px) and (max-width:1599px){.container[data-v-d27b32dc]{max-width:1200px;padding:0}.student-grid[data-v-d27b32dc]{grid-template-columns:repeat(6,1fr)}}@media (min-width:992px) and (max-width:1199px){.container[data-v-d27b32dc]{max-width:960px;padding:0}.book-hero-card .hero-left[data-v-d27b32dc]{width:200px}.detail-tabs[data-v-d27b32dc]{width:160px}.student-grid[data-v-d27b32dc]{grid-template-columns:repeat(5,1fr)}}@media (min-width:768px) and (max-width:991px){.container[data-v-d27b32dc]{max-width:720px;padding:0}.book-hero-card[data-v-d27b32dc]{flex-direction:column;padding:20px}.book-hero-card .hero-left[data-v-d27b32dc]{width:100%;margin-bottom:20px;display:flex;justify-content:center}.book-hero-card .hero-left .book-cover-wrapper[data-v-d27b32dc]{width:180px}.book-hero-card .hero-right[data-v-d27b32dc]{padding-left:0}.detail-main[data-v-d27b32dc]{flex-direction:column}.detail-tabs[data-v-d27b32dc]{width:100%;display:flex;position:static;padding:8px}.detail-tabs .tab-item[data-v-d27b32dc]{flex:1;justify-content:center;padding:12px;font-size:var(--sp-14,14px)}.detail-tabs .tab-item.active[data-v-d27b32dc]:before{display:none}.detail-tabs .tab-item.active[data-v-d27b32dc]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:2px;background:var(--c-primary,#337eff);border-radius:1px}.student-grid[data-v-d27b32dc]{grid-template-columns:repeat(4,1fr)}}@media (max-width:767px){.container[data-v-d27b32dc]{max-width:100%;padding-left:12px;padding-right:12px}.detail-container[data-v-d27b32dc]{padding:12px 0 40px}.book-hero-card[data-v-d27b32dc]{flex-direction:column;padding:16px;border-radius:10px;margin-bottom:12px}.book-hero-card .hero-left[data-v-d27b32dc]{width:100%;margin-bottom:16px;display:flex;justify-content:center}.book-hero-card .hero-left .book-cover-wrapper[data-v-d27b32dc]{width:160px}.book-hero-card .hero-right[data-v-d27b32dc]{padding-left:0}.book-hero-card .hero-right .book-title-row[data-v-d27b32dc]{flex-direction:column}.book-hero-card .hero-right .book-title-row .book-title[data-v-d27b32dc]{font-size:var(--sp-20,20px);padding-right:0;margin-bottom:12px;word-break:break-all}.book-hero-card .hero-right .book-title-row .action-btns[data-v-d27b32dc]{align-self:flex-end}.book-hero-card .hero-right .book-meta .meta-item[data-v-d27b32dc]{padding:6px 0;font-size:var(--sp-13,13px)}.book-hero-card .hero-right .book-meta .meta-item .meta-label[data-v-d27b32dc]{width:64px;flex-shrink:0}.book-hero-card .hero-right .book-meta .meta-item .meta-value[data-v-d27b32dc]{word-break:break-all;min-width:0}.detail-main[data-v-d27b32dc]{flex-direction:column;gap:12px}.detail-tabs[data-v-d27b32dc]{width:100%;display:flex;position:static;padding:6px;box-sizing:border-box}.detail-tabs .tab-item[data-v-d27b32dc]{flex:1;justify-content:center;padding:10px 6px;font-size:var(--sp-13,13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-tabs .tab-item.active[data-v-d27b32dc]:before{display:none}.detail-tabs .tab-item.active[data-v-d27b32dc]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:30px;height:2px;background:var(--c-primary,#337eff);border-radius:1px}.tab-panels[data-v-d27b32dc]{width:100%;min-width:0}.panel-card[data-v-d27b32dc]{min-width:0;overflow:hidden}.panel-card .panel-header[data-v-d27b32dc]{padding:16px}.panel-card .panel-header .panel-title[data-v-d27b32dc]{font-size:var(--sp-16,16px)}.panel-card .panel-body[data-v-d27b32dc]{padding:16px}.student-grid[data-v-d27b32dc]{grid-template-columns:repeat(4,1fr);gap:12px}.unit-card[data-v-d27b32dc]{flex-wrap:wrap;padding:12px;box-sizing:border-box;width:100%}.unit-card .unit-index[data-v-d27b32dc]{width:32px;height:32px;font-size:var(--sp-13,13px);margin-right:12px;flex-shrink:0}.unit-card .unit-info[data-v-d27b32dc]{flex:1;min-width:0}.unit-card .unit-info .unit-title[data-v-d27b32dc]{font-size:var(--sp-14,14px);white-space:normal;word-break:break-all}.unit-card .unit-info .unit-sub[data-v-d27b32dc]{flex-wrap:wrap;gap:8px}.unit-card .unit-action[data-v-d27b32dc]{width:100%;margin-left:0;margin-top:10px;display:flex;justify-content:flex-end}}@media (max-width:480px){.container[data-v-d27b32dc]{padding-left:12px;padding-right:12px}.student-grid[data-v-d27b32dc]{grid-template-columns:repeat(3,1fr)}.book-hero-card .hero-right .book-title-row .book-title[data-v-d27b32dc]{font-size:var(--sp-18,18px)}.book-hero-card .hero-right .book-meta .meta-item .meta-label[data-v-d27b32dc]{width:auto;margin-right:8px}.book-hero-card .hero-right .join-btn-wrapper .join-btn[data-v-d27b32dc]{width:100%}.detail-tabs .tab-item[data-v-d27b32dc]{font-size:var(--sp-12,12px);padding:10px 4px}.chapter-title[data-v-d27b32dc]{flex-wrap:wrap;gap:6px}.chapter-title .chapter-name[data-v-d27b32dc]{font-size:var(--sp-14,14px)}}