@font-face{font-family:ScenarioInter;src:url('../assets/fonts/Inter-400.ttf');font-weight:400;font-display:swap}
@font-face{font-family:ScenarioInter;src:url('../assets/fonts/Inter-500.ttf');font-weight:500;font-display:swap}
@font-face{font-family:ScenarioInter;src:url('../assets/fonts/Inter-700.ttf');font-weight:700;font-display:swap}
@font-face{font-family:ScenarioTC;src:url('../assets/fonts/NotoSansTC-400.ttf');font-weight:400;font-display:swap}
@font-face{font-family:ScenarioTC;src:url('../assets/fonts/NotoSansTC-700.ttf');font-weight:700;font-display:swap}
.scenario-pages{--ink:#18212a;--muted:#667582;max-width:1440px;margin:auto;background:#fff;color:var(--ink);font-family:ScenarioInter,'Noto Sans SC',sans-serif;line-height:1.55;isolation:isolate}
html[lang=zh-HK] .scenario-pages{font-family:ScenarioTC,'Noto Sans SC',sans-serif}
.scenario-pages,.scenario-pages *{box-sizing:border-box;border-width:0;border-style:solid}
.scenario-pages[hidden]{display:none!important}
.scenario-pages p,.scenario-pages h1,.scenario-pages h2,.scenario-pages h3{margin:0}
.scenario-pages img{display:block;max-width:none}
.scenario-pages a{color:inherit;text-decoration:none}
.scenario-pages button{font:inherit;cursor:pointer}
.scenario-pages :is(a,button):focus-visible{outline:3px solid #2386e8;outline-offset:4px}
.scenario-pages .scenario-detail{width:100%;height:auto;min-height:0;padding:32px clamp(20px,4.45vw,64px) 48px;gap:32px}
.scenario-pages .fluid-width{width:100%;min-width:0;max-width:100%}
.scenario-pages .design-row>.fluid-width{flex:var(--design-flex,1) 1 0;width:auto;min-width:0}
.scenario-pages [class*='min-h-']{min-height:0}
.scenario-pages [class*='overflow-']{overflow:visible}
.scenario-pages :is(p,h1,h2,h3){white-space:normal;overflow-wrap:break-word;word-break:normal}
.scenario-pages [data-name$='图标标题']>p{min-width:0;flex:1 1 0;white-space:normal}
.scenario-pages .scenario-hero{padding:0 16px}
.scenario-pages .hero-grid{display:grid;grid-template-columns:minmax(0,1.46fr) minmax(0,1fr);gap:40px;align-items:stretch;width:100%}
.scenario-pages .hero-copy{width:100%;min-width:0;gap:16px}
.scenario-pages .hero-title{font-size:42px;font-weight:700;line-height:1.3;text-wrap:balance}
.scenario-pages .hero-subtitle{font-size:24px;line-height:1.55;text-wrap:balance}
.scenario-pages .hero-description{font-size:18px;line-height:1.55;text-wrap:pretty}
.scenario-pages .hero-photo{position:relative;align-self:stretch;width:100%;height:auto;min-height:280px;border-radius:24px;overflow:hidden}
.scenario-pages .hero-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scenario-pages .hero-tags{display:flex;flex-wrap:wrap;width:100%;gap:8px}
.scenario-pages .hero-tags>div{flex:none;max-width:100%}
.scenario-pages .hero-tags p{white-space:normal}
.scenario-pages .equal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;width:100%}
.scenario-pages .equal-cards>div{width:100%;height:auto;min-width:0}
.scenario-pages .system-diagram{width:100%;gap:16px;align-items:center}
.scenario-pages .system-card{width:100%}
.scenario-pages [data-name='定时任务 / 标题']{width:100%;justify-content:space-between}
.scenario-pages .task-title-main{min-width:0;flex:1}
.scenario-pages [data-name*='右侧胶囊']{flex:none;white-space:nowrap}
.scenario-pages .scene-toolbar{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:26px clamp(20px,4.45vw,64px) 0;color:#60748b;font-size:15px}
.scenario-pages .scene-toolbar a{display:inline-flex;align-items:center;gap:8px;padding:8px 0}
.scenario-pages .scene-toolbar a:hover{color:#1674cb}
.scenario-pages .directory{padding:48px clamp(20px,4.45vw,64px) 64px}
.scenario-pages .directory h1{font-size:36px;line-height:1.3;font-weight:700;margin-bottom:12px}
.scenario-pages .directory-intro{color:#667a8e;font-size:18px;max-width:760px}
.scenario-pages .scene-filters{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}
.scenario-pages .scene-filters button{padding:9px 16px;border:1px solid #e1e8ef;border-radius:999px;color:#5c6e82;background:#f0f4f8;font-size:15px;line-height:1.5}
.scenario-pages .scene-filters button[aria-pressed=true]{background:#1f85e5;color:white;border-color:#1f85e5}
.scenario-pages .scene-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
html[lang=en] .scenario-pages .scene-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.scenario-pages .scene-card{background:#fdfeff;border:1px solid #d4dee8;border-radius:24px;overflow:hidden;box-shadow:0 4px 12px #233a5212;display:flex;flex-direction:column;transition:box-shadow .18s,border-color .18s}
.scenario-pages .scene-card:hover{border-color:#96b3d0;box-shadow:0 7px 20px #233a521c}
.scenario-pages .scene-card>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.scenario-pages .scene-card-copy{padding:24px;display:flex;flex-direction:column;gap:18px;flex:1}
.scenario-pages .scene-card-title{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}
.scenario-pages .scene-card h2{font-size:22px;line-height:1.45;text-wrap:balance}
.scenario-pages .industry-pill{font-size:13px;line-height:1.55;border:1px solid #dce4ec;background:#eef2f6;color:#5c6e82;padding:5px 10px;border-radius:999px;flex:none;max-width:42%;text-align:center}
.scenario-pages .scene-card-description{font-size:17px;line-height:1.65;color:#5c6e82;text-wrap:pretty;flex:1}
.scenario-pages .scene-card .hero-tags{margin-top:auto;gap:8px;flex-wrap:wrap}
.scenario-pages .scene-card .hero-tags>div{padding:6px 8px;gap:5px;border-radius:12px}
.scenario-pages .scene-card .hero-tags p{font-size:14px}
.scenario-pages .scene-card .hero-tags img{max-width:100%}
.scenario-pages .directory-note{font-size:14px;color:#7c8c9c;margin-top:36px}
.scenario-pages .scene-error{padding:64px 24px;text-align:center}
.scenario-pages .scene-status{min-height:1.6em;color:#60748b}
.scenario-pages .scene-footer{display:flex;justify-content:space-between;gap:24px;padding:0 clamp(20px,4.45vw,64px) 48px;color:#60748b}
.scenario-pages .scene-footer a{padding:12px 0}
body.scenarios-active #source-pages,body.scenarios-active [data-page]:not([data-page=scenarios]){display:none!important}
@media(max-width:1100px){
 .scenario-pages .hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px}
 .scenario-pages .hero-title{font-size:36px}
 .scenario-pages .scene-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .scenario-pages .system-diagram{flex-wrap:wrap}
 .scenario-pages .system-diagram>.fluid-width{flex-basis:35%;min-width:220px}
}
@media(max-width:760px){
 body.scenarios-active .navlinks{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;white-space:nowrap;max-width:100%;scrollbar-width:none;gap:2px;height:34px;padding:2px 0;align-items:center}
 body.scenarios-active .navlinks{gap:2px!important}
 body.scenarios-active .navlinks a{flex:none;padding:6px 4px!important}
 .scenario-pages .scenario-detail{padding:24px 20px 36px;gap:28px}
 .scenario-pages .scenario-hero{padding:0}
 .scenario-pages .hero-grid{grid-template-columns:1fr;gap:24px}
 .scenario-pages .hero-title{font-size:32px}
 .scenario-pages .hero-subtitle{font-size:21px}
 .scenario-pages .hero-photo{min-height:0;aspect-ratio:16/10}
 .scenario-pages .hero-tags{gap:8px}
 .scenario-pages .equal-cards{grid-template-columns:1fr;gap:16px}
 .scenario-pages .design-row:has(>.fluid-width:nth-child(2)):not(:has(>[data-design-width='5'])):not([data-name*='标题']):not([data-name*='图标']):not([data-name*='序号']):not([data-name*='步骤']):not([data-name*='胶囊']){flex-wrap:wrap}
 .scenario-pages .design-row:has(>.fluid-width:nth-child(2)):not([data-name*='标题']):not([data-name*='图标']):not([data-name*='序号']):not([data-name*='步骤'])>.fluid-width{flex-basis:100%}
 .scenario-pages .system-diagram{flex-direction:column;align-items:stretch}
 .scenario-pages .system-diagram>.fluid-width{width:100%;min-width:0;flex:none}
 .scenario-pages .system-diagram>div:not(.fluid-width){align-self:center;transform:rotate(90deg)}
 .scenario-pages .task-title-row{flex-wrap:wrap;gap:12px}
 .scenario-pages .task-title-row>.task-title-main.fluid-width{flex:0 0 100%;width:100%;align-items:flex-start}
 .scenario-pages .task-title-main>p.fluid-width{flex:1 1 0;min-width:0}
 .scenario-pages .scenario-detail>div:not(.scenario-hero){padding:20px}
 .scenario-pages [data-name='模块标题 / 统一重点标识']{align-items:flex-start;max-width:100%}
 .scenario-pages [data-name='模块标题 / 统一重点标识']>p{font-size:25px;white-space:normal;min-width:0;flex:1 1 0}
 .scenario-pages .scene-card-grid,html[lang=en] .scenario-pages .scene-card-grid{grid-template-columns:1fr}
 .scenario-pages .directory{padding-top:28px}
 .scenario-pages .directory h1{font-size:30px}
 .scenario-pages .scene-card-copy{padding:22px}
 .scenario-pages .scene-filters{gap:8px}
 .scenario-pages .scene-filters button{padding:8px 13px}
}
@media(prefers-reduced-motion:reduce){.scenario-pages *{transition:none!important;scroll-behavior:auto!important}}