:root{--text-main:#fff;--text-dark:#2c2925;--art-bg:#fdfaf5;--art-accent:#b0a597;--tape-color:#dcc8be99;--color-lvl-a:#66cc8a;--color-lvl-b:#f0c265;--color-lvl-c:#e06c75}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--art-bg);font-family:Noto Sans SC,sans-serif;overflow-x:hidden}.anime-ambient-bg{z-index:0;pointer-events:none;filter:blur(8px)opacity(.6);background-position:50%;background-size:cover;background-attachment:fixed;position:fixed;inset:0;mask-image:linear-gradient(#000 0% 20%,#0000 80%)}.god-rays{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ray{filter:blur(30px);background:linear-gradient(90deg,#0000,#fff6,#0000);width:15%;height:150%;animation:12s ease-in-out infinite alternate sweepRay;position:absolute;top:-20%;transform:rotate(35deg)}.ray-1{animation-delay:0s;left:10%}.ray-2{width:20%;animation-delay:-4s;left:40%}.ray-3{animation-delay:-8s;left:70%}@keyframes sweepRay{0%{opacity:.1;transform:rotate(35deg)translate(-10vw)}to{opacity:.6;transform:rotate(35deg)translate(10vw)}}.falling-leaves{z-index:2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.leaf{filter:drop-shadow(0 5px 15px #0000001a);opacity:0;width:26px;height:26px;animation:linear infinite fall;position:absolute;top:-10%}.leaf svg{width:100%;height:100%}.petal{width:20px;height:20px}.l1{width:32px;height:32px;animation-duration:12s;animation-delay:0s;left:10%}.l2{animation-duration:15s;animation-delay:2s;left:25%}.l3{width:36px;height:36px;animation-duration:10s;animation-delay:5s;left:40%}.l4{animation-duration:18s;animation-delay:1s;left:55%}.l5{animation-duration:14s;animation-delay:4s;left:70%}.l6{animation-duration:16s;animation-delay:7s;left:85%}@keyframes fall{0%{opacity:0;transform:translateY(-50px)rotate(0)translate(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(110vh)rotate(360deg)translate(15vw)}}.about-wrapper{z-index:10;padding-top:0;position:relative}.journal-section{justify-content:center;align-items:center;height:100vh;padding:0 5%;display:flex;position:relative}.side-bg-image{z-index:0;background-position:0;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0;mask-image:linear-gradient(90deg,#000 0% 40%,#0000 90%)}.art-blob{filter:blur(80px);opacity:.4;z-index:0;border-radius:50%;animation:10s ease-in-out infinite alternate floatBlob;position:absolute}.blob-2{background:#e3dbd3;width:500px;height:400px;bottom:10%;right:10%}@keyframes floatBlob{to{transform:translateY(30px)scale(1.1)}}.journal-container{z-index:2;justify-content:space-between;align-items:center;width:100%;max-width:1500px;height:auto;max-height:90vh;display:flex;position:relative}.journal-left{justify-content:flex-start;align-items:flex-start;margin-left:8%;display:flex}.float-typography{flex-direction:row-reverse;align-items:flex-start;gap:30px;display:flex}.float-name{color:#fff;writing-mode:vertical-rl;letter-spacing:12px;text-shadow:0 4px 20px #000c;font-family:Noto Serif SC,serif;font-size:3rem;font-weight:900}.float-motto{color:#fff;writing-mode:vertical-rl;letter-spacing:10px;text-shadow:0 4px 15px #000c;border-right:1px solid #ffffff80;padding-top:40px;padding-right:20px;font-family:Noto Serif SC,serif;font-size:1.4rem;font-weight:700;line-height:2}.journal-right{width:100%;max-width:520px;margin-left:auto;margin-right:2%}.notebook-page{backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #fff9;border-radius:4px;flex-direction:column;justify-content:center;min-height:700px;padding:80px 70px;display:flex;position:relative;box-shadow:0 20px 50px #a0968c26}.washi-tape{background:var(--tape-color);mix-blend-mode:multiply;width:140px;height:32px;position:absolute;top:-15px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 2px 5px #0000001a}.notebook-title{color:var(--text-dark);border-bottom:2px solid #b0a59733;align-items:baseline;margin-bottom:50px;padding-bottom:20px;font-family:Noto Serif SC,serif;font-size:2.2rem;display:flex}.cn-title{color:var(--art-accent);letter-spacing:3px;margin-left:20px;font-family:Noto Sans SC,sans-serif;font-size:1.1rem}.journal-list{border-left:1px dashed #b0a59766;padding-left:25px;position:relative}.journal-item{margin-bottom:55px;padding-left:40px;position:relative}.journal-item:last-child{margin-bottom:0}.j-marker{color:var(--art-accent);text-shadow:0 0 10px #fffc;background:0 0;justify-content:center;align-items:center;width:20px;height:20px;font-size:1.2rem;display:flex;position:absolute;top:0;left:-33px}.j-content{flex-direction:column;gap:15px;display:flex}.j-header{align-items:baseline;gap:15px;display:flex}.j-label{color:#6a645d;letter-spacing:3px;font-family:Noto Serif SC,serif;font-size:1.1rem;font-weight:700}.j-en{color:#b0a597;letter-spacing:2px;font-size:.8rem}.j-value{color:var(--text-dark);letter-spacing:2px;font-family:Noto Serif SC,serif;font-size:1.4rem}.j-tags{flex-wrap:wrap;gap:12px;margin-top:5px;display:flex}.j-tag{color:#666;backdrop-filter:blur(5px);letter-spacing:1px;background:#fff9;border:1px solid #fffc;border-radius:30px;padding:8px 16px;font-family:Noto Sans SC,sans-serif;font-size:.95rem;font-weight:500;transition:all .3s;box-shadow:0 4px 10px #00000005}.j-tag:hover{color:var(--text-dark);background:#fff;transform:translateY(-3px)scale(1.05);box-shadow:0 8px 20px #a0968c26}.scroll-spy{padding:6rem 5% 4rem;position:relative}.wide-container{z-index:2;width:95%;margin:0 auto;position:relative;max-width:1600px!important}.section-header{border-bottom:1px solid #b0a59733;align-items:baseline;gap:20px;margin-bottom:4rem;padding-bottom:20px;display:flex;position:relative}.sh-title{color:var(--text-dark);letter-spacing:2px;font-family:Noto Serif SC,serif;font-size:2.2rem;font-weight:900}.sh-en{color:var(--art-accent);letter-spacing:6px;text-transform:uppercase;font-family:Noto Sans SC,sans-serif;font-size:.9rem;font-weight:700}.decor-text-bg{color:#b0a5970d;user-select:none;pointer-events:none;z-index:0;letter-spacing:20px;font-family:Georgia,serif;font-size:15rem;font-weight:900;position:absolute;top:10%;left:-5%}.parallax-track-zone{z-index:5;margin:-100px -50px;padding:100px 50px;position:relative}.tilt-wrapper{perspective:1200px;pointer-events:none;padding:20px;position:relative}.tilt-card{-webkit-backdrop-filter:blur(25px);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;pointer-events:auto;background:#ffffffa6;border-radius:20px;grid-template-columns:1fr 460px;align-items:center;gap:40px;min-height:480px;padding:50px;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;box-shadow:0 25px 60px #a0968c26,inset 0 0 0 1px #ffffff80}.tilt-glare{pointer-events:none;z-index:10;border-radius:20px;transition:background .1s;position:absolute;inset:0}.tc-content{z-index:2;width:100%;position:relative;transform:translateZ(50px)}.tc-quote-mark{color:#b0a59726;z-index:-1;font-family:Georgia,serif;font-size:8rem;line-height:1;position:absolute;top:-50px;left:-20px}.tc-title{color:var(--text-dark);letter-spacing:2px;z-index:2;margin-top:-20px;margin-bottom:25px;font-family:Noto Serif SC,serif;font-size:2rem;font-weight:700;position:relative}.ruled-paper{color:#555;z-index:2;background:repeating-linear-gradient(#0000,#0000 35px,#b0a59733 35px 36px) local;font-size:1.05rem;line-height:36px;position:relative}.ruled-paper p{margin:0;padding-bottom:36px}.ruled-paper p:last-child{padding-bottom:0}.tc-footer{justify-content:flex-end;align-items:center;margin-top:30px;display:flex}.tc-sign{color:var(--art-accent);letter-spacing:4px;font-family:Georgia,serif;font-size:1.2rem;font-style:italic}.tc-img-column{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tc-parallax-img{pointer-events:none;z-index:15;width:100%;height:360px;transform:translateZ(70px)}.img-frame{background:#eee;border:4px solid #fff;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 15px 35px #00000026}.img-frame img{object-fit:cover;width:100%;height:100%}.soft-overlay{background:linear-gradient(#0000,#b0a59733);position:absolute;inset:0}.skills-layout-wrapper{align-items:center;gap:80px;display:flex}.progress-column{flex-direction:column;flex:1;gap:40px;max-width:45%;display:flex}.skill-row-box{flex-direction:column;gap:15px;padding-bottom:10px;display:flex;position:relative}.srb-header{align-items:center;margin-bottom:5px;display:flex}.srb-title{filter:drop-shadow(0 2px 4px #0000001a);font-family:Noto Sans SC,sans-serif;font-size:2rem;font-weight:900}.srb-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.srb-card{backdrop-filter:blur(10px);color:#555;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#ffffffb3;border:1px solid #ffffffe6;border-radius:6px;padding:8px 10px;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.2,.8,.2,1);overflow:hidden;box-shadow:0 4px 10px #a0968c0d}.srb-card:hover{color:var(--text-dark);background:#fff;transform:translateY(-4px);box-shadow:0 8px 20px #a0968c1f}.srb-progress-line{opacity:.8;border-radius:3px;height:3px;margin-top:10px;box-shadow:0 2px 5px #0000000d}.theme-A .srb-title{color:var(--color-lvl-a)}.theme-A .srb-progress-line{background:linear-gradient(90deg, var(--color-lvl-a), transparent);width:95%}.theme-B .srb-title{color:var(--color-lvl-b)}.theme-B .srb-progress-line{background:linear-gradient(90deg, var(--color-lvl-b), transparent);width:60%}.theme-C .srb-title{color:var(--color-lvl-c)}.theme-C .srb-progress-line{background:linear-gradient(90deg, var(--color-lvl-c), transparent);width:30%}.cloud-column{flex:1;height:600px;position:relative;overflow:visible}.word-cloud-container{width:0;height:0;position:absolute;top:50%;left:50%}.cloud-tag{white-space:nowrap;cursor:default;user-select:none;text-shadow:0 0 10px #fffc,0 5px 15px #0000000d;will-change:transform, opacity;font-family:Noto Sans SC,sans-serif;font-weight:900;position:absolute;top:0;left:0}.dev-stats-section{padding-bottom:6rem}.holo-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px;display:grid}.glass-card{backdrop-filter:blur(15px);text-align:center;background:#fff9;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:50px 30px;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #a0968c14,inset 0 0 0 1px #fffc}.glass-card:hover{background:#ffffffd9;transform:translateY(-10px);box-shadow:0 25px 50px #a0968c26}.gc-icon{color:var(--art-accent);opacity:.8;filter:drop-shadow(0 5px 10px #b0a59780);margin-bottom:-10px;font-size:2.5rem}.gc-content{flex-direction:column;gap:5px;display:flex}.gc-value{color:var(--text-dark);letter-spacing:2px;font-family:Noto Serif SC,serif;font-size:3.5rem;font-weight:900}.gc-label{color:#999;letter-spacing:2px;font-family:Noto Sans SC,sans-serif;font-size:.8rem;font-weight:700}.github-graph-wrapper{backdrop-filter:blur(15px);background:#fff9;border-radius:20px;flex-direction:column;gap:25px;padding:40px 50px;display:flex;box-shadow:0 20px 50px #a0968c1a,inset 0 0 0 1px #fffc}.gh-header{border-bottom:1px dashed #b0a59766;justify-content:space-between;align-items:flex-end;padding-bottom:15px;display:flex}.gh-title{color:var(--text-dark);font-family:Noto Serif SC,serif;font-size:1.5rem;font-weight:700}.gh-title span{color:var(--art-accent)}.gh-board{flex-direction:column;align-items:flex-end;gap:20px;display:flex}.gh-calendar{grid-template-columns:repeat(52,1fr);gap:4px;width:100%;padding-bottom:10px;display:grid}.gh-col{grid-template-rows:repeat(7,1fr);gap:4px;display:grid}.gh-block{aspect-ratio:1;border-radius:2px;width:100%;transition:transform .2s,filter .2s;animation:.8s ease-out backwards blockFadeIn;box-shadow:inset 0 0 0 1px #ffffff80,0 2px 5px #0000000d}@keyframes blockFadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.gh-block:hover{z-index:10;filter:brightness(1.1);transform:scale(1.3);box-shadow:0 5px 15px #0000001a}.lvl-0{background:#fff6}.lvl-1{background:#fbc2eb}.lvl-2{background:#a1c4fd}.lvl-3{background:#c5a8e0}.lvl-4{background:#8ec5fc}.gh-legend{color:#999;align-items:center;gap:8px;font-size:.8rem;font-weight:500;display:flex}.gh-legend .gh-block{aspect-ratio:1;flex-shrink:0;display:inline-block;width:12px!important;height:12px!important}.blog-journey-section{padding-bottom:10rem}.journey-manifesto-grid{grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:35px;display:grid}.manifesto-card{-webkit-backdrop-filter:blur(20px);background:#ffffffa6;border:1px solid #fffc;border-radius:20px;padding:35px 40px;transition:all .4s;box-shadow:0 15px 35px #a0968c14}.manifesto-card:hover{background:#ffffffd9;transform:translateY(-5px);box-shadow:0 20px 40px #a0968c1f}.mc-icon{color:var(--art-accent);margin-bottom:12px;font-size:1.5rem}.manifesto-card h3{color:var(--text-dark);margin-bottom:12px;font-family:Noto Serif SC,serif;font-size:1.3rem;font-weight:700}.manifesto-card p{color:#555;font-size:.95rem;line-height:1.85}.history-unified-wrapper{-webkit-backdrop-filter:blur(20px);background:#ffffffa6;border:1px solid #fffc;border-radius:20px;flex-direction:column;gap:30px;padding:45px 50px;display:flex;box-shadow:0 20px 50px #a0968c1a}.journey-text-block{flex-direction:column;gap:12px;display:flex}.jtb-title{color:var(--text-dark);margin-bottom:5px;font-family:Noto Serif SC,serif;font-size:1.3rem;font-weight:900}.jtb-content{color:#555;font-size:.98rem;line-height:1.9}.history-list{flex-direction:column;gap:20px;margin-top:5px;padding-left:5px;display:flex}.history-item{flex-direction:column;gap:6px;display:flex}.h-strike s{color:#777;font-size:1.02rem;line-height:1.7;text-decoration:line-through}.h-main{color:var(--text-dark);font-size:1.02rem;font-weight:700;line-height:1.7}.h-sub{color:#888;border-left:2px solid var(--art-accent);padding-left:10px;font-size:.9rem}.history-item.new-era .h-sub{color:#555;border-left-color:#66cc8a}.spoiler-box{color:#2c2925;cursor:help;background:#2c2925;border-radius:3px;padding:1px 6px;transition:color .3s}.spoiler-box:hover{color:#fff}.fun-divider{border-bottom:1px dashed #b0a59766;width:100%;height:1px;margin:10px 0}.animate-box{opacity:0;transition:all 1.2s cubic-bezier(.2,.8,.2,1);transform:translateY(60px)}.animate-box.in-view{opacity:1;transform:translateY(0)}.site-footer{z-index:2;text-align:center;background:0 0;padding-bottom:3rem;position:relative}.footer-line{background:linear-gradient(90deg,#0000,#b0a59766,#0000);width:100%;height:1px;margin-bottom:20px}.footer-text{color:#a9a29a;letter-spacing:1px;font-family:Noto Sans SC,sans-serif;font-size:.8rem;line-height:1.8}@media (width<=1024px){.tilt-card{grid-template-columns:1fr;padding:35px 25px}.tc-parallax-img{height:260px}.journey-manifesto-grid{grid-template-columns:1fr}.skills-layout-wrapper{flex-direction:column;gap:40px}.progress-column{width:100%;max-width:100%}.cloud-column{width:100%;height:400px}.history-unified-wrapper{padding:35px 30px}}