/* 响应式布局：桌面、平板、手机、窄屏四档。 */
@media (max-width:1024px){
  .site-header{max-width:none;padding-left:24px;padding-right:24px}.home-main,.app-main{max-width:none}.hero{grid-template-columns:1fr .82fr;gap:28px}.particle-stage{width:min(39vw,390px)}.auth-main{gap:68px;padding-left:42px;padding-right:42px}.dashboard-grid{grid-template-columns:1.2fr .8fr}.page-head{margin-bottom:32px}
}
@media (max-width:760px){
  body{font-size:14px}.site-header{min-height:64px;height:auto;padding:12px 18px;gap:12px;flex-wrap:wrap}.site-header nav{order:3;width:100%;margin-left:0;padding-top:10px;border-top:1px solid var(--rule);justify-content:space-between;gap:12px}.site-header nav a{font-size:12px}.theme-toggle{margin-left:auto}.logout-button{display:block;margin-left:0}.home-main,.app-main{padding-left:18px;padding-right:18px}.hero{grid-template-columns:1fr;gap:34px;min-height:0;padding:54px 0 46px}.hero-copy{max-width:100%}.hero-text{max-width:34rem}.hero-actions{flex-wrap:wrap}.hero-actions .button{flex:1;min-width:154px}.particle-stage{width:min(100%,390px);margin:0 auto;aspect-ratio:1/.86}.home-footer{gap:10px;padding-top:14px}.auth-main{display:block;min-height:0;padding:52px 22px 58px}.auth-intro{margin-bottom:44px}.auth-intro>p:not(.kicker){max-width:32rem}.auth-panel{max-width:460px}.page-head{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:28px}.page-head>p{max-width:32rem}.page-head>.button{width:100%}.metric-row{grid-template-columns:1fr;margin-bottom:28px}.metric-row article,.metric-row article+article{padding:13px 0;border-right:0;border-bottom:1px solid var(--rule)}.metric-row article:last-child{border-bottom:0}.dashboard-grid{grid-template-columns:1fr;gap:14px}.paper-block{padding:16px;min-height:0}.latest-card{grid-template-columns:88px 1fr;gap:13px}.latest-card img{width:88px;height:74px}.device-row{gap:10px}.record-row{grid-template-columns:80px 1fr;gap:13px}.record-thumb{width:80px;height:70px}.record-date{display:none}.medical-note{margin-top:28px}.modal{width:calc(100vw - 28px)}.modal form,.modal section{padding:20px}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.modal-actions .button{width:100%}
}
@media (max-width:420px){
  .site-header{padding-left:14px;padding-right:14px}.home-main,.app-main{padding-left:14px;padding-right:14px}.wordmark img,.home-wordmark img{width:31px;height:31px}.brand-name{font-size:17px}.brand-name small{font-size:6.5px}.home-wordmark img{width:34px;height:34px}.home-wordmark .brand-name{font-size:19px}.home-wordmark .brand-name small{font-size:7px}.theme-toggle{font-size:10px}.hero h1{font-size:46px}.auth-intro h1{font-size:40px}.page-head h1{font-size:34px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.particle-stage{aspect-ratio:1/.96}.home-footer{font-size:9px}.quiet-block h2{font-size:19px}.block-head{gap:10px}.block-head a{font-size:11px}.device-row{grid-template-columns:1fr}.device-row .text-button{justify-self:start}.device-row p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-actions{grid-template-columns:1fr}.form-stack{gap:13px}
}