/* 云鹄局部体验：能力目录、应用滑轨与首页/页尾留白视效。 */
.main-nav>a[data-route]::before{content:none!important}
.main-nav>a[data-route]::after{content:""!important;font-size:0}
.main-nav>a[data-route="agents"]{position:relative}
.main-nav>a[data-route="agents"] .nav-new{position:static;display:inline-block;margin:0 0 9px 3px;padding:2px 4px;background:var(--accent);color:var(--ground);font-size:8px;font-weight:700;line-height:1.2;letter-spacing:0;border-radius:3px;transform:none}
.main-nav>a:not([data-route="agents"]) .nav-new{display:none!important}
.yunhu-mark{display:inline-block;width:52px;height:52px;object-fit:contain;vertical-align:middle;flex-shrink:0}
[data-view="agents"] .page-hero h1{display:flex;align-items:center;gap:16px}
.yunhu-mark.download-mark{width:28px;height:28px}
.capability-card h3:has(.yunhu-mark){display:flex;align-items:center;gap:10px}
.yunhu-mark.entry-mark{width:30px;height:30px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.experience-panel{padding:0 0 40px}
.experience-intro{margin:0 0 28px;font-size:16px;line-height:1.8;color:var(--copy)}
.experience-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px;align-items:start}
.experience-choice{min-width:0;background:none}
.experience-choice h3{font-size:20px;font-weight:600;line-height:1.5;color:var(--brand-ink);margin:0}
.skill-summary{font-size:16px;line-height:1.8;color:var(--copy);margin:8px 0}
.experience-detail{font-size:14px;line-height:1.85;color:var(--copy)}
.experience-detail summary{display:list-item;list-style:none;width:fit-content;padding:5px 0;cursor:pointer;color:var(--secondary);text-decoration:underline;text-underline-offset:4px}
.experience-detail summary::-webkit-details-marker{display:none}
.experience-detail summary:hover{color:var(--brand-ink)}
.experience-detail summary:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
.experience-detail p{margin:10px 0 0}
.art-paper{fill:var(--art-paper,var(--surface));stroke:var(--edge);stroke-width:2}
.art-soft{fill:var(--art-bg,var(--surface-alt))}
.art-ink{fill:var(--art-ink,var(--brand))}
.application-media svg text{fill:var(--art-copy,var(--copy));font:16px var(--sans)}
.application-media svg .art-title{font-size:20px;font-weight:600}
.application-media svg .art-white{fill:var(--art-white,var(--ground))}
.art-line{fill:none;stroke:var(--art-ink,var(--brand));stroke-width:2.5;stroke-linejoin:round}
.application-rail{min-width:0;--art-bg:var(--surface-alt);--art-paper:var(--surface);--art-ink:var(--brand);--art-copy:var(--copy);--art-white:var(--ground)}
.rail-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.rail-heading h2{font-size:clamp(25px,2.8vw,36px);line-height:1.4;color:var(--brand-ink);margin:0}
.rail-heading p{font-size:16px;line-height:1.8;margin:12px 0 0;color:var(--copy)}
.rail-controls{display:flex;gap:6px;flex-shrink:0}
.rail-controls button{min-height:42px;min-width:42px;padding:9px 13px;background:var(--surface-alt);border:0;border-radius:4px;color:var(--brand-ink);font:13px var(--sans)}
.rail-controls button:hover{background:var(--brand);color:var(--ground)}
.rail-window{overflow:hidden;position:relative;min-width:0;padding:12px 0 8px}
.application-track{display:flex;gap:20px;position:relative;transition:transform .5s cubic-bezier(.22,.75,.18,1);align-items:stretch}
.application-card{flex:0 0 calc((100% - 40px)/3);min-width:0;box-sizing:border-box;border-radius:16px;overflow:visible;background:var(--surface);transition:transform .3s ease;display:flex;flex-direction:column}
.application-card.is-current,.application-card:hover,.application-card:focus-within{opacity:1}
.application-card:hover,.application-card:focus-within{transform:translateY(-7px)}
.application-card:hover .application-copy a,.application-card:focus-within .application-copy a{transform:translateX(4px)}
.application-card:hover .application-media,.application-card:focus-within .application-media{background:var(--surface-blue)}
.application-copy a{transition:transform .2s ease,color .2s ease}
.application-media{width:100%;min-width:0;box-sizing:border-box;overflow:hidden;aspect-ratio:3/2;min-height:0;background:var(--surface-alt);border-radius:16px 16px 0 0;isolation:isolate}
.application-media>img,.application-media>svg{display:block;width:100%;max-width:100%;height:100%;min-width:0;box-sizing:border-box;object-fit:contain;object-position:center;transition:none;border-radius:inherit}
.application-media-1 img,.application-media-2 img{transform:none}
.application-card:hover .application-media-1 img,.application-card:hover .application-media-2 img{transform:none}
.application-copy{padding:24px;display:flex;flex-direction:column;flex:1}
.application-copy .application-category{font-size:14px;font-weight:600;color:var(--accent);margin:0 0 12px}
.application-copy h3{font-size:21px;line-height:1.5;margin:0;color:var(--brand-ink)}
.application-copy>p:not(.application-category){font-size:15px;line-height:1.8;color:var(--copy);margin:12px 0}
.application-copy small{font-size:12px;line-height:1.7;color:var(--secondary);margin-bottom:22px}
.application-copy a{margin-top:auto;font-size:14px;color:var(--accent);align-self:start;padding:5px 0}
.rail-status{font-size:12px;color:var(--secondary);margin:15px 0 0}
@media(max-width:1000px){.application-card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:800px){.rail-heading{align-items:start;flex-direction:column;gap:18px}.application-copy{padding:20px}.experience-choices{gap:24px 30px}}
@media(max-width:600px){[data-view="agents"] .page-hero h1{gap:10px;font-size:27px;letter-spacing:-.03em}.yunhu-mark{width:40px;height:40px}.yunhu-mark.download-mark{width:24px;height:24px}.experience-choices{grid-template-columns:1fr;gap:24px}.experience-intro{margin-bottom:24px}.experience-choice h3{font-size:19px}.application-card{flex-basis:100%;opacity:1}.application-track{gap:16px}.application-copy h3{font-size:22px}.rail-heading h2{font-size:26px}.rail-heading p{font-size:15px}.rail-controls button{min-height:44px}.application-media{aspect-ratio:3/2}.application-card:hover,.application-card:focus-within{transform:none}}
@media(prefers-reduced-motion:reduce){.application-track,.application-card,.application-media>img{transition:none!important}.application-card:hover,.application-card:focus-within{transform:none}.application-media-1 img,.application-media-2 img,.application-card:hover .application-media-1 img,.application-card:hover .application-media-2 img{transform:none}}