.byte-detail-page[data-wefat-page-scope=p-414cb8ea243f6259]{min-height:calc(100 * var(--wefat-vh));padding-bottom:calc(calc(136 * var(--wefat-rpx)) + constant(safe-area-inset-bottom));padding-bottom:calc(calc(136 * var(--wefat-rpx)) + env(safe-area-inset-bottom));background:var(--jj-surface)}.byte-detail-page.runtime-safe-area[data-wefat-page-scope=p-414cb8ea243f6259]{padding-bottom:calc(calc(136 * var(--wefat-rpx)) + var(--byte-safe-bottom))}.detail-loading[data-wefat-page-scope=p-414cb8ea243f6259]{padding-top:calc(160 * var(--wefat-rpx))}.course-cover[data-wefat-page-scope=p-414cb8ea243f6259]{width:100%;min-height:calc(422 * var(--wefat-rpx));background:var(--jj-fill)}.course-overview[data-wefat-page-scope=p-414cb8ea243f6259]{padding:calc(28 * var(--wefat-rpx)) calc(30 * var(--wefat-rpx)) calc(30 * var(--wefat-rpx));box-sizing:border-box}.course-title[data-wefat-page-scope=p-414cb8ea243f6259]{display:block;color:var(--jj-text);font-size:calc(34 * var(--wefat-rpx));font-weight:600;line-height:1.45}.vip-free[data-wefat-page-scope=p-414cb8ea243f6259]{display:inline-block;margin-right:calc(12 * var(--wefat-rpx));padding:calc(3 * var(--wefat-rpx)) calc(10 * var(--wefat-rpx));border-radius:calc(3 * var(--wefat-rpx));color:#806126;background:#f6e5bc;font-size:calc(24 * var(--wefat-rpx));font-weight:500;line-height:1.35;vertical-align:calc(4 * var(--wefat-rpx))}.course-summary[data-wefat-page-scope=p-414cb8ea243f6259]{margin-top:calc(10 * var(--wefat-rpx));color:var(--jj-text-2);font-size:calc(27 * var(--wefat-rpx));line-height:calc(42 * var(--wefat-rpx))}.course-author-row[data-wefat-page-scope=p-414cb8ea243f6259],.course-info-row[data-wefat-page-scope=p-414cb8ea243f6259]{display:flex;align-items:center;color:var(--jj-text-2);font-size:calc(27 * var(--wefat-rpx))}.course-author-row[data-wefat-page-scope=p-414cb8ea243f6259]{height:calc(48 * var(--wefat-rpx));margin-top:calc(11 * var(--wefat-rpx))}.course-info-row[data-wefat-page-scope=p-414cb8ea243f6259]{height:calc(44 * var(--wefat-rpx));margin-top:calc(12 * var(--wefat-rpx))}.course-author-row [data-wefat-component=image][data-wefat-page-scope=p-414cb8ea243f6259]{width:calc(38 * var(--wefat-rpx));height:calc(38 * var(--wefat-rpx));margin-right:calc(12 * var(--wefat-rpx));flex:0 0 auto}.course-info-row [data-wefat-component=image][data-wefat-page-scope=p-414cb8ea243f6259]{width:calc(34 * var(--wefat-rpx));height:calc(34 * var(--wefat-rpx));margin-right:calc(8 * var(--wefat-rpx));flex:0 0 auto}.author-divider[data-wefat-page-scope=p-414cb8ea243f6259]{width:calc(1 * var(--wefat-rpx));height:calc(25 * var(--wefat-rpx));margin:0 calc(16 * var(--wefat-rpx));flex:0 0 auto;background:var(--jj-line)}.producer[data-wefat-page-scope=p-414cb8ea243f6259]{min-width:0}.detail-tabs[data-wefat-page-scope=p-414cb8ea243f6259]{position:sticky;z-index:60;top:0;height:calc(92 * var(--wefat-rpx));display:grid;grid-template-columns:repeat(3,1fr);background:var(--jj-surface);border-bottom:calc(1 * var(--wefat-rpx)) solid var(--jj-line)}.detail-tab[data-wefat-page-scope=p-414cb8ea243f6259]{position:relative;display:flex;align-items:center;justify-content:center;color:var(--jj-text-3);font-size:calc(30 * var(--wefat-rpx))}.detail-tab.active[data-wefat-page-scope=p-414cb8ea243f6259]{color:var(--jj-blue);font-weight:600}.detail-tab.active[data-wefat-page-scope=p-414cb8ea243f6259]:after{content:"";position:absolute;left:50%;bottom:0;width:calc(38 * var(--wefat-rpx));height:calc(6 * var(--wefat-rpx));border-radius:calc(3 * var(--wefat-rpx));background:var(--jj-blue);transform:translate(-50%)}.tab-panel[data-wefat-page-scope=p-414cb8ea243f6259]{min-height:calc(760 * var(--wefat-rpx));background:var(--jj-surface)}.intro-panel[data-wefat-page-scope=p-414cb8ea243f6259]{padding:calc(26 * var(--wefat-rpx)) 0 calc(40 * var(--wefat-rpx));box-sizing:border-box}.intro-content[data-wefat-page-scope=p-414cb8ea243f6259]{display:block;padding:0 calc(30 * var(--wefat-rpx));overflow:hidden;color:var(--jj-text-2);font-size:calc(29 * var(--wefat-rpx));line-height:1.88;word-break:break-word;box-sizing:border-box}.intro-content [data-wefat-component=image][data-wefat-page-scope=p-414cb8ea243f6259]{max-width:100%;height:auto}.recommendation-section[data-wefat-page-scope=p-414cb8ea243f6259]{margin-top:calc(42 * var(--wefat-rpx));padding-top:calc(18 * var(--wefat-rpx));border-top:calc(16 * var(--wefat-rpx)) solid var(--jj-bg)}.recommendation-title[data-wefat-page-scope=p-414cb8ea243f6259]{padding:calc(20 * var(--wefat-rpx)) calc(30 * var(--wefat-rpx)) calc(2 * var(--wefat-rpx));color:var(--jj-text);font-size:calc(32 * var(--wefat-rpx));font-weight:600}.recommendation-section [data-wefat-custom-component="components/byteCourseCard/byteCourseCard"]:last-child .byte-course-divider[data-wefat-page-scope=p-414cb8ea243f6259]{display:none}.chapter-row[data-wefat-page-scope=p-414cb8ea243f6259]{min-height:calc(128 * var(--wefat-rpx));margin:0 calc(30 * var(--wefat-rpx));display:flex;align-items:center;border-bottom:calc(1 * var(--wefat-rpx)) solid var(--jj-line);box-sizing:border-box}.chapter-number[data-wefat-page-scope=p-414cb8ea243f6259]{width:calc(42 * var(--wefat-rpx));flex:0 0 auto;align-self:flex-start;padding-top:calc(30 * var(--wefat-rpx));color:var(--jj-text-3);font-size:calc(25 * var(--wefat-rpx))}.chapter-copy[data-wefat-page-scope=p-414cb8ea243f6259]{min-width:0;padding:calc(22 * var(--wefat-rpx)) calc(12 * var(--wefat-rpx)) calc(22 * var(--wefat-rpx)) 0;flex:1}.chapter-title[data-wefat-page-scope=p-414cb8ea243f6259]{color:var(--jj-text);font-size:calc(28 * var(--wefat-rpx));font-weight:600;line-height:1.45;word-break:break-word}.chapter-meta[data-wefat-page-scope=p-414cb8ea243f6259]{margin-top:calc(9 * var(--wefat-rpx));color:var(--jj-text-3);font-size:calc(23 * var(--wefat-rpx))}.trial-control[data-wefat-page-scope=p-414cb8ea243f6259]{width:calc(98 * var(--wefat-rpx));flex:0 0 auto;display:flex;flex-direction:column;align-items:center;color:var(--jj-text-3);font-size:calc(20 * var(--wefat-rpx))}.play-circle[data-wefat-page-scope=p-414cb8ea243f6259]{position:relative;width:calc(43 * var(--wefat-rpx));height:calc(43 * var(--wefat-rpx));margin-bottom:calc(8 * var(--wefat-rpx));border:calc(2 * var(--wefat-rpx)) solid var(--jj-text-4);border-radius:50%;box-sizing:border-box}.play-circle [data-wefat-component=view][data-wefat-page-scope=p-414cb8ea243f6259]{position:absolute;left:calc(16 * var(--wefat-rpx));top:calc(12 * var(--wefat-rpx));width:0;height:0;border-top:calc(9 * var(--wefat-rpx)) solid transparent;border-bottom:calc(9 * var(--wefat-rpx)) solid transparent;border-left:calc(13 * var(--wefat-rpx)) solid var(--jj-text-3)}.comment-row[data-wefat-page-scope=p-414cb8ea243f6259]{min-height:calc(126 * var(--wefat-rpx));margin:0 calc(30 * var(--wefat-rpx));padding:calc(26 * var(--wefat-rpx)) 0;display:flex;gap:calc(20 * var(--wefat-rpx));border-bottom:calc(1 * var(--wefat-rpx)) solid var(--jj-line);box-sizing:border-box}.comment-avatar[data-wefat-page-scope=p-414cb8ea243f6259]{width:calc(64 * var(--wefat-rpx));height:calc(64 * var(--wefat-rpx));flex:0 0 auto;border-radius:50%;background:var(--jj-fill)}.comment-copy[data-wefat-page-scope=p-414cb8ea243f6259]{min-width:0;flex:1}.comment-user[data-wefat-page-scope=p-414cb8ea243f6259]{color:var(--jj-text-2);font-size:calc(25 * var(--wefat-rpx))}.comment-content[data-wefat-page-scope=p-414cb8ea243f6259]{margin-top:calc(10 * var(--wefat-rpx));color:var(--jj-text);font-size:calc(27 * var(--wefat-rpx));line-height:1.55}.comment-meta[data-wefat-page-scope=p-414cb8ea243f6259]{margin-top:calc(10 * var(--wefat-rpx));color:var(--jj-text-3);font-size:calc(21 * var(--wefat-rpx))}.panel-empty[data-wefat-page-scope=p-414cb8ea243f6259],.comment-empty[data-wefat-page-scope=p-414cb8ea243f6259]{min-height:calc(420 * var(--wefat-rpx));display:flex;align-items:center;justify-content:center;color:var(--jj-text-3);font-size:calc(27 * var(--wefat-rpx))}.comment-empty[data-wefat-page-scope=p-414cb8ea243f6259]{min-height:calc(650 * var(--wefat-rpx))}.course-bottom[data-wefat-page-scope=p-414cb8ea243f6259]{position:fixed;right:0;bottom:0;left:0;z-index:90;min-height:calc(calc(116 * var(--wefat-rpx)) + constant(safe-area-inset-bottom));min-height:calc(calc(116 * var(--wefat-rpx)) + env(safe-area-inset-bottom));padding:calc(12 * var(--wefat-rpx)) calc(28 * var(--wefat-rpx));padding-bottom:calc(calc(12 * var(--wefat-rpx)) + constant(safe-area-inset-bottom));padding-bottom:calc(calc(12 * var(--wefat-rpx)) + env(safe-area-inset-bottom));display:grid;grid-template-columns:calc(106 * var(--wefat-rpx)) 1fr;gap:calc(12 * var(--wefat-rpx));box-sizing:border-box;background:var(--jj-surface);border-top:calc(1 * var(--wefat-rpx)) solid var(--jj-line)}.runtime-safe-area .course-bottom[data-wefat-page-scope=p-414cb8ea243f6259]{min-height:calc(calc(116 * var(--wefat-rpx)) + var(--byte-safe-bottom));padding-bottom:calc(calc(12 * var(--wefat-rpx)) + var(--byte-safe-bottom))}.trial-action[data-wefat-page-scope=p-414cb8ea243f6259]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--jj-text-2);font-size:calc(21 * var(--wefat-rpx))}.trial-icon[data-wefat-page-scope=p-414cb8ea243f6259]{width:calc(34 * var(--wefat-rpx));height:calc(36 * var(--wefat-rpx));margin-bottom:calc(7 * var(--wefat-rpx));flex:0 0 auto}.vip-action[data-wefat-page-scope=p-414cb8ea243f6259]{position:relative;min-height:calc(88 * var(--wefat-rpx));overflow:hidden;border-radius:calc(7 * var(--wefat-rpx));display:flex;flex-direction:column;align-items:center;justify-content:center;color:#755a25;background:#f8dda6}.vip-action[data-wefat-page-scope=p-414cb8ea243f6259]:after{content:"";position:absolute;right:calc(34 * var(--wefat-rpx));top:calc(-22 * var(--wefat-rpx));width:calc(72 * var(--wefat-rpx));height:calc(132 * var(--wefat-rpx));border-left:calc(1 * var(--wefat-rpx)) solid rgba(255,255,255,.48);border-right:calc(1 * var(--wefat-rpx)) solid rgba(255,255,255,.48);transform:skew(-26deg)}.vip-main[data-wefat-page-scope=p-414cb8ea243f6259]{font-size:calc(30 * var(--wefat-rpx));font-weight:500}.vip-caption[data-wefat-page-scope=p-414cb8ea243f6259]{margin-top:calc(2 * var(--wefat-rpx));font-size:calc(20 * var(--wefat-rpx))}@media(prefers-color-scheme:dark){.vip-free[data-wefat-page-scope=p-414cb8ea243f6259]{color:#806126;background:#f6e5bc}.vip-action[data-wefat-page-scope=p-414cb8ea243f6259]{color:#755a25;background:#f8dda6}}