#umn .tabs{position:relative !important;display:flex !important;gap:4px !important;border-bottom:1px solid var(--line) !important;margin-bottom:24px !important}
#umn .tabs a{padding:10px 20px !important;text-decoration:none !important;color:var(--ink) !important;font:700 16.8px var(--serif) !important}
#umn .tabs a[aria-selected=true]{color:var(--indigo) !important}
#umn .tabs .bar{position:absolute !important;left:0 !important;bottom:-1px !important;height:3px !important;width:var(--w,0) !important;background:var(--gold) !important;transform:translateX(var(--x,0)) !important;transition:transform .25s ease,width .25s ease !important}
#umn .tools{display:flex !important;gap:12px !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;margin-bottom:16px !important}
#umn .grid{list-style:none !important;margin:0 !important;padding:0 !important;display:grid !important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr)) !important;gap:28px 20px !important}
#umn .book a{display:block !important;text-decoration:none !important;color:var(--ink) !important}
#umn .book img{display:block !important;width:100% !important;height:auto !important;aspect-ratio:3/4 !important;object-fit:cover !important;border:1px solid var(--line) !important;background:#E8EBEC !important}
#umn .book .t{margin:8px 0 0 !important;font:500 15.2px/1.5 var(--serif) !important;text-wrap:balance !important;display:-webkit-box !important;-webkit-line-clamp:4 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}
#umn .book .a{margin:2px 0 0 !important;font-size:13.12px !important;color:var(--mute) !important}
#umn .book .no{margin:6px 0 0 !important;font-size:12.8px !important;color:var(--mute) !important}
#umn .book a:hover .t{text-decoration:underline !important}
#umn .vol h3{margin:32px 0 12px !important;padding-bottom:6px !important;border-bottom:1px solid var(--line) !important;font:700 18.4px var(--serif) !important;white-space:nowrap !important}
#umn .vol:first-child h3{margin-top:0 !important}
#umn .pager{display:flex !important;gap:6px !important;justify-content:center !important;flex-wrap:wrap !important;margin-top:36px !important}
#umn .pager a,#umn .pager span{min-width:40px !important;padding:6px 10px !important;text-align:center !important;border:1px solid var(--line) !important;text-decoration:none !important}
#umn .pager [aria-current]{background:var(--ink) !important;color:#fff !important;border-color:var(--ink) !important}
#umn .err{padding:20px !important;border:1px solid var(--line) !important;background:#fff !important}
#umn .err button{margin-left:8px !important;padding:6px 12px !important;font:inherit !important}
#umn .detail-wrap{padding-top:28px !important;padding-bottom:56px !important}
#umn .crumb{margin-bottom:20px !important;font-size:14.4px !important}
#umn .dt{display:grid !important;grid-template-columns:minmax(200px,340px) 1fr !important;gap:40px !important;align-items:start !important}
#umn .cover{width:100% !important;height:auto !important;aspect-ratio:5/7 !important;object-fit:cover !important;border:1px solid var(--line) !important;background:#E8EBEC !important}
#umn .dt h1{margin:4px 0 8px !important;font:700 clamp(24px,3vw,33.6px)/1.4 var(--serif) !important;text-wrap:balance !important}
#umn .author{margin:0 0 16px !important;font-size:16.8px !important}
#umn .attrs{display:flex !important;gap:24px !important;margin:0 0 12px !important;flex-wrap:wrap !important}
#umn .attrs div{display:flex !important;gap:8px !important}
#umn .attrs dt{color:var(--mute) !important}
#umn .attrs dd{margin:0 !important;font-weight:500 !important}
#umn .body{max-width:38em !important;margin:20px 0 !important}
#umn .body img{max-width:100% !important;height:auto !important}
#umn .buy{margin:28px 0 !important;padding:16px 0 !important;border-top:1px solid var(--line) !important;border-bottom:1px solid var(--line) !important}
#umn .buy h2{margin:0 0 6px !important;font:700 16.8px var(--serif) !important}
#umn .nbs{display:flex !important;justify-content:space-between !important;gap:16px !important;margin-top:48px !important;padding-top:20px !important;border-top:1px solid var(--line) !important}
#umn .nb{display:flex !important;flex-direction:column !important;max-width:46% !important;text-decoration:none !important;color:var(--ink) !important}
#umn .nb:last-child{text-align:right !important;margin-left:auto !important}
#umn .nb .t{font:500 15.2px/1.5 var(--serif) !important}
#umn .nb:hover .t{text-decoration:underline !important}
@media (max-width:760px){#umn .grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr)) !important}
#umn .dt{grid-template-columns:1fr !important;gap:20px !important}
#umn .cover{width:60% !important}
#umn .nbs{flex-direction:column !important}
#umn .nb{max-width:100% !important}
#umn .nb:last-child{text-align:left !important;margin-left:0 !important}
}
@media (prefers-reduced-motion:reduce){#umn .tabs .bar{transition:none !important}
}
#umn .chan{list-style:none !important;margin:0 0 8px !important;padding:0 !important;display:flex !important;gap:10px !important;flex-wrap:wrap !important}
#umn .chan a{display:inline-block !important;padding:8px 14px !important;border:1px solid var(--indigo) !important;color:var(--indigo) !important;text-decoration:none !important;font-weight:500 !important}
#umn .chan a:hover{background:var(--indigo) !important;color:#fff !important}
#umn{--ink:#000;--paper:#fff;--indigo:#000;--line:#dfdfdf;--gold:#ff625e;--mute:#666;--coral:#ff625e;--band:#e6e6e6;--dark:#252527;--gray:#565656;--serif:"Libre Franklin","Noto Sans TC",system-ui,sans-serif;--sans:"Libre Franklin","Noto Sans TC",system-ui,sans-serif}
#umn *{box-sizing:border-box !important}
#umn{-webkit-text-size-adjust:100% !important}
#umn{margin:0 !important;background:var(--paper) !important;color:var(--ink) !important;font:400 16px/1.7 var(--sans) !important}
#umn a{color:var(--ink) !important}
#umn :focus-visible{outline:3px solid var(--coral) !important;outline-offset:2px !important}
#umn .wrap{max-width:1180px !important;margin:0 auto !important;padding:0 16px !important}
#umn .skip{position:absolute !important;left:-999px !important;top:0 !important;background:#000 !important;color:#fff !important;padding:8px 12px !important}
#umn .skip:focus{left:0 !important;z-index:9 !important}
#umn .note{color:var(--mute) !important;font-size:14.4px !important}
#umn .sr{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important}
#umn button{font:inherit !important}
#umn .u-head{background:#fff !important;position:relative !important;z-index:2 !important}
#umn .u-head-in{display:flex !important;align-items:center !important;gap:24px !important;min-height:64px !important}
#umn .u-brand{display:flex !important;align-items:center !important;gap:10px !important;color:#000 !important;text-decoration:none !important;flex:0 0 auto !important}
#umn .u-mark{display:grid !important;grid-template-columns:1fr 1fr !important;width:38px !important;padding:3px !important;background:#000 !important;color:#fff !important;font:700 13px/1.15 var(--sans) !important;text-align:center !important}
#umn .u-name{font:500 12.8px/1.3 var(--sans) !important;letter-spacing:.14em !important}
#umn .u-name small{display:block !important;font:400 10.56px var(--sans) !important;letter-spacing:.2em !important;color:#444 !important}
#umn .u-nav{flex:1 !important;display:flex !important;justify-content:center !important;gap:clamp(18px,3vw,40px) !important}
#umn .u-nav a{color:#000 !important;text-decoration:none !important;font:500 15.2px var(--sans) !important;padding:6px 0 !important;border-bottom:2px solid transparent !important;white-space:nowrap !important}
#umn .u-nav a:hover,#umn .u-nav a[aria-current]{border-bottom-color:#000 !important}
#umn .u-tools{flex:0 0 auto !important}
#umn .u-tools button{width:40px !important;height:40px !important;border:0 !important;background:none !important;cursor:pointer !important;display:grid !important;place-items:center !important}
#umn .u-tools svg{width:24px !important;height:24px !important;stroke:#000 !important;fill:none !important;stroke-width:2 !important}
#umn .u-search{background:#000 !important;padding:12px 0 !important}
#umn .u-search[hidden]{display:none !important}
#umn .u-search form{display:flex !important;gap:8px !important;max-width:640px !important;margin:0 auto !important;padding:0 16px !important}
#umn .u-search label{position:absolute !important;left:-999px !important}
#umn .u-search input{flex:1 !important;min-width:0 !important;padding:10px 12px !important;border:0 !important;font:inherit !important;background:#fff !important;color:#000 !important}
#umn .u-search button{padding:10px 20px !important;border:0 !important;background:var(--coral) !important;color:#000 !important;font-weight:700 !important;cursor:pointer !important}
#umn .u-hero{position:relative !important;background:#000 !important;color:#fff !important}
#umn .u-hero .slides{display:grid !important;overflow:hidden !important}
#umn .u-hero .slide{grid-area:1/1 !important;min-height:300px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;padding:40px 64px !important;opacity:0 !important;visibility:hidden !important;transform:translateX(calc(var(--dx,1) * 36px)) !important;transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s !important}
#umn .u-hero .slide.is-active{opacity:1 !important;visibility:visible !important;transform:none !important;transition-delay:0s !important}
#umn .u-hero .meta{margin:0 0 10px !important;font:500 15.2px var(--sans) !important;letter-spacing:.12em !important;color:var(--coral) !important}
#umn .u-hero .hl{color:#fff !important;text-decoration:none !important;font:800 clamp(27.2px,4.2vw,49.6px)/1.3 var(--sans) !important;text-wrap:balance !important;max-width:900px !important}
#umn .u-hero .hl:hover{text-decoration:underline !important;text-underline-offset:8px !important}
#umn .u-hero .pos{position:absolute !important;left:0 !important;right:0 !important;bottom:10px !important;margin:0 !important;text-align:center !important;font-size:12.8px !important;color:#aaa !important}
#umn .u-hero .arrow,#umn .rail .nav{position:absolute !important;top:50% !important;transform:translateY(-50%) !important;width:34px !important;height:34px !important;border:1px solid #999 !important;border-radius:4px !important;background:rgba(80,80,80,.9) !important;color:#fff !important;cursor:pointer !important;display:grid !important;place-items:center !important;font-size:20.8px !important;line-height:1 !important;padding:0 !important;z-index:1 !important}
#umn .u-hero .arrow.prev{left:14px !important}
#umn .u-hero .arrow.next{right:14px !important}
#umn .u-hero .err{color:#000 !important}
#umn .u-hero .slide.poster{background:#1d2926 !important;padding:0 64px !important;min-height:420px !important;align-items:center !important}
#umn .poster-in{display:grid !important;grid-template-columns:auto minmax(0,1fr) auto !important;gap:clamp(24px,4vw,56px) !important;align-items:center !important;width:100% !important;max-width:1240px !important;text-align:left !important}
#umn .poster-in .pimg img{display:block !important;height:360px !important;width:auto !important;max-width:100% !important;box-shadow:0 4px 16px rgba(0,0,0,.55) !important}
#umn .poster-in .ptxt .meta{margin:0 0 12px !important}
#umn .poster-in .ptxt .hl{display:block !important;font:700 clamp(24px,2.8vw,36.8px)/1.35 var(--sans) !important}
#umn .poster-in .ptxt p.ex{margin:14px 0 18px !important;font:300 17.6px/1.65 var(--sans) !important;color:#e8ecea !important;max-width:30em !important}
#umn .poster-in .covers{display:flex !important;gap:0 !important}
#umn .poster-in .covers a{display:block !important}
#umn .poster-in .covers a + a{margin-left:-8px !important}
#umn .poster-in .covers img{display:block !important;height:300px !important;width:auto !important;box-shadow:0 4px 16px rgba(0,0,0,.6) !important}
#umn .poster-in .covers.n3 img{height:240px !important}
#umn .poster-in .covers.n3 a + a{margin-left:-56px !important}
#umn .u-hero .slide.photo{background-color:#1d2926 !important;background-repeat:no-repeat !important;background-size:100% 100%,auto 100% !important;background-position:0 0,left center !important}
#umn .poster-in .pimg.ph{display:block !important;width:clamp(120px,30vw,420px) !important;height:360px !important}
#umn .poster-in .pimg .phm{display:none !important}
#umn .u-hero .slide.photo .ptxt{text-shadow:0 1px 8px rgba(0,0,0,.6) !important}
#umn .u-browse{padding:40px 0 56px !important;text-align:center !important}
#umn .u-browse h2,#umn .u-feature h2{margin:0 !important;font:500 clamp(27.2px,3vw,35.2px)/1.3 var(--sans) !important}
#umn .btabs{display:flex !important;justify-content:center !important;gap:clamp(16px,3vw,28px) !important;margin:28px 0 36px !important;flex-wrap:wrap !important}
#umn .btabs button{border:0 !important;background:none !important;padding:2px 0 !important;cursor:pointer !important;font:400 16px var(--sans) !important;color:#000 !important}
#umn .btabs button[aria-selected=true]{text-decoration:underline !important;text-decoration-thickness:2px !important;text-underline-offset:6px !important}
#umn .rail{position:relative !important}
#umn .rail .track{list-style:none !important;margin:0 !important;padding:10px 4px 22px !important;display:flex !important;align-items:flex-start !important;gap:28px !important;overflow-x:auto !important;scroll-snap-type:x proximity !important;scrollbar-width:none !important}
#umn .rail .track::-webkit-scrollbar{display:none !important}
#umn .rail li{position:relative !important;flex:0 0 calc((100% - 4*28px)/5) !important;scroll-snap-align:start !important}
#umn .rail li a{display:block !important}
#umn .rail img{display:block !important;width:100% !important;height:auto !important;background:#ddd !important;box-shadow:0 3px 8px rgba(0,0,0,.4) !important}
#umn .rail .nav{background:rgba(255,255,255,.92) !important;color:#000 !important}
#umn .rail .nav.prev{left:-6px !important}
#umn .rail .nav.next{right:-6px !important}
#umn .u-more{margin:8px 0 0 !important}
#umn .u-more a{font-weight:500 !important}
#umn .u-feature{background:var(--band) !important;padding:44px 0 36px !important}
#umn .u-feature h2{text-align:center !important;text-wrap:balance !important;margin-bottom:28px !important}
#umn .u-fbody{display:grid !important;grid-template-columns:minmax(180px,250px) minmax(0,420px) !important;gap:44px !important;justify-content:center !important;align-items:center !important}
#umn .u-fbody img{display:block !important;width:100% !important;height:auto !important;aspect-ratio:3/4 !important;object-fit:cover !important;background:#ddd !important;box-shadow:0 3px 8px rgba(0,0,0,.35) !important}
#umn .u-fbody p{margin:0 0 16px !important;font-size:17.6px !important;line-height:1.7 !important;padding-bottom:16px !important;border-bottom:1px solid #999 !important}
#umn .u-btn{display:inline-block !important;padding:8px 18px !important;background:var(--coral) !important;color:#000 !important;text-decoration:none !important;font:500 13.6px var(--sans) !important;letter-spacing:.08em !important;border-radius:4px !important}
#umn .u-btn:hover{background:#000 !important;color:#fff !important}
#umn .u-fstrip{margin-top:44px !important}
#umn .u-fstrip .cap{margin:0 0 6px !important;font-size:13.6px !important;color:#444 !important}
#umn .u-best{padding:44px 0 36px !important;text-align:center !important}
#umn .u-best[hidden]{display:none !important}
#umn .u-best h2{margin:0 !important;font:500 clamp(27.2px,3vw,35.2px)/1.3 var(--sans) !important}
#umn .u-best .note{margin:6px 0 24px !important}
#umn .rail.best li a{position:relative !important;text-decoration:none !important;text-align:left !important}
#umn .rail.best .rk{position:absolute !important;left:0 !important;top:0 !important;z-index:1 !important;min-width:38px !important;height:38px !important;padding:0 6px !important;display:grid !important;place-items:center !important;background:var(--coral) !important;color:#000 !important;font:800 20px/1 var(--sans) !important}
#umn .rail.best .t{display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;margin-top:12px !important;font:500 15.2px/1.5 var(--sans) !important}
#umn .rail.best .au{display:block !important;margin-top:2px !important;font-size:13.12px !important;color:var(--mute) !important}
#umn .rail.best a:hover .t{text-decoration:underline !important}
#umn .u-tiles{display:grid !important;grid-template-columns:repeat(4,1fr) !important;background:var(--dark) !important;color:#fff !important}
#umn .u-tiles > *{padding:36px 22px !important;min-height:240px !important;display:flex !important;flex-direction:column !important;justify-content:center !important}
#umn .u-tiles .lab{font:700 clamp(32px,3.4vw,44.8px)/1.15 var(--sans) !important}
#umn .u-tiles .lab small{display:block !important;margin-top:8px !important;font:400 13.6px var(--sans) !important;color:#bbb !important}
#umn .u-tiles .tile{color:#fff !important;text-decoration:none !important}
#umn .u-tiles .tile:nth-child(even){background:var(--gray) !important}
#umn .u-tiles .tile b{display:block !important;margin-bottom:6px !important;font-weight:700 !important;font-size:16.8px !important}
#umn .u-tiles .tile span{font-size:18.4px !important;line-height:1.55 !important}
#umn .u-tiles .tile:hover span{text-decoration:underline !important}
#umn .u-tiles .note{color:#bbb !important;grid-column:span 3 !important}
#umn .u-band{background:#000 !important;color:#fff !important;padding:34px 0 !important}
#umn .u-band .wrap{display:flex !important;gap:24px !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important}
#umn .u-band h2{margin:0 !important;font:700 19.2px var(--sans) !important}
#umn .u-band p{margin:2px 0 0 !important;font-size:15.2px !important}
#umn .u-band .u-btn{padding:10px 22px !important}
#umn .u-foot{background:#ececec !important;color:#222 !important;padding:32px 0 20px !important;font-size:13.6px !important}
#umn .u-cols{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:28px !important}
#umn .u-cols h3{margin:0 0 10px !important;font:500 12.8px var(--sans) !important;letter-spacing:.12em !important;color:#333 !important}
#umn .u-cols ul{list-style:none !important;margin:0 !important;padding:0 !important}
#umn .u-cols li{margin:2px 0 !important}
#umn .u-cols a{color:#222 !important;letter-spacing:.06em !important}
#umn .u-cols p{margin:0 !important;line-height:1.7 !important}
#umn .u-copy{margin:26px 0 0 !important;color:#555 !important;font-size:12.8px !important}
#umn .page-title{margin:32px 0 6px !important;text-align:center !important;font:500 clamp(27.2px,3vw,35.2px)/1.3 var(--sans) !important}
#umn .list-wrap{padding-bottom:56px !important}
#umn .list-wrap .tabs{justify-content:center !important;gap:clamp(16px,3vw,28px) !important;border:0 !important;margin:20px 0 32px !important}
#umn .list-wrap .tabs a{padding:2px 0 !important;font:400 16px var(--sans) !important;color:#000 !important}
#umn .list-wrap .tabs a[aria-selected=true]{text-decoration:underline !important;text-decoration-thickness:2px !important;text-underline-offset:6px !important}
#umn .list-wrap .tabs .bar{display:none !important}
#umn .book img{border:0 !important;box-shadow:0 3px 8px rgba(0,0,0,.35) !important}
#umn .book .t{font-weight:500 !important}
#umn .vol h3{border-bottom-color:#000 !important}
#umn .pager [aria-current]{background:#000 !important;border-color:#000 !important}
#umn .detail-wrap{padding-top:28px !important;padding-bottom:56px !important}
#umn .cover{border:0 !important;box-shadow:0 3px 8px rgba(0,0,0,.35) !important}
#umn .chan a{border-color:#000 !important;color:#000 !important}
#umn .chan a:hover{background:#000 !important}
@media (max-width:980px){#umn .rail li{flex-basis:calc((100% - 2*20px)/3) !important}
#umn .rail .track{gap:20px !important}
#umn .u-tiles{grid-template-columns:repeat(2,1fr) !important}
#umn .u-cols{grid-template-columns:repeat(2,1fr) !important}
}
@media (max-width:760px){#umn .u-hero .slide{padding:36px 52px !important;min-height:230px !important}
#umn .u-hero .slide.poster{padding:28px 52px 40px !important}
#umn .poster-in{grid-template-columns:1fr !important;gap:18px !important;text-align:center !important}
#umn .poster-in .pimg img{height:300px !important;margin:0 auto !important}
#umn .u-hero .slide.photo{background-image:none!important}
#umn .poster-in .pimg.ph{width:auto !important;height:auto !important}
#umn .poster-in .pimg .phm{display:block !important;width:100% !important;max-width:420px !important;height:auto !important;margin:0 auto !important}
#umn .poster-in .covers.n3 img{height:150px !important}
#umn .poster-in .covers.n3 a + a{margin-left:-28px !important}
#umn .poster-in .ptxt p.ex{margin-left:auto !important;margin-right:auto !important}
#umn .poster-in .covers{justify-content:center !important}
#umn .poster-in .covers img{height:200px !important}
#umn .u-head-in{flex-wrap:wrap !important;gap:4px 12px !important;padding-bottom:6px !important}
#umn .u-brand{flex:1 !important}
#umn .u-nav{order:3 !important;flex:0 0 100% !important;justify-content:space-between !important;gap:8px !important;overflow-x:auto !important}
#umn .u-fbody{grid-template-columns:1fr !important;gap:20px !important}
#umn .u-fbody img{width:56% !important;margin:0 auto !important}
#umn .rail li{flex-basis:calc((100% - 20px)/2) !important}
}
@media (max-width:520px){#umn .u-tiles{grid-template-columns:1fr !important}
#umn .u-tiles > *{min-height:0 !important}
#umn .u-tiles .note{grid-column:auto !important}
#umn .u-cols{grid-template-columns:1fr !important}
}
@media (prefers-reduced-motion:reduce){#umn *{scroll-behavior:auto!important}
#umn .u-hero .slide{transition:none !important;transform:none !important}
}
#umn .u-hero > .note{padding:40px 16px !important;text-align:center !important}
#umn .rv{opacity:0 !important;transform:translateY(28px) !important;transition:opacity 1s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform 1s cubic-bezier(.2,.7,.2,1) var(--d,0s) !important}
#umn .rv.is-in{opacity:1 !important;transform:none !important}
@media print{#umn .rv{opacity:1 !important;transform:none !important}
}