*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#4a3b47;background:#fdf6f9;line-height:1.8;overflow-x:hidden}.char-tabs{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffcfebf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(240,168,200,.4);transition:background .4s,border-color .4s}.char-tabs-inner{max-width:960px;margin:0 auto;display:flex;justify-content:center;gap:8px;padding:10px 20px}.char-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;border:1px solid #f5d8e6;border-radius:20px;background:#fff;color:#8a6d80;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.char-tab:hover{border-color:#f0a8c8;color:#b0497a;transform:translateY(-1px)}.char-tab.active{background:linear-gradient(135deg,#f0a8c8,#b0497a);color:#fff;border-color:transparent;box-shadow:0 4px 12px #b0497a4d}.char-tab-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}.char-tab-en{font-size:11px;opacity:.7;letter-spacing:1px}.hero{position:relative;height:82vh;min-height:520px;margin-top:52px;overflow:hidden;background:linear-gradient(180deg,#ffe8f1,#fdf6f9)}.hero-layer{position:absolute;left:0;right:0;will-change:transform}.hero-sky{top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffd6e8,#ffeef5,#fdf6f9)}.hero-mountains{bottom:0;height:40%;background:radial-gradient(ellipse 80% 100% at 20% 100%,rgba(200,160,200,.4) 0%,transparent 60%),radial-gradient(ellipse 70% 100% at 80% 100%,rgba(180,140,190,.35) 0%,transparent 60%);filter:blur(2px)}.hero-character{top:0;right:0;bottom:0;left:0;background-position:center 30%;background-size:cover;background-repeat:no-repeat;transform-origin:center center;opacity:.92}.hero-character.is-wide{background-size:130% auto}.hero-wheat{bottom:0;height:28%;background:linear-gradient(180deg,transparent 0%,rgba(255,220,180,.25) 40%,rgba(255,200,150,.5) 100%);pointer-events:none}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fff0f826 30%,#fdf6f9e6);pointer-events:none}.hero-title{position:absolute;bottom:50px;left:0;right:0;text-align:center;will-change:transform,opacity;transition:opacity .1s}.hero-title h1{font-size:64px;letter-spacing:16px;color:#b0497a;text-shadow:0 2px 16px rgba(255,255,255,.9),0 0 40px rgba(240,168,200,.5);margin-bottom:10px}.hero-title p{font-size:18px;letter-spacing:4px;color:#8a6d80}.container{max-width:960px;margin:0 auto;padding:50px 20px}section{margin-bottom:48px}h2{font-size:26px;color:#b0497a;border-left:5px solid #f0a8c8;padding-left:12px;margin-bottom:18px;letter-spacing:2px}h3{font-size:18px;color:#c06a96;margin:16px 0 6px}p{margin-bottom:10px;text-align:justify}.typewriter-wrap{text-align:center;font-size:20px;color:#96567d;font-style:italic;min-height:36px;margin-bottom:20px;padding:0 20px}.typewriter-text{text-shadow:0 1px 4px rgba(240,168,200,.2)}.typewriter-cursor{display:inline-block;color:#b0497a;font-weight:700;animation:cursor-blink 1s step-end infinite;margin-left:2px}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.quote-carousel{background:linear-gradient(135deg,#fdeef5,#f3ecfb);border-radius:14px;padding:22px 24px 16px;margin-bottom:30px;text-align:center;min-height:100px;display:flex;flex-direction:column;justify-content:center;position:relative}.quote-item{color:#96567d;font-style:italic;font-size:16px;line-height:1.7;margin:0}.quote-fade-enter-active,.quote-fade-leave-active{transition:opacity .6s ease,transform .6s ease}.quote-fade-enter-from{opacity:0;transform:translateY(10px)}.quote-fade-leave-to{opacity:0;transform:translateY(-10px)}.quote-dots{margin-top:12px;display:flex;justify-content:center;gap:8px}.quote-dot{width:8px;height:8px;border-radius:50%;background:#f0a8c8;cursor:pointer;transition:all .3s}.quote-dot.active{background:#b0497a;width:22px;border-radius:4px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.profile-item{background:#fff;border:1px solid #f5d8e6;border-radius:12px;padding:14px 18px;cursor:pointer;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s}.profile-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #b0497a26;border-color:#f0a8c8}.profile-item.expanded{border-color:#b0497a;box-shadow:0 6px 20px #b0497a33}.profile-item .label{font-size:13px;color:#b58ba2}.profile-item .value{font-size:16px;color:#6d4c5e;font-weight:700;margin-top:2px}.profile-extra{margin-top:12px;padding-top:12px;border-top:1px dashed #f0a8c8}.extra-row{display:flex;gap:8px;font-size:13px;color:#7a5a6c;margin-bottom:6px;line-height:1.6}.extra-label{flex-shrink:0;color:#b0497a;font-weight:700;min-width:56px}.expand-enter-active,.expand-leave-active{transition:opacity .3s ease,max-height .3s ease;overflow:hidden}.expand-enter-from,.expand-leave-to{opacity:0}.profile-hint{text-align:center;color:#b58ba2;font-size:13px;margin-top:14px;font-style:italic}.card{background:#fff;border:1px solid #f5d8e6;border-radius:12px;padding:20px 24px;box-shadow:0 2px 10px #f0a8c81f;transition:box-shadow .3s}.card:hover{box-shadow:0 4px 18px #f0a8c833}.quote{background:linear-gradient(135deg,#fdeef5,#f3ecfb);border-radius:12px;padding:18px 24px;color:#96567d;font-style:italic;text-align:center;margin-bottom:24px}.trivia li{margin:8px 0 8px 20px}.footer{background:#fff;border-top:1px solid #f0dfe8;margin-top:40px}.footer-inner{text-align:center;padding:15px 0;font-size:14px;color:#888}.footer-inner div{margin-bottom:6px}.footer-inner a{color:#888;text-decoration:none;transition:color .2s}.footer-inner a:hover{color:#06c}.footer-inner img{vertical-align:middle;margin-right:4px;width:25px;height:25px}.beian-link{display:inline-flex;align-items:center;gap:4px}.beian-icon{width:14px;height:14px;vertical-align:middle;flex-shrink:0;object-fit:contain}.petal-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:998}.profile-entry{position:fixed;top:12px;right:18px;z-index:1002;display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;border:1px solid rgba(240,168,200,.55);border-radius:999px;background:#fffdfed1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#b0497a;font-size:13px;letter-spacing:.5px;text-decoration:none;box-shadow:0 4px 14px #b0497a2e;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,background .3s,border-color .3s,color .3s}.profile-entry img{width:30px;height:30px;border-radius:50%;object-fit:cover;object-position:50% 22%;border:2px solid #fff;box-shadow:0 0 0 2px #f0a8c859;display:block}.profile-entry-arrow{font-size:13px;opacity:.65;transition:transform .3s,opacity .3s}.profile-entry:hover{transform:translateY(-2px);background:#fff;box-shadow:0 8px 22px #b0497a47}.profile-entry:hover .profile-entry-arrow{transform:translate(3px);opacity:1}[data-theme=dark] .profile-entry{background:#1a1428b8;border-color:#3a2d52;color:#e8b4d8;box-shadow:0 4px 16px #00000073}[data-theme=dark] .profile-entry img{border-color:#2e2440;box-shadow:0 0 0 2px #e8b4d840}[data-theme=dark] .profile-entry:hover{background:#241a3a}@media(max-width:720px){.profile-entry{top:62px;right:12px;padding:3px 11px 3px 3px;font-size:12px}.profile-entry img{width:26px;height:26px}}:root{--bg-primary: #fdf6f9;--bg-card: #fff;--bg-quote: linear-gradient(135deg, #fdeef5, #f3ecfb);--text-primary: #4a3b47;--text-secondary: #6d4c5e;--text-muted: #b58ba2;--accent: #b0497a;--accent-light: #f0a8c8;--border: #f5d8e6;--shadow: rgba(176,73,122,.18);--tab-bg: rgba(255, 252, 254, .75);--petal-opacity: 1}[data-theme=dark]{--bg-primary: #0e0a1a;--bg-card: #1a1428;--bg-quote: linear-gradient(135deg, #1e1630, #15101f);--text-primary: #e8dff5;--text-secondary: #c9b8e0;--text-muted: #8a7aa8;--accent: #e8b4d8;--accent-light: #c98ab8;--border: #2e2440;--shadow: rgba(0,0,0,.5);--tab-bg: rgba(20, 14, 36, .7);--petal-opacity: .6}body{background:var(--bg-primary);color:var(--text-primary);transition:background .6s cubic-bezier(.4,0,.2,1),color .6s}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:0;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.6) 100%);transition:opacity .6s}[data-theme=dark] body:before{opacity:0}[data-theme=dark] body{background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 60% 70%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 80% 20%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 35% 85%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 90% 50%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 10% 60%,rgba(255,255,255,.6),transparent),linear-gradient(180deg,#0e0a1a,#140e24);background-size:100% 100%;transition:background-image .6s}.profile-item,.card,.footer,.char-tabs,.quote-carousel{background:var(--bg-card);border-color:var(--border);transition:background .6s,border-color .6s,color .6s,box-shadow .6s}.char-tabs{background:var(--tab-bg)}.quote-carousel{background:var(--bg-quote);color:var(--accent)}.quote{background:var(--bg-quote);color:var(--accent);transition:background .6s}.footer{border-top-color:var(--border)}.footer div,.footer a{color:var(--text-muted)!important}.footer a:hover{color:var(--accent)!important}h2{color:var(--accent);border-left-color:var(--accent-light);transition:color .6s,border-color .6s}h3{color:var(--accent);transition:color .6s}.profile-item .label{color:var(--text-muted);transition:color .6s}.profile-item .value{color:var(--text-secondary);transition:color .6s}.typewriter-wrap{color:var(--accent);transition:color .6s}.typewriter-cursor{color:var(--accent)}.quote-item{color:var(--accent);transition:color .6s}.profile-hint{color:var(--text-muted)}.extra-row{color:var(--text-secondary)}.extra-label{color:var(--accent)}.quote-dot{background:var(--accent-light);transition:all .3s}.quote-dot.active{background:var(--accent)}[data-theme=dark] .char-tab{background:var(--bg-card);border-color:var(--border);color:var(--text-muted)}[data-theme=dark] .char-tab:hover{border-color:var(--accent-light);color:var(--accent)}[data-theme=dark] .char-tab.active{background:linear-gradient(135deg,var(--accent-light),var(--accent));color:#1a1428}.hero{transition:filter .6s}[data-theme=dark] .hero-sky{background:linear-gradient(180deg,#0e0a1a,#1a1428 60%,#0e0a1a)}[data-theme=dark] .hero-character{filter:brightness(.55) saturate(.8) hue-rotate(-10deg)}[data-theme=dark] .hero-wheat{background:linear-gradient(180deg,transparent 0%,rgba(60,40,90,.3) 40%,rgba(40,25,65,.5) 100%)}[data-theme=dark] .hero-overlay{background:linear-gradient(to bottom,#0e0a1a33 30%,#0e0a1aeb)}[data-theme=dark] .hero-title h1{color:var(--accent);text-shadow:0 0 20px rgba(232,180,216,.5),0 2px 12px rgba(0,0,0,.8)}[data-theme=dark] .hero-title p{color:var(--text-muted)}.theme-toggle{position:fixed;right:20px;bottom:20px;z-index:1001;width:50px;height:50px;border-radius:50%;border:2px solid var(--accent-light);background:var(--bg-card);color:var(--accent);font-size:24px;cursor:pointer;box-shadow:0 4px 16px var(--shadow);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;line-height:1}.theme-toggle:hover{transform:scale(1.12) rotate(20deg);box-shadow:0 6px 24px var(--shadow)}.theme-toggle.is-dark{border-color:#f0d878;background:linear-gradient(135deg,#1a1428,#2e2440);box-shadow:0 0 20px #f0d8784d}.theme-icon{display:inline-block;transition:transform .3s}.icon-pop-enter-active,.icon-pop-leave-active{transition:opacity .3s,transform .3s}.icon-pop-enter-from{opacity:0;transform:scale(.5) rotate(-90deg)}.icon-pop-leave-to{opacity:0;transform:scale(.5) rotate(90deg)}[data-theme=dark] .petal-canvas{opacity:var(--petal-opacity)}[data-theme=dark] ::-webkit-scrollbar{width:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-primary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--accent-light)}.music-player{position:fixed;left:20px;bottom:20px;z-index:1001;font-family:inherit}.mp-collapsed .mp-panel{transform:translateY(120%);opacity:0;pointer-events:none}.mp-collapsed .mp-toggle-btn{transform:scale(1)}.mp-toggle-btn{position:absolute;left:8px;bottom:8px;width:48px;height:48px;border-radius:50%;border:2px solid #f0a8c8;background:linear-gradient(135deg,#fdeef5,#f3ecfb);color:#b0497a;font-size:20px;cursor:pointer;box-shadow:0 4px 14px #b0497a40;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.mp-toggle-btn:hover{box-shadow:0 6px 18px #b0497a66;transform:scale(1.06)}.mp-toggle-btn .mp-disc-icon{width:28px;height:28px;border-radius:50%;border:2px solid #d98ab0;position:relative;display:flex;align-items:center;justify-content:center}.mp-toggle-btn .mp-disc-icon:before,.mp-toggle-btn .mp-disc-icon:after{content:"";position:absolute;border-radius:50%;border:1px dashed #d98ab0}.mp-toggle-btn .mp-disc-icon:before{top:3px;right:3px;bottom:3px;left:3px}.mp-toggle-btn .mp-disc-icon:after{width:7px;height:7px;background:#b0497a;border:none}.mp-playing-icon{animation:mp-spin 4s linear infinite}.mp-panel{position:relative;width:300px;padding:18px 18px 14px;border-radius:18px;background:#fffcfeeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(240,168,200,.5);box-shadow:0 10px 36px #b0497a2e;transition:all .4s cubic-bezier(.4,0,.2,1)}.mp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.mp-brand{background:linear-gradient(135deg,#f3ecfb,#fdeef5);color:#b0497a;font-size:11px;font-weight:700;letter-spacing:2px;padding:3px 10px;border-radius:14px;border:1px solid #f0a8c8}.mp-close-btn{width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:#b58ba2;font-size:18px;cursor:pointer;line-height:1;transition:color .2s}.mp-close-btn:hover{color:#b0497a}.mp-body{display:flex;align-items:center;gap:14px;margin-bottom:12px}.mp-disc{width:72px;height:72px;border-radius:50%;position:relative;flex-shrink:0;background:center / cover no-repeat;box-shadow:0 4px 14px #3a24304d;overflow:hidden}.mp-disc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.mp-disc:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#fdeef5,#d98ab0);box-shadow:0 0 0 2px #b0497a99}.mp-disc.mp-spinning{animation:mp-spin 6s linear infinite}@keyframes mp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mp-info{flex:1;min-width:0}.mp-title{font-size:16px;font-weight:700;color:#6d4c5e;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-artist{font-size:12px;color:#b58ba2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-lyrics-box{height:66px;overflow:hidden;margin-bottom:12px;position:relative;mask-image:linear-gradient(to bottom,transparent 0%,#000 25%,#000 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 25%,#000 75%,transparent 100%)}.mp-lyrics-scroll{transition:transform .4s ease;padding:22px 0}.mp-lyric-line{text-align:center;font-size:12px;color:#c99db4;line-height:20px;padding:0 8px;word-break:break-word;transition:color .3s,font-size .3s,text-shadow .3s}.mp-lyric-line.active{color:#b0497a;font-size:14px;font-weight:700;text-shadow:0 0 8px rgba(240,168,200,.5)}.mp-progress-wrap{margin-bottom:12px}.mp-progress{position:relative;width:100%;height:6px;background:#f5d8e6;border-radius:6px;cursor:pointer;overflow:visible;touch-action:none}.mp-progress-bar{position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(90deg,#f0a8c8,#b0497a);border-radius:6px}.mp-progress-thumb{position:absolute;top:50%;width:14px;height:14px;background:#b0497a;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #b0497a80;left:0%;transition:box-shadow .2s;pointer-events:none}.mp-progress:hover .mp-progress-thumb{box-shadow:0 0 0 4px #b0497a26,0 2px 8px #b0497a80}.mp-time{display:flex;justify-content:space-between;font-size:11px;color:#b58ba2;margin-top:6px}.mp-controls{display:flex;justify-content:center;align-items:center;gap:20px}.mp-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:#b0497a;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.mp-btn:hover{background:#fdeef5;transform:scale(1.08)}.mp-btn svg{width:18px;height:18px;fill:currentColor}.mp-play-btn{width:46px;height:46px;background:linear-gradient(135deg,#f0a8c8,#b0497a);color:#fff;font-size:18px;box-shadow:0 4px 14px #b0497a66}.mp-play-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #b0497a80}.mp-play-btn svg{width:20px;height:20px;fill:currentColor}[data-theme=dark] .mp-panel{background:#1a1428eb;border-color:var(--border);box-shadow:0 10px 36px #00000080}[data-theme=dark] .mp-brand{background:linear-gradient(135deg,#2e2440,#1e1630);color:var(--accent);border-color:var(--accent-light)}[data-theme=dark] .mp-close-btn{color:var(--text-muted)}[data-theme=dark] .mp-close-btn:hover{color:var(--accent)}[data-theme=dark] .mp-title{color:var(--text-secondary)}[data-theme=dark] .mp-artist,[data-theme=dark] .mp-time{color:var(--text-muted)}[data-theme=dark] .mp-lyric-line{color:#6a5a80}[data-theme=dark] .mp-lyric-line.active{color:var(--accent);text-shadow:0 0 8px rgba(232,180,216,.4)}[data-theme=dark] .mp-progress{background:var(--border)}[data-theme=dark] .mp-progress-bar{background:linear-gradient(90deg,var(--accent-light),var(--accent))}[data-theme=dark] .mp-progress-thumb{background:var(--accent)}[data-theme=dark] .mp-btn{color:var(--accent)}[data-theme=dark] .mp-btn:hover{background:var(--border)}[data-theme=dark] .mp-play-btn{background:linear-gradient(135deg,var(--accent-light),var(--accent));color:#1a1428}[data-theme=dark] .mp-toggle-btn{background:linear-gradient(135deg,#2e2440,#1e1630);border-color:var(--accent-light)}[data-theme=dark] .mp-toggle-btn .mp-disc-icon{border-color:var(--accent-light)}[data-theme=dark] .mp-toggle-btn .mp-disc-icon:before{border-color:var(--accent-light)}[data-theme=dark] .mp-toggle-btn .mp-disc-icon:after{background:var(--accent)}