.course-detail-page{--detail-ink: #202923;--detail-muted: #727a75;--detail-line: #dde2de;--detail-paper: #ffffff;--detail-green: #43836f;--detail-gold: #cea849;--detail-blue: #7b8e98;--detail-coral: #c98279;background:#f7f8f5;color:var(--detail-ink);font-family:Georgia,"Noto Serif SC",Songti SC,SimSun,serif;letter-spacing:0}.course-detail-shell{max-width:1340px;margin:0 auto;padding:12px 28px 28px}.course-back{margin-bottom:12px}.course-back a{display:inline-flex;align-items:center;gap:8px;font-family:Arial,Microsoft YaHei,sans-serif;font-size:14px;color:var(--detail-green)}.course-back .material-symbols-outlined{font-size:18px}.course-summary{display:grid;grid-template-columns:170px minmax(0,1fr) 274px;gap:32px;align-items:center;margin-bottom:18px}.course-cover-frame{width:170px;height:172px;overflow:hidden}#course-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.08);mix-blend-mode:multiply}.course-summary-copy{min-width:0}#course-title{font-size:42px;font-weight:700;line-height:1.3;margin:0 0 8px;overflow-wrap:anywhere}.course-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:17px}.course-progress-row{display:flex;align-items:center;gap:16px;margin-top:16px;font-size:15px}.course-progress-track,.unit-progress-track{height:8px;border-radius:8px;background:#e7eae7;overflow:hidden;flex:1}.course-progress-track{max-width:540px}.course-progress-track span,.unit-progress-track span{display:block;height:100%;width:0;border-radius:inherit;background:var(--detail-green);transition:width .2s ease}#course-progress-label{white-space:nowrap}.course-motto{margin-top:10px;color:var(--detail-muted);font-size:15px}.course-summary-action{align-self:center;padding-top:14px}#continue-learning{width:100%;min-height:62px;padding:14px 20px;align-items:center;justify-content:center;gap:12px;border-radius:4px;background:var(--detail-green);color:#fff;font-size:21px;line-height:1.4}#continue-learning:hover{background:#356d5b}.course-signature{width:134px;margin:14px 2px 0 auto;color:#7a7d76;font-family:Segoe Print,Bradley Hand,cursive;font-size:17px;line-height:1.5;font-style:italic;transform:rotate(-12deg);text-align:center}.course-signature span{display:block}.course-signature span+span{padding-left:28px}.course-signature:after{content:"";display:block;width:32px;height:1px;background:var(--detail-gold);margin:4px 10px 0 auto}.detail-section-heading{display:flex;align-items:center;gap:16px;min-height:30px;margin-bottom:14px}.detail-section-heading h2{font-size:22px;font-weight:600;line-height:1.35;flex-shrink:0}.section-rule{flex:1;height:1px;background:var(--detail-line)}.course-stats{margin-bottom:22px}.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 0 4px}.stat-item{display:flex;justify-content:center;align-items:center;gap:24px;min-height:60px;margin:0;border-right:1px solid #d5dcd6}.stat-item:last-child{border-right:0}.stat-item>.material-symbols-outlined{font-size:38px;font-variation-settings:"FILL" 1,"wght" 350,"GRAD" 0,"opsz" 40}.stat-favorites>span{color:var(--detail-gold)}.stat-studied>span{color:var(--detail-green)}.stat-today>span{color:#6b828f}.stat-accuracy>span{color:var(--detail-coral)}.stat-number{font-size:32px;line-height:1.1;font-variant-numeric:tabular-nums}.stat-label{font-size:15px;color:var(--detail-muted);margin-top:3px}#fav-card:hover .stat-label{color:var(--detail-green)}#priority-review{margin-bottom:24px}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.course-detail-page #priority-review .review-card{min-width:0;border:1px solid var(--detail-line);border-radius:5px;border-left:6px solid var(--detail-gold);background:var(--detail-paper);box-shadow:none;padding:16px 18px 12px}.course-detail-page #priority-review .review-unknown{border-left-color:var(--detail-coral)}.review-copy{display:flex;gap:14px;align-items:flex-start}.review-copy>.material-symbols-outlined{color:var(--detail-gold);font-size:36px;flex-shrink:0;font-variation-settings:"wght" 300}.review-unknown .review-copy>.material-symbols-outlined{color:var(--detail-coral)}.review-content{min-width:0;flex:1}.review-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;line-height:1.5;font-size:18px}.review-title h3{font-size:20px;font-weight:600}.review-preview{font-size:16px;line-height:1.65;color:#59645e;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:26px}.review-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:15px}.course-detail-page #priority-review .review-actions a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:28px;padding:0 4px;border-right:1px solid #d5dcd6;background:transparent;color:#3d4a45;font-size:14px;white-space:nowrap}.course-detail-page #priority-review .review-actions a:last-child{border-right:0}.course-detail-page #priority-review .review-actions a:hover{color:var(--detail-green);background:#edf3ed}.review-actions .material-symbols-outlined{font-size:24px;font-variation-settings:"wght" 300}.detail-menu{position:relative;font-size:14px}.detail-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;min-height:30px}.detail-menu summary::-webkit-details-marker{display:none}.detail-menu summary .material-symbols-outlined{font-size:18px}.review-manage-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:34px;padding:4px 6px;flex-shrink:0;font-family:inherit;font-size:14px;color:var(--detail-green);border-radius:4px}.review-manage-button .material-symbols-outlined{font-size:21px}.review-manage-button:hover:not(:disabled){background:#eaf0eb}.review-manage-button:focus-visible{outline:2px solid var(--detail-green);outline-offset:2px}.review-manage-button:disabled{opacity:.5;cursor:not-allowed}.detail-menu-panel{position:absolute;right:0;top:100%;z-index:30;width:180px;padding:8px;background:var(--detail-paper);border:1px solid var(--detail-line);border-radius:5px;box-shadow:0 6px 18px #26372f16}.detail-menu-panel button:not(.hidden),.detail-menu-panel label{display:flex;align-items:center;gap:8px;width:100%;padding:10px;text-align:left;border-radius:3px;cursor:pointer}.detail-menu-panel button:hover,.detail-menu-panel label:hover{background:#edf3ed}.course-order-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;color:#56636a;font-size:14px}#book-order-label{white-space:nowrap;color:var(--detail-muted)}.course-order-actions button:not(.hidden){display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:4px 8px;border-radius:4px;font-family:inherit;color:var(--detail-green);white-space:nowrap}.course-order-actions button:hover:not(:disabled){background:#eaf0eb}.course-order-actions button:disabled{opacity:.5;cursor:wait}.course-order-actions button:focus-visible{outline:2px solid var(--detail-green);outline-offset:2px}.course-order-actions .material-symbols-outlined{font-size:20px}.units-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.course-detail-page .unit-card{--unit-accent: var(--detail-blue);position:relative;background:var(--detail-paper);border:1px solid var(--detail-line);border-radius:5px;padding:15px 16px 16px;min-width:0;box-shadow:0 1px 3px #26372f05}.unit-card[data-tone=gold]{--unit-accent: var(--detail-gold)}.unit-card[data-tone=green]{--unit-accent: var(--detail-green)}.course-detail-page .unit-card.resume-unit-target{outline:2px solid var(--detail-green);outline-offset:3px}.unit-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-left:72px;min-height:38px;border-bottom:1px solid var(--detail-line)}.unit-card-heading h3{font-size:24px;line-height:1.3}.unit-word-count{font-size:17px;white-space:nowrap}.unit-bookmark{position:absolute;top:-4px;left:16px;width:52px;height:58px;display:flex;justify-content:center;padding-top:5px;color:#fff;background:var(--unit-accent);border-radius:3px 3px 0 0;clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);font-size:28px;line-height:1.5}.unit-preview{margin:8px 2px 6px;height:50px;font-size:17px;line-height:25px;font-style:italic;color:#57615c;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.unit-progress{display:flex;gap:10px;align-items:center;margin:4px 2px 6px}.unit-progress-track{height:9px}.unit-progress-track span{background:var(--unit-accent)}.unit-progress-label{font-size:14px;color:#5b6861;min-width:34px;text-align:right}.unit-view-all{display:inline-flex;align-items:center;font-size:14px;color:var(--detail-green);min-height:26px}.unit-view-all .material-symbols-outlined{font-size:18px}.unit-study-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:6px}.unit-study-actions a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:6px;border:1px solid #e3e6e3;border-radius:4px;background:#f7f8f6;color:#45534b;font-size:14px;white-space:nowrap}.unit-study-actions .material-symbols-outlined{font-size:24px;font-variation-settings:"wght" 300}.unit-study-actions a:hover,.unit-card:first-child .unit-flash-link{background:#e6f0ea;color:var(--detail-green)}.course-detail-page :is(a,button,summary):focus-visible{outline:2px solid var(--detail-green);outline-offset:3px}.course-detail-page button:disabled{opacity:.5;cursor:not-allowed}.dark .course-detail-page{--detail-paper: #222824;--detail-ink: #e5eae7;--detail-muted: #acb8b0;--detail-line: #3d4d43;background:#1b231e}.dark .unit-study-actions a{background:#29372f;color:#d2ded5;border-color:#3d4d43}.dark .review-preview,.dark .unit-preview,.dark .course-detail-page #priority-review .review-actions a{color:#bbc8bf}@media (max-width: 1100px){.course-summary{grid-template-columns:140px minmax(0,1fr) 220px;gap:20px}.course-cover-frame{width:140px}#course-title{font-size:34px}#continue-learning{font-size:18px}.review-actions{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px}.course-detail-page #priority-review .review-actions a:nth-child(2){border-right:0}.units-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.course-detail-shell{padding:14px 16px 24px}.course-summary{grid-template-columns:94px minmax(0,1fr);gap:12px;margin-bottom:24px}.course-cover-frame{width:94px;height:146px}#course-cover{transform:none}#course-title{font-size:27px;margin-bottom:8px}.course-meta{gap:6px;font-size:13px}.course-progress-row{flex-wrap:wrap;gap:5px;margin-top:12px;font-size:12px}.course-progress-track{flex-basis:100%}.course-motto{font-size:12px;line-height:1.6;margin-top:6px}.course-summary-action{grid-column:1 / -1;padding-top:0}#continue-learning{min-height:48px;font-size:18px;padding:10px}.course-signature{display:none}.detail-section-heading{gap:10px;margin-bottom:12px}.detail-section-heading h2{font-size:20px}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0}.stat-item{min-height:52px;gap:18px}.stat-item:nth-child(2){border-right:0}.stat-item>.material-symbols-outlined{font-size:32px}.stat-number{font-size:27px}.stat-label{font-size:13px}.review-grid,.units-grid{grid-template-columns:1fr;gap:14px}.review-title h3{font-size:18px}.review-title{font-size:16px}.review-preview{font-size:15px}.course-detail-page #priority-review .review-card{padding:14px 12px 12px}#course-units .detail-section-heading{flex-wrap:wrap}.course-order-actions{gap:8px}#book-order-menu{font-size:13px}}@media (prefers-reduced-motion: reduce){.course-progress-track span,.unit-progress-track span{transition:none}}.unit-words-dialog{z-index:1001;padding:16px;color:#202923;font-family:Georgia,"Noto Serif SC",Songti SC,SimSun,serif;letter-spacing:0}.unit-words-dialog:not(.hidden){display:flex;align-items:center;justify-content:center}.unit-words-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#20292359;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.unit-words-panel{position:relative;display:flex;flex-direction:column;width:100%;max-width:680px;max-height:calc(100dvh - 32px);overflow:hidden;border:1px solid #dde2de;border-radius:6px;background:#fff;box-shadow:0 16px 48px #20292324}.unit-words-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:1px solid #dde2de;flex-shrink:0}.unit-words-heading h2{font-size:22px;font-weight:600;line-height:1.4;min-width:0;overflow-wrap:anywhere}.unit-words-dialog button{font-family:inherit;letter-spacing:0}.unit-words-close{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:4px;color:#727a75}.unit-words-close:hover{background:#edf3ef;color:#43836f}.unit-words-close .material-symbols-outlined{font-size:22px}.unit-words-columns,#modal-word-list>li:has(>span){display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px}.unit-words-columns{padding:10px 22px;background:#f7f8f5;border-bottom:1px solid #e5e9e5;font-size:13px;color:#727a75;flex-shrink:0}.unit-words-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 22px}#modal-word-list{margin:0;padding:0;list-style:none}#modal-word-list>li{padding:13px 0;border-bottom:1px solid #edf0ed;font-size:16px;line-height:1.65}#modal-word-list>li:last-child{border-bottom:0}#modal-word-list>li>span{min-width:0;overflow-wrap:anywhere}#modal-word-list>li>span:first-child{color:#202923;font-weight:500}#modal-word-list>li>span+span{color:#66736a;font-size:15px}#modal-word-list>li.text-red-500{color:#ae655b}#modal-loading{padding:32px 0;text-align:center;color:#727a75;font-size:15px}#modal-loading .material-symbols-outlined{font-size:20px;vertical-align:middle;margin-right:6px;color:#43836f}.unit-words-actions{display:flex;justify-content:flex-end;padding:14px 22px;border-top:1px solid #dde2de;flex-shrink:0}.unit-words-actions button{min-width:112px;min-height:42px;padding:8px 24px;border:1px solid #43836f;border-radius:4px;background:#43836f;color:#fff;font-size:15px}.unit-words-actions button:hover{background:#356d5b}.unit-words-dialog button:focus-visible{outline:2px solid #43836f;outline-offset:3px}@media (max-width: 480px){.unit-words-heading{padding:14px 16px}.unit-words-heading h2{font-size:20px}.unit-words-columns{padding:10px 16px}.unit-words-body{padding:0 16px}.unit-words-columns,#modal-word-list>li:has(>span){gap:16px}.unit-words-actions{padding:12px 16px}}.collection-dialog{z-index:1002;padding:16px;color:#202923;font-family:Georgia,"Noto Serif SC",Songti SC,SimSun,serif;letter-spacing:0}.collection-dialog:not(.hidden){display:flex;align-items:center;justify-content:center}.collection-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#20292359;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.collection-dialog-panel{position:relative;display:flex;flex-direction:column;width:100%;max-width:680px;max-height:calc(100dvh - 32px);overflow:hidden;border:1px solid #dde2de;border-radius:6px;background:#fff;box-shadow:0 16px 48px #20292324}.collection-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:1px solid #dde2de;flex-shrink:0}#collection-manager-title{font-size:22px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}#collection-manager-count{font-size:14px;color:#727a75;white-space:nowrap;font-variant-numeric:tabular-nums}#collection-manager-status{margin-top:6px;font-size:13px;line-height:1.6;color:#727a75;overflow-wrap:anywhere}#collection-manager-status:empty{display:none}.collection-dialog button,.collection-dialog input{font-family:inherit;letter-spacing:0}.collection-dialog-close{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:4px;color:#727a75}.collection-dialog-close:hover{background:#edf3ef;color:#43836f}.collection-dialog-close .material-symbols-outlined{font-size:22px}.collection-dialog-search{padding:14px 22px;border-bottom:1px solid #edf0ed;flex-shrink:0}#collection-manager-search{width:100%;height:44px;padding:8px 12px 8px 40px;border:1px solid #cdd6ce;border-radius:4px;background:#fbfcfa;color:#202923;font-size:15px;box-shadow:none}#collection-manager-search::-moz-placeholder{color:#858e87}#collection-manager-search::placeholder{color:#858e87}#collection-manager-search:focus{border-color:#43836f;outline:2px solid rgb(67 131 111 / 18%);outline-offset:1px}.collection-dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 22px}#collection-manager-list{margin:0;padding:0;list-style:none}#collection-manager-list>li{gap:16px;min-height:72px;padding:13px 0;border-color:#edf0ed}#collection-manager-list p{overflow-wrap:anywhere;line-height:1.6}#collection-manager-list p:first-child{font-size:17px;font-weight:500;color:#202923}#collection-manager-list p+p{margin-top:4px;font-size:15px;color:#66736a}#collection-manager-list [data-remove-collection-word]{width:36px;height:36px;border-radius:4px;color:#ad786e}#collection-manager-list [data-remove-collection-word]:hover:not(:disabled){background:#f8efec;color:#a85850}#collection-manager-list [data-remove-collection-word] .material-symbols-outlined{font-size:21px}#collection-manager-empty{padding:36px 0;text-align:center;font-size:15px;color:#727a75}.collection-dialog-actions{display:flex;justify-content:flex-end;padding:14px 22px;border-top:1px solid #dde2de;flex-shrink:0}.collection-dialog-actions button{min-width:112px;min-height:42px;padding:8px 24px;border:1px solid #43836f;border-radius:4px;background:#43836f;color:#fff;font-size:15px}.collection-dialog-actions button:hover{background:#356d5b}.collection-dialog button:focus-visible{outline:2px solid #43836f;outline-offset:3px}@media (max-width: 480px){.collection-dialog-heading{padding:14px 16px}#collection-manager-title{font-size:20px}.collection-dialog-search{padding:12px 16px}.collection-dialog-body{padding:0 16px}.collection-dialog-actions{padding:12px 16px}}