body.simple-ui{background:#f6f8fb}.simple-ui .pc{max-width:980px}.simple-head{align-items:center}.simple-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.simple-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px;min-height:132px;display:flex;flex-direction:column;gap:8px;justify-content:space-between}.simple-card h3{font-size:.95rem;margin:0}.simple-card p{font-size:.76rem;line-height:1.9;color:var(--muted);margin:0}.simple-hero{border-radius:22px}.simple-stat{border-radius:18px}.simple-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.simple-step{background:#fff;border:1px solid var(--border);border-radius:16px;padding:13px;display:flex;align-items:center;gap:10px;font-size:.78rem}.simple-step b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef2ff;color:#1d4ed8}.simple-step.now{border-color:#93c5fd;background:#eff6ff}.simple-mini-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.simple-mini-form label{display:grid;gap:6px;font-size:.72rem;font-weight:800}.simple-mini-form input{border:1px solid var(--border);border-radius:12px;padding:12px;font-family:inherit}.simple-score{height:160px;border:1px solid var(--border);border-radius:18px;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end;padding:16px;margin:14px 0}.simple-score span{background:linear-gradient(#2563eb,#93c5fd);border-radius:12px 12px 4px 4px}.simple-score span:nth-child(1){height:45%}.simple-score span:nth-child(2){height:58%}.simple-score span:nth-child(3){height:70%}.simple-score span:nth-child(4){height:84%}@media(max-width:850px){.simple-card-grid,.simple-steps{grid-template-columns:1fr}.simple-mini-form{grid-template-columns:1fr}.simple-card{min-height:auto}.simple-ui .owner-grid{grid-template-columns:1fr!important}}
.simple-modal{position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:80;display:grid;place-items:end center;padding:18px}.simple-modal-card{width:min(760px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:24px;padding:18px;box-shadow:0 25px 70px rgba(15,23,42,.25)}.simple-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.simple-modal-head h2{font-size:1.05rem;margin:0}.simple-modal-head button{border:0;background:#f1f5f9;border-radius:12px;width:38px;height:38px;font-size:1.2rem}@media(max-width:850px){.simple-modal{padding:8px;place-items:end center}.simple-modal-card{border-radius:22px 22px 0 0;max-height:92vh}}
.simple-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.course-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.course-timeline:before{content:"";position:absolute;top:23px;right:8%;left:8%;height:3px;background:#dbeafe}.tl-item{position:relative;background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px;text-align:center;z-index:1}.tl-item b{display:grid;place-items:center;width:32px;height:32px;margin:0 auto 8px;border-radius:50%;background:#e2e8f0;color:#475569}.tl-item.done b,.tl-item.active b{background:#2563eb;color:#fff}.tl-item strong{display:block;font-size:.78rem}.tl-item small{display:block;color:var(--muted);font-size:.66rem;line-height:1.7;margin-top:4px}.answer-sheet{display:grid;gap:8px}.answer-sheet>div{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#f8fafc;border:1px solid var(--border);border-radius:14px;padding:10px}.answer-sheet label{font-size:.72rem}.answer-sheet input{accent-color:#2563eb}@media(max-width:850px){.course-timeline{grid-template-columns:1fr}.course-timeline:before{top:0;bottom:0;right:27px;left:auto;width:3px;height:auto}.tl-item{text-align:right;padding-right:54px}.tl-item b{position:absolute;right:10px;top:12px;margin:0}.simple-actions .btn{width:100%}.answer-sheet>div{display:grid;grid-template-columns:auto repeat(4,1fr)}}
.simple-mini-form .wide{grid-column:1/-1}.video-mock{display:grid;place-items:center;min-height:220px;border-radius:18px;background:linear-gradient(135deg,#111827,#2563eb);color:#fff;font-size:1.1rem;font-weight:900;margin-bottom:12px}

.live-ui .simple-mini-form select{border:1px solid var(--border);border-radius:12px;padding:12px;font-family:inherit;background:#fff}
.live-ui .btn:disabled{opacity:.55;cursor:not-allowed}
.live-ui .simple-card h3{display:flex;align-items:center;gap:6px}
.live-ui .owner-note{line-height:2}
.live-ui .simple-modal-card{max-width:880px}
.live-ui .owner-grid{gap:10px}
.live-ui .tl-item{cursor:pointer;font-family:inherit}
.live-ui .tl-item.active{border-color:#2563eb;background:#eff6ff}
.live-ui .simple-score span{position:relative}
.live-ui .simple-score em{position:absolute;top:-24px;right:0;left:0;text-align:center;font-size:.68rem;color:#334155;font-style:normal;font-weight:900}
.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.preview-grid img{width:100%;height:220px;object-fit:cover;border-radius:16px;border:1px solid var(--border);background:#f8fafc}
.preview-grid figure{margin:0}
.preview-grid figcaption{font-size:.72rem;color:var(--muted);font-weight:800;margin-top:6px}
@media(max-width:850px){.preview-grid{grid-template-columns:1fr}.preview-grid img{height:180px}}