*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #f8fbff;--secondary: #eef6ff;--accent: #0a84ff;--gold: #f5b84b;--success: #2ecc71;--danger: #e74c3c;--light: #f8f9fa;--white: #ffffff;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-600: #6c757d;--gray-800: #343a40;--bg-primary: linear-gradient(180deg, #f7f8fa 0%, #f3f5f8 100%);--bg-alt: linear-gradient(180deg, rgba(255, 255, 255, .82) 0%, rgba(245, 247, 250, .92) 100%);--bg-card: rgba(255, 255, 255, .78);--text-primary: #111827;--text-secondary: #6b7280;--text-light: rgba(17, 24, 39, .64);--shadow-sm: 0 6px 20px rgba(15, 23, 42, .05);--shadow-md: 0 16px 40px rgba(15, 23, 42, .08);--shadow-lg: 0 28px 60px rgba(15, 23, 42, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--max-width: 1200px;--header-height: 76px}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg-primary);min-height:100vh;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{min-height:100vh}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes spin{to{transform:rotate(360deg)}}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .22s ease,transform .22s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0;transform:translateY(10px)}:is(.ielts-shell,.lexicon,.books-page,.workflow,.module-page){--desk-paper: #ffffff;--desk-ink: #242936;--desk-muted: #475569;--desk-line: #e9ecf1;--desk-accent: #365bea;--desk-tint: #eff3ff;background:var(--desk-paper);color:var(--desk-ink);font-family:Avenir Next,PingFang SC,Noto Sans CJK SC,sans-serif}.ielts-surface{color:#1e293b;font-size:16px}.ielts-surface :is(.ielts-shell,.lexicon,.books-page,.workflow,.module-page,.output-desk,.listening-desk,.reading-desk,.syllabus-page,.exam-desk){color:#1e293b;--desk-muted:#475569}.ielts-surface :is(p,li,textarea,.answer-text,.sample-text,.markdown-content,.artifact-copy,.saved-notes){font-size:16px!important;line-height:1.85}.ielts-surface :is(p,.answer-text,.sample-text,.markdown-content,.artifact-copy,.saved-notes){color:#28374c}.ielts-surface :is(button,input,select){font-size:14px!important}.ielts-surface :is(small,label,.quiet,.muted,.hint,.scope-note,.empty,.eyebrow,.reader-empty){font-size:13px!important;color:#475569}.ielts-surface .ielts-nav a{font-size:15px;color:#334155}.ielts-surface .ielts-nav a.active{color:#1d4ed8}.ielts-surface :is(.review-detail,.criterion,.score-summary) p{color:#334155!important}.ielts-surface .review-detail .original{color:#a13227!important}.ielts-surface .review-detail .revision{color:#166534!important}.ielts-surface .criterion b{font-size:14px!important}.ielts-surface .exam-desk{background:#fff}.ielts-surface :is(.history,.generator) label{color:#475569}.ielts-surface .history select{color:#334155}.ielts-surface .resource-tree button{font-size:14px!important}.ielts-surface .note-reader .markdown-content{font-size:16px}.workflow.workflow .hero,.books-page.books-page .hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:22px 0 20px;padding:0 0 24px;border:0;border-bottom:1px solid var(--desk-line);border-radius:0;background:transparent;color:var(--desk-ink)}.workflow.workflow .hero h1,.books-page.books-page .hero h1,.ielts-shell.ielts-shell .hero h1,.lexicon.lexicon .hero h1{font-family:Avenir Next,PingFang SC,sans-serif;font-size:clamp(22px,2vw,28px);font-weight:600;letter-spacing:-.025em;line-height:1.2}.workflow.workflow .hero p,.books-page.books-page .hero p{color:var(--desk-muted)}.workflow.workflow .hero .eyebrow,.books-page.books-page .hero span{color:#678077}.workflow.workflow .hero,.workflow.workflow .hero.writing-hero{display:grid;grid-template-columns:auto 1fr;align-items:baseline;justify-content:start;gap:6px 24px}.workflow.workflow .hero>.eyebrow{grid-column:1 / -1}.workflow.workflow .hero h1,.workflow.workflow .hero p{margin:0}.workflow.workflow .hero.writing-hero p{padding:0}.books-page.books-page .hero-count strong{font-size:38px}.lexicon.lexicon .hero-orbit{width:auto;height:auto;padding:0 0 0 24px;border:0;border-left:1px solid var(--desk-line);border-radius:0;background:transparent;box-shadow:none}.ielts-shell.ielts-shell .hero-target{border:0;border-left:1px solid var(--desk-line);border-radius:0;background:transparent;padding:0 0 0 20px}.ielts-shell.ielts-shell .section,.ielts-shell.ielts-shell .history-strip,.lexicon.lexicon .panel,.workflow.workflow .panel,.module-page.module-page .practice-card,.module-page.module-page .side-card,.books-page.books-page .shelf,.books-page.books-page .detail{background:transparent;border:0;border-top:1px solid var(--desk-line);border-radius:0;box-shadow:none;padding:24px 0}.ielts-shell.ielts-shell .section{margin:24px 0}.workflow.workflow .writing-composer{margin:0;padding:22px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--desk-line)!important;border-radius:0!important}.workflow.workflow .assignment{border-top:0}.workflow.workflow .side-column,.lexicon.lexicon .side-column{gap:0}.workflow.workflow .side-column,.lexicon.lexicon .side-column{border-left:1px solid var(--desk-line);padding-left:24px}.ielts-shell.ielts-shell .stage-strip{background:transparent;color:var(--desk-ink);border:0;border-top:2px solid var(--desk-accent);border-radius:0;padding:24px 0}.ielts-shell.ielts-shell .stage-strip p,.ielts-shell.ielts-shell .stage-now>small,.ielts-shell.ielts-shell .stage-strip .light{color:var(--desk-muted)}.ielts-shell.ielts-shell .roadmap>div{background:transparent;border:0;border-left:2px solid var(--desk-line);border-radius:0;color:var(--desk-muted);padding:8px 12px}.ielts-shell.ielts-shell .roadmap>div.current{background:var(--desk-tint);border-left-color:var(--desk-accent);color:var(--desk-ink)}.ielts-shell.ielts-shell .stage-progress>span{background:#dfe6df}.ielts-shell.ielts-shell .stage-progress i{background:var(--desk-accent)}.ielts-shell.ielts-shell .stage-progress b{color:var(--desk-accent)}.ielts-shell.ielts-shell .week-overview,.lexicon.lexicon .metrics{gap:0;border-block:1px solid var(--desk-line)}.ielts-shell.ielts-shell .overall-progress,.ielts-shell.ielts-shell .skill-progress,.ielts-shell.ielts-shell .exam-evidence,.lexicon.lexicon .metrics>div{background:transparent;border:0;border-right:1px solid var(--desk-line);border-radius:0;padding:18px}.ielts-shell.ielts-shell .exam-evidence,.lexicon.lexicon .metrics>div:last-child{border-right:0}.ielts-shell.ielts-shell .focus-grid div{background:transparent;border-left:2px solid var(--desk-line);border-radius:0}.ielts-shell.ielts-shell .day-panel{border:0;border-left:1px solid var(--desk-line);border-radius:0}.ielts-shell.ielts-shell .day-rail button{background:transparent;border-radius:0}.ielts-shell.ielts-shell .day-rail button.active{background:var(--desk-tint);color:var(--desk-accent)}.ielts-shell.ielts-shell .skill-icon,.ielts-shell.ielts-shell .task-icon{background:transparent;border:1px solid #cbd6cc;border-radius:2px}.lexicon.lexicon .layer-tabs button,.lexicon.lexicon .pack,.ielts-shell.ielts-shell .book-grid button,.ielts-shell.ielts-shell .part-row,.ielts-shell.ielts-shell .attempt,.books-page.books-page .book,.workflow.workflow .history-item{border:0;border-bottom:1px solid var(--desk-line);border-radius:0;background:transparent;box-shadow:none}.lexicon.lexicon .layer-tabs button.active,.lexicon.lexicon .pack.selected,.lexicon.lexicon .pack:hover,.ielts-shell.ielts-shell .book-grid button.active,.ielts-shell.ielts-shell .attempt.active,.books-page.books-page .book.active,.books-page.books-page .book:hover,.workflow.workflow .history-item.active{background:var(--desk-tint);color:var(--desk-ink);box-shadow:inset 3px 0 var(--desk-accent)}.ielts-shell.ielts-shell .book-grid button.active span,.ielts-shell.ielts-shell .book-grid button.active small{color:var(--desk-muted)}.ielts-shell.ielts-shell .book-grid button{min-height:82px}.lexicon.lexicon .pack{min-height:110px}.lexicon.lexicon .layer-tabs button{min-height:80px}.lexicon.lexicon .main-grid>*,.lexicon.lexicon .side-column>*,.lexicon.lexicon .quota label{min-width:0}.lexicon.lexicon .quota{grid-template-columns:repeat(2,minmax(0,1fr))}.lexicon.lexicon .quota input{width:100%;box-sizing:border-box}.ielts-shell.ielts-shell .roadmap>div.passed{color:var(--desk-muted)}.ielts-shell.ielts-shell{padding-left:clamp(16px,2.5vw,48px);padding-right:clamp(16px,2.5vw,48px)}.ielts-shell.ielts-shell .syllabus-group{border-top:1px solid var(--desk-line);padding:12px 0}.ielts-shell.ielts-shell .syllabus-group h3{font-size:14px;margin:0 0 8px}.ielts-shell.ielts-shell .syllabus-group ul{margin:0;padding-left:0;list-style:none;display:grid;gap:7px}.ielts-shell.ielts-shell .syllabus-group li{font-size:13px;line-height:1.5}.ielts-shell.ielts-shell .syllabus-group li span{color:#806348;margin-right:8px}.ielts-shell.ielts-shell .syllabus-group li span.done{color:var(--desk-accent)}.ielts-shell.ielts-shell .adjustment summary{cursor:pointer;font-weight:600}.ielts-shell.ielts-shell .day-panel,.ielts-shell.ielts-shell .review-detail,.ielts-shell.ielts-shell .exam-artifact,.ielts-shell.ielts-shell .writing-model,.ielts-shell.ielts-shell .scoring-rules,.ielts-shell.ielts-shell .exam-artifact details,.ielts-shell.ielts-shell .criteria-grid>div,.ielts-shell.ielts-shell .review-progress>div,.ielts-shell.ielts-shell .practice-grid a,.ielts-shell.ielts-shell .overall-band,.workflow.workflow .selection-rule,.workflow.workflow .deliverables,.module-page.module-page .focus-prompt,.module-page.module-page .rubric-list,.module-page.module-page .criteria-list>div,.module-page.module-page .correction-list>div{background:transparent;border-radius:0;box-shadow:none}.ielts-shell.ielts-shell .exam-artifact,.ielts-shell.ielts-shell .writing-model,.ielts-shell.ielts-shell .review-detail{border:0;border-top:1px solid var(--desk-line);padding:20px 0}.ielts-shell.ielts-shell .exam-artifact details{border:0;border-top:1px solid var(--desk-line)}.ielts-shell.ielts-shell .criteria-grid>div,.ielts-shell.ielts-shell .review-progress>div{border:0;border-left:2px solid var(--desk-line)}.ielts-shell.ielts-shell .artifact-score{border-radius:2px;background:var(--desk-accent)}.workflow.workflow :is(.toolbox,.materials){padding:24px 0;border:0;border-top:1px solid var(--desk-line);border-radius:0;background:transparent}.workflow.workflow :is(.toolbox,.materials) .editor{padding:18px 0 18px 16px;border-left:2px solid var(--desk-accent);border-radius:0;background:transparent}.workflow.workflow .toolbox .cards{display:block}.workflow.workflow .toolbox .card{padding:18px 0;border:0;border-bottom:1px solid var(--desk-line);border-radius:0;background:transparent}.workflow.workflow .listening-grade .answer-card{padding:16px 0 16px 14px;margin:0;border:0;border-bottom:1px solid var(--desk-line);border-left:3px solid #a4b4aa;border-radius:0;background:transparent}.workflow.workflow .listening-grade .answer-card.correct{border-left-color:#377c53}.workflow.workflow .listening-grade .answer-card.incorrect{border-left-color:#b15541}.workflow.workflow .listening-grade .answer-card.unanswered{border-left-color:#ac7d30}:is(.ielts-shell,.lexicon,.books-page,.workflow,.module-page):is(.ielts-shell,.lexicon,.books-page,.workflow,.module-page) :is(input:not([type=checkbox]),select,textarea){border-radius:3px;border-color:#cbd4cb;background:#fffefa}:is(.ielts-shell,.lexicon,.books-page,.workflow,.module-page):is(.ielts-shell,.lexicon,.books-page,.workflow,.module-page) :is(button,.primary,.secondary,.start-main,.soft-button,.save,.generate-button){border-radius:3px;box-shadow:none}:is(.ielts-shell,.lexicon,.books-page,.workflow,.module-page):is(.ielts-shell,.lexicon,.books-page,.workflow,.module-page) :is(button,input,select,textarea,a):focus-visible{outline:2px solid #397962;outline-offset:2px}.workflow.workflow .mode-tabs,.lexicon.lexicon .import-tabs{border-bottom:1px solid var(--desk-line);gap:0}.workflow.workflow .mode-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--desk-muted);border-radius:0;margin-bottom:-1px}.workflow.workflow .mode-tabs button.active{background:transparent;border-bottom-color:var(--desk-accent);color:var(--desk-accent)}.workflow.workflow .writing-toolbar select{border-radius:3px}.lexicon.lexicon .study-dialog,.lexicon.lexicon .pack-dialog{border-radius:4px}.lexicon.lexicon .study-card{border-radius:2px;background:#f4f5ef}.lexicon.lexicon .audio-button,.lexicon.lexicon .pack-close,.lexicon.lexicon .study-dialog header button{border-radius:3px}@media (max-width: 900px){.workflow.workflow .side-column,.lexicon.lexicon .side-column{border-left:0;padding-left:0}}@media (max-width: 650px){.workflow.workflow .hero,.workflow.workflow .hero.writing-hero,.books-page.books-page .hero{display:block}.workflow.workflow .hero p{margin-top:8px}.books-page.books-page .hero-count{margin-top:18px}.ielts-shell.ielts-shell .hero-target{border-left:0;border-top:1px solid var(--desk-line);padding:16px 0 0}.ielts-shell.ielts-shell .day-panel{border-left:0;border-top:1px solid var(--desk-line);padding-inline:0}.ielts-shell.ielts-shell .overall-progress,.ielts-shell.ielts-shell .skill-progress,.ielts-shell.ielts-shell .exam-evidence{border-right:0;border-bottom:1px solid var(--desk-line)}.lexicon.lexicon .metrics>div:nth-child(2){border-right:0}}