/*
  THESIS: 同一套芽儿庄服务，主页负责引导，问卷负责陪伴，临床工具负责清晰操作；拒绝三套互不相干的页面语言。
  OWN-WORLD: 清爽的白底、芽儿庄蓝、温和黄色提示和薄雾灰背景；圆角克制、阴影柔和，品牌标志始终有白色衬底。
  STORY: 家长能安心找到工具并完成记录；医生能一眼区分需要处理的信息与可继续的任务。
  FIRST VIEWPORT: 每页先出现品牌、工具名称和明确的返回服务中心入口，任务区域随后以宽松的阅读节奏展开。
  FORM: 已有芽儿庄数字服务中心的延展样式，使用统一页头和组件覆盖，不改计分、题目和数据逻辑。
*/
:root{
  --yz-blue:#0093DD;
  --yz-blue-deep:#006FA8;
  --yz-blue-pale:#EAF7FC;
  --yz-yellow:#F1A400;
  --yz-ink:#1F2937;
  --yz-muted:#627083;
  --yz-line:#D9E5EB;
  --yz-paper:#FFFFFF;
  --yz-mist:#F4F8FA;
  --yz-radius:14px;
  --yz-shadow:0 14px 36px rgba(22,67,91,.10);
}

.ui-sample{color:var(--yz-ink);background:var(--yz-mist);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;}
.ui-sample :focus-visible{outline:3px solid rgba(0,147,221,.28);outline-offset:3px;}
.ui-sample button,.ui-sample a{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;}
.ui-sample button:hover,.ui-sample a:hover{transform:translateY(-1px);}
.ui-sample button:disabled{transform:none;}

/* 服务中心：首页不改变信息架构，只让导航、卡片与品牌形成统一节奏。 */
.ui-home .site-header{background:rgba(255,255,255,.97);box-shadow:0 1px 0 rgba(13,67,92,.08);}
.ui-home .brand img{background:#fff;border-radius:9px;padding:3px;}
.ui-home .navigator{border-bottom:1px solid #D6E8F0;}
.ui-home .service-card{border-color:#E2EDF2;box-shadow:0 7px 22px rgba(25,74,99,.055);}
.ui-home .service-card:hover{border-color:#9FD8EE;box-shadow:var(--yz-shadow);}
.ui-home .card-action{background:var(--yz-blue-pale);color:var(--yz-blue-deep);}
.ui-home .card-action:hover{background:var(--yz-blue);}

/* 统一工具页头：LOGO 以白底呈现，返回入口固定可见。 */
.ui-questionnaire .app-header,
.ui-workspace .hero{
  border:1px solid #CAE5F0;
  box-shadow:0 10px 28px rgba(20,73,99,.09);
}
.ui-questionnaire .app-header{background:rgba(255,255,255,.98);}
.ui-questionnaire .app-header h1{color:var(--yz-ink);}
.ui-questionnaire .app-header p{color:var(--yz-muted);opacity:1;}
.ui-questionnaire .brand-logo-wrap{border-color:#CEE5EE;box-shadow:0 3px 10px rgba(22,79,105,.08);}
.ui-questionnaire .brand strong{color:var(--yz-ink);}
.ui-questionnaire .brand small{color:var(--yz-muted);}
.ui-home-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 11px;border:1px solid #ABD5E5;border-radius:8px;background:#fff;color:var(--yz-blue-deep);font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap;}
.ui-home-link:hover{border-color:var(--yz-blue);background:var(--yz-blue-pale);}
.ui-questionnaire .header-actions{align-items:center;}
.ui-questionnaire .primary-btn,.ui-questionnaire .btn{background:var(--yz-blue);border-color:var(--yz-blue);}
.ui-questionnaire .primary-btn:hover,.ui-questionnaire .btn:hover{background:var(--yz-blue-deep);}
.ui-questionnaire .secondary-btn{border-color:#A9D7E8;color:var(--yz-blue-deep);}
.ui-questionnaire .question-card,.ui-questionnaire .result-card,.ui-questionnaire .side-panel{border-color:#DCE9EE;box-shadow:0 6px 20px rgba(26,78,101,.055);}
.ui-questionnaire .section-tab.active,.ui-questionnaire .choice.selected{background:var(--yz-blue-pale);color:var(--yz-blue-deep);border-color:#97D1E7;}
.ui-questionnaire .progress-line span{background:var(--yz-blue);}

/* 临床工具：保留信息密度，但消除独立系统的视觉割裂。 */
.ui-workspace .app{max-width:1240px;padding:22px;}
.ui-workspace .hero{background:linear-gradient(118deg,#008FDB,#0078B7);border-radius:var(--yz-radius);padding:22px 24px;}
.ui-workspace .brand-logo{border-radius:10px;border:1px solid rgba(255,255,255,.58);}
.ui-workspace .ui-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.ui-workspace .ui-home-link{border-color:rgba(255,255,255,.64);background:rgba(255,255,255,.96);}
.ui-workspace .privacy{background:#F0FAFE;border-color:#CFEAF4;color:#3E6879;}
.ui-workspace .nav{padding-top:16px;background:linear-gradient(var(--yz-mist) 82%,rgba(244,248,250,0));}
.ui-workspace .nav button{border-radius:8px;}
.ui-workspace .nav button.active{background:var(--yz-blue);border-color:var(--yz-blue);}
.ui-workspace .card{border-color:#DCE9EE;box-shadow:0 8px 24px rgba(26,78,101,.055);}
.ui-workspace .btn{background:var(--yz-blue);border-color:var(--yz-blue);}
.ui-workspace .btn.secondary,.ui-workspace .btn.ghost{background:#fff;color:var(--yz-blue-deep);border-color:#A9D7E8;}
.ui-workspace .btn.danger{color:#A52B35;border-color:#E8B5BA;}
.ui-workspace .assessment-toolbar{border-color:#D3E7EF;background:rgba(249,253,255,.96);}
.ui-workspace .doctor-label{background:#FFF0C7;color:#7A5100;}
.ui-workspace input:focus,.ui-workspace select:focus,.ui-workspace textarea:focus{border-color:var(--yz-blue);box-shadow:0 0 0 3px rgba(0,147,221,.16);}

@media(max-width:760px){
  .ui-questionnaire .app-header{padding:10px 12px;gap:9px;}
  .ui-questionnaire .ui-home-link{min-height:34px;padding:0 9px;font-size:12px;}
  .ui-workspace .app{padding:10px;}
  .ui-workspace .hero{padding:16px;border-radius:12px;}
  .ui-workspace .ui-hero-actions{width:100%;justify-content:space-between;}
  .ui-workspace .ui-home-link{min-height:34px;font-size:12px;}
}

@media print{
  .ui-home-link{display:none!important;}
}

/* 其余问卷的轻量统一外壳：不重写题目或计分，只提供稳定的品牌和返回层。 */
.ui-tool-shell{
  --blue:var(--yz-blue);
  --blue2:var(--yz-blue-deep);
  --primary:var(--yz-blue);
  --primary-soft:var(--yz-blue-pale);
  --paper:var(--yz-paper);
  --bg:var(--yz-mist);
  --ink:var(--yz-ink);
  --muted:var(--yz-muted);
  --line:var(--yz-line);
}
.ui-tool-shell .ui-floating-home{
  position:fixed;top:14px;right:16px;z-index:999;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:0 11px;border:1px solid #A9D7E8;border-radius:8px;
  color:var(--yz-blue-deep);background:rgba(255,255,255,.96);box-shadow:0 5px 17px rgba(19,70,96,.12);
  font:750 13px/1 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;text-decoration:none;
}
.ui-tool-shell .ui-floating-home:hover{background:var(--yz-blue-pale);border-color:var(--yz-blue);}
.ui-tool-shell .card,.ui-tool-shell .question-card,.ui-tool-shell .result-card,.ui-tool-shell .panel,.ui-tool-shell .section-card{border-color:#DCE9EE;}
.ui-tool-shell button:focus-visible,.ui-tool-shell input:focus-visible,.ui-tool-shell select:focus-visible,.ui-tool-shell textarea:focus-visible{outline:3px solid rgba(0,147,221,.24);outline-offset:2px;}
@media(max-width:760px){.ui-tool-shell .ui-floating-home{top:10px;right:10px;min-height:34px;padding:0 9px;font-size:12px;}}
@media print{.ui-tool-shell .ui-floating-home{display:none!important;}}

/* 长问卷：让家长一次完成一个小领域，而不是面对整张长卷。 */
.ui-questionnaire .progress-card{position:static;top:auto;}
.ui-questionnaire .chapter-flow{position:sticky;top:8px;z-index:45;display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:8px;align-items:center;margin:0 0 14px;padding:10px;border:1px solid #D3E7EF;border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 8px 20px rgba(26,78,101,.08);}
.ui-questionnaire .chapter-flow button{min-height:40px;padding:0 12px;border:1px solid #A9D7E8;border-radius:8px;background:#fff;color:var(--yz-blue-deep);font:700 13px/1 inherit;cursor:pointer;}
.ui-questionnaire .chapter-flow button:hover{background:var(--yz-blue-pale);border-color:var(--yz-blue);}
.ui-questionnaire .chapter-flow button:disabled{opacity:.45;cursor:not-allowed;}
.ui-questionnaire .chapter-summary{text-align:center;font-size:13px;font-weight:750;color:var(--yz-ink);}
.ui-questionnaire .chapter-missing{grid-column:1/-1;background:var(--yz-blue-pale)!important;}
.ui-questionnaire .progress-text::after{content:attr(data-chapter);display:block;margin-top:2px;color:var(--yz-blue-deep);font-weight:700;}
.ui-questionnaire .actions .btn-secondary{background:#fff;border:1px solid #D5E3E9;color:#66768A;}
@media(max-width:760px){.ui-questionnaire .chapter-flow{grid-template-columns:1fr 1fr;top:4px;padding:8px;}.ui-questionnaire .chapter-summary{grid-column:1/-1;grid-row:1;}.ui-questionnaire .chapter-missing{grid-column:1/-1;}.ui-questionnaire .actions{padding-bottom:max(12px,env(safe-area-inset-bottom));}.ui-questionnaire .actions .btn-secondary{flex:0 0 auto;max-width:88px;overflow:hidden;text-overflow:ellipsis;}}