:root{--blue:#2878f5;--deep:#092157;--muted:#7184a7;--line:#dfeaf7;--bg:#f3f9ff;--card:#fff;--ratio:1.7780172414}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--deep);background:var(--bg)}button,select,input{font:inherit}.page{display:none}.page.active{display:block}
/* 精准视觉基准首页 */
.stage-wrap{width:100vw;height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,#f8fbff,#edf6ff)}.stage{position:relative;width:min(100vw,calc(100vh*var(--ratio)));height:min(100vh,calc(100vw/var(--ratio)));overflow:hidden;background:#fff;box-shadow:0 8px 32px rgba(38,95,160,.12)}.ui-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill;user-select:none;-webkit-user-drag:none}.hotspot{position:absolute;border:0;padding:0;margin:0;background:transparent;cursor:pointer;border-radius:12px}.hotspot:hover{background:rgba(33,119,245,.035)}.home{left:1.3%;top:12.7%;width:12.4%;height:5.4%}.courses{left:1.3%;top:18.6%;width:12.4%;height:5.4%}.assistant{left:1.3%;top:24.3%;width:12.4%;height:5.4%}.practice{left:1.3%;top:30.1%;width:12.4%;height:5.4%}.wrong{left:1.3%;top:35.9%;width:12.4%;height:5.4%}.cards{left:1.3%;top:41.5%;width:12.4%;height:5.4%}.plans{left:1.3%;top:47%;width:12.4%;height:5.4%}.focus{left:1.3%;top:52.5%;width:12.4%;height:5.4%}.report{left:1.3%;top:58%;width:12.4%;height:5.4%}.library{left:1.3%;top:63.6%;width:12.4%;height:5.4%}.profile{left:1.3%;top:69.2%;width:12.4%;height:5.4%}.math{left:17.95%;top:49.9%;width:11.1%;height:5.2%}.chinese{left:31.25%;top:49.9%;width:11.1%;height:5.2%}.english{left:44.55%;top:49.9%;width:11.1%;height:5.2%}.science{left:57.85%;top:49.9%;width:11.1%;height:5.2%}.aiinput{left:23.5%;top:66.1%;width:44.5%;height:6.5%}.timer{left:70.7%;top:74.8%;width:14.2%;height:5%}
/* 功能页面 */
.app-page.active{display:flex;min-height:100vh}.sidebar{width:245px;flex:0 0 245px;background:linear-gradient(180deg,#f5faff,#eaf5ff);border-right:1px solid #dbeafb;padding:24px 18px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:10px;margin:0 8px 24px}.brand-icon{font-size:38px}.brand strong{display:block;font-size:24px;color:#1451bf}.brand small{display:block;font-size:12px;margin-top:3px;color:#435f91}.sidebar nav{display:grid;gap:6px}.sidebar nav button{border:0;background:transparent;padding:13px 15px;border-radius:12px;color:#173c78;font-weight:700;text-align:left;font-size:15px;cursor:pointer}.sidebar nav button:hover,.sidebar nav button.selected{background:linear-gradient(135deg,#3b8cff,#256fe8);color:#fff;box-shadow:0 5px 14px rgba(40,120,245,.18)}.sidebar nav button span{margin-left:8px}.side-note{margin-top:auto;background:#dfeeff;border-radius:16px;padding:18px;color:#45658e;line-height:1.8}.side-note b{color:#2257a7}.compact{width:210px;flex-basis:210px}
.workspace{flex:1;padding:24px 30px 40px;min-width:0;background:linear-gradient(180deg,#f8fbff 0%,#f2f8ff 100%)}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.topbar h1{margin:0;font-size:30px}.topbar p{margin:6px 0 0;color:var(--muted)}.user-pill{display:flex;align-items:center;gap:10px;background:#eef5ff;border-radius:28px;padding:8px 14px}.user-pill .avatar{font-size:26px}.user-pill small{display:block;color:#7184a7;margin-top:2px}.hero-small{background:linear-gradient(105deg,#e7f5ff,#f2f7ff 60%,#e5f2ff);border:1px solid #d5e8ff;border-radius:18px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.hero-small b{font-size:20px}.hero-small span{display:block;color:#60779e;margin-top:6px}.hero-tag{background:#fff;color:#3278d8;border-radius:20px;padding:9px 14px;box-shadow:0 5px 14px rgba(45,110,180,.08)}
.selector-card,.selected-course-card,.today-card,.ai-demo-card{background:#fff;border:1px solid #dfeaf7;border-radius:18px;box-shadow:0 5px 18px rgba(63,113,171,.06)}.selector-card{padding:20px;margin-bottom:18px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.section-title>span{background:#2d7df5;color:#fff;border-radius:10px;padding:7px 10px;font-weight:800}.section-title b{display:block;font-size:18px}.section-title small{display:block;color:#8191ad;margin-top:3px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.form-grid label{font-size:13px;color:#68809f;font-weight:700}.form-grid select{display:block;width:100%;margin-top:7px;border:1px solid #dce8f6;border-radius:12px;padding:12px;background:#f8fbff;color:#153764;outline:none}.form-grid select:focus{border-color:#70a8f7;box-shadow:0 0 0 3px rgba(54,126,240,.1)}
.course-browser{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;margin-bottom:18px}.unit-panel,.lesson-panel{background:#fff;border:1px solid #dfeaf7;border-radius:18px;padding:18px;min-height:330px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-head b{font-size:18px}.panel-head span{font-size:12px;color:#8a9ab4}.unit-list,.lesson-list{display:grid;gap:9px}.unit-btn,.lesson-btn{border:1px solid #e4edf8;background:#fbfdff;border-radius:12px;padding:12px 14px;text-align:left;color:#23466e;cursor:pointer;transition:.15s}.unit-btn:hover,.lesson-btn:hover{border-color:#8eb9f7;background:#f4f9ff}.unit-btn.active,.lesson-btn.active{background:#eaf4ff;border-color:#4890f8;color:#1664d7;font-weight:700}.lesson-btn{display:flex;justify-content:space-between;align-items:center}.lesson-btn small{color:#93a1b7}.lesson-btn.active small{color:#4381d4}
.selected-course-card{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.selected-main{display:flex;align-items:center;gap:14px}.subject-badge{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#338afb,#1f6be8);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800}.selected-main small{color:#8799b4}.selected-main h2{margin:4px 0;font-size:22px}.selected-main p{margin:0;color:#7184a7}.selected-actions{display:flex;gap:10px}.primary,.ghost{border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer}.primary{border:0;color:#fff;background:linear-gradient(135deg,#3489fb,#236fe8);box-shadow:0 5px 12px rgba(37,112,234,.22)}.ghost{border:1px solid #b8d2f6;color:#2c72d3;background:#f7fbff}.primary:disabled,.ghost:disabled{opacity:.45;cursor:not-allowed}.today-card{padding:18px}.text-btn{border:0;background:none;color:#3678d5;cursor:pointer}.today-courses{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px}.today-item{background:#f8fbff;border:1px solid #e1edf9;border-radius:14px;padding:14px}.today-item b{display:block;margin-bottom:5px}.today-item small{color:#778aa9}.empty{grid-column:1/-1;padding:28px;text-align:center;color:#91a0b5;background:#f9fcff;border-radius:14px;border:1px dashed #dce8f5}
.status-pill{background:#e7f7ed;color:#26a35c;padding:8px 14px;border-radius:18px;font-weight:700}.study-progress{background:#fff;border:1px solid #dfeaf7;border-radius:18px;padding:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.step{flex:1;text-align:center;opacity:.55}.step span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;margin:0 auto 8px;background:#dce8f7;color:#516b91;font-weight:800}.step b{display:block}.step small{display:block;color:#8090aa;margin-top:4px}.step.active,.step.done{opacity:1}.step.active span{background:#2f7cf3;color:#fff}.step.done span{background:#31bd74;color:#fff}.arrow{color:#a9bad1;font-size:22px}.ai-demo-card{padding:20px}.ai-head{display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf2f8;padding-bottom:14px}.ai-head>span{font-size:36px}.ai-head b{display:block;font-size:20px}.ai-head small{display:block;color:#8a9ab5;margin-top:4px}.chat-demo{min-height:280px;padding:20px 0;display:flex;flex-direction:column;gap:10px}.bubble{max-width:72%;padding:12px 14px;border-radius:15px;line-height:1.6}.bubble.ai{background:#edf5ff;color:#294e77;align-self:flex-start}.bubble.user{background:#2d7df5;color:#fff;align-self:flex-end}.chat-input{display:flex;gap:10px}.chat-input input{flex:1;border:1px solid #d8e7f6;border-radius:14px;padding:13px 15px;outline:none}.chat-input button{border:0;border-radius:12px;padding:0 22px;background:#2d7df5;color:#fff;font-weight:700;cursor:pointer}.quick-prompts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.quick-prompts button{border:1px solid #dbe8f7;background:#f8fbff;color:#4b688d;border-radius:20px;padding:8px 12px;cursor:pointer}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(16px);background:rgba(15,32,58,.92);color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;opacity:0;pointer-events:none;transition:.2s ease;z-index:50}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1050px){.form-grid{grid-template-columns:repeat(2,1fr)}.course-browser{grid-template-columns:1fr}.today-courses{grid-template-columns:repeat(2,1fr)}.sidebar{width:210px;flex-basis:210px}}
@media(max-width:760px){.stage-wrap{display:block;width:100%;height:auto;overflow-x:auto}.stage{width:1280px;height:calc(1280px/var(--ratio))}.app-page.active{display:block}.sidebar{width:100%;min-height:auto;padding:12px}.brand{margin:0 0 10px}.sidebar nav{grid-template-columns:repeat(3,1fr)}.sidebar nav button{text-align:center;padding:10px;font-size:13px}.side-note{display:none}.workspace{padding:16px}.topbar{align-items:flex-start}.user-pill{display:none}.hero-small{display:block}.hero-tag{display:inline-block;margin-top:12px}.form-grid{grid-template-columns:1fr 1fr}.selected-course-card{align-items:flex-start;gap:15px;flex-direction:column}.selected-actions{width:100%}.selected-actions button{flex:1}.today-courses{grid-template-columns:1fr}.study-progress{overflow-x:auto;justify-content:flex-start;gap:8px}.step{min-width:130px}.arrow{flex:0 0 auto}}
/* V3 API 设置 */
.settings-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}.settings-card{background:#fff;border:1px solid #dfeaf7;border-radius:18px;padding:20px;box-shadow:0 5px 18px rgba(63,113,171,.06)}.setting-label{display:block;font-size:13px;color:#68809f;font-weight:700;margin:0 0 16px}.setting-label input,.setting-label select{display:block;width:100%;margin-top:7px;border:1px solid #dce8f6;border-radius:12px;padding:12px 13px;background:#f8fbff;color:#153764;outline:none}.setting-label input:focus,.setting-label select:focus{border-color:#70a8f7;box-shadow:0 0 0 3px rgba(54,126,240,.1)}.secret-row{display:flex;gap:8px;align-items:center;margin-top:7px}.secret-row input{margin:0;flex:1}.small-btn{padding:11px 14px;white-space:nowrap}.settings-actions{display:flex;gap:10px;margin-top:4px}.api-info{margin-top:16px;padding:14px;border-radius:12px;background:#f6faff;border:1px solid #e2edf9;color:#59708f;line-height:1.7;font-size:13px}.api-info b{color:#244b7b}.endpoint-list{display:grid;gap:9px}.endpoint-list>div{display:flex;justify-content:space-between;gap:16px;padding:11px 12px;border:1px solid #e5eef8;background:#f9fcff;border-radius:12px}.endpoint-list code{font-weight:800;color:#246fd4}.endpoint-list span{color:#6c819e;font-size:13px;text-align:right}.safe-box{margin-top:16px;padding:15px;border-radius:14px;background:#edf9f2;border:1px solid #d6efdf;color:#46735a}.safe-box b{color:#1d7f4d}.safe-box p{margin:7px 0 0;line-height:1.65;font-size:13px}.status-off{background:#fff0f0;color:#d85252}.test-card{margin-bottom:20px}.test-row{display:flex;align-items:center;gap:16px}.test-row span{color:#7184a7;font-size:13px}.loading-bubble{opacity:.72}.bubble{white-space:pre-wrap}.chat-demo{max-height:420px;overflow:auto}
@media(max-width:980px){.settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.settings-actions,.test-row{align-items:stretch;flex-direction:column}.settings-actions button{width:100%}}
/* V3.2 学习闭环 */
.bubble.ai{white-space:normal}.bubble.ai .md{line-height:1.75}.bubble.ai .md h2,.bubble.ai .md h3{margin:14px 0 8px;color:#123d72}.bubble.ai .md h2{font-size:18px}.bubble.ai .md h3{font-size:16px}.bubble.ai .md p{margin:7px 0}.bubble.ai .md ul,.bubble.ai .md ol{margin:7px 0;padding-left:22px}.bubble.ai .md li{margin:5px 0}.bubble.ai .md strong{color:#143f74}.bubble.ai .md code{background:#fff;border:1px solid #dfeaf7;padding:1px 5px;border-radius:6px;font-family:Consolas,monospace}.bubble.ai .md .math-inline{font-family:"Cambria Math","Times New Roman",serif;background:#fff;border-radius:6px;padding:1px 4px;color:#17375f}.bubble.ai .md .frac{display:inline-flex;vertical-align:middle;flex-direction:column;align-items:center;line-height:1.05;margin:0 2px}.bubble.ai .md .frac .num{border-bottom:1px solid currentColor;padding:0 3px}.bubble.ai .md .frac .den{padding:0 3px}.learning-loop-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}.loop-card{background:#fff;border:1px solid #dfeaf7;border-radius:18px;padding:20px;box-shadow:0 5px 18px rgba(63,113,171,.06)}.practice-toolbar,.wrong-toolbar,.review-actions{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:14px}.practice-toolbar span,.wrong-toolbar span,.review-actions span{color:#7184a7;font-size:13px}.practice-list,.wrong-list{display:grid;gap:12px}.practice-item{border:1px solid #dfebf8;border-radius:15px;padding:15px;background:#fbfdff}.practice-item .q-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.practice-item .q-title{font-weight:800;line-height:1.65;color:#173f72}.practice-item .q-type{font-size:12px;color:#3b78c6;background:#edf5ff;border-radius:12px;padding:4px 8px;white-space:nowrap}.practice-item .options{display:grid;gap:7px;margin:10px 0}.practice-item .option{border:1px solid #e0eaf6;border-radius:10px;padding:9px 11px;background:#fff;color:#365474}.answer-row{display:flex;gap:8px;margin-top:12px}.answer-row input,.answer-row textarea{flex:1;border:1px solid #d8e6f5;border-radius:11px;padding:10px 12px;outline:none;resize:vertical}.answer-row button{border:0;border-radius:10px;background:#2d7df5;color:#fff;padding:0 15px;font-weight:700;cursor:pointer}.check-result{margin-top:11px;border-radius:11px;padding:11px 12px;line-height:1.65;font-size:13px}.check-result.correct{background:#edf9f2;border:1px solid #d7efe1;color:#2d6e4a}.check-result.wrong{background:#fff5f1;border:1px solid #f4ded4;color:#8a4d36}.wrong-item{border:1px solid #f0e1dd;background:#fffaf8;border-radius:14px;padding:14px}.wrong-item b{display:block;color:#783f2d;margin-bottom:7px}.wrong-item p{margin:5px 0;color:#6c7180;line-height:1.55;font-size:13px}.wrong-item button{margin-top:8px}.review-card{margin-top:18px}.review-content{background:#f8fbff;border-radius:14px;padding:0 14px;color:#375676;line-height:1.75}.review-content:not(:empty){padding:14px}.mastered-badge{color:#1f9c58!important;font-weight:800}.step.mastered span{background:#19a963!important;color:#fff}.step.mastered{opacity:1}.spin{opacity:.6;pointer-events:none}
@media(max-width:1100px){.learning-loop-grid{grid-template-columns:1fr}}@media(max-width:760px){.practice-toolbar,.wrong-toolbar,.review-actions{align-items:stretch;flex-direction:column}.practice-toolbar button,.review-actions button{width:100%}.answer-row{flex-direction:column}.answer-row button{padding:10px}.bubble{max-width:92%}}

/* V3.3 完整课程系统 */
.course-overview{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px;margin:0 0 18px}.overview-card{border:1px solid #dfeaf7;background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;text-align:left;color:#173d70;box-shadow:0 4px 16px rgba(63,113,171,.05)}button.overview-card{cursor:pointer}.overview-card.current{background:linear-gradient(135deg,#edf6ff,#fff);border-color:#cfe3fb}.overview-card:disabled{cursor:default;opacity:.72}.overview-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eaf4ff;color:#2475e9;font-weight:900;font-style:normal}.overview-card small,.overview-card em{display:block;color:#7e90ad;font-size:12px;font-style:normal}.overview-card b{display:block;font-size:18px;margin:4px 0;color:#173b70}.overview-card.current b{font-size:16px}.recent-course-card{background:#fff;border:1px solid #dfeaf7;border-radius:18px;padding:18px;margin-bottom:18px;box-shadow:0 5px 18px rgba(63,113,171,.05)}.recent-course-card .panel-head>div small{display:block;color:#8191ad;margin-top:3px}.recent-courses{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:10px}.recent-course-item{border:1px solid #e1ebf7;background:#fbfdff;border-radius:14px;padding:12px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;color:#274d79;cursor:pointer}.recent-course-item:hover{background:#f3f8ff;border-color:#99bff1}.recent-subject{width:36px;height:36px;border-radius:10px;background:#e9f4ff;color:#2574df;display:grid;place-items:center;font-weight:800}.recent-course-item b{display:block;font-size:14px;margin-bottom:4px}.recent-course-item small{display:block;color:#8091aa;line-height:1.45}.recent-course-item em{font-style:normal;color:#4d81c8;font-size:12px;white-space:nowrap}.lesson-search{display:flex;align-items:center;margin:0 0 12px;border:1px solid #dce8f6;background:#f8fbff;border-radius:11px;overflow:hidden}.lesson-search input{flex:1;border:0;background:transparent;padding:10px 12px;outline:none;color:#24476f}.lesson-search button{border:0;background:transparent;color:#7b90ae;font-size:20px;padding:0 12px;cursor:pointer}.empty.mini{padding:18px}.today-item{cursor:default}
@media(max-width:1150px){.course-overview{grid-template-columns:repeat(2,1fr)}.recent-courses{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.course-overview{grid-template-columns:1fr}.recent-courses{grid-template-columns:1fr}.overview-card.current{order:-1}}

/* V3.4 AI 知识卡系统 */
.card-course-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#eef7ff,#fff);border:1px solid #d5e7fa;border-radius:18px;padding:16px 18px;margin-bottom:18px}.card-course-strip small,.card-course-strip span{display:block;color:#7b8da8;font-size:12px}.card-course-strip b{display:block;font-size:20px;margin:4px 0;color:#123b70}.knowledge-card-builder{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px;align-items:start}.card-builder-panel,.card-preview-panel,.saved-cards-card{background:#fff;border:1px solid #dfeaf7;border-radius:18px;padding:20px;box-shadow:0 5px 18px rgba(63,113,171,.06)}.card-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.card-type{border:1px solid #dfe9f5;background:#fbfdff;border-radius:14px;padding:14px;text-align:left;color:#284e78;cursor:pointer}.card-type span{font-size:22px;display:block;margin-bottom:6px}.card-type b{display:block;color:#193f70;margin-bottom:5px}.card-type small{color:#8292aa;line-height:1.45}.card-type.active{border-color:#5a9cf4;background:#edf6ff;box-shadow:0 0 0 2px rgba(45,125,245,.08)}.card-builder-actions{display:flex;gap:10px}.card-generate-status{margin-top:12px;color:#7890ad;font-size:12px;line-height:1.55}.card-style-label{margin-top:4px}.card-preview-panel .panel-head small{display:block;color:#8494ac;margin-top:3px}.knowledge-card-preview{width:min(100%,620px);aspect-ratio:3/4;margin:10px auto 0;border-radius:22px;padding:28px;background:linear-gradient(180deg,#f7fbff,#edf7ff);border:1px solid #d8e8f7;box-shadow:0 14px 30px rgba(45,95,150,.12);overflow:auto;color:#173b68}.empty-preview{display:grid;place-items:center}.preview-placeholder{text-align:center;color:#7f92ab}.preview-placeholder span{font-size:48px}.preview-placeholder b,.preview-placeholder small{display:block;margin-top:8px}.kc-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#647f9e}.kc-top em{font-style:normal;background:#fff;border:1px solid #d8e7f5;border-radius:12px;padding:4px 8px;white-space:nowrap}.knowledge-card-preview>h2{text-align:center;font-size:28px;margin:18px 0 7px;color:#123869}.kc-subtitle{text-align:center;color:#6c83a1;margin:0 0 16px}.kc-sections{display:grid;gap:10px}.kc-sections section{background:rgba(255,255,255,.78);border:1px solid rgba(208,226,244,.9);border-radius:14px;padding:12px 14px}.kc-sections h3{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 8px;color:#194574}.kc-sections h3 span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#2d7df5;color:#fff;font-size:11px}.kc-sections ul{margin:0;padding-left:20px}.kc-sections li,.kc-sections p{font-size:13px;line-height:1.65;margin:4px 0;color:#3d5d7e}.kc-exercises{margin-top:12px;background:#fff8ed;border:1px solid #f3e2c6;border-radius:14px;padding:12px 14px}.kc-exercises h3{margin:0 0 8px;color:#8a5a21}.kc-q{padding:8px 0;border-top:1px dashed #e9d8ba}.kc-q:first-of-type{border-top:0}.kc-q b,.kc-q p,.kc-q small{font-size:12px;line-height:1.55}.kc-q small{display:block;color:#8a765c;margin-top:4px}.kc-footer{text-align:center;font-size:10px;color:#8ca0b8;margin-top:14px}.style-彩色粉笔{background:linear-gradient(180deg,#193d4d,#102e3b);color:#f4fbff}.style-彩色粉笔 h2,.style-彩色粉笔 .kc-sections h3{color:#fff}.style-彩色粉笔 .kc-top,.style-彩色粉笔 .kc-subtitle,.style-彩色粉笔 .kc-sections li,.style-彩色粉笔 .kc-sections p{color:#e4f4f5}.style-彩色粉笔 .kc-sections section{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}.style-科技未来{background:linear-gradient(180deg,#101d45,#102c61);color:#eef5ff}.style-科技未来 h2,.style-科技未来 .kc-sections h3{color:#fff}.style-科技未来 .kc-sections section{background:rgba(255,255,255,.07);border-color:rgba(139,188,255,.22)}.style-科技未来 .kc-sections li,.style-科技未来 .kc-sections p,.style-科技未来 .kc-subtitle,.style-科技未来 .kc-top{color:#d8e7ff}.style-知识手账{background:linear-gradient(180deg,#fffdf7,#fff6e9)}.style-国风雅韵{background:linear-gradient(180deg,#fbf7ef,#f4eadb);border-color:#ddcdb6}.style-极简信息图{background:#f7f9fc}.saved-cards-card{margin-top:18px}.saved-cards-list{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px}.saved-card-item{border:1px solid #e1ebf6;background:#fbfdff;border-radius:14px;padding:12px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;color:#274c77;cursor:pointer}.saved-card-item>span{width:38px;height:38px;border-radius:10px;background:#edf5ff;display:grid;place-items:center}.saved-card-item b{display:block;margin-bottom:4px}.saved-card-item small{display:block;color:#8292aa;line-height:1.45}.saved-card-item em{font-style:normal;color:#4f82c8;font-size:12px}.print-knowledge-card #app>*{display:none!important}.print-knowledge-card #cardsPage{display:block!important}.print-knowledge-card #cardsPage .sidebar,.print-knowledge-card #cardsPage .topbar,.print-knowledge-card .card-course-strip,.print-knowledge-card .card-builder-panel,.print-knowledge-card .saved-cards-card,.print-knowledge-card .card-preview-panel>.panel-head{display:none!important}.print-knowledge-card #cardsPage .workspace{padding:0!important}.print-knowledge-card .knowledge-card-builder{display:block!important}.print-knowledge-card .card-preview-panel{border:0!important;box-shadow:none!important;padding:0!important}.print-knowledge-card .knowledge-card-preview{width:750px!important;height:1000px!important;aspect-ratio:auto!important;box-shadow:none!important;border-radius:0!important;margin:0 auto!important;overflow:hidden!important}
@media(max-width:1050px){.knowledge-card-builder{grid-template-columns:1fr}.saved-cards-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.card-type-grid{grid-template-columns:1fr}.card-builder-actions{flex-direction:column}.saved-cards-list{grid-template-columns:1fr}.knowledge-card-preview{padding:18px}.knowledge-card-preview>h2{font-size:23px}}

/* V3.5 高清 PNG 导出 */
.preview-actions{display:flex;align-items:center;gap:8px}.png-btn{background:#eaf4ff!important;border:1px solid #cfe3fb!important;border-radius:10px!important;padding:8px 12px!important;font-weight:700}.png-btn:disabled{opacity:.45;cursor:not-allowed}

/* ===== WorkBuddy V3.6 Professional Color Knowledge Card Engine ===== */
.knowledge-card-preview{position:relative;isolation:isolate;scrollbar-width:thin;--kc1:#2f80ed;--kc2:#22b573;--kc3:#f2b134;--kc4:#8c63e6;--kc5:#ff8a4c;--kc6:#ef5b78;--ink:#183a62;--paper:#f8fcff;background:#f8fcff!important;border:1px solid #d7e8f7;box-shadow:0 18px 42px rgba(38,88,145,.16);}
.knowledge-card-preview:before,.knowledge-card-preview:after{content:"";position:absolute;z-index:-1;pointer-events:none}.knowledge-card-preview:before{width:180px;height:180px;border-radius:50%;right:-75px;top:-75px;background:rgba(66,154,255,.11)}.knowledge-card-preview:after{width:130px;height:130px;border-radius:36px;left:-55px;bottom:-50px;transform:rotate(25deg);background:rgba(65,204,151,.10)}
.knowledge-card-preview .kc-top{position:relative;z-index:1;padding:7px 10px;border-radius:11px;background:rgba(255,255,255,.72);backdrop-filter:blur(3px);font-weight:700}.knowledge-card-preview>h2{position:relative;z-index:1;font-size:29px;letter-spacing:.5px;margin-top:19px}.knowledge-card-preview .kc-subtitle{font-weight:600}.knowledge-card-preview .kc-sections{position:relative;z-index:1;grid-template-columns:1fr 1fr;align-items:start}.knowledge-card-preview .kc-sections section{position:relative;overflow:hidden;min-height:98px;border:0!important;border-left:5px solid var(--sec)!important;background:var(--sec-bg)!important;box-shadow:0 5px 14px rgba(50,85,125,.07);padding:13px 14px 13px 15px}.knowledge-card-preview .kc-sections section:after{content:"";position:absolute;width:52px;height:52px;border-radius:50%;right:-20px;top:-20px;background:var(--sec);opacity:.08}.knowledge-card-preview .kc-sections section:nth-child(1){--sec:var(--kc1);--sec-bg:#eef6ff}.knowledge-card-preview .kc-sections section:nth-child(2){--sec:var(--kc2);--sec-bg:#eefbf5}.knowledge-card-preview .kc-sections section:nth-child(3){--sec:var(--kc3);--sec-bg:#fff9e9}.knowledge-card-preview .kc-sections section:nth-child(4){--sec:var(--kc4);--sec-bg:#f6f1ff}.knowledge-card-preview .kc-sections section:nth-child(5){--sec:var(--kc5);--sec-bg:#fff3ec}.knowledge-card-preview .kc-sections section:nth-child(6){--sec:var(--kc6);--sec-bg:#fff0f4}.knowledge-card-preview .kc-sections section:nth-child(n+7){--sec:#28a9b8;--sec-bg:#eefafb}.knowledge-card-preview .kc-sections h3{color:var(--ink)!important}.knowledge-card-preview .kc-sections h3 span{background:var(--sec)!important;box-shadow:0 3px 7px color-mix(in srgb,var(--sec) 28%,transparent)}.knowledge-card-preview .kc-sections li,.knowledge-card-preview .kc-sections p{color:#365777!important}.knowledge-card-preview .kc-exercises{position:relative;z-index:1;background:linear-gradient(135deg,#fff8df,#fff2e7);border:1px solid #f2d6a7;box-shadow:0 5px 14px rgba(168,112,31,.07)}.knowledge-card-preview .kc-exercises h3{color:#a25c19}.knowledge-card-preview .kc-footer{position:relative;z-index:1;font-weight:700;letter-spacing:.3px}

/* 清新课堂：天空蓝 + 薄荷绿 + 奶油黄，多彩课堂便签 */
.style-清新课堂{--kc1:#3185f6;--kc2:#28bd82;--kc3:#f4b93f;--kc4:#8c68e8;--kc5:#ff8a58;--kc6:#f05e7c;--ink:#173d70;background:linear-gradient(160deg,#f5fbff 0%,#f2fbf7 48%,#fffaf0 100%)!important}.style-清新课堂:before{background:radial-gradient(circle,#78b7ff 0 30%,transparent 31%),radial-gradient(circle at 70% 70%,#ffd970 0 22%,transparent 23%);opacity:.25}.style-清新课堂>h2:before{content:"✦";color:#f4b93f;margin-right:8px}.style-清新课堂>h2:after{content:" ✎";color:#28bd82;font-size:.72em}.style-清新课堂 .kc-top em{background:#fff;border-color:#bfe0f4;color:#3574a6}

/* 极简信息图：高对比色块、数字标签、清爽白底 */
.style-极简信息图{--kc1:#276ef1;--kc2:#00a889;--kc3:#f5a623;--kc4:#7656d6;--kc5:#ef6c3e;--kc6:#d94d6d;--ink:#172b4d;background:linear-gradient(180deg,#ffffff,#f5f8fc)!important}.style-极简信息图:before{width:100%;height:9px;left:0;right:auto;top:0;border-radius:0;background:linear-gradient(90deg,var(--kc1) 0 17%,var(--kc2) 17% 34%,var(--kc3) 34% 51%,var(--kc4) 51% 68%,var(--kc5) 68% 84%,var(--kc6) 84%)}.style-极简信息图 .kc-sections section{border-radius:10px}.style-极简信息图 .kc-top{background:#f3f6fa}.style-极简信息图>h2{color:#172b4d}

/* 彩色粉笔：真正黑板风 + 多色粉笔模块 */
.style-彩色粉笔{--kc1:#72d7ff;--kc2:#72e5a6;--kc3:#ffe16f;--kc4:#c9a6ff;--kc5:#ffab7a;--kc6:#ff8ba5;--ink:#f7fbff;background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.035),transparent 24%),linear-gradient(145deg,#183f3c,#0d2e31 72%,#12373b)!important;border:10px solid #8a613b!important;box-shadow:inset 0 0 0 2px #b88958,0 18px 42px rgba(21,44,48,.25)!important}.style-彩色粉笔:before{inset:10px;width:auto;height:auto;border-radius:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px)}.style-彩色粉笔:after{content:"△  ○  ×  +  √";width:auto;height:auto;left:auto;right:22px;bottom:12px;transform:none;background:none;color:#ffe16f;opacity:.22;font:700 18px "Comic Sans MS",cursive;letter-spacing:8px}.style-彩色粉笔 .kc-top{background:rgba(255,255,255,.06);color:#dff5f4!important;border:1px dashed rgba(255,255,255,.22)}.style-彩色粉笔 .kc-top em{background:transparent;color:#ffe16f;border:1px dashed #ffe16f}.style-彩色粉笔>h2{color:#fff5a6!important;font-family:"Comic Sans MS","Microsoft YaHei",sans-serif;text-shadow:0 1px 0 rgba(255,255,255,.2)}.style-彩色粉笔 .kc-subtitle{color:#bfe9e7!important}.style-彩色粉笔 .kc-sections section{--sec-bg:rgba(255,255,255,.045)!important;border:1px dashed color-mix(in srgb,var(--sec) 62%,transparent)!important;border-left:4px solid var(--sec)!important;box-shadow:none}.style-彩色粉笔 .kc-sections h3{color:var(--sec)!important}.style-彩色粉笔 .kc-sections li,.style-彩色粉笔 .kc-sections p{color:#eef9f7!important}.style-彩色粉笔 .kc-exercises{background:rgba(255,225,111,.08);border:1px dashed rgba(255,225,111,.55)}.style-彩色粉笔 .kc-exercises h3,.style-彩色粉笔 .kc-q{color:#fff3b1}.style-彩色粉笔 .kc-q small{color:#bfe8db}.style-彩色粉笔 .kc-footer{color:#a8cfca}

/* 知识手账：纸张、便签、胶带感 */
.style-知识手账{--kc1:#6aa8ff;--kc2:#66c89d;--kc3:#f0bc54;--kc4:#a987df;--kc5:#f29469;--kc6:#e97991;--ink:#4b4a55;background:linear-gradient(rgba(116,164,210,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(116,164,210,.06) 1px,transparent 1px),#fffdf7!important;background-size:24px 24px!important;border-color:#eadfca}.style-知识手账:before{content:"";width:90px;height:24px;right:36px;top:12px;border-radius:2px;background:rgba(255,216,120,.52);transform:rotate(3deg)}.style-知识手账:after{content:"✿  ★  ☺";width:auto;height:auto;left:20px;bottom:12px;transform:none;background:none;color:#e89a78;opacity:.38;font-size:17px}.style-知识手账 .kc-top{background:rgba(255,255,255,.6)}.style-知识手账>h2{color:#4e5667}.style-知识手账 .kc-sections section{transform:rotate(-.15deg);border-radius:5px 14px 8px 12px}.style-知识手账 .kc-sections section:nth-child(even){transform:rotate(.15deg)}.style-知识手账 .kc-sections h3{color:#4e5667!important}.style-知识手账 .kc-sections li,.style-知识手账 .kc-sections p{color:#5d6270!important}

/* 科技未来：深蓝渐变 + 发光信息舱 */
.style-科技未来{--kc1:#39b8ff;--kc2:#27e0b4;--kc3:#ffd45a;--kc4:#a678ff;--kc5:#ff8d5d;--kc6:#ff5f91;--ink:#eef7ff;background:radial-gradient(circle at 85% 8%,rgba(63,137,255,.28),transparent 28%),linear-gradient(150deg,#07162f,#102a58 55%,#071c3d)!important;border-color:#2d5e9a}.style-科技未来:before{inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(rgba(90,163,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(90,163,255,.055) 1px,transparent 1px);background-size:24px 24px}.style-科技未来:after{width:150px;height:150px;left:auto;right:-50px;bottom:-50px;border:1px solid rgba(71,207,255,.4);background:transparent;box-shadow:0 0 35px rgba(44,180,255,.18)}.style-科技未来 .kc-top{background:rgba(15,49,93,.66);color:#cde8ff!important;border:1px solid rgba(81,168,255,.28)}.style-科技未来 .kc-top em{background:rgba(36,126,221,.15);color:#7ee8ff;border-color:#46bde6}.style-科技未来>h2{color:#fff!important;text-shadow:0 0 18px rgba(63,177,255,.38)}.style-科技未来 .kc-subtitle{color:#a8cff5!important}.style-科技未来 .kc-sections section{--sec-bg:rgba(12,44,83,.78)!important;border:1px solid color-mix(in srgb,var(--sec) 35%,transparent)!important;border-left:4px solid var(--sec)!important;box-shadow:inset 0 0 18px rgba(43,137,231,.06),0 0 12px rgba(18,113,209,.08)}.style-科技未来 .kc-sections h3{color:var(--sec)!important}.style-科技未来 .kc-sections li,.style-科技未来 .kc-sections p{color:#dcecff!important}.style-科技未来 .kc-exercises{background:rgba(255,190,70,.08);border-color:rgba(255,199,92,.35)}.style-科技未来 .kc-footer{color:#80a9d1}

/* 国风雅韵：宣纸、朱印、淡墨 */
.style-国风雅韵{--kc1:#a74a3d;--kc2:#567c68;--kc3:#b18a43;--kc4:#74628c;--kc5:#b66c49;--kc6:#9f5261;--ink:#3e3a34;background:radial-gradient(circle at 82% 18%,rgba(85,111,93,.10),transparent 25%),linear-gradient(145deg,#fbf7ec,#f4ead8)!important;border-color:#d9c7aa}.style-国风雅韵:before{content:"山\A 水";white-space:pre;width:auto;height:auto;right:22px;top:40px;border-radius:0;background:none;color:#506e60;opacity:.08;font:700 72px/1.05 serif}.style-国风雅韵:after{content:"学";display:grid;place-items:center;width:42px;height:42px;left:auto;right:26px;bottom:22px;transform:rotate(-4deg);border-radius:3px;background:#a94235;color:#f7e9d8;font:700 22px serif;opacity:.72}.style-国风雅韵 .kc-top{background:rgba(255,252,244,.62);color:#716552}.style-国风雅韵 .kc-top em{background:#a94235;color:#fff3df;border:0;border-radius:3px}.style-国风雅韵>h2{font-family:"STKaiti","KaiTi","Microsoft YaHei",serif;color:#39372f}.style-国风雅韵 .kc-subtitle{color:#766b5c}.style-国风雅韵 .kc-sections section{--sec-bg:rgba(255,252,244,.70)!important;border-radius:3px 12px 3px 12px;box-shadow:none;border-left-width:3px!important}.style-国风雅韵 .kc-sections h3{font-family:"STKaiti","KaiTi",serif;color:#423f37!important}.style-国风雅韵 .kc-sections li,.style-国风雅韵 .kc-sections p{color:#5b554b!important}.style-国风雅韵 .kc-exercises{background:rgba(177,138,67,.08);border-color:#d9c6a4}.style-国风雅韵 .kc-footer{color:#8b7e69}

@media(max-width:760px){.knowledge-card-preview .kc-sections{grid-template-columns:1fr}}
@media print{.knowledge-card-preview .kc-sections{grid-template-columns:1fr 1fr!important}}
/* V4.0 Qwen-Image */
.visual-primary{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;border:0;border-radius:12px;padding:12px 18px;font-weight:800;box-shadow:0 8px 22px rgba(79,70,229,.22)}
.visual-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.generation-mode{margin:14px 0 8px;padding:10px 12px;border-radius:12px;background:linear-gradient(90deg,#f5f3ff,#eff6ff);display:flex;gap:12px;align-items:center}.generation-mode span{font-size:12px;color:#64748b}.visual-card-stage{width:min(100%,600px);margin:0 auto 16px;border-radius:22px;background:#eef4ff;padding:14px;box-sizing:border-box}.visual-card-stage img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(30,64,175,.16)}.visual-loading{aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;border-radius:14px;background:linear-gradient(145deg,#f5f3ff,#eff6ff)}.visual-loading span{font-size:42px;animation:pulseVisual 1.4s infinite}.visual-loading small{color:#64748b}.visual-actions{text-align:center;padding:10px 0 0}.visual-actions a{font-weight:700;color:#2563eb;text-decoration:none}@keyframes pulseVisual{50%{transform:scale(1.15);opacity:.65}}