:root{color:#17324d;background:#f5f8fb;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;--blue: #173e75;--blue2: #2f6f9f;--line: #d8e4ec;--muted: #657789;--soft: #edf5f9;--panel: #fff;--shadow: 0 12px 26px rgba(23, 50, 77, .09)}*{box-sizing:border-box}html,body,#root{min-height:100%;max-width:100%;overflow-x:hidden}body{margin:0;background:#f5f8fb}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app{min-height:100vh;padding-bottom:64px}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:56px 1fr 56px;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar strong,.topbar span{display:block;text-align:center}.topbar strong{font-size:14px}.topbar span{color:var(--muted);font-size:12px}.topbar button,.tabs button,.actions button,.button-grid button,.chapter-card button,.answer-card button{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--blue);padding:9px 12px;font-weight:700}.page,.login{width:min(1100px,100%);margin:0 auto;padding:18px 14px 86px}.narrow{width:min(760px,100%)}.login{min-height:100vh;display:grid;place-items:center}.login-card,.hero-simple,.nav-card,.chapter-card,.section-title,.knowledge,.answer-card,.metric,.editor,.notice,.question-list button,.image-grid article{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.login-card{width:min(480px,100%);padding:24px}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0 0 8px;font-size:clamp(24px,6vw,38px);color:var(--blue);line-height:1.18}h3{color:var(--blue)}p{line-height:1.65}.badge{display:inline-flex;margin:0 0 10px;padding:5px 9px;border-radius:999px;background:var(--soft);color:var(--blue);font-size:12px;font-weight:800}.hint,.source,.chapter-card span,.image-grid span{color:var(--muted);font-size:13px}.error{color:#9a3b2f;font-weight:800}.notice{padding:12px;color:#75521f;background:#fff8e7}label{display:grid;gap:6px;margin:10px 0;font-weight:800}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;color:#17324d;background:#fff}textarea{min-height:88px;resize:vertical}.primary{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:12px 15px;font-weight:800}.hero-simple,.section-title{padding:18px;margin-bottom:14px}.card-grid,.muted-grid,.chapter-list,.stats,.button-grid,.admin-grid,.image-grid,.review-grid,.embryo-grid{display:grid;gap:12px}.nav-card,.muted-grid button{display:grid;gap:8px;min-height:94px;padding:16px;text-align:left}.nav-card strong,.muted-grid strong{font-size:18px;color:var(--blue)}.nav-card span,.muted-grid span{color:var(--muted)}.muted-grid{margin-top:18px}.muted-grid button{background:#f1f4f7;color:var(--muted)}.chapter-card,.knowledge,.answer-card,.editor,.metric{padding:15px}.knowledge{margin-bottom:14px}.knowledge p{margin:8px 0;padding-left:12px;border-left:3px solid var(--blue2)}.options{display:grid;gap:10px;margin:14px 0}.options button{min-height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#17324d;padding:12px;text-align:left}.options button.selected{border-color:var(--blue);background:#f1f7fb;box-shadow:0 0 0 3px #dceaf4;font-weight:800}.question-image{margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.question-image img,.image-grid img{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:8px;background:#f7fbfd}figcaption{margin-top:7px;color:var(--muted);font-size:12px}.actions,.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tabs .active{background:var(--blue);color:#fff}.metric span{color:var(--muted)}.metric strong{display:block;margin-top:4px;font-size:24px;color:var(--blue)}.question-list{display:grid;gap:10px;max-height:680px;overflow:auto}.question-list button{display:grid;gap:6px;padding:12px;text-align:left}.question-list span{color:var(--muted);font-size:12px}.question-list strong{line-height:1.5}.editor{display:grid;gap:8px;align-content:start}.form-stack{display:grid;gap:4px}.image-grid article{padding:10px}.user-row{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px}.media-box{display:grid;gap:10px;margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.media-box img,.media-box video{display:block;width:100%;max-height:440px;object-fit:contain;border-radius:8px;background:#f7fbfd}.keyframes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keyframes img{height:96px;object-fit:cover}.embryo-grid{grid-template-columns:repeat(2,1fr)}.embryo-grid article{display:grid;gap:6px;border:1px solid var(--line);border-radius:8px;padding:10px}.image-pair{display:grid;gap:8px}.image-pair figure{margin:0}.image-pair figcaption{margin-top:4px;color:var(--muted);font-size:12px}.timelapse-viewer{display:grid;gap:10px;margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.tl-head{display:flex;justify-content:space-between;gap:10px;color:var(--blue)}.tl-main{display:grid;place-items:center;min-height:240px;border-radius:8px;background:#f7fbfd;overflow:auto}.tl-main img{display:block;width:100%;max-height:520px;object-fit:contain}.timelapse-viewer.zoomed .tl-main img{width:auto;max-width:none;max-height:none}.tl-controls,.level-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.tl-controls button,.level-strip button,.tl-matrix button,.keyframes button{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--blue);padding:8px 10px;font-weight:800;white-space:nowrap}.tl-controls .active,.level-strip .active,.tl-matrix .active,.keyframes .active{border-color:var(--blue);background:#edf5f9}.timeline{accent-color:var(--blue)}.tl-matrix{display:grid;grid-template-columns:48px repeat(17,76px);gap:6px;max-width:100%;overflow:auto;align-items:center}.tl-matrix b{color:var(--blue);font-size:12px}.tl-matrix img{display:block;width:58px;height:58px;object-fit:cover;border-radius:6px}.keyframes button{display:grid;gap:4px;padding:6px}.keyframes button img{width:100%;height:82px;object-fit:cover}footer{position:fixed;left:0;right:0;bottom:0;z-index:12;padding:9px 12px;color:#fff;background:#17324d;font-size:12px;line-height:1.45;text-align:center}@media(min-width:760px){.page{padding:24px 24px 92px}.card-grid,.chapter-list{grid-template-columns:repeat(3,1fr)}.muted-grid,.stats,.button-grid{grid-template-columns:repeat(4,1fr)}.review-grid{grid-template-columns:repeat(3,1fr)}.admin-grid{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:start}.image-grid{grid-template-columns:repeat(3,1fr)}.embryo-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:430px){.topbar{grid-template-columns:48px 1fr 48px;padding-inline:8px}.topbar strong{font-size:12px}.topbar span{display:none}}.timelapse-viewer.compact{gap:10px;box-shadow:none}.tl-stage{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px;min-width:0}.compact .tl-main{min-height:clamp(260px,56vh,620px);border:1px solid var(--line)}.compact .tl-main img{max-height:clamp(260px,56vh,620px)}.tl-level-rail{display:grid;align-content:start;gap:6px;max-height:clamp(260px,56vh,620px);overflow-y:auto;padding:4px;border:1px solid var(--line);border-radius:8px;background:#f7fbfd}.tl-level-rail button{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--blue);font-weight:800}.tl-level-rail button.active{border-color:var(--blue);background:var(--blue);color:#fff}.compact .tl-controls{justify-content:center;flex-wrap:wrap;overflow:visible}.tl-timeline-wrap{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:center}.tl-timeline-wrap span{color:var(--blue);font-weight:800;font-size:13px}.matrix-toggle{justify-self:start}.structured-form{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.structured-form h3,.result-panel h3{margin:0 0 8px;color:var(--blue)}.field-block{display:grid;gap:8px}.field-block>span{color:var(--blue);font-weight:800}.tag-grid,.confidence-row,.task-picker{display:flex;gap:8px;flex-wrap:wrap}.tag-grid button,.confidence-row button,.task-picker button{border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:8px;padding:8px 10px}.tag-grid button.selected,.confidence-row button.selected,.task-picker button.selected{border-color:var(--blue);background:#edf5f9}.computed-rating{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;background:#edf5f9;color:var(--blue)}.profile-editor,.result-panel,.result-card{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.profile-row{display:grid;grid-template-columns:1fr 90px 110px 72px;gap:8px;align-items:center}.result-head,.metric-row,.progress-bar,.dist-row{display:grid;gap:8px}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-bar,.dist-row{grid-template-columns:98px minmax(0,1fr) 42px;align-items:center}.progress-bar div,.dist-row div{height:10px;overflow:hidden;border-radius:999px;background:#e9eef2}.progress-bar i,.dist-row i{display:block;height:100%;border-radius:inherit;background:var(--blue)}.category-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.category-tabs strong{padding:8px;border-radius:8px;background:#edf5f9;color:var(--blue);text-align:center}.expert-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.expert-modules button,.inline-check{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--blue);padding:10px 12px;font-weight:800}.expert-modules button.selected{border-color:var(--blue);background:#edf5f9}.table-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.simple-table{width:100%;min-width:760px;border-collapse:collapse}.simple-table th,.simple-table td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top;font-size:13px}.simple-table th{background:#edf5f9;color:var(--blue);font-weight:800}.guide-panel{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.guide-panel summary{color:var(--blue);font-weight:900;cursor:pointer}.guide-panel article{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.featured-card{width:100%;margin:0 0 12px}.knowledge-card-detail{display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow);padding:16px}.image-placeholder{display:grid;place-items:center;min-height:180px;border:1px dashed var(--line);border-radius:8px;background:#f7fbfd;color:var(--muted);font-weight:800}.inline-check{display:inline-flex;gap:8px;align-items:center;width:fit-content}@media(max-width:560px){.tl-stage{grid-template-columns:minmax(0,1fr) 64px;gap:6px}.tl-level-rail{max-height:420px;padding:3px}.tl-level-rail button{min-height:34px;padding:6px 2px;font-size:12px}.compact .tl-main,.compact .tl-main img{max-height:420px}.tl-timeline-wrap{grid-template-columns:72px minmax(0,1fr)}.profile-row,.progress-bar,.dist-row,.metric-row,.category-tabs,.expert-modules{grid-template-columns:1fr}.simple-table{min-width:640px}}.danger{border-color:#f0c7bd!important;color:#9a3b2f!important;background:#fff7f5!important}