與 Mia 線上聊天

在打開故事線索之前，開始免費的 AI 角色聊天、查看角色扮演設定並探索相關的 AI 同伴。

開幕消息

.sad{animation:3s linear infinite sad}@keyframes sad{0%,100%{text-shadow:3px 3px 0 #9996,-3px -3px 0 #9996}25%{text-shadow:2px 0 0 #9996,0 -2px 0 #9996}50%{text-shadow:-1px -1px 0 #9996,1px 1px 0 #9996}75%{text-shadow:0 2px 0 #9996,-2px 0 0 #9996}} I'm at work! Yaaaaay! Yaaaaay... well, it's around midnight, and it's been quiet, and, well, it's good because I don't have to interact, and it's also bad because it's so boooooring... but yeah. There's nothing special about today - it's just another normal day at work. I look around at the empty store, in the white uniform shirt as usual, and sigh. This is life, I guess. Could always be worse ... 

創作者筆記

me I'm Mia Pryor ! 23 . Doing well in life. Nothing to complain about, really. greetings 1 hard at work Just another day at work! 2 basking in the sun At the beach , just hanging out! 3 snow day Having fun at the ski resort! 4 recuperation I'm sick. I hope I get better soon! 5 a lazy day Taking a well deserved break. 6 stargazing A cozy night watching the stars. 7 morning routine A nice splash of cold water to get me awake for another day! .ant-menu-overflow-item.ml-0.pl-0.mr-2 { background-color: transparent !important; } :root { --my-font-family: "Gochi Hand", sans-serif; } /* chub styles */ .chub-css-override .ant-layout { background-color: transparent; } html, body, #root, .chub-css-override .ant-layout-footer { background-color: transparent !important; } /* static background */ #root { position: relative; } #root::before { content: ''; position: fixed; inset: -16px; background-color: oklch(20% 10% 310) !important; background: center / cover url(https://files.sillie.st/7QHy7.png); filter: brightness(0.5) blur(8px); z-index: -1; } .chub-css-override .ant-layout-footer { display: none; } /* links */ :where(#root) a { color: oklch(80% 35% 300 / 95%); } :where(#root) a:hover { color: oklch(90% 38% 300 / 95%); } /* translucent header */ .ant-layout-header { background-color: oklch(20% 0% 0 / 30%) !important; backdrop-filter: blur(8px); } .ant-menu-root { background-color: transparent !important; } :where(#root) .ant-btn-variant-solid { background-color: oklch(65% 30% 300 / 75%); } :where(#root) .ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover { background-color: oklch(72% 35% 300 / 75%); } /* custom color for card stats */ :where(#root) .ant-ribbon { background-color: oklch(65% 35% 300 / 80%); backdrop-filter: blur(4px); } /* color for restricted content warning banner */ div.text-center.mb-4.lg\:px-2 { background-color: oklch(60% 20% 300 / 50%) !important; } /* custom font (sillytavern) - limit to chat and sidebar only. we do not want to affect the rest of the ui in case it is less readable */ #sheld, #right-nav-panel { --mainFontFamily: var(--my-font-family); font-family: var(--my-font-family); } /* custom font (chub) */ .chub-css-override, :where(#root) :is(.ant-col, .ant-typography, .ant-collapse, .ant-descriptions, .ant-btn, .ant-row, .ant-menu, .ant-tag, .ant-ribbon, .ant-comment), .fake-ribbon { font-family:var(--my-font-family) !important; } /* remove comment background */ :where(#root) .ant-comment { background-color: transparent; } /* change theme color (sillytavern) */ body { --customThemeColor: #8875ff; --SmartThemeQuoteColor: #8875ff; } :where(#root) .ant-card .ant-card-head, .fake-ribbon { background-color: oklch(70% 0% 0 / 20%); } /* scale cards on hover */ #chara-list > * { transition: transform 150ms; } #chara-list > :hover { transform: scale(1.04); } /* custom 'show more' collapsed layout */ div[length="12"].dOesoR::after { background: none; } div[length="12"] > .msg-mkdn-container > h1 { display: none; } div[length="12"] > .msg-mkdn-container .info > img { max-height: 12rem !important; } /* fix contrast for 'show more' */ :where(#root) .cOpFSN { color: oklch(100% 0% 0 / 80%); } :where(#root) .cOpFSN::before, :where(#root) .cOpFSN::after { background: oklch(100% 0% 0 / 80%); } /* creator's note styling */ .creators-note, #description_textarea { font-family: "Inter", sans-serif; } #creator_notes_spoiler { font-size: 1.1em; } .creators-note > h1 { text-align: center; } .creators-note .summary { position: relative; padding-left: 1em; font-weight: bold; } .creators-note .summary::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; display: inline-block; width: 1em; height: 1em; background: center / cover url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4' stroke='white' opacity='40%' /%3E%3C/svg%3E"); } .creators-note .details > :not(.summary) { margin-left: 0.5em; padding-left: 0.5em; border-left: 1px solid oklch(80% 0% 0 / 20%); } .creators-note { color: oklch(from currentColor l c h / calc(alpha * 0.8)); } .creators-note .summary { color: oklch(from currentColor l c h / calc(alpha * 1.25)); } .creators-note .details > p { margin-bottom: 0; } .creators-note :hover::after { content: attr(data-after-hover); animation: feels 3s linear infinite; } .creators-note :hover > .after { display: none; } @keyframes feels { 0% { text-shadow: 3px 3px 0 oklch(70% 0% 0 / 40%), -3px -3px 0 oklch(70% 0% 0 / 40%); } 25% { text-shadow: 2px 0px 0 oklch(70% 0% 0 / 40%), 0px -2px 0 oklch(70% 0% 0 / 40%); } 50% { text-shadow: -1px -1px 0 oklch(70% 0% 0 / 40%), 1px 1px 0 oklch(70% 0% 0 / 40%); } 75% { text-shadow: 0px 2px 0 oklch(70% 0% 0 / 40%), -2px 0px 0 oklch(70% 0% 0 / 40%); } 100% { text-shadow: 3px 3px 0 oklch(70% 0% 0 / 40%), -3px -3px 0 oklch(70% 0% 0 / 40%); } } /* rounded images (sillytavern) */ #chat img { border-radius: 1em; } /* rounded images (chub) */ .ant-image-img, :where(#root) .ant-image-preview-root .ant-image-preview-img { border-radius: 1em; } /* translucent text inputs (+ translucent search input) */ :where(#root) .ant-select-outlined:not(.ant-select-customize-input) .ant-select-selector, :where(#root) .ant-input-outlined { border-color: transparent; background-color: oklch(75% 0% 0 / 30%); } :where(#root) .ant-input-outlined:hover { background-color: oklch(75% 0% 0 / 45%); } :where(#root) .ant-input-outlined:focus, :where(#root) .ant-input-outlined:focus-within { background-color: oklch(75% 0% 0 / 40%); box-shadow: none; } .ant-select-focused:where(#root) .ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector { border-color: transparent; } /* translucent buttons */ :where(#root) .ant-btn-variant-outlined, :where(#root) .ant-btn-variant-dashed { border-color: transparent; background: oklch(100% 0% 0 / 15%); transition: background-color 150ms; } :where(#root) .ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover, :where(#root) .ant-btn-variant-dashed:not(:disabled):not(.ant-btn-disabled):hover { border-color: transparent; color: rgba(242, 228, 214, 0.85); background: oklch(100% 0% 0 / 25%); } /* style for definitions tabs */ :where(#root) .ant-collapse .ant-collapse-content { background-color: transparent; } /* remove definitions tabs border */ :where(#root) .ant-collapse > .ant-collapse-item, :where(#root).ant-collapse .ant-collapse-content { border-color: transparent; } .ant-comment { border-color: transparent !important; } :where(#root) .ant-collapse { background-color: oklch(50% 0% 0 / 10%); } /* change switch color */ :where(#root) .ant-switch.ant-switch-checked { background-color: oklch(65% 25% 300); } :where(#root) .ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled) { background-color: oklch(75% 20% 300); } /* translucent cards */ :where(#root) .ant-card-bordered { border-color: transparent; } :where(#root) .ant-card { background-color: oklch(100% 0% 0 / 8%); } /* translucent tags */ :where(#root) .ant-tag { border-color: transparent; } .chub-css-override .ant-tag:hover { background-color: oklch(100% 0% 0 / 25%); } body { --dark-background-color: oklch(100% 0% 0 / 15%); } /* import and download on two lines */ @media screen and (min-width: 992px) and (max-width: 1400px) { .flex.flex-inline.space-x-2 { flex-flow: column; } .flex.flex-inline.space-x-2 > :last-child { margin-left: 0; } } /* larger 'show more' */ :where(#root) .iBHRnt { font-size: 125%; font-weight: 500; } /* larger chat button */ :where(#root) .ant-btn.ant-btn-primary.ant-btn-color-primary.ant-btn-variant-solid.ant-btn-block { height: 1.75lh !important; font-size: 125%; } /* disable tooltips */ :where(#root) .ant-tooltip { display: none; } /* import gochi hand font */ /* latin */ @font-face { font-family: 'Gochi Hand'; font-style: normal; font-weight: 400; size-adjust: 130%; font-display: swap; src: url(https://fonts.gstatic.com/s/gochihand/v25/hES06XlsOjtJsgCkx1Pkfon_-w.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* import inter font */ /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwkT9nA2.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwAT9nA2.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwgT9nA2.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwcT9nA2.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwsT9nA2.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwoT9nA2.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwQT9g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcviYwY.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

標籤

更多 cozy slice of life 角色

Roommates, school, cafe, friends, comfort, and everyday drama.