<style>
/* */
strong {
font-weight: bolder;
font-size: 3rem;
-webkit-text-stroke: .5px black; /* Safari/Chrome */
-moz-text-stroke: .5px black; /* Firefox */
-ms-text-stroke: .5px black; /* Internet Explorer */
text-stroke: .5px black; /* Standard syntax */
}

td >strong {
font-weight: bolder;
font-size: 1.5rem;}
/* */
table.part.in-view::-webkit-scrollbar {width: 8px;height: 8px;}
table.part.in-view::-webkit-scrollbar-track {background: lightgray;}
table.part.in-view::-webkit-scrollbar-thumb {background: gray;}
table.part.in-view::-webkit-scrollbar-thumb:hover {background: darkgray;}

table::-webkit-scrollbar {width: 8px;height: 8px;}
table::-webkit-scrollbar-track {background: lightgray;}
table::-webkit-scrollbar-thumb {background: gray;}
table::-webkit-scrollbar-thumb:hover {background: darkgray;}

h1 small{font-size:1px;}
/* sub{font-size:1px;width:5px;height:1px;overflow:hidden;display: block;} */
b{margin-bottom:1rem;display:block;font-size:1.6rem;background-color:#F7F7F7;padding:3rem 2rem;}

b b{background-color:#e1e1e1;}
b b:last-child{margin-bottom:0;}

b>*:only-child{margin-bottom:0;margin-top:0;font-weight:normal;}
b>*{margin-bottom:.5rem!important;margin-top:0!important;font-weight:normal!important;}
b>*:last-child{margin-bottom:0!important;margin-top:0!important;}

b table tr:nth-child(2n) {background-color: #ffffff!important;}

body h1[data-id="樣式"]{display:none;}

.f-ss-w code{user-select:all;}

.markdown-body strong>code{background-color: #ffd5d5 !important;border: 1px solid #fd99aa;}
.markdown-body em>code{font-weight:bold;background-color: #88dde7 !important;border: 1px solid #279ba9;}
.markdown-body sub{font-weight:bold;padding:0.2em;border-radius: 3px;position:unset;line-height: 1rem;vertical-align: unset!important;font-size:13.6px;background-color: #d9c1e5 !important;border: 1px solid #9c51ca;font-family: Menlo, Monaco, Consolas, "Courier New", monospace;}

big{font-size:2rem;line-height:1.5rem;}
.markdown-body h1{margin:0 0 .5rem}

.markdown-body hr{background-color:black;height:1px;margin-top:12px;}
.markdown-body h6{color:black;}

table a > img{width:20px;cursor:pointer;}
table a:hover > img{width:auto;}

table td{vertical-align: top;}

details > summary:empty {list-style-type: '💣MORE';background-color:#f5d4d4;line-height:2rem;padding:0 .5rem;margin:0 .25rem;border-radius:.5rem;}

details[open] > summary:empty {list-style-type: '💥';}

.markdown-body dl{display:flex;margin:0 0 10px 0;padding:0;gap:10px;}
.markdown-body dl dt{display:block;margin:0;padding:10px;flex:1;width:100%;}
.markdown-body dl dd{display:block;margin:0;padding:10px;flex:1;width:100%;}
h6 + table td {background-color:white!important;}

ins {display:block;height: 400px;position: relative;overflow:auto;border:1px solid #ddd;margin-bottom:15px;}
ins >* img {position: relative; width:100%;}
ins{background-color:#eee;text-decoration: none;}
ins::-webkit-scrollbar {width: 8px;height: 8px;}
ins::-webkit-scrollbar-track {background: lightgray;}
ins::-webkit-scrollbar-thumb {background: gray;}
ins::-webkit-scrollbar-thumb:hover {background: darkgray;}
/* */
.markdown-body bdi > p{margin-bottom: 8px!important;}
bdi {display:block;height: 400px;position: relative;overflow:auto;border:1px solid #ddd;margin-bottom:15px;}
bdi >* img {position: relative;}
bdi::-webkit-scrollbar {width: 8px;height: 8px;}
bdi::-webkit-scrollbar-track {background: lightgray;}
bdi::-webkit-scrollbar-thumb {background: gray;}
bdi::-webkit-scrollbar-thumb:hover {background: darkgray;}
bdi{display:flex;flex-wrap: wrap;justify-content:space-between;align-items:flex-start;background:darkgray;}
bdi>*{display:flex;width: 49.5%;}
bdi.w37>*:nth-child(2n-1){width: 29.5%;background-color:white;padding:5px;}
bdi.w37>*:nth-child(2n){width: 69.5%;background-color:white;padding:5px;margin-bottom:10px!important;}
bdi.w37{padding:10px;}

/* */

bdo::-webkit-scrollbar {width: 8px;height: 8px;}
bdo::-webkit-scrollbar-track {background: lightgray;}
bdo::-webkit-scrollbar-thumb {background: gray;}
bdo::-webkit-scrollbar-thumb:hover {background: darkgray;}

bdo{
display:block;
width: 400px;
height: calc(40vw - 40px);
overflow-y: auto;
overflow-x: hidden;
background: #eee;
padding: 30px;
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transform: rotate(-90deg) translate3d(0, -400px, 0);
transform: rotate(-90deg) translate3d(0, -400px, 0);
}
bdo> * {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(90deg) translate3d(0, calc(-400px + 60px), 0);
transform: rotate(90deg) translate3d(0, calc(-400px + 60px), 0);
width: calc(400px - 60px);
height: calc(400px - 60px);
background: #eee;
position: relative;
}
.item:not(:first-child) {
margin-top: 30px;
}
.markdown-body bdo> * img {
height: 100%;
object-fit: contain;
background: #eee;
object-position: 100% 0%;

}

/* b ul input.task-list-item-checkbox{
display:inline-block;width:26px;height:26px;
} */

div.markdown-body > b> ul{margin:0!important;padding:0!important;}
div.markdown-body > b> ul input.task-list-item-checkbox[type="checkbox"]{display:inline-block;width:100%;height:auto; position: relative;margin:0!important;}
div.markdown-body > b> ul input.task-list-item-checkbox[type="checkbox"]~span{display:inline-block;width:100%;margin:0 auto 3px auto;}
div.markdown-body > b> ul input.task-list-item-checkbox[type="checkbox"]::after{cursor:pointer;width:100%;height:auto;position: absolute;top: 0;left:0;}
div.markdown-body > b> ul input.task-list-item-checkbox[type="checkbox"]::after{color:white;background-color: #000;display: inline-block;text-align:left;padding:0 3px;border: 1px solid black;}
div.markdown-body > b> ul input.task-list-item-checkbox[type="checkbox"]::after {content:"可點擊此處進行操作";}
div.markdown-body > b> ul input.task-list-item-checkbox[type="checkbox"]:checked::after {content:"開區塊已成功啟動";color:red;}
div.markdown-body > b> ul input.task-list-item-checkbox[type="checkbox"]~span{height:0;overflow:hidden;padding: 0;display:none;}
div.markdown-body > b> ul input.task-list-item-checkbox[type="checkbox"]:checked:nth-of-type(1) ~span:nth-of-type(1){display:block;height:fit-content;padding: 3rem 2rem;}

.f-ss-w{
display:flex!important;
flex-wrap:wrap;
}
audio{height: 3rem;margin:.5rem 0 0;}
table audio{width:100%;}
/* .markdown-body bdo > p{margin-bottom: 0!important;}
bdo::-webkit-scrollbar {width: 8px;height: 8px;}
bdo::-webkit-scrollbar-track {background: lightgray;}
bdo::-webkit-scrollbar-thumb {background: gray;}
bdo::-webkit-scrollbar-thumb:hover {background: darkgray;}
bdo{
display:flex;flex-wrap: nowrap; flex-flow:row;justify-content:space-between;
align-items:flex-start;background:darkgray;width:100%;height: 400px;
position: relative;overflow:auto;border:1px solid #ddd;margin-bottom:15px;
}
bdo>*{border-right:5px solid #eee;text-align:center;
height: fit-content;min-width:fit-content;}
bdo >* img {position: relative;width:auto;height: calc(400px - 10px);} */

</style>
# 樣式
<small class="f-ss-w">

[⌗](https://hackmd.io/hGgvkodjTc-pYGXfHjse5A?both)樣式 `|-|-|-|` `<ins> </ins>` `<bdi> </bdi>` `<b></b>` `<details><summary></summary></details>`

</small>