:root{--sakura-50: #fdf4f8;--sakura-100: #fbe2ee;--sakura-200: #f5bdd7;--sakura-300: #e88bb7;--sakura-400: #d95a9a;--sakura-500: #b83684;--sakura-600: #8a2264;--lavender: #8d6bce;--lavender-bright: #b08ce8;--ink-purple: #3d2a52;--ink-black: #1a1025;--sky: #7ea8d9;--peach: #e8a399;--mint: #88c8b0;--candle: #f8e5a3;--text-dark: #24182c;--text-body: #4a3a55;--text-soft: #7a6a85;--text-on-pink: #6b1d44;--bg-gradient: linear-gradient( 180deg, #1a1025 0%, #2a1538 25%, #2f1847 55%, #1f1030 100% );--card-bg: rgba(255, 255, 255, .78);--card-border: rgba(216, 119, 170, .45);--card-shadow: 0 10px 40px rgba(138, 34, 100, .28), 0 2px 8px rgba(61, 42, 82, .12);--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--radius-xl: 36px;--font-cn: "ZCOOL KuaiLe", "M PLUS Rounded 1c", "Zen Maru Gothic", "PingFang SC", "Microsoft YaHei", sans-serif;--font-jp: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-cn);color:var(--text-body);line-height:1.7;min-height:100vh;background:var(--bg-gradient);background-attachment:fixed;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 600px at 50% 30%,rgba(216,119,170,.32),transparent 65%),radial-gradient(800px 500px at 50% -10%,rgba(26,16,37,.65),transparent 70%),radial-gradient(900px 600px at 50% 110%,rgba(26,16,37,.75),transparent 70%),linear-gradient(180deg,#1a10258c,#1a102559 20%,#1a102573 80%,#1a1025b3);pointer-events:none;z-index:-2}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-gradient);pointer-events:none;z-index:-3}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}#sakura-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.floating-decor{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.floating-decor span{position:absolute;font-size:22px;color:var(--sakura-300);opacity:.5;animation:floatY ease-in-out infinite}.float-star.s1{top:12%;left:8%;animation-duration:9s;font-size:26px;color:var(--lavender)}.float-star.s2{top:70%;right:12%;animation-duration:11s;animation-delay:2s;font-size:18px}.float-heart.h1{top:35%;right:6%;animation-duration:8s;font-size:24px;color:var(--sakura-400)}.float-heart.h2{bottom:20%;left:14%;animation-duration:10s;animation-delay:3s;font-size:20px;color:var(--peach)}.float-circle.c1{top:55%;left:5%;animation-duration:12s;font-size:10px;color:var(--sky)}.float-circle.c2{top:20%;right:18%;animation-duration:9s;animation-delay:1.5s;font-size:8px}@keyframes floatY{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-22px) rotate(8deg)}}.container{width:100%;max-width:560px;margin:0 auto;padding:48px 20px 60px}.profile-card{text-align:center;background:var(--card-bg);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:40px 28px 32px;box-shadow:var(--card-shadow);margin-bottom:32px;position:relative;animation:fadeUp .7s ease-out both}.avatar-wrapper{position:relative;width:128px;height:128px;margin:0 auto 20px}.avatar-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:conic-gradient(from 0deg,var(--sakura-300),var(--lavender),var(--peach),var(--mint),var(--sakura-300));padding:3px;animation:ringSpin 12s linear infinite;filter:drop-shadow(0 4px 12px rgba(255,139,173,.35))}.avatar-ring:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#fff}@keyframes ringSpin{to{transform:rotate(360deg)}}.avatar{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 4px 18px #ff6b9447;z-index:1}.avatar img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.avatar:hover img{transform:scale(1.08)}.online-dot{position:absolute;bottom:4px;right:4px;width:14px;height:14px;background:#7bd88f;border:3px solid #fff;border-radius:50%;z-index:2;animation:pulseDot 2.2s ease-in-out infinite}@keyframes pulseDot{0%,to{box-shadow:0 0 #7bd88f99}50%{box-shadow:0 0 0 8px #7bd88f00}}.nickname{font-family:var(--font-jp);font-weight:800;margin-bottom:12px;line-height:1.3}.nickname .jp-title{display:block;font-size:18px;color:var(--sakura-500);letter-spacing:.15em;margin-bottom:2px}.nickname .cn-name{display:block;font-size:30px;background:linear-gradient(135deg,var(--sakura-500) 0%,#d77fbc 55%,#9a7bd4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}.bio{font-size:15px;color:var(--text-body);line-height:1.9;margin-bottom:18px}.status-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#ffb7c559,#e0c3fc59);border:1px solid rgba(255,255,255,.8);border-radius:999px;font-size:12.5px;color:var(--text-dark);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-badge i{color:var(--sakura-500);font-size:11px}.section{margin-bottom:32px;animation:fadeUp .7s ease-out both}.section:nth-child(odd){animation-delay:.08s}.section:nth-child(2n){animation-delay:.16s}.section-title{font-family:var(--font-cn);font-size:18px;font-weight:700;color:var(--text-on-pink);margin-bottom:16px;display:flex;align-items:center;gap:8px;padding-left:2px}.title-icon{font-size:20px}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;padding:20px;background:var(--card-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.tag{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:500;color:var(--text-dark);cursor:default;transition:transform .25s ease,box-shadow .25s ease;border:1px solid rgba(255,255,255,.7)}.tag:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 18px #ff8bad40}.tag-pink{background:linear-gradient(135deg,#ffd1dc,#ffb6c1)}.tag-purple{background:linear-gradient(135deg,#e0c3fc,#c9b6ff)}.tag-blue{background:linear-gradient(135deg,#bcdcff,#a0c4ff)}.tag-peach{background:linear-gradient(135deg,#ffe0c3,#ffcba4)}.tag-mint{background:linear-gradient(135deg,#c9ecd4,#bde0c8)}.works-grid{display:grid;gap:14px}.work-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--radius-lg);background:var(--card-grad);position:relative;overflow:hidden;color:var(--text-dark);transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 18px #b478961f}.work-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(200px 100px at 100% 0%,rgba(255,255,255,.5),transparent),radial-gradient(150px 100px at -10% 100%,rgba(255,255,255,.3),transparent);pointer-events:none}.work-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #b4789638}.work-emoji{font-size:34px;flex-shrink:0;width:56px;height:56px;display:grid;place-items:center;background:#fff9;border-radius:16px;box-shadow:0 2px 8px #0000000f}.work-info{flex:1;min-width:0}.work-info h3{font-size:16px;font-weight:700;margin-bottom:2px;font-family:var(--font-cn)}.work-info p{font-size:13px;color:var(--text-soft)}.work-link{font-size:16px;color:var(--text-body);opacity:.5;transition:all .25s ease}.work-card:hover .work-link{opacity:1;transform:translate(2px,-2px);color:var(--sakura-600)}.links-list{display:flex;flex-direction:column;gap:12px}.link-btn{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--radius-md);font-size:15px;font-weight:500;color:var(--text-dark);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 2px 12px #ff8bad14}.link-btn i:first-child{font-size:22px;width:28px;text-align:center;flex-shrink:0}.link-btn span{flex:1}.link-arrow{font-size:12px;opacity:.35;transition:all .25s ease}.link-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.link-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #ff8bad38;border-color:#ff8bad80}.link-btn:hover .link-arrow{opacity:1;transform:translate(4px);color:var(--sakura-500)}.link-btn:hover:after{transform:translate(100%)}.link-github i:first-child{color:#24292f}.link-bilibili i:first-child{color:#fb7299}.link-twitter i:first-child{color:#1d9bf0}.link-weibo i:first-child{color:#e6162d}.link-email i:first-child{color:var(--sakura-500)}.link-rss i:first-child{color:#f26522}.footer{text-align:center;padding-top:20px;color:var(--text-soft);font-size:13px}.divider{font-size:14px;color:var(--sakura-400);margin-bottom:14px;letter-spacing:4px;opacity:.85}.heart-icon{color:var(--sakura-500);animation:heartBeat 1.4s ease-in-out infinite;margin:0 2px}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}}.footer-sub{margin-top:4px;font-size:12px;opacity:.7}.section-title{position:relative;padding-bottom:6px}.section-title:after{content:"";position:absolute;left:2px;bottom:0;width:calc(100% - 4px);height:8px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8'><path d='M0 4 Q 15 0 30 4 T 60 4 T 90 4 T 120 4' stroke='%23ff8bad' stroke-width='2' fill='none' stroke-linecap='round' opacity='0.7'/></svg>") center/contain repeat-x;animation:waveScroll 6s linear infinite}@keyframes waveScroll{to{background-position:120px center}}.nickname .cn-name{background-size:200% 200%;animation:nicknameFlow 5s ease-in-out infinite}@keyframes nicknameFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.profile-card{animation:bounceUp .8s cubic-bezier(.22,1.2,.36,1) both}@keyframes bounceUp{0%{opacity:0;transform:translateY(40px) scale(.96)}60%{opacity:1;transform:translateY(-6px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.tag{animation:tagAppear .5s ease-out both;animation-delay:calc(var(--tag-idx, 0) * 45ms);box-shadow:0 2px 6px #0000000a,inset 0 1px #ffffffb3}@keyframes tagAppear{0%{opacity:0;transform:translateY(12px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.tag-pink:hover{box-shadow:0 6px 20px #ff6b9459}.tag-purple:hover{box-shadow:0 6px 20px #9b78e659}.tag-blue:hover{box-shadow:0 6px 20px #64a0e659}.tag-peach:hover{box-shadow:0 6px 20px #f0aa6e59}.tag-mint:hover{box-shadow:0 6px 20px #6ebe9659}.work-card{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,filter .3s ease}.work-card:hover{transform:translateY(-6px) rotate(-.5deg);filter:saturate(1.08);box-shadow:0 18px 40px #b4789647}.link-btn{overflow:hidden}.link-btn .ripple{position:absolute;border-radius:50%;background:#ff8bad47;transform:scale(0);animation:ripple .55s ease-out;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.today-badge{display:flex;align-items:center;justify-content:center;gap:10px;margin:-8px auto 24px;padding:10px 22px;width:fit-content;background:linear-gradient(135deg,#ffffffe6,#ffe4ece6);border:1px dashed rgba(255,139,173,.5);border-radius:999px;font-size:13px;color:var(--text-on-pink);box-shadow:0 4px 16px #ff8bad26;animation:fadeUp .7s ease-out .25s both}.today-badge .today-emoji{font-size:18px;animation:gentleBob 3s ease-in-out infinite}@keyframes gentleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.today-badge .today-sep{opacity:.4}.section.in-view{animation:fadeUp .7s ease-out both}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.container{padding:32px 16px 48px}.profile-card{padding:32px 20px 24px;border-radius:var(--radius-lg)}.avatar-wrapper{width:108px;height:108px}.nickname .cn-name{font-size:26px}.bio{font-size:14px}.work-card{padding:14px 16px}.work-emoji{font-size:28px;width:48px;height:48px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#sakura-canvas,.floating-decor{display:none!important}}@media (max-width: 768px){.profile-card,.tag-cloud,.link-btn,.status-badge{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.profile-card,.tag-cloud{background:#fffffff0}.link-btn{background:#ffffffeb}.status-badge{background:#ffdcebeb}body:before{background:linear-gradient(180deg,#1a10258c,#1a102566 30%,#1a10258c 70%,#1a1025bf)}.avatar-ring{animation:none!important}.avatar-ring:after{background:conic-gradient(from 0deg,var(--sakura-300),var(--lavender),var(--peach),var(--mint),var(--sakura-300));-webkit-mask:radial-gradient(#fff 60%,transparent 62%);mask:radial-gradient(#fff 60%,transparent 62%);background:#fff}.nickname .cn-name{animation:none!important}.section-title:after{animation:none!important}.floating-decor{display:none!important}.online-dot{animation-duration:3s!important}.section{content-visibility:auto;contain-intrinsic-size:300px}.tag{animation-delay:0ms!important}html{scroll-behavior:auto}}@media (prefers-color-scheme: dark){:root{--card-bg: rgba(60, 40, 50, .6);--card-border: rgba(255, 167, 192, .25);--text-dark: #f8e9f0;--text-body: #d4bfc9;--text-soft: #a08a95;--text-on-pink: #ffc9da;--bg-gradient: linear-gradient( 160deg, #2a1b24 0%, #321f2c 30%, #2a1d35 60%, #1f1a30 100% );--card-shadow: 0 8px 32px rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .18)}.avatar-ring:after{background:#241620}.avatar{border-color:#241620}.link-btn,.work-card,.tag-cloud,.profile-card{box-shadow:0 4px 18px #0000004d}.work-card:before{opacity:.4}.tag{color:#2a1b24}}