/* 个人介绍 / 感受版。保留原主题的天空与明信片语言。 */
.arrival{position:fixed;inset:0;z-index:40;background:#f7f4e9;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#477d90;pointer-events:none;animation:arrival-depart 1s 1.45s cubic-bezier(.65,0,.2,1) forwards;overflow:hidden}
.arrival:before,.arrival:after{content:"";position:absolute;border:1px solid #89abb12a;width:65vw;height:65vw;border-radius:50%;pointer-events:none}.arrival:after{width:85vw;height:85vw}.arrival-sun{font-size:52px;color:#dda65b;animation:arrival-spin 2.4s ease-out both}.arrival>span{font-size:8px;letter-spacing:3px;margin-top:15px}.arrival>p{font:42px/1.5 var(--serif);letter-spacing:6px;text-align:center;margin:19px 0;animation:ink-arrive .8s .15s both}.arrival>small{font-size:8px;letter-spacing:2px;opacity:.6;margin-top:17px}.arrival-line{width:115px;height:1px;background:#d4ded3;position:relative}.arrival-line:after{content:"";position:absolute;inset:0;background:#d4a268;transform-origin:left;animation:line-draw 1.6s ease both}
.motion-toggle{position:fixed;right:18px;bottom:17px;background:#f7f4e9eb;backdrop-filter:blur(8px);border:1px solid #b4c4b6;color:#557773;font-size:9px;letter-spacing:1px;border-radius:30px;padding:8px 13px;z-index:45;box-shadow:0 3px 10px #2343330c}.motion-toggle:hover{background:#fffdf4}
.hero-copy{animation:none}.hero-line{display:block;overflow:hidden;padding:0 8px 9px 0;margin-bottom:-9px}.hero h1>.hero-line:after{display:none}.hero-line>span{display:block;animation:hero-line-in 1.1s 1.75s cubic-bezier(.18,.75,.18,1) both}.hero-line:nth-child(2)>span{animation-delay:1.92s}.hero-line:nth-child(3)>span{animation-delay:2.09s;color:#ffedc0}.hero .hello{animation:ink-arrive .8s 1.7s both}.hero-copy>p{animation:ink-arrive 1s 2.25s both}.hero-copy>.cream-button{animation:ink-arrive 1s 2.4s both}.site-header{animation:header-arrive .9s 1.85s both}.hero-picture{animation:sky-arrive 3.3s .8s both}.hero .title-spark{right:-28px;bottom:12px}.sky-note{animation:ink-arrive 1.3s 2.55s both}.hero-copy h1{font-size:clamp(49px,5vw,77px)}
.drifting-doodles{position:absolute;inset:0;pointer-events:none;color:#fff5ce}.drifting-doodles span{position:absolute;font-size:32px;opacity:.8;animation:sky-drift 8s ease-in-out infinite}.drifting-doodles span:nth-child(1){top:23%;left:44%;font-size:22px;animation-delay:-2s}.drifting-doodles span:nth-child(2){top:53%;right:8%;font-size:27px;animation-delay:-5s}.drifting-doodles span:nth-child(3){top:18%;right:16%;font-size:17px;animation-delay:-3s}.drifting-doodles span:nth-child(4){bottom:19%;left:36%;animation-delay:-7s}.drifting-doodles span:nth-child(5){bottom:33%;right:33%;font-size:54px;animation-delay:-1s}
.personal-about{padding-top:102px;padding-bottom:105px}.about-lead{font-family:var(--serif);font-size:21px!important;color:#567c7c!important;line-height:1.65!important}.about-copy .text-button{display:inline-block;margin-top:8px}.identity-card{position:relative;z-index:1;width:255px;background:#fffdf1;padding:19px 20px 0;transform:rotate(-7deg);box-shadow:8px 10px 0 #687f5b1c;border:1px solid #dedfce;text-align:center}.identity-label{font-size:7px;letter-spacing:2px;color:#8e9d85}.portrait-sky{height:190px;background:#9ec9d4;position:relative;margin:14px 0 19px;overflow:hidden}.portrait-sky>svg{position:absolute;width:180px;height:180px;left:calc(50% - 90px);bottom:-12px}.portrait-cloud{position:absolute;top:27px;right:-10px;width:90px;height:22px;background:#edf1df;border-radius:50px;animation:cloud-cross 9s ease-in-out infinite alternate}.portrait-cloud:before{content:"";position:absolute;width:38px;height:32px;background:inherit;border-radius:50%;left:20px;top:-16px}.portrait-spark{position:absolute;left:15px;top:26px;color:#fff1ba;font-size:32px}.identity-card>strong{font:20px var(--serif);display:block;color:#527772;letter-spacing:1px}.identity-caption{font-size:6px;letter-spacing:1.5px;display:block;margin:10px 0 18px;color:#94a08b}.identity-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #d5dccc;padding:12px 0;font-size:8px;color:#93a089}.identity-bottom i{display:inline-block;width:5px;height:5px;background:#91ad7d;border-radius:50%;margin-right:6px}.personal-about .about-circle{width:375px;height:375px}.personal-about .about-illustration{min-height:420px}.personal-about .about-lime{z-index:2;bottom:9px;right:18px}.personal-about .about-scribble{bottom:-9px;left:60px;font-size:14px}
.feelings-section{background:#e9eee4;border-block:1px solid #dce4d9;padding:70px 0 45px}.feeling-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;margin-top:43px;align-items:center}.feeling-picker{display:grid;gap:14px}.feeling-option{display:flex;align-items:center;gap:21px;text-align:left;background:transparent;border:1px solid transparent;border-bottom-color:#ccd9c9;padding:22px 17px;transition:background .25s,transform .25s,color .25s}.feeling-option>span{font:italic 14px Georgia,serif;color:#93a38b}.feeling-option strong{font-family:var(--serif);font-size:23px;font-weight:400;letter-spacing:2px;flex:1}.feeling-option i{font-size:25px;font-style:normal;color:#b0bca1}.feeling-option:hover{background:#f6f5e9;transform:translateX(4px)}.feeling-option.selected{background:#faf8ed;border:1px solid #d4ddcc;box-shadow:4px 5px 0 #acbda017;transform:rotate(-1deg)}.feeling-option.selected i{color:#d8a05e}.feeling-display{position:relative;background:#f7f5e9;padding:38px 40px 28px;min-height:307px;border:1px solid #dce0ce;isolation:isolate}.feeling-display:before{content:"";position:absolute;width:80px;height:21px;top:-9px;left:calc(50% - 40px);background:#d7debf9c;transform:rotate(-5deg)}.feeling-symbol{position:absolute;right:27px;top:37px;font-size:72px;line-height:1;color:#dcad6c;opacity:.35;z-index:-1;animation:feeling-breathe 5s ease-in-out infinite}.feeling-display h3{font-family:var(--serif);font-size:30px;line-height:1.55;font-weight:400;letter-spacing:1px;margin:18px 0}.feeling-display p{font-size:12px;line-height:2.2;color:#7b8e80;margin:0 0 24px;max-width:350px}.feeling-footnote{display:block;font-size:9px;color:#a1ab92;letter-spacing:1px;border-top:1px dashed #d3dac6;padding-top:14px}.small-likes{margin-top:37px;padding-top:23px;border-top:1px solid #d0dacb;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#83977e;font-size:11px}.likes-label{font-size:9px;letter-spacing:1px;color:#9aa890}
.self-art{background:#dce5da}.self-art-circle{position:absolute;width:140px;height:140px;border:1px solid #a4ba9f;border-radius:50%;top:48px;right:32px}.self-art-circle:after{content:"";position:absolute;inset:-14px;border:1px dashed #b6c7aa;border-radius:50%}.self-writing{position:absolute;left:27px;top:70px;font-family:var(--serif);font-size:29px;line-height:1.6;transform:rotate(-5deg);color:#60857b}.self-art-star{position:absolute;right:33px;top:57px;color:#d6a55d;width:36px;height:36px}.journal{padding-bottom:45px}.letter-section{padding:40px 0 90px}.letter-paper{position:relative;max-width:815px;margin:auto;padding:58px 72px 43px;background:#fffbef;box-shadow:0 5px 25px #5065430a;border:1px solid #e3e3d3;transform:rotate(-.6deg)}.letter-paper:before{content:"";position:absolute;width:120px;height:30px;left:calc(50% - 60px);top:-14px;background:#d8e2c8a3;transform:rotate(4deg)}.letter-paper h2{font-size:31px;margin-top:20px}.letter-date{font-size:9px;letter-spacing:2px;color:#adb398}.letter-body{margin-top:31px;font-family:var(--serif);font-size:19px;color:#6d857a;line-height:2.05;background:repeating-linear-gradient(transparent 0,transparent 38px,#e6e8d5 38px,#e6e8d5 39px)}.letter-body p{margin:0 0 21px}.letter-signature{text-align:right;font-family:var(--serif);font-size:25px;color:#758e7a;padding:13px 70px 0 0;position:relative}.letter-signature>span{display:block;font-size:13px;margin-top:7px}.letter-signature svg{position:absolute;right:0;top:5px;width:52px;height:52px;color:#d2ac65;transform:rotate(-12deg)}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation:none!important;transition:none!important}body.motion-paused .arrival{display:none}body.motion-paused .hero-line>span{transform:none;opacity:1}
@keyframes arrival-depart{0%{clip-path:inset(0 0 0 0);visibility:visible}99%{visibility:visible}100%{clip-path:inset(0 0 100% 0);visibility:hidden}}
@keyframes arrival-spin{from{transform:rotate(-100deg) scale(.6);opacity:0}to{transform:rotate(20deg) scale(1);opacity:1}}
@keyframes ink-arrive{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@keyframes line-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes hero-line-in{from{transform:translateY(110%) rotate(3deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}
@keyframes header-arrive{from{opacity:0;translate:0 -15px}to{opacity:1;translate:0 0}}
@keyframes sky-arrive{from{transform:scale(1.09)}to{transform:scale(1)}}
@keyframes sky-drift{0%,100%{translate:0 0;rotate:-8deg}50%{translate:8px -18px;rotate:12deg}}
@keyframes cloud-cross{from{translate:0 0}to{translate:-37px 0}}
@keyframes feeling-breathe{0%,100%{transform:rotate(-7deg) scale(1)}50%{transform:rotate(8deg) scale(1.07)}}
@keyframes music-bars{from{transform:scaleY(.45)}to{transform:scaleY(1.25)}}
@media(min-width:761px){.header-actions{display:flex;align-items:center;gap:9px}.bgm-toggle{background:#ffffff12;border:1px solid #ffffff59;border-radius:30px;padding:8px 12px;color:inherit;display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:1px}.bgm-toggle:hover{background:#ffffff26}.bgm-note{font-size:18px;line-height:1}.bgm-bars{height:14px;display:flex;gap:2px;align-items:center}.bgm-bars i{display:block;width:2px;height:6px;background:currentColor;opacity:.45}.bgm-bars i:nth-child(2){height:12px}.bgm-bars i:nth-child(3){height:8px}.bgm-toggle.playing .bgm-bars i{animation:music-bars .8s ease-in-out infinite alternate}.bgm-toggle.playing .bgm-bars i:nth-child(2){animation-delay:-.35s}.bgm-toggle.playing .bgm-bars i:nth-child(3){animation-delay:-.15s}}
@media(max-width:1050px){.personal-about .about-circle{width:310px;height:310px}.feeling-layout{gap:35px}.feeling-display{padding:30px}.personal-about .about-lime{right:-10px}.hero-copy h1{font-size:65px}}
@media(max-width:760px){.header-actions{display:flex;align-items:center;gap:5px}.bgm-toggle{background:#ffffff12;border:1px solid #ffffff59;border-radius:30px;padding:6px 8px;color:inherit;display:flex;gap:5px;align-items:center;font-size:8px;letter-spacing:1px}.bgm-note{font-size:16px}.bgm-bars{display:none}.hero-copy h1{font-size:56px}.hero .title-spark{right:-31px}.arrival>p{font-size:35px}.arrival:before{width:120vw;height:120vw}.arrival:after{width:160vw;height:160vw}.personal-about{padding-top:59px;padding-bottom:56px;gap:30px}.personal-about .about-illustration{min-height:410px}.personal-about .about-lime{right:7px;bottom:12px}.personal-about .about-scribble{left:22px}.about-lead{font-size:20px!important}.feelings-section{padding:45px 0 30px}.feeling-layout{grid-template-columns:1fr;gap:26px;margin-top:25px}.feeling-picker{grid-template-columns:repeat(3,1fr);gap:8px}.feeling-option{padding:12px 7px;gap:4px;flex-direction:column;text-align:center}.feeling-option>span{font-size:10px}.feeling-option strong{font-size:15px;letter-spacing:0;white-space:nowrap}.feeling-option i{font-size:20px}.feeling-option:hover{transform:translateY(-3px)}.feeling-display{min-height:300px;padding:29px 25px 24px}.feeling-display h3{font-size:26px}.feeling-symbol{right:22px;top:35px;font-size:65px}.small-likes{justify-content:flex-start;gap:13px;font-size:10px;margin-top:24px}.likes-label{width:100%}.letter-section{padding:23px 0 55px}.letter-paper{padding:37px 23px 27px}.letter-paper h2{font-size:27px}.letter-body{font-size:17px;line-height:2.2;background:none;margin-top:25px}.letter-signature{font-size:22px;padding-right:58px}.letter-signature>span{font-size:11px}.letter-signature svg{width:44px;height:44px}.motion-toggle{right:12px;bottom:11px;font-size:8px;padding:7px 10px}.self-writing{left:38px;font-size:33px}.self-art-circle{right:42px;width:160px;height:160px;top:46px}.journal{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){.arrival{display:none}.hero-line>span{opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}