.feature-path .path-art{width:100%;margin-top:30px;padding:26px 20px;border:1px solid #dce6f1;border-radius:20px;background:#f4f8fd radial-gradient(#c6d5e8 .8px,transparent .8px);background-size:16px 16px}
.path-art:before,.calendar-art:before{display:block;font-size:11px;color:#526b85;margin-bottom:20px;letter-spacing:.06em}
.path-art:before{content:'照护路径 · 流程示意'}.calendar-art:before{content:'本周日程 · 示例'}
.feature-path .path-node{background:#fff;padding:16px 12px;border-radius:11px;box-shadow:0 4px 12px #274d7710;align-items:center;border-color:#dce6f1}
.feature-path .path-node>span{border-radius:5px;padding:4px 7px;background:#edf3fa}
.feature-path .path-branches{gap:14px}.feature-path .path-branches .path-node{background:#176dc2;color:#fff;border-color:#176dc2;box-shadow:0 5px 15px #0962b829}
.feature-path .path-connector{position:relative;height:24px;width:2px;background:#a5c7e9;overflow:hidden}.feature-path .path-connector:after{content:'';position:absolute;inset:0;background:#1679da;transform:translateY(-100%)}
.feature-calendar .calendar-art{margin-top:30px;padding:20px;border:1px solid #e2e9f1;border-radius:20px;background:#f7f9fc;box-shadow:0 12px 24px #29456308}
.feature-calendar .week{gap:5px;margin-bottom:18px}.feature-calendar .week>span{flex:1;padding:10px 0;gap:9px;border-radius:10px}.feature-calendar .week .selected{background:#176dc2;box-shadow:0 5px 12px #0864bd25}
.feature-calendar .calendar-task{background:#fff;border:1px solid #e3eaf2;border-radius:11px;margin-top:10px;padding:15px 12px;gap:10px;box-shadow:0 3px 8px #29456305}.feature-calendar .calendar-task i{flex-shrink:0;width:4px;height:33px;border-radius:3px;background:#287ed2}.feature-calendar .calendar-task:last-child i{background:#70988e}.feature-calendar .calendar-task small{line-height:1.5}.feature-calendar .calendar-task>span{font-variant-numeric:tabular-nums;color:#476484;padding:5px 7px;background:#f1f5fa;border-radius:5px}
@keyframes capability-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes capability-flow{from{transform:translateY(-100%)}to{transform:translateY(100%)}}
@media(prefers-reduced-motion:no-preference){.feature-path.panel-visible .path-node,.feature-calendar.panel-visible .week,.feature-calendar.panel-visible .calendar-task{animation:capability-enter .75s var(--ease) backwards}.feature-path.panel-visible .path-branches .path-node{animation-delay:.15s}.feature-path.panel-visible .path-branches .path-node:last-child{animation-delay:.25s}.feature-path.panel-visible .path-art>.path-node:last-child{animation-delay:.4s}.feature-calendar.panel-visible .calendar-task{animation-delay:.2s}.feature-calendar.panel-visible .calendar-task:last-child{animation-delay:.35s}.feature-path.panel-visible .path-connector:after{animation:capability-flow 1.6s ease-in-out 3}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.feature-path .path-node,.feature-calendar .calendar-task{transition:transform .3s,box-shadow .3s}.feature-path .path-node:hover,.feature-calendar .calendar-task:hover{transform:translateY(-3px);box-shadow:0 9px 20px #274d771a}}
html[data-theme=dark] .feature-path .path-art,html[data-theme=dark] .feature-calendar .calendar-art{background-color:#1c2633;border-color:#38485b}html[data-theme=dark] .feature-path .path-art{background-image:radial-gradient(#42546c .8px,transparent .8px)}html[data-theme=dark] .feature-path .path-node,html[data-theme=dark] .feature-calendar .calendar-task{background:#293746;border-color:#425269;color:#edf3fa}html[data-theme=dark] .feature-path .path-branches .path-node{background:#205b94}html[data-theme=dark] .feature-path .path-node>span,html[data-theme=dark] .feature-calendar .calendar-task>span{background:#34485d;color:#c1d9f2}html[data-theme=dark] .path-art:before,html[data-theme=dark] .calendar-art:before{color:#b4c9df}
@media(max-width:600px){.feature-path .path-art{padding:22px 14px}.feature-calendar .calendar-art{padding:16px 12px}.feature-path .path-node{padding:13px 10px}.feature-path .path-branches{gap:10px}}
.feature-path,.feature-calendar{padding-bottom:80px}
@media(min-width:768px){.feature-path>p,.feature-calendar>p{min-height:51px}}
