.draggable-card{transition:transform .25s cubic-bezier(.2,.9,.3,1.2),box-shadow .25s ease,opacity .25s ease;cursor:grab;align-self:stretch;justify-self:stretch;overflow:hidden;min-height:0;height:auto;will-change:transform;-webkit-user-select:none;user-select:none;touch-action:none}.draggable-card.is-dragging{position:fixed;z-index:9999;pointer-events:none;cursor:grabbing;transition:none;transform:scale(1.05) rotate(2deg);box-shadow:0 30px 60px -15px #00000059,0 18px 36px -18px #00000040;animation:dragPulse 2s ease-in-out infinite}@keyframes dragPulse{0%,to{box-shadow:0 30px 60px -15px #00000059,0 18px 36px -18px #00000040}50%{box-shadow:0 35px 70px -15px #0006,0 22px 40px -18px #0000004d}}.drag-placeholder{opacity:.3;border:2px dashed rgba(120,120,140,.5);background:#c8c8dc26;border-radius:1rem;transition:all .25s cubic-bezier(.2,.9,.3,1.2);pointer-events:none;box-shadow:inset 0 0 20px #6464961a}.draggable-card.is-hit{animation:cardHit .4s cubic-bezier(.2,.9,.3,1.2)}@keyframes cardHit{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(1)}}.draggable-card.card-xingtone{padding:0}.draggable-card.card-xingtone .card-inner{gap:0;padding:0}.draggable-card.card-xingtone a{text-decoration:none}.comment-slide-container{position:relative;height:6.5rem;overflow:hidden}.comment-slide{position:absolute;top:0;left:0;width:100%;transition:all .5s ease-out}.comment-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.draggable-card.md\:col-span-2{aspect-ratio:auto}#music-player-card.draggable-card{aspect-ratio:auto;padding:0;overflow:hidden;background:#fff}#music-player-card .card-inner{gap:0;padding:0}#music-player-card iframe{display:block;width:100%;height:100%;border:0;border-radius:1rem;overflow:hidden;transform:scaleX(1.07) scaleY(1.04);transform-origin:center center}.draggable-card:hover{transform:translateY(-3px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:10}.draggable-card:active{cursor:grabbing;transform:scale(.98)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse-animation{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid-container{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--cell-size, 300px)!important;grid-auto-flow:dense;transition:all .3s ease}@media(max-width:639px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media(min-width:640px)and (max-width:1023px){.grid-container{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.grid-container{grid-template-columns:repeat(4,1fr)}}.btn-23,.btn-23 *,.btn-23 :after,.btn-23 :before,.btn-23:after,.btn-23:before{border:0 solid;box-sizing:border-box}.btn-23{-webkit-tap-highlight-color:transparent;-webkit-appearance:button;background-color:#000;background-image:none;color:#fff;cursor:pointer;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:100%;font-weight:900;line-height:1.5;margin:0;-webkit-mask-image:-webkit-radial-gradient(#000,#fff);padding:0;text-transform:uppercase}.btn-23:disabled{cursor:default}.btn-23:-moz-focusring{outline:auto}.btn-23 svg{display:block;vertical-align:middle}.btn-23 [hidden]{display:none}.btn-23{border-radius:99rem;border-width:2px;overflow:hidden;padding:.8rem 3rem;position:relative}.btn-23 span{display:grid;inset:0;place-items:center;position:absolute;transition:opacity .2s ease}.btn-23 .marquee{--spacing: 5em;--start: 0em;--end: 5em;-webkit-animation:marquee 1s linear infinite;animation:marquee 1s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused;opacity:0;position:relative;text-shadow:#fff var(--spacing) 0,#fff calc(var(--spacing) * -1) 0,#fff calc(var(--spacing) * -2) 0}.btn-23:hover .marquee{-webkit-animation-play-state:running;animation-play-state:running;opacity:1}.btn-23:hover .text{opacity:0}@-webkit-keyframes marquee{0%{transform:translate(var(--start))}to{transform:translate(var(--end))}}@keyframes marquee{0%{transform:translate(var(--start))}to{transform:translate(var(--end))}}@media(max-width:639px){.grid-container .draggable-card{touch-action:pan-y!important;cursor:default!important}.grid-container .draggable-card{padding:.875rem!important}.grid-container .card-inner{gap:.5rem!important}.grid-container .draggable-card .text-4xl{font-size:1.75rem!important;line-height:1.2!important}.grid-container .draggable-card .text-3xl{font-size:1.35rem!important;line-height:1.25!important}.grid-container .draggable-card .text-2xl{font-size:1.1rem!important;line-height:1.3!important}.grid-container .draggable-card .text-xl{font-size:.95rem!important;line-height:1.35!important}.grid-container .draggable-card .text-lg{font-size:.85rem!important;line-height:1.4!important}.grid-container .draggable-card .text-base{font-size:.8rem!important}.grid-container .draggable-card .text-sm{font-size:.7rem!important}.grid-container .draggable-card .text-xs{font-size:.625rem!important}.grid-container .draggable-card img:not(.w-full){max-width:100%}.grid-container .draggable-card .w-16{width:2.25rem!important;height:2.25rem!important}.grid-container .draggable-card .w-12{width:1.75rem!important;height:1.75rem!important}.grid-container .draggable-card .w-10{width:1.5rem!important;height:1.5rem!important}.grid-container .draggable-card .w-8{width:1.25rem!important;height:1.25rem!important}.grid-container .draggable-card .w-10.h-10,.grid-container .draggable-card .w-12.h-12,.grid-container .draggable-card button[class*=w-10],.grid-container .draggable-card button[class*=w-12]{width:2rem!important;height:2rem!important;min-width:2rem!important;min-height:2rem!important}.grid-container .draggable-card button[class*=w-10] svg,.grid-container .draggable-card button[class*=w-12] svg{width:.875rem!important;height:.875rem!important}.grid-container .draggable-card .gap-2{gap:.375rem!important}.grid-container .draggable-card .gap-3{gap:.5rem!important}.grid-container .draggable-card .gap-4{gap:.625rem!important}.grid-container .draggable-card .gap-6{gap:.75rem!important}.grid-container .card-user-info .w-14{width:2.5rem!important;height:2.5rem!important}.grid-container .card-user-info .line-clamp-3{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.grid-container .card-user-info .btn-23{padding:.5rem 1.5rem!important;font-size:.75rem!important;border-width:1.5px!important}.grid-container .follower-card .text-2xl,.grid-container .follower-card .text-3xl{font-size:1.1rem!important}.grid-container .follower-card .w-10{width:1.5rem!important;height:1.5rem!important}.grid-container .card-contact .line-clamp-4{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.grid-container .card-video .aspect-video{aspect-ratio:16 / 10!important}.grid-container .card-freeform{font-size:.75rem!important}#page-header{margin-bottom:1.5rem!important}#page-header .logo{height:3.5em!important;padding:1em!important}.comment-slide-container{position:relative;height:5.5rem;overflow:hidden}.comment-slide{position:absolute;top:0;left:0;width:100%;transition:all .5s ease-out}.comment-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#map-card .relative.w-full.h-64{height:5rem!important;min-height:5rem!important;margin-bottom:.5rem!important}#amap-container{height:100%!important}#map-card .w-8.h-8{width:1.25rem!important;height:1.25rem!important}#map-card .w-5.h-5{width:.875rem!important;height:.875rem!important}#map-card .p-2{padding:.375rem!important}.grid-container .draggable-card.card-xingtone{padding:0!important}.grid-container .draggable-card.card-xingtone>.card-inner{padding:0!important;gap:0!important}.grid-container .draggable-card.card-xingtone .rounded-2xl{border-radius:1rem!important}.grid-container .draggable-card.card-xingtone .p-5{padding:.625rem .75rem!important}.grid-container .draggable-card.card-xingtone .text-lg{font-size:.8rem!important}.grid-container .draggable-card.card-xingtone .text-base{font-size:.7rem!important}.grid-container .draggable-card.card-xingtone .w-10{width:1.625rem!important;height:1.625rem!important}.grid-container .draggable-card.card-xingtone .gap-1\.5{gap:.2rem!important}.grid-container .draggable-card.card-xingtone .mb-3{margin-bottom:.25rem!important}.grid-container .draggable-card.card-xingtone .text-xs{font-size:.55rem!important}.grid-container .draggable-card.card-xingtone .text-\[10px\]{font-size:8px!important;padding:0 .375rem!important}.grid-container .draggable-card.card-xingtone .px-3.py-1\.5{padding:.2rem .5rem!important;font-size:.65rem!important}.grid-container .draggable-card.card-xingtone .gap-1{gap:.1rem!important}.grid-container .draggable-card.card-xingtone .w-3\.5.h-3\.5{width:.625rem!important;height:.625rem!important}.grid-container .draggable-card.card-xingtone .gap-3{gap:.375rem!important}#music-player-card.draggable-card{min-height:150px!important}#music-player-card iframe{transform:scaleX(1.02) scaleY(1)!important}.bg-card.max-w-4xl{max-width:100%!important;max-height:100vh!important;border-radius:0!important}#video-player-title{font-size:.95rem!important}}@media(min-width:640px)and (max-width:1023px){.grid-container .draggable-card{padding:1.25rem!important}.grid-container .card-inner{gap:.625rem!important}.grid-container .draggable-card .text-2xl{font-size:1.25rem!important}.grid-container .draggable-card .text-xl{font-size:1.1rem!important}.grid-container .draggable-card .text-lg{font-size:.95rem!important}}:root{--bg-color: #f9fafb;--text-color: #111827;--card-bg: #ffffff;--card-hover: #f3f4f6;--border-color: #e5e7eb;--shadow-color: rgba(0, 0, 0, .1);--link-color: #3b82f6;--link-hover: #2563eb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--backdrop-blur: rgba(255, 255, 255, .3)}#app{width:100%;height:100%}body{background-color:var(--bg-color);color:var(--text-color);transition:all .3s ease}.bg-white{background-color:var(--card-bg)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.comment-text{color:#4b5563}.comment-date{color:#6b7280}.bg-card{background-color:var(--card-bg)}.follower-card{background-color:#fff}.follower-label{color:#6b7280}.follower-card .bg-white{background-color:#fff!important}.follower-card .font-bold{color:#111827!important}.follower-card .text-gray-600{color:#6b7280!important}.follower-card .bg-gray-900{background-color:#111827!important}.follower-card .text-white{color:#fff!important}.night-mode .download-container{background-color:var(--card-bg)}.night-mode .download-title{color:var(--text-color)}.night-mode .download-list{background-color:var(--card-bg)}.night-mode .download-list-title{color:var(--text-color)}.night-mode .bg-gray-50{background-color:var(--gray-100)}.night-mode .text-gray-700{color:var(--gray-600)}.night-mode .text-gray-500{color:var(--gray-700)}.night-mode .text-gray-600{color:var(--gray-600)}.night-mode .hover\:bg-gray-100:hover,.night-mode .bg-gray-100{background-color:var(--gray-100)}.night-mode .bg-gray-200{background-color:var(--gray-200)}.night-mode .hover\:bg-gray-100:hover{background-color:var(--gray-100)}.night-mode .hover\:bg-gray-200:hover{background-color:var(--gray-200)}.night-mode .text-gray-700{color:var(--text-color)}.night-mode .text-gray-500{color:var(--gray-600)}.night-mode button,.night-mode a{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.night-mode button.text-gray-700,.night-mode a.text-gray-700{color:var(--text-color)}.night-mode button.hover\:bg-gray-200:hover,.night-mode a.hover\:bg-gray-200:hover{background-color:var(--gray-200)}.bg-nav{background-color:var(--nav-bg)}.bg-selected{background-color:var(--card-selected)}.text-selected{color:var(--text-selected)}.text-normal{color:var(--text-normal)}.shadow-lg{box-shadow:0 10px 15px -3px var(--shadow-color),0 4px 6px -4px var(--shadow-color)}.bg-white\/30{background-color:var(--backdrop-blur)}.bg-blue-500{background-color:var(--link-color)}.bg-blue-500:hover{background-color:var(--link-hover)}.logo{height:6em;padding:1.5em}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.read-the-docs{color:var(--gray-600)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}
