:root{color-scheme:light;--bg: #f7f8f4;--panel: #ffffff;--panel-soft: #f1f5ed;--panel-tint: #eef6f2;--line: #d9e0d5;--line-strong: #bcc8ba;--text: #1f2a24;--muted: #5e6b63;--subtle: #7b877f;--accent: #3f7f68;--accent-strong: #286852;--accent-soft: #dfeee8;--coral: #d86f61;--coral-soft: #fae8e3;--amber: #c28a30;--blue: #4c73a8;--success: #2d7a57;--danger: #b84c4c;--shadow-xs: 0 1px 2px rgba(31, 42, 36, .05);--shadow-sm: 0 6px 14px rgba(31, 42, 36, .07);--radius: 10px;--radius-sm: 6px;--gap: 16px;--font-body: "Microsoft YaHei UI", "PingFang SC", "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--text);background:linear-gradient(180deg,#f7f8f4,#eef4ef);letter-spacing:0}button,input,textarea,select{font:inherit;color:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select{width:100%;min-width:0;border:1px solid var(--line);background:#fff;border-radius:var(--radius-sm);padding:10px 12px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3f7f6824}textarea{min-height:108px;resize:vertical;line-height:1.7}svg{display:block}.section-label{display:inline-flex;align-items:center;gap:6px;color:var(--accent-strong);font-size:13px;font-weight:700}.section-label svg,.home-module-icon svg,.brand-mark svg,.login-logo svg,.role-icon svg,.button svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.section-label svg{width:15px;height:15px}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:30;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 24px;background:#f7f8f4f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark,.login-logo{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:var(--accent-strong);color:#fff}.brand-mark svg,.login-logo svg{width:21px;height:21px;stroke:currentColor}.brand-copy{min-width:0}.brand-title{margin:0;font-size:17px;line-height:1.25;font-weight:800}.brand-subtitle{margin-top:3px;color:var(--muted);font-size:12px}.toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.segmented{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.segmented button{min-width:68px;padding:8px 12px;border-radius:4px;background:transparent;color:var(--muted);transition:background .16s ease,color .16s ease}.segmented button.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;color:var(--text);line-height:1.2;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.button:hover{border-color:var(--line-strong);box-shadow:var(--shadow-xs)}.button.primary{background:var(--coral);border-color:var(--coral);color:#fff;font-weight:700}.button.primary:hover{background:#c85d50;border-color:#c85d50}.button.soft{background:var(--panel-soft)}.button.ghost{background:transparent}.button.icon{width:36px;min-width:36px;padding:8px}.button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(90deg,rgba(63,127,104,.08),transparent 42%),linear-gradient(180deg,#f7f8f4,#edf4ef)}.login-hero{width:min(1080px,100%);display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.72fr);gap:28px;align-items:stretch}.login-copy{min-height:560px;padding:42px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.login-brand{display:flex;align-items:center;gap:12px}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:16px}.login-brand span{margin-top:3px;font-size:12px;color:var(--muted)}.login-copy h1{margin:44px 0 0;max-width:13ch;font-size:54px;line-height:1.05;letter-spacing:0}.login-copy p{margin:18px 0 0;max-width:62ch;color:var(--muted);line-height:1.85}.login-panel{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm)}.unified-login-form{display:grid;gap:18px}.login-panel-head h2{margin:10px 0 0;font-size:28px;line-height:1.2}.login-panel-head p,.login-note{margin:0;color:var(--muted);line-height:1.75}.login-panel label{display:grid;gap:6px;color:var(--muted);font-size:12px}.role-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.role-picker label{position:relative;min-height:108px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;cursor:pointer;transition:background .16s ease,border-color .16s ease}.role-picker label.active,.role-picker label:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}.role-picker label:hover{border-color:var(--accent)}.role-picker input{position:absolute;opacity:0;pointer-events:none}.role-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--line);color:var(--accent-strong)}.role-icon svg{width:18px;height:18px;stroke:currentColor}.role-picker strong{display:block;margin-top:10px;color:var(--text);font-size:17px}.role-picker small{display:block;margin-top:2px;color:var(--muted)}.login-submit{width:100%}.product-shell{width:min(1480px,100%);margin:0 auto;padding:18px;display:grid;gap:14px}.module-home-shell,.module-page-shell{display:grid;gap:14px}.page-header,.module-home,.page-stage>.knowledge-shell,.page-stage>.quiz-shell,.page-stage>.form-shell,.page-stage>.stats-shell,.panel,.feed-shell,.stats-shell{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.page-header h2,.module-home h2{margin:6px 0 0;font-size:28px;line-height:1.15}.page-header p,.module-home p{margin:8px 0 0;max-width:64ch;color:var(--muted);line-height:1.7}.home-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(140px,auto));gap:10px}.home-meta{min-width:150px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-soft);text-align:right}.home-meta.active-stage-meta{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.home-meta span{display:block;font-size:12px;color:var(--muted)}.home-meta.active-stage-meta span,.home-meta.active-stage-meta small{color:#ffffffc7}.home-meta strong{display:block;margin-top:5px;font-size:18px}.module-home{padding:18px}.module-home-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.module-section-title{margin-top:18px;display:flex;align-items:center;gap:10px;color:var(--text);font-size:15px;font-weight:850}.module-section-title:before{content:"";width:18px;height:3px;border-radius:2px;background:var(--accent)}.module-section-title.secondary-title{margin-top:24px;color:var(--muted)}.module-card-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-module-card{position:relative;min-height:156px;padding:16px;display:grid;align-content:start;gap:10px;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-xs);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.home-module-card:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:var(--shadow-sm)}.home-module-card.recommended{border-color:var(--accent);background:var(--accent-soft)}.home-module-card.recommended .home-module-icon{background:var(--accent);color:#fff}.home-module-card em{align-self:end;font-style:normal;font-size:12px;font-weight:700;color:var(--accent-strong)}.home-module-card strong{font-size:18px;line-height:1.25}.home-module-card small{color:var(--muted);line-height:1.55}.home-module-card.flow-card{padding-top:44px}.home-module-card.flow-card:after{content:"";position:absolute;left:16px;right:16px;top:30px;height:1px;background:linear-gradient(90deg,var(--accent),rgba(218,135,75,0))}.home-module-card.tool-card{min-height:124px;background:var(--panel-soft);box-shadow:none}.flow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-step-index{position:absolute;top:12px;left:16px;color:var(--accent-strong);font-size:13px;font-weight:900;letter-spacing:0}.module-group-label{font-size:12px;color:var(--accent-strong);font-weight:700}.home-module-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--panel-soft);color:var(--accent-strong)}.home-module-icon svg{width:20px;height:20px;stroke:currentColor}.product-grid{display:grid;grid-template-columns:1fr;gap:14px}.single-page-grid{min-height:0}.page-stage{min-width:0;display:grid;gap:14px}.panel,.feed-shell,.stats-shell{padding:16px}.page-stage>.knowledge-shell,.page-stage>.quiz-shell,.page-stage>.form-shell,.page-stage>.stats-shell{min-height:540px;padding:22px}.module-page-shell h2,.panel h2,.panel h3,.knowledge-shell h2,.quiz-shell h2,.form-shell h2,.feed-shell h2,.stats-shell h2{margin:0;font-size:24px;line-height:1.25}.course-meta,.field-stack,.form-stack,.stack,.submission-list,.feed-list,.stats-list,.meta-row{display:grid;gap:10px}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.meta-card,.stat-item,.feed-item,.submission,.empty,.preview,.quiz-item,.knowledge-detail,.timeline-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.meta-card{padding:11px}.meta-card .label,.stat-item .label,.preview .item span,.submission .meta,.feed-item .meta,.timeline-item .content .muted,.field label{color:var(--muted);font-size:12px}.meta-card .value{margin-top:5px;font-size:18px;font-weight:800}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field{display:grid;gap:6px;min-width:0}.row,.stack .row{display:flex;gap:8px;flex-wrap:wrap;min-width:0}.timeline{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:94px minmax(0,1fr);gap:10px;padding:12px}.timeline-item .when{display:grid;place-items:center;min-height:34px;border-radius:var(--radius-sm);background:#eaf1fb;color:var(--blue);font-weight:800;font-size:12px}.timeline-item .content{line-height:1.7}.timeline-item .content .muted{display:block;margin-top:4px}.knowledge-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.knowledge-node{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;text-align:left}.knowledge-node:hover{border-color:var(--accent)}.knowledge-node.active{border-color:var(--accent);background:var(--accent-soft)}.knowledge-node .icon{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--panel-soft);color:var(--accent-strong)}.knowledge-node .icon svg{width:18px;height:18px;stroke:currentColor}.knowledge-node .title{font-weight:800}.knowledge-node .desc{color:var(--muted);font-size:12px;line-height:1.55}.knowledge-detail{margin-top:14px;padding:14px;display:grid;gap:10px;background:var(--panel-soft)}.knowledge-detail .quote{padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;line-height:1.8}.quiz-list{display:grid;gap:12px;margin-top:14px}.quiz-item{padding:14px}.quiz-item header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.quiz-item .q-title{font-weight:800;line-height:1.7}.options{display:grid;gap:8px;margin-top:10px}.option{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.option.correct{border-color:var(--success);background:#e8f5ee}.option.wrong{border-color:var(--danger);background:#fae8e8}.feedback,.footer-hint{margin-top:12px;color:var(--muted);line-height:1.7}.feedback{padding:12px;border:1px solid #ead8b8;border-radius:var(--radius-sm);background:#fff7e8;color:var(--text)}.practice-shell{display:grid;gap:16px}.practice-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:6px}.practice-level{display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px 10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.practice-level span{grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:var(--panel-soft);color:var(--accent-strong);font-weight:900}.practice-level strong{font-size:15px;line-height:1.25}.practice-level small{color:var(--muted);line-height:1.45}.practice-level.active{border-color:var(--accent);background:var(--accent-soft)}.practice-level.done{border-color:#b8d6c8;background:#edf7f2}.practice-card,.practice-complete{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.practice-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.practice-card h3{margin:0;font-size:21px;line-height:1.55}.practice-options{display:grid;gap:10px}.practice-option{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-soft);text-align:left;line-height:1.55}.practice-option:hover{border-color:var(--accent);background:#fff}.practice-option.selected{border-color:var(--danger);background:#fae8e8}.practice-option span{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:#fff;color:var(--accent-strong);font-weight:900}.practice-feedback{padding:13px;border:1px solid #ead8b8;border-radius:var(--radius-sm);background:#fff7e8;line-height:1.7}.practice-feedback.correct{border-color:#b8d6c8;background:#edf7f2}.practice-feedback.wrong{border-color:#e8c2b8;background:#fff1ea}.practice-feedback p,.practice-complete p{margin:6px 0 0;color:var(--muted);line-height:1.7}.split-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px}.preview{padding:14px;background:var(--panel-soft);display:grid;gap:10px}.preview .title,.submission .name{font-weight:800}.preview .item{display:grid;gap:4px}.submission{padding:12px;display:grid;gap:8px}.submission .head,.feed-item .head,.stat-item .head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.submission .text{line-height:1.75}.stat-item,.feed-item{padding:12px;display:grid;gap:8px}.stat-item .value{font-size:25px;font-weight:850}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #ead8b8;border-radius:4px;background:#fff8ea;color:#765927;font-size:12px;line-height:1.2}.tag.good{border-color:#b8d6c8;background:#edf7f2;color:var(--success)}.empty{padding:14px;color:var(--muted);background:var(--panel-soft);line-height:1.7}.meter{width:100%;height:9px;border-radius:4px;background:var(--line);overflow:hidden}.meter>span{display:block;height:100%;background:var(--accent)}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}@media(max-width:1240px){.module-card-grid,.flow-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero,.login-hero,.split-grid,.field-grid,.meta-grid,.knowledge-map{grid-template-columns:1fr}}@media(max-width:920px){.topbar{align-items:stretch;flex-direction:column}.toolbar{justify-content:flex-start}.login-copy{min-height:0;padding:28px}.login-copy h1{font-size:40px}.page-header{flex-direction:column;align-items:stretch}.home-meta-grid{grid-template-columns:1fr}.home-meta{text-align:left}.module-card-grid,.flow-grid,.tool-grid,.practice-levels,.timeline-item{grid-template-columns:1fr}}@media(max-width:560px){.login-screen,.product-shell,.topbar{padding:12px}.toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.segmented{grid-column:1 / -1}.toolbar .button,.segmented{width:100%}.button.primary{grid-column:1 / -1}.segmented button{flex:1}.login-panel,.login-copy,.module-home,.page-header,.page-stage>.knowledge-shell,.page-stage>.quiz-shell,.page-stage>.form-shell,.page-stage>.stats-shell,.panel,.feed-shell,.stats-shell{padding:14px}.login-copy h1{font-size:34px;max-width:13ch}.home-module-card{min-height:136px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}