/* Syber 操作示意（首頁與 Syber 產品頁共用）：產品視窗、章節按鈕、模擬游標與各階段畫面 */
.film:where(.rd,.rd *){padding:8rem 0 0;background:#fff;position:relative}
.film:where(.rd,.rd *) .top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:4.5rem;align-items:end}
.film:where(.rd,.rd *) h2{font-size:clamp(1.75rem,3vw,2.625rem);line-height:1.4;letter-spacing:.02em}
.film:where(.rd,.rd *) .lede{font-size:1.0625rem;color:var(--ink-2);line-height:1.9}
.film:where(.rd,.rd *) .cta{display:flex;gap:0.75rem;margin-top:2rem;flex-wrap:wrap}
.film:where(.rd,.rd *) .note{margin-top:1rem;font-size:0.875rem;color:var(--ink-3)}
.stagef:where(.rd,.rd *){position:relative;margin-top:4.5rem;isolation:isolate;padding-bottom:4.5rem}
.stagef:where(.rd,.rd *)::after{content:"";position:absolute;inset:auto 0 0 0;height:62%;background:var(--ink);z-index:-1}
.win:where(.rd,.rd *){position:relative;background:#fff;border:0.0625rem solid rgba(10,37,64,.14);border-radius:0.75rem;overflow:hidden;box-shadow:0 3.125rem 6.25rem -3.125rem rgba(10,37,64,.55),0 0.0625rem 0.125rem rgba(10,37,64,.06);font-size:0.8125rem;line-height:1.6;color:#1F2A37;letter-spacing:.01em}
.win:where(.rd,.rd *) .bar{display:flex;align-items:center;gap:0.875rem;height:3rem;padding:0 1.125rem;border-bottom:0.0625rem solid #EDF0F3}
.win:where(.rd,.rd *) .bar img{height:1.375rem;width:auto}
.win:where(.rd,.rd *) .crumb{color:#6B7785;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.win:where(.rd,.rd *) .crumb b{color:var(--ink);font-weight:600;transition:opacity .3s}
.win:where(.rd,.rd *) .me{margin-left:auto;display:flex;align-items:center;gap:0.625rem;color:#6B7785;white-space:nowrap}
.win:where(.rd,.rd *) .body{display:grid;grid-template-columns:12.25rem 1fr;height:33.75rem}
.win:where(.rd,.rd *) .side{border-right:0.0625rem solid #EDF0F3;padding:0.875rem 0.625rem;background:#FBFCFD}
.win:where(.rd,.rd *) .side .pj{padding:0 0.5rem 0.625rem;font-weight:600;color:var(--ink)}
.win:where(.rd,.rd *) .side .g{padding:0.625rem 0.5rem 0.25rem;font-size:0.71875rem;color:#8A95A3}
.win:where(.rd,.rd *) .side a{display:block;padding:0.3125rem 0.5rem;border-radius:0.3125rem;color:#3E4C5B;transition:background-color .3s,color .3s}
.win:where(.rd,.rd *) .side a.on{background:var(--teal-soft);color:var(--teal-d);font-weight:600}
.win:where(.rd,.rd *) .main{position:relative;overflow:hidden}
.sc:where(.rd,.rd *){position:absolute;inset:0;padding:1.375rem 1.625rem;opacity:0;transform:translateY(0.625rem);transition:opacity .22s ease,transform .22s ease;pointer-events:none}
.sc.on:where(.rd,.rd *){opacity:1;transform:none;pointer-events:auto;transition:opacity .45s ease .24s,transform .45s ease .24s}
.sc:where(.rd,.rd *) h4{margin:0;font-size:1rem;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:0.625rem}
.sc:where(.rd,.rd *) .sub{color:#6B7785;margin-top:0.125rem}
.pill:where(.rd,.rd *){display:inline-block;padding:0.0625rem 0.5rem;border-radius:0.25rem;font-size:0.71875rem;line-height:1.7;font-weight:500;background:#F1F3F6;color:#4B5866;transition:background-color .3s,color .3s}
.pill.edit:where(.rd,.rd *){background:var(--blue-soft);color:var(--blue)}
.pill.rev:where(.rd,.rd *){background:var(--orange-soft);color:var(--orange-t)}
.pill.ok:where(.rd,.rd *){background:var(--green-soft);color:var(--green-t)}
.kbtn:where(.rd,.rd *){display:inline-flex;align-items:center;gap:0.375rem;height:2rem;padding:0 0.875rem;border-radius:0.375rem;background:var(--teal);color:#fff;font-weight:600;font-size:0.8125rem;border:0;transition:transform .12s,background-color .2s}
.kbtn.line:where(.rd,.rd *){background:#fff;color:var(--teal-d);border:0.0625rem solid #CFE3E5}
.kbtn.press:where(.rd,.rd *){transform:scale(.95);background:var(--teal-d)}
.kbtn.line.press:where(.rd,.rd *){background:var(--teal-soft)}
.mx:where(.rd,.rd *){display:grid;grid-template-columns:1fr 15.625rem;gap:1.625rem;margin-top:1rem;height:calc(100% - 3.75rem)}
.plot:where(.rd,.rd *){position:relative;border-left:0.0625rem solid #C9D1DA;border-bottom:0.0625rem solid #C9D1DA;margin:0 0 1.625rem 1.625rem}
.plot:where(.rd,.rd *)::before,.plot:where(.rd,.rd *)::after{content:"";position:absolute;background:#E3E7EB}
.plot:where(.rd,.rd *)::before{left:60%;top:0;bottom:0;width:0.0625rem}
.plot:where(.rd,.rd *)::after{top:40%;left:0;right:0;height:0.0625rem}
.plot:where(.rd,.rd *) .q{position:absolute;left:60%;top:0;right:0;bottom:60%;background:var(--teal-soft);opacity:0;transition:opacity .6s}
.plot.hi:where(.rd,.rd *) .q{opacity:1}
.plot:where(.rd,.rd *) .ax{position:absolute;font-size:0.71875rem;color:#6B7785}
.plot:where(.rd,.rd *) .ax.x{left:0;right:0;bottom:-1.5rem;text-align:center}
.plot:where(.rd,.rd *) .ax.y{left:-1.5rem;top:0;bottom:0;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center}
.plot:where(.rd,.rd *) .dt{position:absolute;left:calc(var(--x)*1%);bottom:calc(var(--y)*1%);width:0;height:0;opacity:0;transition:left .9s cubic-bezier(.2,.8,.2,1),bottom .9s cubic-bezier(.2,.8,.2,1),opacity .5s}
.plot:where(.rd,.rd *) .dt i{position:absolute;left:-0.3125rem;top:-0.3125rem;width:0.625rem;height:0.625rem;border-radius:50%;background:#9AA6B2;transition:background-color .4s,transform .4s}
.plot:where(.rd,.rd *) .dt span{position:absolute;left:0.625rem;top:-0.625rem;font-size:0.75rem;line-height:1.25rem;color:#3E4C5B;white-space:nowrap}
.plot:where(.rd,.rd *) .dt.l span{left:auto;right:0.625rem}
.plot:where(.rd,.rd *) .dt.in{opacity:1}
.plot:where(.rd,.rd *) .dt.top i{background:var(--teal);transform:scale(1.25)}
.plot:where(.rd,.rd *) .dt.top span{color:var(--ink);font-weight:600}
.plot:where(.rd,.rd *) .dt.start{left:4%!important;bottom:4%!important}
.list:where(.rd,.rd *){border:0.0625rem solid #EDF0F3;border-radius:0.5rem;padding:0.875rem 1rem}
.list:where(.rd,.rd *) .h{font-weight:600;color:var(--ink);display:flex;justify-content:space-between;align-items:center}
.list:where(.rd,.rd *) ol{margin:0.625rem 0 0;padding:0;list-style:none}
.list:where(.rd,.rd *) li{display:flex;align-items:center;gap:0.5rem;padding:0.4375rem 0;border-top:0.0625rem solid #F1F3F6;opacity:0;transform:translateX(0.5rem);transition:opacity .4s,transform .4s}
.list:where(.rd,.rd *) li.in{opacity:1;transform:none}
.list:where(.rd,.rd *) li b{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:0.25rem;background:var(--teal-soft);color:var(--teal-d);font-size:0.6875rem}
.list:where(.rd,.rd *) .foot{margin-top:0.75rem;font-size:0.75rem;color:#6B7785}
.prog:where(.rd,.rd *){display:flex;align-items:center;gap:1rem;margin-top:0.875rem;padding:0.75rem 1rem;border:0.0625rem solid #EDF0F3;border-radius:0.5rem}
.prog:where(.rd,.rd *) .t{white-space:nowrap;color:#3E4C5B}
.prog:where(.rd,.rd *) .t b{font-size:1.125rem;color:var(--ink);font-variant-numeric:tabular-nums}
.prog:where(.rd,.rd *) .tr{flex:1;height:0.5rem;border-radius:0.25rem;background:#EDF0F3;overflow:hidden;display:flex}
.prog:where(.rd,.rd *) .tr i{display:block;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.kb:where(.rd,.rd *){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.75rem;margin-top:0.875rem}
.kc:where(.rd,.rd *){border-radius:0.5rem;padding:0.625rem;background:#F5F6F8;min-height:18.75rem}
.kc.c2:where(.rd,.rd *){background:#FDF6EE}
.kc.c3:where(.rd,.rd *){background:#FCEFF0}
.kc.c4:where(.rd,.rd *){background:#F1F7EE}
.kc:where(.rd,.rd *) .h{display:flex;justify-content:space-between;font-weight:600;color:var(--ink);padding:0.125rem 0.25rem 0.5rem}
.kc:where(.rd,.rd *) .h span{font-weight:500;color:#6B7785;font-variant-numeric:tabular-nums}
.cd:where(.rd,.rd *){background:#fff;border-radius:0.375rem;padding:0.5625rem 0.625rem;margin-top:0.5rem;box-shadow:0 0.0625rem 0 rgba(10,37,64,.06),0 0 0 0.0625rem rgba(10,37,64,.04);transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.cd:where(.rd,.rd *) b{display:block;font-weight:600;color:#22303F}
.cd:where(.rd,.rd *) span{display:block;color:#7A8592;font-size:0.75rem}
.cd:where(.rd,.rd *) .act{display:flex;gap:0.375rem;margin-top:0.5rem}
.cd:where(.rd,.rd *) .act em{font-style:normal;font-size:0.71875rem;padding:0.125rem 0.5rem;border-radius:0.25rem;border:0.0625rem solid #CFE3E5;color:var(--teal-d);background:#fff;transition:background-color .2s}
.cd:where(.rd,.rd *) .act em.press{background:var(--teal-soft)}
.cd.lift:where(.rd,.rd *){box-shadow:0 1.125rem 1.875rem -1rem rgba(10,37,64,.45),0 0 0 0.0625rem rgba(10,37,64,.06)}
.ed3:where(.rd,.rd *){display:grid;grid-template-columns:1fr 16.875rem;gap:1.25rem;margin-top:0.875rem;height:calc(100% - 3.25rem)}
.doc3:where(.rd,.rd *){border:0.0625rem solid #EDF0F3;border-radius:0.5rem;padding:1rem 1.125rem;overflow:hidden}
.doc3:where(.rd,.rd *) .q{padding:0.625rem 0.75rem;background:#F7F9FB;border-radius:0.375rem;color:#3E4C5B}
.doc3:where(.rd,.rd *) .files{display:flex;gap:0.5rem;margin-top:0.5rem}
.doc3:where(.rd,.rd *) .files span{font-size:0.75rem;padding:0.125rem 0.5625rem;border:0.0625rem solid #E3E7EB;border-radius:0.25rem;background:#fff;color:#4B5866}
.doc3:where(.rd,.rd *) .ans{margin-top:0.875rem}
.doc3:where(.rd,.rd *) .ans .ln{display:block;clip-path:inset(0 100% 0 0);transition:clip-path .9s cubic-bezier(.4,0,.2,1);font-size:0.875rem;line-height:1.95;color:#22303F}
.doc3:where(.rd,.rd *) .ans .ln.in{clip-path:inset(0 0 0 0)}
.doc3:where(.rd,.rd *) .srcs{display:flex;gap:0.5rem;margin-top:0.625rem}
.doc3:where(.rd,.rd *) .srcs span{padding:0.125rem 0.5625rem;border-radius:0.25rem;background:var(--teal-soft);color:var(--teal-d);font-size:0.75rem;opacity:0;transform:translateY(0.25rem);transition:opacity .35s,transform .35s}
.doc3:where(.rd,.rd *) .srcs span.in{opacity:1;transform:none}
.doc3:where(.rd,.rd *) .todo{margin-top:0.75rem;padding:0.625rem 0.75rem;border-left:0.1875rem solid var(--orange);background:var(--orange-soft);border-radius:0 0.375rem 0.375rem 0;opacity:0;transition:opacity .4s}
.doc3:where(.rd,.rd *) .todo.in{opacity:1}
.doc3:where(.rd,.rd *) .todo b{display:block;font-size:0.75rem;color:var(--orange-t)}
.aip:where(.rd,.rd *){border:0.0625rem solid #EDF0F3;border-radius:0.5rem;padding:0.875rem 1rem}
.aip:where(.rd,.rd *) .h{font-weight:600;color:var(--ink)}
.aip:where(.rd,.rd *) ul{list-style:none;margin:0.625rem 0 0;padding:0}
.aip:where(.rd,.rd *) li{display:flex;align-items:center;gap:0.625rem;padding:0.375rem 0;color:#9AA6B2;transition:color .3s}
.aip:where(.rd,.rd *) li i{position:relative;width:1rem;height:1rem;border-radius:50%;border:0.09375rem solid #CFD6DD;flex:none;transition:background-color .3s,border-color .3s}
.aip:where(.rd,.rd *) li.run{color:#3E4C5B}
.aip:where(.rd,.rd *) li.run i{border-color:var(--teal);border-right-color:transparent;animation:spin .8s linear infinite}
.aip:where(.rd,.rd *) li.ok{color:#22303F}
.aip:where(.rd,.rd *) li.ok i{background:var(--teal);border-color:var(--teal)}
.aip:where(.rd,.rd *) li.ok i::after{content:"";position:absolute;left:0.28125rem;top:0.09375rem;width:0.25rem;height:0.5rem;border:solid #fff;border-width:0 0.1125rem 0.1125rem 0;transform:rotate(45deg)}
@keyframes spin{to{transform:rotate(360deg)}}
.aip:where(.rd,.rd *) .st{margin-top:0.75rem;padding-top:0.75rem;border-top:0.0625rem solid #F1F3F6;display:flex;justify-content:space-between;align-items:center;color:#6B7785}
.ex:where(.rd,.rd *){display:grid;grid-template-columns:16.25rem 1fr;gap:1.5rem;margin-top:0.875rem;height:calc(100% - 3.25rem)}
.chl:where(.rd,.rd *){border:0.0625rem solid #EDF0F3;border-radius:0.5rem;padding:0.75rem 0.875rem}
.chl:where(.rd,.rd *) .h{display:flex;justify-content:space-between;font-weight:600;color:var(--ink);padding-bottom:0.375rem}
.chl:where(.rd,.rd *) .h span{font-variant-numeric:tabular-nums;color:var(--teal-d)}
.chl:where(.rd,.rd *) .r{display:flex;justify-content:space-between;align-items:center;padding:0.375rem 0;border-top:0.0625rem solid #F1F3F6;color:#3E4C5B}
.covers:where(.rd,.rd *){display:flex;flex-direction:column}
.covers:where(.rd,.rd *) .row{display:flex;gap:1.375rem;align-items:flex-end;margin-top:0.875rem;min-height:18.75rem}
.cv:where(.rd,.rd *){position:relative;width:12.5rem;aspect-ratio:210/297;border-radius:0.25rem;overflow:hidden;box-shadow:0 1.25rem 2.125rem -1.125rem rgba(10,37,64,.5),0 0 0 0.0625rem rgba(10,37,64,.08);opacity:0;transform:translateY(1.5rem);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.cv.in:where(.rd,.rd *){opacity:1;transform:none}
.cv.pick:where(.rd,.rd *){box-shadow:0 0 0 0.1875rem var(--teal),0 1.5rem 2.5rem -1.125rem rgba(10,37,64,.55)}
.cv:where(.rd,.rd *) .lb{position:absolute;left:0.75rem;right:0.75rem;bottom:0.875rem;font-weight:600;font-size:0.9375rem;line-height:1.4}
.cv:where(.rd,.rd *) .lb small{display:block;font-size:0.625rem;font-weight:500;opacity:.8;margin-top:0.25rem;letter-spacing:.06em}
.cv.a:where(.rd,.rd *){background:var(--ink);color:#fff}
.cv.b:where(.rd,.rd *){background:#fff;color:var(--ink)}
.cv:where(.rd,.rd *) svg{position:absolute;inset:0;width:100%;height:100%}
.cv:where(.rd,.rd *) .tag{position:absolute;top:0.625rem;left:0.625rem;font-size:0.625rem;padding:0.0625rem 0.375rem;border-radius:0.1875rem;background:rgba(255,255,255,.9);color:var(--ink)}
.cur:where(.rd,.rd *){position:absolute;left:0;top:0;z-index:20;width:1.375rem;height:1.375rem;pointer-events:none;transition:transform .75s cubic-bezier(.45,.05,.25,1);will-change:transform}
.cur:where(.rd,.rd *) svg{width:1.375rem;height:1.375rem;filter:drop-shadow(0 0.125rem 0.1875rem rgba(0,0,0,.25))}
.cur:where(.rd,.rd *) .rp{position:absolute;left:-0.75rem;top:-0.75rem;width:1.5rem;height:1.5rem;border-radius:50%;border:0.125rem solid var(--teal);opacity:0;transform:scale(.4)}
.cur.clk:where(.rd,.rd *) .rp{animation:rp .5s ease-out}
@keyframes rp{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(1.6)}}
.chap:where(.rd,.rd *){display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:1.5rem;margin-top:1.75rem}
.chap:where(.rd,.rd *) button{position:relative;text-align:left;padding:1rem 0 0;border:0;background:none;color:rgba(255,255,255,.55);cursor:pointer;font-size:0.9375rem;transition:color .3s}
.chap:where(.rd,.rd *) button::before{content:"";position:absolute;left:0;right:0;top:0;height:0.125rem;background:rgba(255,255,255,.18)}
.chap:where(.rd,.rd *) button i{position:absolute;left:0;top:0;height:0.125rem;width:0;background:#fff}
.chap:where(.rd,.rd *) button b{display:block;font-weight:600;font-size:1rem;color:inherit}
.chap:where(.rd,.rd *) button span{display:block;margin-top:0.25rem;font-size:0.84375rem;line-height:1.7}
.chap:where(.rd,.rd *) button.on{color:#fff}
.chap:where(.rd,.rd *)+.cap2{margin-top:0.875rem;font-size:0.78125rem;color:rgba(255,255,255,.45);text-align:right}
@media (max-width:1080px){.film:where(.rd,.rd *) .top{grid-template-columns:1fr;gap:1.75rem}
.win:where(.rd,.rd *) .body{grid-template-columns:1fr}
.win:where(.rd,.rd *) .side{display:none}}
@media (max-width:860px){.win:where(.rd,.rd *) .body{height:37.5rem}
.mx:where(.rd,.rd *),.ed3:where(.rd,.rd *),.ex:where(.rd,.rd *){grid-template-columns:1fr}
.aip:where(.rd,.rd *){display:none}
.mx:where(.rd,.rd *){grid-template-rows:1fr auto;gap:0.625rem}
.list:where(.rd,.rd *){padding:0.5rem 0.75rem}
.list:where(.rd,.rd *) .h .kbtn{height:1.75rem;padding:0 0.625rem}
.list:where(.rd,.rd *) ol{display:grid;grid-template-columns:1fr 1fr;gap:0 0.75rem;margin-top:0.25rem}
.list:where(.rd,.rd *) li{padding:0.25rem 0}
.list:where(.rd,.rd *) .foot{display:none}
.plot:where(.rd,.rd *) .dt span{display:none}
.kb:where(.rd,.rd *){grid-template-columns:repeat(2,minmax(0,1fr))}
.kc:where(.rd,.rd *){min-height:0}
.kc.c1:where(.rd,.rd *),.kc.c3:where(.rd,.rd *){display:none}
.chl:where(.rd,.rd *){display:none}
.chap:where(.rd,.rd *){grid-template-columns:repeat(2,1fr);gap:1rem 1.25rem}
.chap:where(.rd,.rd *) button span{display:none}}
@media (max-width:700px){.film:where(.rd,.rd *){padding-top:5rem}
.film:where(.rd,.rd *) h2{font-size:1.625rem;line-height:1.45}
.film:where(.rd,.rd *) .lede{font-size:1rem}
.stagef:where(.rd,.rd *){margin-top:2.75rem;padding-bottom:3rem}
.win:where(.rd,.rd *) .body{height:29.375rem}
.win:where(.rd,.rd *) .crumb{display:none}
.sc:where(.rd,.rd *){padding:1rem}
.cv:where(.rd,.rd *){width:8rem}
.cv:where(.rd,.rd *) .lb{font-size:0.6875rem;left:0.5625rem;right:0.5625rem;bottom:0.5625rem}
.cv:where(.rd,.rd *) .lb small{font-size:0.5rem}
.covers:where(.rd,.rd *) .row{min-height:12.5rem;gap:0.875rem}
.plot:where(.rd,.rd *){margin:0 0 1.375rem 1.375rem}
.doc3:where(.rd,.rd *) .ans .ln{font-size:0.8125rem}}

/* Syber 產品頁的兩個階段：框架與議題、蒐集表設定 */
.fwl:where(.rd,.rd *){border:0.0625rem solid #EDF0F3;border-radius:0.5rem;padding:0.875rem 1rem}
.fwl:where(.rd,.rd *) .h{font-weight:600;color:var(--ink)}
.fwl:where(.rd,.rd *) ul{list-style:none;margin:0.75rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.5rem}
.fwl:where(.rd,.rd *) li{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.625rem;border:0.0625rem solid #EDF0F3;border-radius:0.375rem;color:#3E4C5B;transition:border-color .3s,background-color .3s,color .3s,transform .12s}
.fwl:where(.rd,.rd *) li i{position:relative;flex:none;width:0.875rem;height:0.875rem;border-radius:0.1875rem;border:0.09375rem solid #CFD6DD;transition:background-color .3s,border-color .3s}
.fwl:where(.rd,.rd *) li.on{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-d);font-weight:600}
.fwl:where(.rd,.rd *) li.on i{background:var(--teal);border-color:var(--teal)}
.fwl:where(.rd,.rd *) li.on i::after{content:"";position:absolute;left:0.21875rem;top:0.03125rem;width:0.21875rem;height:0.4375rem;border:solid #fff;border-width:0 0.1rem 0.1rem 0;transform:rotate(45deg)}
.fwl:where(.rd,.rd *) li.press{transform:scale(.97)}
.sc[data-scene="framework"]:where(.rd,.rd *) .mx{height:auto;align-items:start}
.sc[data-scene="framework"]:where(.rd,.rd *) .list .foot{opacity:0;transition:opacity .4s}
.sc[data-scene="framework"]:where(.rd,.rd *) .list .foot.in{opacity:1}
.fm2:where(.rd,.rd *){margin-top:1rem;border:0.0625rem solid #EDF0F3;border-radius:0.5rem;padding:0.25rem 1rem 0.75rem}
.fm2:where(.rd,.rd *) .r{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 4.5rem;gap:1rem;align-items:center;padding:0.625rem 0;border-top:0.0625rem solid #F1F3F6;color:#3E4C5B;opacity:0;transform:translateX(0.5rem);transition:opacity .4s,transform .4s}
.fm2:where(.rd,.rd *) .r.h{border-top:0;opacity:1;transform:none;font-size:0.75rem;color:#8A95A3}
.fm2:where(.rd,.rd *) .r.in{opacity:1;transform:none}
.fm2:where(.rd,.rd *) .r b{font-weight:600;color:var(--ink)}
.fm2:where(.rd,.rd *) .r>:last-child{justify-self:start}
.fm2:where(.rd,.rd *) .st{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:0.25rem;padding-top:0.75rem;border-top:0.0625rem solid #F1F3F6;color:#6B7785;font-size:0.75rem}
@media (max-width:700px){.fwl:where(.rd,.rd *){padding:0.625rem 0.75rem}.fwl:where(.rd,.rd *) ul{gap:0.375rem}.fwl:where(.rd,.rd *) li{padding:0.375rem 0.5rem}.fm2:where(.rd,.rd *){padding:0.25rem 0.75rem 0.625rem}.fm2:where(.rd,.rd *) .r{grid-template-columns:minmax(0,1fr) 4.25rem;gap:0.5rem}.fm2:where(.rd,.rd *) .r>:nth-child(2){display:none}.fm2:where(.rd,.rd *) .st span{display:none}}

/* 輸出章節的完成卡片（限定在操作示意視窗內，不影響其他頁面的 .done） */
.win:where(.rd,.rd *) .done{display:flex;align-items:center;gap:0.75rem;margin-top:1.125rem;padding:0.75rem 0.875rem;border:0.0625rem solid #D7EBDD;background:var(--green-soft);border-radius:0.5rem;opacity:0;transform:translateY(0.375rem);transition:opacity .4s,transform .4s;max-width:27.5rem}
.win:where(.rd,.rd *) .done.in{opacity:1;transform:none}
.win:where(.rd,.rd *) .done .ic{display:grid;place-items:center;width:1.875rem;height:2.25rem;border-radius:0.1875rem;background:#fff;border:0.0625rem solid #CFE0D3;color:var(--green-t);font-size:0.625rem;font-weight:700}
.win:where(.rd,.rd *) .done b{display:block;color:var(--ink)}
.win:where(.rd,.rd *) .done span{color:#4B5866;font-size:0.75rem}