.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:#e8f2ed;border-bottom:1px solid #b8d5c4;color:#234d3b;font:600 13px/1.5 system-ui,sans-serif;position:relative;z-index:30;flex-wrap:wrap}
.demo-animation-track{height:10px;background:#e4eee8;border-radius:12px;overflow:hidden;margin:20px 0}.demo-animation-bar{height:100%;width:0;background:#27725a;border-radius:12px;transition:width .3s ease}@media(prefers-reduced-motion:reduce){.demo-animation-bar{transition:none}}
.demo-banner span{display:block}.demo-banner small{font-weight:400;color:#52685a}.demo-banner button,.demo-tools button,.demo-tools a{border:1px solid #b9d4c7;background:white;color:#234d3b;padding:8px 12px;border-radius:10px;cursor:pointer;font:600 13px/1.5 system-ui;text-decoration:none}
.demo-tools{max-width:600px;width:calc(100% - 32px);border:1px solid #b9d4c7;border-radius:18px;padding:24px;color:#223c30;background:#fff}.demo-tools::backdrop{background:#13271db3}.demo-tools h2{font-size:20px;font-weight:800;margin:0 0 12px}.demo-tools p{margin:10px 0;font-size:14px;line-height:1.7}.demo-tools-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.demo-tools select{width:100%;border:1px solid #cadbd1;padding:10px;border-radius:10px;margin:10px 0}.demo-login-label{position:absolute;top:16px;left:20px;font:600 13px/1.5 system-ui;color:#37634c}.demo-example-box{border:1px dashed #a3c6b4;padding:18px;border-radius:14px;background:#f2f8f4;line-height:1.7}.demo-muted{font-size:13px;color:#56705f}.demo-tools button:focus-visible,.demo-banner button:focus-visible{outline:3px solid #d0a652;outline-offset:3px}
@media(max-width:600px){.demo-banner{padding:10px 14px;gap:8px}.demo-banner small{font-size:11px}.demo-banner button{padding:6px 9px}.demo-login-label{position:static;padding:12px 18px}.demo-tools{padding:18px}}
@media print{.demo-banner,.demo-tools{display:none!important}body:after{content:'演示版 · 数据为虚构案例 · 预设结果不代表真实评价';display:block;font-size:11px;text-align:center;padding:12px}}
@media screen and (max-width:760px){
  body:not(.exporting-report) .print-area{align-items:flex-start;max-width:100%}
  body:not(.exporting-report) .report-page:not(.is-exporting){width:100%;height:auto;min-height:0;padding:16px!important;overflow:visible}
  .report-page:not(.is-exporting) .report-header{grid-template-columns:1fr;gap:12px}
  .report-page:not(.is-exporting) .report-meta{flex-wrap:wrap;white-space:normal}
  .report-page:not(.is-exporting) .parent-grid{grid-template-columns:1fr;gap:16px}
  .report-page:not(.is-exporting) .left-col,.report-page:not(.is-exporting) .right-col{min-width:0}
  .report-page:not(.is-exporting) .report-card{min-width:0;overflow-x:auto}
  .report-page:not(.is-exporting) .report-dim-table{min-width:480px}
  .report-page:not(.is-exporting) .report-card:has(.report-dim-table):before{content:'维度表可左右滑动查看';display:block;font-size:12px;color:#746449;margin-bottom:8px}
}

.demo-source-switch{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;margin:0 0 20px;border:1px solid #aecbbf;border-radius:22px;background:#f0f8f3;color:#244d3c}.demo-source-switch h2{font-size:18px;font-weight:800}.demo-source-switch p{font-size:13px;line-height:1.8;max-width:780px;margin-top:6px}.demo-source-switch a{display:block;flex-shrink:0;padding:12px 16px;background:#24654d;border-radius:14px;color:white;font-size:13px;font-weight:700}.demo-real-mode #clusterBtn,.demo-real-mode #privacyBtn{display:none!important}.demo-evidence-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-evidence-photos img{width:100%;height:160px;object-fit:contain;background:#f3f5f2;border-radius:8px}.demo-evidence-photos figcaption{font-size:10px;color:#617167;line-height:1.5;margin-top:5px}.demo-photo-notice{font-size:10px;line-height:1.6;color:#66736b;margin-top:8px}
@media(max-width:760px){.demo-source-switch{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.demo-source-switch a{text-align:center}.demo-evidence-photos{grid-template-columns:1fr}}
@media(max-width:760px){#readOnlyBanner{width:calc(100% - 32px);border-radius:18px;padding:12px;bottom:12px}#readOnlyBanner>div{flex-direction:column;gap:8px}#exitReadOnlyBtn{white-space:nowrap;width:100%;padding:10px}#readOnlyBanner .whitespace-nowrap{white-space:normal;text-align:center}}

@media screen{.report-page:not(.active-print):not(.is-exporting){display:none!important}}
.demo-review-shortcuts{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:14px;border:1px solid #bdd4c6;border-radius:14px;background:#f3f8f4;margin-bottom:12px;width:100%}.demo-review-shortcuts strong{font-size:14px;color:#254937}.demo-review-shortcuts span{font-size:12px;color:#5d6b62;width:100%}.demo-review-shortcuts button{padding:9px 13px;border:1px solid #9db7a8;border-radius:10px;background:white;color:#234333;font-size:13px;font-weight:700}#reportSection{scroll-margin-top:100px}.demo-real-mode #dataRain{display:none!important}.demo-real-mode .dashboard-aura::before,.demo-real-mode .dashboard-aura::after{animation:none!important;opacity:.15}.demo-real-mode .radar-sweep{display:none!important}

@media screen and (max-width:760px){body:not(.exporting-report) #teacherPage .t-section:has(.report-evidence-table){overflow-x:auto}body:not(.exporting-report) #teacherPage .report-evidence-table{min-width:620px}body:not(.exporting-report) #teacherPage .t-section:has(.report-evidence-table):before{content:"循证评价表可左右滑动查看";display:block;color:#647569;font-size:12px;margin-bottom:8px}}