{font-family:'Kanit',sans-serif;display:flex;flex-direction:column;align-items:center;padding:15px;color:#fff;}.type-wrap {width:100%;max-width:280px;text-align:center;margin-bottom:20px;}.cute-header {font-family:'Itim',cursive;font-size:20px;color:#00ffcc;text-shadow:0 0 10px rgba(0,255,204,0.5);margin:0;display:inline-block;overflow:hidden;border-right:2px solid #00ffcc;white-space:nowrap;animation:typing 3s steps(25,end) forwards,blink .75s step-end infinite;}.avatar-zone {width:160px;height:240px;margin-bottom:20px;position:relative;}.nodisplay {display:none;}.avatar-frame {display:block;width:100%;height:100%;position:relative;cursor:pointer;animation:floatY 4s ease-in-out infinite;border-radius:15px;border:2px solid #444;overflow:hidden;box-shadow:0 0 15px rgba(255,0,0,0.3);}.avatar-frame img {position:absolute;width:100%;height:100%;object-fit:cover;transition:0.6s;}.back-img {opacity:0;transform:scale(1.1);}.nodisplay:checked+.avatar-frame .front-img {opacity:0;}.nodisplay:checked+.avatar-frame .back-img {opacity:1;transform:scale(1);}.bio-black-card {width:240px;background:#000;border:1px solid #333;border-radius:12px;padding:15px;margin-bottom:15px;}.bio-black-card h3 {margin:0 0 10px;font-size:16px;color:#00ffcc;border-bottom:1px solid #222;padding-bottom:5px;}.bio-content {font-size:12px;color:#ccc;line-height:1.6;}.drawer-section {width:240px;margin-bottom:20px;}.drawer-item {background:rgba(20,20,20,0.6);margin-bottom:5px;border-radius:8px;overflow:hidden;border:1px solid #222;}.drawer-item summary {padding:10px;font-size:12px;cursor:pointer;color:#eee;list-style:none;}.drawer-content {padding:10px;font-size:11px;color:#bbb;background:rgba(0,0,0,0.3);}.live-container {width:220px;height:320px;margin-bottom:30px;position:relative;}.live-frame {width:100%;height:100%;background:#111;border-radius:15px;overflow:hidden;border:2px solid #ff0050;position:relative;}.live-video {width:100%;height:100%;object-fit:cover;}.live-badge {position:absolute;top:8px;left:8px;background:#ff0050;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:bold;z-index:5;}.viewer-count {position:absolute;top:8px;left:45px;background:rgba(0,0,0,0.6);padding:2px 6px;border-radius:4px;font-size:9px;z-index:5;}.comment-area {position:absolute;bottom:8px;left:8px;width:80%;height:80px;overflow:hidden;z-index:5;mask-image:linear-gradient(transparent, black 30%);}.comment-scroll {display:flex;flex-direction:column;animation:scrollUp 8s linear infinite;}.comment-area p {font-size:9px;margin:3px 0;background:rgba(0,0,0,0.4);padding:3px 6px;border-radius:8px;width:fit-content;}.comment-area span {color:#00ffcc;font-weight:bold;margin-right:4px;}.heart-box {position:absolute;bottom:8px;right:8px;width:30px;height:100px;z-index:5;pointer-events:none;}.heart-box span {position:absolute;bottom:0;right:50%;opacity:0;font-size:18px;animation:heartFloat 3s linear infinite;}.h1 {animation-delay:0s!important;}.h2 {animation-delay:0.7s!important;right:20%!important;}.h3 {animation-delay:1.4s!important;right:80%!important;}.h4 {animation-delay:2.1s!important;}.dc-blue-card {width:220px;background:#1e293b;border:2px solid #3b82f6;border-radius:12px;padding:15px;text-align:center;box-shadow:0 0 15px rgba(59,130,246,0.3);}.dc-blue-card p {font-size:12px;color:#93c5fd;margin:0 0 12px;font-weight:bold;}.dc-link-btn {display:inline-flex;align-items:center;gap:8px;background:#5865F2;color:#fff;text-decoration:none;padding:6px 15px;border-radius:8px;font-size:11px;font-weight:bold;transition:0.3s;}.dc-link-btn:hover {background:#4752c4;transform:scale(1.05);}.dc-link-btn img {width:16px;height:16px;}@keyframes scrollUp {0%{transform:translateY(0);}100% {transform:translateY(-50%);}}@keyframes heartFloat {0%{transform:translateY(0);opacity:0;}10% {opacity:1;}100% {transform:translateY(-100px) scale(1.5);opacity:0;}}@keyframes typing {from{width:0}to {width:100%}}@keyframes blink {50%{border-color:transparent}}@keyframes floatY {0%,100%{transform:translateY(0);}50% {transform:translateY(-10px);}}