.video-card-main{display:block;color:inherit;text-decoration:none}.preparation-line{display:flex;align-items:center;gap:8px;margin:10px 0 2px;color:#748177;font-size:11px}.prep-badge{display:inline-flex;align-items:center;border-radius:999px;background:#edf3e5;color:#45683f;padding:5px 8px;font-size:10px;font-weight:700}.prep-badge.warning{background:#fff0dc;color:#956017}.prep-badge.running{background:#e8f0f8;color:#315f86}.prep-badge.ready{background:#e1f1e9;color:#17634e}.preparation-actions{display:flex;gap:8px;padding:12px 18px 16px;border-top:1px solid #edf0e8}.prep-action{flex:1;border:1px solid #b9c9ae;border-radius:10px;background:#f0f5e9;color:#315d49;min-height:38px;padding:9px 10px;text-align:center;font:inherit;font-size:11px;font-weight:700;text-decoration:none;cursor:pointer}.prep-action.subtle{background:#fff;color:#647268}.prep-action:disabled{cursor:default;opacity:.55}.learning-points{margin-top:17px;padding-top:17px;border-top:1px solid #e8ece2}.learning-points-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.learning-points-head>div{display:grid;gap:6px}.learning-points-head strong{font-size:14px;line-height:1.6}.difficulty-pill{flex:none;border-radius:999px;background:#e8f0df;color:#42623b;padding:6px 9px;font-size:10px;font-weight:800}.learning-point-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.learning-point-list article{display:flex;gap:10px;padding:12px;border:1px solid #e1e7db;border-radius:12px;background:#fbfcf8}.learning-point-list article>div{min-width:0}.learning-point-list strong{display:inline;font-size:13px}.learning-point-list small{margin-left:7px;color:#82907f;font-size:10px}.learning-point-list p{margin:5px 0 0;font-size:11px;line-height:1.55;color:#40534d}.learning-point-list em{display:block;margin-top:4px;color:#78867b;font-size:10px;font-style:normal;line-height:1.45}.point-kind{flex:none;align-self:flex-start;border-radius:7px;background:#edf3e5;color:#496542;padding:4px 6px;font-size:9px;font-weight:800}.point-kind.idiom,.point-kind.expression{background:#fff0df;color:#8b5b1e}.point-kind.grammar{background:#ece9f7;color:#5e5489}@media(max-width:700px){.preparation-actions{flex-direction:column}.learning-point-list{grid-template-columns:1fr}}
.sentence-note-box{margin-top:16px;padding:14px 18px;background:linear-gradient(135deg,#f0f7fe 0%,#e6f1fc 100%);border:1px solid #bfdbfe;border-radius:14px;box-shadow:0 2px 8px rgba(37,99,235,.05);cursor:pointer;transition:border-color .15s,box-shadow .15s}.sentence-note-box:hover{border-color:#93c5fd;box-shadow:0 3px 12px rgba(37,99,235,.08)}.sentence-note-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.sentence-note-title{display:flex;align-items:center;gap:6px;color:#1d4ed8;font-size:11px;font-weight:700}.sentence-note-title .eyebrow{color:#2563eb;font-size:9px;letter-spacing:.14em;margin-bottom:0;font-weight:800}.sentence-note-title .icon{width:15px;height:15px;color:#2563eb}.sentence-note-edit-btn{border:1px solid #c7dffd;background:#fff;color:#1d4ed8;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:all .15s}.sentence-note-edit-btn:hover{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.sentence-note-edit-btn .icon{width:13px;height:13px}.sentence-note-body{font-size:13px;line-height:1.65;color:#1e293b;white-space:pre-wrap;word-break:break-word}.text-btn.has-note{color:#1d4ed8!important;font-weight:700}.text-btn.has-note .icon{stroke:#1d4ed8}
.current-sentence-wrap{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.current-sentence-wrap .current-sentence{margin-bottom:0;flex:1}.copy-sentence-btn{flex:none;min-width:36px;min-height:36px;width:36px;height:36px;border-radius:10px;color:#788874;border:1px solid #dce4d4;background:#fbfcf9;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.copy-sentence-btn:hover{background:#edf3e5;color:#2b4437;border-color:#c2d1b8;transform:translateY(-1px)}.copy-sentence-btn.copied{background:#e3eed8;color:#2c5e3d;border-color:#9dc190}.copy-sentence-btn .icon{width:17px;height:17px}