:root{--paper:#f6f3ea;--ink:#181715;--soft-ink:#3f3d38;--muted:#7a7d78;--line:#d8cfbd;--blue:#2d5f8b;--vermilion:#b6402a;--green:#243b33;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;--sans:"Noto Sans SC", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;color:var(--ink);background:var(--paper);font-family:var(--sans);letter-spacing:0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{letter-spacing:0}button:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2d5f8b52}img{max-width:100%}.app-shell{min-height:100vh;color:var(--ink);grid-template-columns:248px minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg, #f6f3eaf5, #ede7d8f5), var(--paper);height:100vh;padding:22px 16px;position:sticky;top:0}.brand-mark{align-items:center;gap:12px;padding:4px 4px 24px;display:flex}.brand-stamp{background:var(--vermilion);color:#fffaf0;width:42px;height:42px;font-family:var(--serif);border-radius:6px;place-items:center;font-weight:800;display:grid;box-shadow:4px 4px #18171529}.brand-mark strong,.brand-mark span{display:block}.brand-mark strong{font-family:var(--serif);font-size:20px}.brand-mark div span{color:var(--muted);margin-top:2px;font-size:13px}.section-nav{gap:8px;display:grid}.section-nav button,.hero-actions button,.artwork-list button,.writing-panel button,.option-list button,.question-art button,.segmented button{min-height:42px;font:inherit;color:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;transition:background .18s,border-color .18s,transform .18s}.section-nav button{width:100%;color:var(--muted);background:0 0;align-items:center;gap:10px;padding:10px 12px;display:flex}.section-nav button:hover,.section-nav button.active{border-color:var(--line);color:var(--ink);background:#fffaf0}.content{background:linear-gradient(#18171508 1px, transparent 1px), linear-gradient(90deg, #18171507 1px, transparent 1px), var(--paper);background-size:34px 34px;min-width:0}.content>section{width:min(1220px,100% - 48px);margin:0 auto;padding:34px 0 48px}.course-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 460px;align-items:stretch;gap:26px;min-height:430px;display:grid}.hero-copy{padding:54px 0 40px}.eyebrow{color:var(--blue);font-size:13px;font-weight:700;display:inline-flex}h1,h2,h3,p{margin:0}h1{max-width:760px;font-family:var(--serif);margin-top:18px;font-size:64px;font-weight:800;line-height:1.05}.hero-copy p{max-width:660px;color:var(--soft-ink);margin-top:18px;font-size:19px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-actions button,.writing-panel button,.question-art button{background:var(--ink);color:#fffaf0;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.hero-actions button.ghost{color:var(--ink);border-color:var(--line);background:#fffaf0}.hero-actions button:hover,.writing-panel button:hover,.question-art button:hover,.option-list button:hover,.segmented button:hover{transform:translateY(-1px)}.hero-art{grid-template-columns:1fr 1fr;gap:12px;padding:24px 0 34px;display:grid}.hero-artwork{border:1px solid var(--line);cursor:pointer;background:#15130f;border-radius:8px;min-height:380px;position:relative;overflow:hidden}.hero-artwork img{object-fit:cover;opacity:.86;width:100%;height:100%;transition:transform .36s;display:block}.hero-artwork:hover img{transform:scale(1.04)}.hero-artwork span{color:var(--ink);font-family:var(--serif);background:#fffaf0e0;border-radius:6px;padding:8px 10px;font-weight:700;position:absolute;bottom:14px;left:14px;right:14px}.metric-strip{border:1px solid var(--line);background:#fffaf0c2;border-radius:8px;grid-template-columns:repeat(4,1fr);margin:22px 0;display:grid}.metric-strip div{border-right:1px solid var(--line);padding:18px 20px}.metric-strip div:last-child{border-right:0}.metric-strip span,.task-step span,.question-meta span,.segmented>span,label>span{color:var(--muted);font-size:13px;font-weight:700;display:block}.metric-strip strong{font-family:var(--serif);margin-top:8px;font-size:26px;display:block}.dashboard-grid,.analytics-grid{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.workflow-panel,.teacher-panel,.heat-panel,.student-panel,.rubric-panel,.question-panel,.question-art,.writing-panel,.review-result,.draw-controls,.draw-preview{border:1px solid var(--line);background:#fffaf0d6;border-radius:8px}.workflow-panel,.teacher-panel,.heat-panel,.student-panel,.rubric-panel{padding:22px}.section-title{margin-bottom:18px}.section-title span{color:var(--blue);align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.section-title h2,.artwork-copy h2,.question-panel h2,.heat-panel h2,.student-panel h2,.rubric-panel h2,.student-card h2{font-family:var(--serif);color:var(--ink);margin-top:8px}.section-title h2{font-size:32px;line-height:1.16}.task-flow{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.task-step{background:#f3eee0;border-radius:8px;min-height:112px;padding:16px}.task-step strong{margin-top:22px;font-size:18px;display:block}.insight-list,.feedback-group ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.insight-list li{border-left:3px solid var(--vermilion);color:var(--soft-ink);padding-left:14px;line-height:1.6}.artwork-layout{grid-template-columns:230px minmax(0,1fr);gap:18px;display:grid}.artwork-list{align-content:start;gap:10px;display:grid}.artwork-list button{border-color:var(--line);text-align:left;background:#fffaf0d1;grid-template-columns:46px 1fr;align-items:center;gap:10px;padding:6px;display:grid}.artwork-list button.active{background:var(--green);color:#fffaf0}.artwork-list img{object-fit:cover;border-radius:6px;width:46px;height:46px}.artwork-stage{grid-template-columns:minmax(320px,.86fr) 1fr;gap:22px;min-width:0;display:grid}.painting-frame{border:1px solid var(--line);background:#171510;border-radius:8px;min-height:560px;position:relative;overflow:hidden}.painting-frame img{object-fit:cover;width:100%;height:100%;display:block}.composition-lines{pointer-events:none;position:absolute;inset:0}.composition-lines span{transform-origin:50%;background:#fffaf0cc;display:block;position:absolute}.composition-lines span:first-child{height:1px;top:50%;left:16%;right:16%}.composition-lines span:nth-child(2){width:1px;height:70%;top:15%;left:50%}.composition-lines span:nth-child(3){width:1px;height:82%;top:8%;left:54%;transform:rotate(-36deg)}.artwork-copy{min-width:0;padding:4px 0}.artwork-copy h2{font-size:42px;line-height:1.15}.artist-line{color:var(--muted);margin-top:8px}.keyword-row{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.keyword-row span,.prompt-box span,.question-meta span,.student-meta span{border:1px solid var(--line);min-height:30px;color:var(--soft-ink);background:#fffaf0;border-radius:999px;align-items:center;padding:0 10px;font-size:13px;display:inline-flex}.analysis-columns{gap:12px;display:grid}.text-block{border-left:4px solid var(--blue);background:#fffaf0d1;border-radius:0 8px 8px 0;padding:16px}.text-block strong,.feedback-group strong,.rewrite-box strong,.prompt-output strong{color:var(--ink);margin-bottom:8px;display:block}.text-block p,.rewrite-box p,.prompt-output p,.rubric-list p,.student-card p{color:var(--soft-ink);line-height:1.68}.review-layout,.exam-layout,.draw-layout{grid-template-columns:minmax(0,.88fr) minmax(360px,1fr);gap:18px;display:grid}.writing-panel,.review-result,.question-panel,.question-art,.draw-controls,.draw-preview{padding:22px}label{gap:8px;display:grid}select,textarea{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fffaf0;border-radius:8px}select{height:42px;padding:0 12px}textarea{resize:vertical;padding:12px;line-height:1.6}.writing-panel{align-content:start;gap:14px;display:grid}.prompt-box{flex-wrap:wrap;gap:8px;display:flex}.review-result{gap:16px;display:grid}.score-ring{background:linear-gradient(135deg,#2d5f8b29,#0000 38%),#f3eee0;border-radius:8px;place-items:center;min-height:150px;display:grid}.score-ring strong{font-family:var(--serif);font-size:60px;line-height:1}.score-ring span{color:var(--muted)}.dimension-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.dimension-grid div{border:1px solid var(--line);background:#fffaf0;border-radius:8px;min-height:74px;padding:10px}.dimension-grid span{min-height:34px;color:var(--muted);font-size:12px;display:block}.dimension-grid strong{font-size:22px}.feedback-group li{color:var(--soft-ink);grid-template-columns:18px 1fr;gap:7px;display:grid}.rewrite-box,.answer-box,.prompt-output{background:#f3eee0;border-radius:8px;padding:16px}.question-meta{flex-wrap:wrap;gap:8px;display:flex}.question-panel h2{margin:24px 0;font-size:34px;line-height:1.25}.option-list{gap:10px;display:grid}.option-list button{border-color:var(--line);text-align:left;background:#fffaf0;align-items:center;gap:10px;padding:12px;display:flex}.option-list button.active{background:var(--blue);color:#fffaf0}.answer-box{border:1px solid #0000;margin-top:16px}.answer-box.correct{background:#243b331a;border-color:#243b3357}.answer-box p{color:var(--soft-ink);margin-top:6px}.question-art{gap:16px;display:grid}.question-art img{object-fit:cover;border-radius:8px;width:100%;height:420px}.analytics-grid{grid-template-columns:1fr 1fr}.rubric-panel{grid-column:1/-1}.bar-stack,.student-table,.rubric-list{gap:12px;margin-top:18px;display:grid}.bar-row{grid-template-columns:92px 1fr 54px;align-items:center;gap:12px;display:grid}.bar-row div{background:#e5dcc9;border-radius:999px;height:13px;overflow:hidden}.bar-row i{border-radius:inherit;height:100%;display:block}.bar-row i.blue{background:var(--blue)}.bar-row i.red{background:var(--vermilion)}.bar-row i.green{background:var(--green)}.bar-row i.gray{background:var(--muted)}.student-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 56px;gap:10px;padding:12px 0;display:grid}.student-row strong{text-align:right}.rubric-list{grid-template-columns:repeat(5,1fr)}.rubric-list div{border:1px solid var(--line);background:#fffaf0;border-radius:8px;min-height:148px;padding:16px}.rubric-list span{color:var(--vermilion);margin:7px 0;font-weight:800;display:block}.draw-controls{gap:16px;display:grid}.segmented{gap:8px;display:grid}.segmented div{flex-wrap:wrap;gap:8px;display:flex}.segmented button{border-color:var(--line);background:#fffaf0;padding:0 12px}.segmented button.active{background:var(--vermilion);color:#fffaf0}.draw-preview{gap:16px;display:grid}.generated-canvas{background:linear-gradient(140deg,#b6402abf,#0000 44%),linear-gradient(28deg,#2d5f8be6,#0000 54%),#d8cdb7;border-radius:8px;min-height:420px;position:relative;overflow:hidden}.generated-canvas.中国画{background:radial-gradient(circle at 34% 34%,#18171533,#0000 24%),linear-gradient(110deg,#243b3375,#0000 48%),#f2ead9}.generated-canvas.油画{background:linear-gradient(135deg,#b6402ad1,#0000 40%),linear-gradient(30deg,#2d5f8bb8,#0000 56%),#d2b27c}.generated-canvas.现实主义{background:linear-gradient(#7a7d7866,#0000 50%),linear-gradient(90deg,#243b338c,#0000 52%),#d7c3a5}.generated-canvas span{color:#fffaf0;font-family:var(--serif);font-size:42px;font-weight:800;position:absolute;top:22px;left:24px}.generated-canvas i,.generated-canvas b{background:#fffaf0ad;border-radius:999px;display:block;position:absolute}.generated-canvas i{width:260px;height:18px;bottom:28%;left:20%;transform:rotate(-22deg)}.generated-canvas b{width:150px;height:150px;bottom:18%;right:16%}.atlas-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.student-card{border:1px solid var(--line);background:#fffaf0db;border-radius:8px;overflow:hidden}.student-card>div:last-child{padding:18px}.student-art{background:#d6c5a4;min-height:220px;position:relative}.student-art span{color:var(--ink);background:#fffaf0db;border-radius:999px;padding:6px 10px;font-weight:700;position:absolute;bottom:14px;left:14px}.student-art:before,.student-art:after{content:"";background:#1817159e;display:block;position:absolute}.student-art:before{width:54%;height:18px;top:34%;left:12%;transform:rotate(-12deg)}.student-art:after{background:#b6402aad;border-radius:50%;width:120px;height:120px;bottom:18%;right:12%}.student-art.art-2{background:#cfc9b6}.student-art.art-2:after{background:#2d5f8bb3}.student-art.art-3{background:#d9d1bc}.student-art.art-3:before{background:#243b33b8;transform:rotate(16deg)}.student-card h2{font-size:26px}.student-meta{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:10;border-right:0;border-bottom:1px solid var(--line);height:auto;padding:12px}.brand-mark{padding-bottom:12px}.section-nav{grid-template-columns:repeat(4,1fr)}.section-nav button{justify-content:center}.course-hero,.artwork-stage,.review-layout,.exam-layout,.draw-layout{grid-template-columns:1fr}.hero-artwork{min-height:300px}.painting-frame{min-height:460px}.rubric-list,.dimension-grid,.atlas-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.content>section{width:min(100% - 24px,1220px);padding-top:18px}.section-nav{display:flex;overflow-x:auto}.section-nav button{min-width:128px}h1{font-size:42px}.course-hero,.hero-art,.metric-strip,.dashboard-grid,.analytics-grid,.artwork-layout,.task-flow,.rubric-list,.dimension-grid,.atlas-grid{grid-template-columns:1fr}.metric-strip div{border-right:0;border-bottom:1px solid var(--line)}.metric-strip div:last-child{border-bottom:0}.artwork-list{grid-template-columns:repeat(2,1fr)}.painting-frame,.question-art img,.generated-canvas{height:300px;min-height:300px}.bar-row,.student-row{grid-template-columns:1fr}.student-row strong{text-align:left}}