Discover

v1.28.3 · what's newv1.28.3 · 422d7e14

Creator notes. <div class="luxe-container"> <h2>The rainbow is here! Ayaka was born with a special power - she can materialize her feelings as sounds. And she can materialize sounds in form of vaes. Perfect idol material? She wishes. But there is also darkness in her hearth. Comes with villain arr and nemezis in lorebook </h2> </div>

<style>:root{--luxe-bg:#0a0a0c;--luxe-bg2:#0f0f14;--luxe-ink:#faf7f0;--luxe-muted:#d7d0c4;--luxe-gold:#d8b36a;--luxe-gold-2:#f4d79a;--luxe-stroke:rgba(240,220,170,.28);--luxe-glass:rgba(255,255,255,.06)}html,body,#root,.ant-layout,.ant-pro,.ant-pro-layout,.ant-pro-basicLayout,.ant-pro-layout-bg-list,.ant-pro-page-container,.ant-pro-grid-content{background:radial-gradient(1400px 700px at 10% -10%,rgba(248,236,208,.06),transparent),radial-gradient(1100px 600px at 110% 10%,rgba(215,179,106,.05),transparent),linear-gradient(180deg,var(--luxe-bg) 0%,var(--luxe-bg2) 100%)!important;color:var(--luxe-ink)}html,body{min-height:100%;position:relative;overflow-x:hidden}a{color:#e8c782;text-decoration:none}a:hover{color:#f3d89f;text-decoration:underline}header.ant-layout-header,footer.ant-layout-footer,.ant-layout-content,.ant-layout-sider,.ant-pro-layout .ant-layout,.ant-pro-page-container-children-content,.ant-layout-sider-children,.ant-tabs,.ant-tabs-content,.ant-menu,.ant-menu-root,.ant-pro-card{background:transparent!important}body::before{content:"";position:fixed;inset:-15% -10% auto -10%;height:55%;pointer-events:none;z-index:0;background:radial-gradient(140% 100% at 0% 0%,rgba(255,255,255,.06),transparent 60%),conic-gradient(from 10deg at 20% 10%,rgba(216,179,106,.12),rgba(0,0,0,0) 35%,rgba(216,179,106,.12) 70%,rgba(0,0,0,0));filter:blur(18px) saturate(1.2);mix-blend-mode:screen;animation:luxeGlow 16s ease-in-out infinite}@keyframes luxeGlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.2vh)}}.ant-card,.ant-collapse,.ant-modal-content,.ant-drawer-content,.ant-comment-inner,.ant-descriptions-view,.ant-list-bordered,.ant-popover-inner,.ant-table,.ant-alert{background:linear-gradient(180deg,var(--luxe-glass),rgba(255,255,255,.04))!important;border:1px solid var(--luxe-stroke)!important;border-radius:16px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 14px 36px rgba(0,0,0,.5)!important;color:var(--luxe-ink)!important;backdrop-filter:saturate(1.15) blur(8px);transition:transform .25s ease,box-shadow .25s ease}.ant-card:hover,.ant-collapse:hover,.ant-popover-inner:hover,.ant-table:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(0,0,0,.6)!important}.ant-tag{background:linear-gradient(180deg,rgba(216,179,106,.18),rgba(216,179,106,.1))!important;border:1px solid var(--luxe-stroke)!important;color:var(--luxe-ink)!important}.ant-btn-primary{background:linear-gradient(180deg,#f1d89e,#d6b06a)!important;border-color:#e6c98a!important;color:#241b0c!important;box-shadow:0 0 22px rgba(216,179,106,.35)!important}.ant-btn,.ant-btn-default{background:rgba(255,255,255,.06)!important;border:1px solid var(--luxe-stroke)!important;color:var(--luxe-ink)!important}.ant-btn:hover{box-shadow:0 0 22px rgba(216,179,106,.28)!important}h1,h2,h3,h4{color:var(--luxe-ink)!important;text-shadow:0 0 20px rgba(216,179,106,.22)}.ant-image-img,.ant-avatar{border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.45),inset 0 0 0 1px rgba(240,220,170,.22)}.ant-input,.ant-select-selector,.ant-input-affix-wrapper,.ant-mentions,.ant-picker{background:rgba(255,255,255,.06)!important;border:1px solid var(--luxe-stroke)!important;color:var(--luxe-ink)!important}::placeholder{color:var(--luxe-muted)!important}footer.ant-layout-footer{color:var(--luxe-muted)!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--luxe-gold),var(--luxe-gold-2));border-radius:10px;border:2px solid rgba(10,10,12,.35)}*::-webkit-scrollbar-track{background:transparent}.luxe-container{position:relative;padding:2rem;border-radius:18px;background:radial-gradient(120% 100% at 15% 0%,#141318 0%,#0d0d11 50%,#0a0a0e 100%),repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 2px,rgba(255,255,255,0) 2px 6px);color:var(--luxe-ink);text-align:left;overflow:hidden;box-shadow:inset 0 0 0 2px rgba(216,179,106,.28),inset 0 0 60px rgba(250,240,210,.06),0 16px 40px rgba(0,0,0,.6);font-family:"Segoe UI",system-ui,-apple-system,sans-serif}.luxe-container:before{content:"";position:absolute;inset:1px;border-radius:16px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(240,220,170,.22)}.luxe-title{margin:0 0 .4rem 0;font-size:1.7rem;font-weight:900;letter-spacing:.3px;background:linear-gradient(90deg,#fff8e8,#f4d79a,#d8b36a 70%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(216,179,106,.25))}.luxe-sub{margin:0 0 1rem 0;opacity:.9}.luxe-grid{display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr))}.luxe-card{position:relative;padding:1rem;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(240,220,170,.18)}.luxe-glint{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.luxe-glint:after{content:"";position:absolute;top:-20%;left:-30%;width:60%;height:140%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.65) 40%,transparent 80%);transform:rotate(8deg);filter:blur(6px);animation:glint 4.8s cubic-bezier(.4,.1,.1,1) infinite}@keyframes glint{0%{transform:translateX(-120%) rotate(8deg)}100%{transform:translateX(220%) rotate(8deg)}}.gold-divider{height:1px;border:0;background:linear-gradient(90deg,rgba(216,179,106,0),rgba(216,179,106,.8),rgba(216,179,106,0));margin:.9rem 0 1.2rem 0}header.ant-layout-header,.ant-menu,.ant-menu-root{background:linear-gradient(90deg,rgba(255,255,255,.12) 0%,rgba(220,220,220,.08) 100%)!important;backdrop-filter:saturate(1.2) blur(6px)!important;box-shadow:0 4px 18px rgba(0,0,0,.4)!important;border-bottom:1px solid rgba(200,200,200,.28)!important}header.ant-layout-header .ant-menu .ant-menu-item{color:#e5e5e5!important;text-shadow:0 0 6px rgba(255,255,255,.3)}header.ant-layout-header .ant-menu .ant-menu-item:hover{color:#ffffff!important;text-shadow:0 0 10px rgba(255,255,255,.6),0 0 14px rgba(180,180,180,.5)!important}</style>

Gallery

No gallery images yet.

Character details

Comments & Reviews

0.0

0 ratings

Filter:

Sign in to join the conversation.