⟦ 自我介紹-徵友用的電子名片 ⟧

* [熊熊餅乾｜kumabisuketto `自介`](https://hackmd.io/@kumabisuketto/首頁)
* [創作 `繪圖` `素材` `故事`](https://hackmd.io/@kumabisuketto/創作)
* [原創角色 `OC`](https://hackmd.io/@kumabisuketto/原創角色)

興趣 `APP` `使用分享` `㇐㇐其他想到再補充。`
===
* [筆記](https://hackmd.io/@kumabisuketto/筆記軟體)
* [綜合 `音樂` `白板` `輔助等`](https://hackmd.io/@kumabisuketto/其他軟體)
* [設計 `繪圖` `編輯器`](https://hackmd.io/@kumabisuketto/設計)
* [平板 `手帳`](https://hackmd.io/@kumabisuketto/平板端)
* [配件 `平板周邊`](https://hackmd.io/@kumabisuketto/配件)

===
* [娛樂 `遊戲` `動漫` `音樂`](https://hackmd.io/@kumabisuketto/娛樂)

<style>

:root {
--background-primary: linear-gradient(0deg, #fefefd 10%, #fffaff 40%, #f7feff 80%, #f3f9ff 100%)
;
--scroll-bar:linear-gradient(#f8bbf3ab, #b1c8faab);
/*項目-顏色-透明度*/
--text-gray: #515b67;
--text-blue-ab: #caedffab;
--text-pink-ab: #f8bbf3ab;
--code-red-90: #FFDEDE90;
--code-purple-80: #ede4ff80;
--code-gray: #515b67;
}

/*主體設定*/
.ui-content,
body,
html {
color: var(--text-gray);
background: var(--background-primary);
background-attachment: fixed;
background-repeat: no-repeat;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}

/*字體設定*/
.border-border-default, html[lang=zh-tw] .summary #summary {
font-family: "Cubic 11", 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;
}

/*標題設定*/
.markdown-body h2 {
border-bottom: none;
}
.markdown-body h5{
text-align: center;
}

/*隱藏式標題*/
.Ta {
font-size: 0px;
}

.T {
font-size: 13px;
}

/*--------------書本左側目錄----------------*/
/*---編輯按鈕隱藏*/
a.btn.ui-summary-action.ui-summary-edit {
opacity: 0;
display: none;
visibility: hidden;
}

/*---陰影隱藏*/
.summary {
box-shadow: none;
background: var(--background-primary);
border-color: #00000000;
}

.summary .toolbar {
background: none;
border-color: none;
border-bottom-style: none;
}

.bg-background-default {
background-color: #fff;
}

.border-border-default {
border-color: #00000000;
}

/*tag*/
/*---字---*/
:root[theme] #summary code, :root[theme] #summary ::marker
{
color: #a898f7;
font-size: 75%;
}
/*---背景---*/
:root[theme=dark] :not([theme]) #summary :not(pre)>code, :root[theme] [theme=dark] #summary :not(pre)>code {
background-image: linear-gradient(-20deg, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}

/*粗體*/
strong{
font-size: 16px;
font-weight: 500;
}

/*---文字連結設定*/
a:focus, a:hover {
color: var(--text-gray);
text-decoration: none;
}

.summary h1.collapsible,
.summary .nav>li>a
{color: #6F6894;}

.summary .nav-pills>li.active>a,
.summary .nav-pills>li.active>a:focus,
.summary .nav-pills>li.active>a:hover {
font-weight: 600;
color: var(--text-gray);
text-shadow: 0 5px 10px var(--text-blue-ab);
}

.summary .nav>li>a:focus,
.summary .nav>li>a:hover {
text-decoration: none;
font-weight: 550;
color: #6F6894;
text-shadow: 0 5px 10px var(--text-pink-ab);
}
.summary h1.collapsible:hover,
.summary .nav>li>a:focus, .summary .nav>li>a:hover, .summary .nav-pills>li.active>a, .summary .nav-pills>li.active>a:focus, .summary .nav-pills>li.active>a:hover {
background-color: #b9aef728;}

/*側邊條*/
.summary h1+.nav li{
border-color: #b9aef799;
}

/*---滾動條簡化*/
::-webkit-scrollbar {
width: 5px;
}

::-webkit-scrollbar-button {
background: transparent;
border-radius: 4px;
}

::-webkit-scrollbar-track-piece {
background: transparent;
}

::-webkit-scrollbar-thumb {
border-radius: 4px;
background: var(--scroll-bar);
border: none;
}

::-webkit-scrollbar-track {
box-shadow: transparent;
}
</style>

<!---保留

/*--------------OC----------------*/

<style>

/* 005 */
.button005{
font-family: "Cubic 11", 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;
text-align: center;
color: #6F6894;
}
.button005 a {
border-radius: 3px;
position: relative;
justify-content: space-around;
align-items: center;
margin: 0 auto;
max-width: 220px;
padding: 10px 25px;
color: #6F6894 !important;
transition: 0.3s ease-in-out;
font-weight: 600;
background: rgb(149,202,252);
background: linear-gradient(0deg, #ebfdff 10%, #dff1ff 50%);
}
.button005 a:hover {
background: rgb(117,188,255);
background: linear-gradient(0deg, #fcfdf8 10%, #fff0ff 50%);
}

.unselectable {
font-family: "Cubic 11", 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;
}

/* solid013 */
.button_solid013 a {
font-family: "Cubic 11", 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;
background: #d0edff;
border-radius: 3px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
max-width: 500px;
height: 55px;
padding: 10px 25px;
color: #7388cd !important;
transition: 0.3s ease-in-out;
font-weight: 600;
border-radius: 5px;
border-bottom: 4px solid #bcd3ff;
overflow: hidden;
}

.button_solid013 a:active {
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}

.button_solid013 a:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: -100%;
background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 55%);
animation: shine 3s infinite;
}

@keyframes shine {
33% {
left: 100%;
}

100% {
left: 100%;
}
}

.backdrop-blur-\[12px\] {
--tw-backdrop-blur: blur(0px);
}

.bg-background-blur {
background-color: #00000000;
font-family: "Cubic 11", 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;

}

.text-lg {
font-size: 14px;
}

.center-image {
text-align: center;
}

.center-image img {
display: block;
margin-left: auto;
margin-right: auto;
}

/* solid015 */
.button_solid015 {
text-align: center;
font-family: "Cubic 11", 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;

}

.button_solid015 p {
margin-bottom: 5px;
font-weight: 600;
color: #ff4d40;
letter-spacing: 0.04rem;
display: inline-block;
position: relative;
}

.button_solid015 p:before,
.button_solid015 p:after {
display: inline-block;
position: absolute;
top: 45%;
width: 20px;
height: 3px;
border-radius: 5px;
background-color: #ff4d40;
content: "";
}

.button_solid015 p:before {
left: -30px;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}

.button_solid015 p:after {
right: -30px;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}

.button_solid015 a {
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
max-width: 240px;
padding: 10px 25px;
color: #FFF;
transition: 0.3s ease-in-out;
font-weight: 600;
background: #ff4d40;
filter: drop-shadow(0px 2px 4px #d29b9c5d);
border-radius: 50px;
}

.button_solid015 a:hover {
transform: translateY(-2px);
box-shadow: 0 15px 30px -5px #d29b9c80, 0 0 5px #e5857d4e;
}

.button_solid015 a:after {
position: absolute;
top: 50%;
right: 20px;
transition: 0.2s ease-in-out;
content: "→";
font-family: "Cubic 11", 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;
font-weight: 900;
transform: translateY(-54%);
}

/* 像素字型、圖示 */
@font-face {
font-family: "Cubic 11";
font-display: swap;
src: url('https://cdn.jsdelivr.net/gh/ACh-K/Cubic-11@v1.100/fonts/web/Cubic_11_1.100_R.woff2') format('woff2'),
url('https://cdn.jsdelivr.net/gh/ACh-K/Cubic-11@v1.100/fonts/web/Cubic_11_1.100_R.woff') format('woff'),
url('https://cdn.jsdelivr.net/gh/ACh-K/Cubic-11@v1.100/fonts/ttf/Cubic_11_1.100_R.ttf') format('truetype');
}

@font-face {
font-family: "PlurkIconFont";
src: url('https://cdn.jsdelivr.net/gh/maid-cat/PixelPlurk.css/fonts/PlurkIconFont.woff2') format('woff2'),
url('https://cdn.jsdelivr.net/gh/maid-cat/PixelPlurk.css/fonts/PlurkIconFont.woff') format('woff'),
url('https://cdn.jsdelivr.net/gh/maid-cat/PixelPlurk.css/fonts/PlurkIconFont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

/*文字連結設定*/
.markdown-body a {
color: #fff;
text-decoration: none;
}

.markdown-body a:focus,
.markdown-body a:hover,
.alert a:hover:after {
color: #fff;
}

p,
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
font-family: "Cubic 11", 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;
color: #6F6894;
line-height: 2;
}

.markdown-body h1,
.markdown-body h2 {
text-align: center;
}

/*目錄*/
/*---文字顏色*/
.ui-toc-dropdown .nav>li>a {
color: #7168f1;
font-family: "Cubic 11", 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;
}

/*---文字滑過顏色*/
.ui-toc-dropdown .nav>li>a:hover {
color: #7168f1;
}

.community-button,
.ui-infobar,
.ui-toc-dropdown .nav>.active:focus>a,
.ui-toc-dropdown .nav>.active:hover>a,
.ui-toc-dropdown .nav>.active>a {
color: #6F6894;
}

/*目錄側邊框線*/
/*---選定*/
.ui-toc-dropdown .nav>.active:focus>a,
.ui-toc-dropdown .nav>.active:hover>a,
.ui-toc-dropdown .nav>.active>a {
border-left: 2px solid #b9aef7;
color: #6F6894;
}

/*---滑過*/
.ui-toc-dropdown .nav>li>a:focus,
.ui-toc-dropdown .nav>li>a:hover {
border-left: 1px solid #b9aef7;
}

.ui-toc-dropdown a {
color: #7168f1;
}

.expand-toggle:hover,
.expand-toggle:focus,
.back-to-top:hover,
.back-to-top:focus,
.go-to-bottom:hover,
.go-to-bottom:focus {
color: #6F6894;
text-decoration: none;
}

/*留言*/
.bg-background-sunken {
background-image: linear-gradient(0deg, #fcfdf8 10%, #fff0ff 40%, #ebfdff 80%, #dff1ff 100%);
}
.pr-4{background: #00000000;}
.hover\:bg-background-subtler:hover,.bg-background-default{background-color: #ffffff17;}
.border-border-default{border-color: #00000000;}
.border-r-border-default {
border-right-color: #afb8cc80;
}

.note1 {
padding: 1.5em 0.5em;
margin: 2em 0;
background: #fff0cd80;
box-shadow: 0px 0px 0px 10px #fff0cd80;
border: dashed 2px #ffb36680;
border-radius: 8px;
}

.note1 p {
text-align: center;
margin: 0;
padding: 0;
color: #ff8c00;
line-height: 2;
font-size: 18px;
}

s {
text-decoration: line-through;
/* 套用刪除線 */
color: #b5b1c8;
/* 更改刪除線的顏色為藍色 */
}
</style>

/*--------------創作----------------*/
<style>
.unselectable {
font-family: "Cubic 11", 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;
}

/* solid013 */
.button_solid013 a {
font-family: "Cubic 11", 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;
background: #d0edff;
border-radius: 3px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
max-width: 500px;
height: 55px;
padding: 10px 25px;
color: #7388cd !important;
transition: 0.3s ease-in-out;
font-weight: 600;
border-radius: 5px;
border-bottom: 4px solid #bcd3ff;
overflow: hidden;
}

.button_solid013 a:active {
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}

.button_solid013 a:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: -100%;
background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 55%);
animation: shine 3s infinite;
}

@keyframes shine {
33% {
left: 100%;
}

100% {
left: 100%;
}
}

.backdrop-blur-\[12px\] {
--tw-backdrop-blur: blur(0px);
}

.bg-background-blur {
background-color: #00000000;
font-family: "Cubic 11", 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;

}

.text-lg {
font-size: 14px;
}

.center-image {
text-align: center;
}

.center-image img {
display: block;
margin-left: auto;
margin-right: auto;
}

/* solid015 */
.button_solid015 {
text-align: center;
font-family: "Cubic 11", 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;

}

.button_solid015 p {
margin-bottom: 5px;
font-weight: 600;
color: #ff4d40;
letter-spacing: 0.04rem;
display: inline-block;
position: relative;
}

.button_solid015 p:before,
.button_solid015 p:after {
display: inline-block;
position: absolute;
top: 45%;
width: 20px;
height: 3px;
border-radius: 5px;
background-color: #ff4d40;
content: "";
}

.button_solid015 p:before {
left: -30px;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}

.button_solid015 p:after {
right: -30px;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}

.button_solid015 a {
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
max-width: 240px;
padding: 10px 25px;
color: #FFF;
transition: 0.3s ease-in-out;
font-weight: 600;
background: #ff4d40;
filter: drop-shadow(0px 2px 4px #d29b9c5d);
border-radius: 50px;
}

.button_solid015 a:hover {
transform: translateY(-2px);
box-shadow: 0 15px 30px -5px #d29b9c80, 0 0 5px #e5857d4e;
}

.button_solid015 a:after {
position: absolute;
top: 50%;
right: 20px;
transition: 0.2s ease-in-out;
content: "→";
font-family: "Cubic 11", 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;
font-weight: 900;
transform: translateY(-54%);
}

/* 像素字型、圖示 */
@font-face {
font-family: "Cubic 11";
font-display: swap;
src: url('https://cdn.jsdelivr.net/gh/ACh-K/Cubic-11@v1.100/fonts/web/Cubic_11_1.100_R.woff2') format('woff2'),
url('https://cdn.jsdelivr.net/gh/ACh-K/Cubic-11@v1.100/fonts/web/Cubic_11_1.100_R.woff') format('woff'),
url('https://cdn.jsdelivr.net/gh/ACh-K/Cubic-11@v1.100/fonts/ttf/Cubic_11_1.100_R.ttf') format('truetype');
}

@font-face {
font-family: "PlurkIconFont";
src: url('https://cdn.jsdelivr.net/gh/maid-cat/PixelPlurk.css/fonts/PlurkIconFont.woff2') format('woff2'),
url('https://cdn.jsdelivr.net/gh/maid-cat/PixelPlurk.css/fonts/PlurkIconFont.woff') format('woff'),
url('https://cdn.jsdelivr.net/gh/maid-cat/PixelPlurk.css/fonts/PlurkIconFont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

/*文字連結設定*/
.markdown-body a {
color: #fff;
text-decoration: none;
}

.markdown-body a:focus,
.markdown-body a:hover,
.alert a:hover:after {
color: #fff;
}

p,
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
font-family: "Cubic 11", 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;
color: #6F6894;
line-height: 2;
}

.markdown-body h1,
.markdown-body h2 {
text-align: center;
}

/*目錄*/
/*---文字顏色*/
.ui-toc-dropdown .nav>li>a {
color: #7168f1;
font-family: "Cubic 11", 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;
}

/*---文字滑過顏色*/
.ui-toc-dropdown .nav>li>a:hover {
color: #7168f1;
}

.community-button,
.ui-infobar,
.ui-toc-dropdown .nav>.active:focus>a,
.ui-toc-dropdown .nav>.active:hover>a,
.ui-toc-dropdown .nav>.active>a {
color: #6F6894;
}

/*目錄側邊框線*/
/*---選定*/
.ui-toc-dropdown .nav>.active:focus>a,
.ui-toc-dropdown .nav>.active:hover>a,
.ui-toc-dropdown .nav>.active>a {
border-left: 2px solid #b9aef7;
color: #6F6894;
}

/*---滑過*/
.ui-toc-dropdown .nav>li>a:focus,
.ui-toc-dropdown .nav>li>a:hover {
border-left: 1px solid #b9aef7;
}

.ui-toc-dropdown a {
color: #7168f1;
}

.expand-toggle:hover,
.expand-toggle:focus,
.back-to-top:hover,
.back-to-top:focus,
.go-to-bottom:hover,
.go-to-bottom:focus {
color: #6F6894;
text-decoration: none;
}

/*留言*/
.bg-background-sunken {
background-image: linear-gradient(0deg, #fcfdf8 10%, #fff0ff 40%, #ebfdff 80%, #dff1ff 100%);
}
.pr-4{background: #00000000;}
.hover\:bg-background-subtler:hover,.bg-background-default{background-color: #ffffff17;}
.border-border-default{border-color: #00000000;}
.border-r-border-default {
border-right-color: #afb8cc80;
}

.note1 {
padding: 1.5em 0.5em;
margin: 2em 0;
background: #fff0cd80;
box-shadow: 0px 0px 0px 10px #fff0cd80;
border: dashed 2px #ffb36680;
border-radius: 8px;
}

.note1 p {
text-align: center;
margin: 0;
padding: 0;
color: #ff8c00;
line-height: 2;
font-size: 18px;
}

s {
text-decoration: line-through;
/* 套用刪除線 */
color: #b5b1c8;
/* 更改刪除線的顏色為藍色 */
}
</style>

-->