:root{--background: #f7f3eb;--background-solid: #f7f3eb;--theme-color: #9c2c2c;--theme-gradient: linear-gradient(135deg, #7a1f1f 0%, #9c2c2c 50%, #b53a3a 100%);--text-color: #1a1a1a;--text-secondary: #4a4a4a;--card-background: #fdfbf7;--card-border-color: rgba(80, 70, 60, .15);--square-background: #faf8f4;--square-border-color: rgba(80, 70, 60, .12);--shadow-light: rgba(255, 255, 255, .5);--shadow-dark: rgba(40, 30, 20, .06);--ink-jiao: #0d0d0d;--ink-nong: #1a1a1a;--ink-zhong: #2a2a2a;--ink-dan: #4a4a4a;--ink-qing: #6a6a6a;--seal-red: #9c2c2c;--seal-red-light: #b53a3a;--font-family: "DingTalkJinBuTi", "STXingkai", "华文行楷", "STKaiti", "KaiTi", "楷体", "STSong", "SimSun", "宋体", serif}[theme=dark]{--background: #0a0e14;--background-solid: #0a0e14;--theme-color: #c94a3f;--theme-gradient: linear-gradient(135deg, #a83830 0%, #c94a3f 50%, #d85a4f 100%);--text-color: #ece8e0;--text-secondary: #b8b4ac;--card-background: #121820;--card-border-color: rgba(150, 140, 120, .2);--square-background: #161d27;--square-border-color: rgba(150, 140, 120, .18);--shadow-light: rgba(200, 190, 170, .03);--shadow-dark: rgba(0, 0, 0, .5);--ink-jiao: #f5f1e9;--ink-nong: #e8e4dc;--ink-zhong: #c8c4bc;--ink-dan: #a8a49c;--ink-qing: #888478;--seal-red: #c94a3f;--seal-red-light: #d85a4f}[theme=dark] .ink-background .sun{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body:before,.mainCard:before{display:none!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ink-qing);border-radius:3px;opacity:.5}::-webkit-scrollbar-thumb:hover{background:var(--ink-dan)}::selection{background:#9c2c2c33;color:var(--ink-nong)}[theme=dark] ::selection{background:#e8554a4d;color:var(--ink-nong)}.linkBtn[data-v-96264682]{display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:400;height:38px;padding:0 1rem;margin:0;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;color:var(--ink-dan);transition:all .3s ease;border:1px solid var(--card-border-color);border-radius:1px;background:var(--square-background);text-decoration:none;position:relative;letter-spacing:1px;font-family:var(--font-family)}.linkBtn span[data-v-96264682]{margin-left:.5rem;transition:all .3s ease}.link-icon-wrapper[data-v-96264682]{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;transition:all .3s ease}.linkBtn .link-icon[data-v-96264682]{width:100%;height:100%;color:var(--btn-color, var(--ink-dan))}.linkBtn[data-v-96264682]:hover{color:var(--btn-color, var(--seal-red));border-color:var(--btn-color, var(--seal-red));background:#9c2c2c0d;transform:translateY(-1px);box-shadow:0 2px 8px #9c2c2c1a}.linkBtn:hover .link-icon-wrapper[data-v-96264682]{transform:scale(1.08)}.linkBtn:hover .link-icon[data-v-96264682]{color:var(--btn-color, var(--seal-red))}.linkBtn[data-v-96264682]:active{transform:translateY(0) scale(.98);background:#9c2c2c1a}.linkBtn[data-v-96264682]:focus-visible{outline:2px solid var(--seal-red);outline-offset:2px;color:var(--btn-color, var(--seal-red));border-color:var(--btn-color, var(--seal-red))}@media(min-width:769px){.linkBtn[data-v-96264682]{height:42px;padding:0 1.2rem;font-size:15px}.link-icon-wrapper[data-v-96264682]{width:20px;height:20px}}@media(min-width:1200px){.linkBtn[data-v-96264682]{height:44px;padding:0 1.4rem;font-size:15px}.link-icon-wrapper[data-v-96264682]{width:22px;height:22px}}.typewriter[data-v-84cd216a]{font-family:monospace;white-space:pre-wrap;overflow:hidden;text-align:center;font-size:18px;line-height:1.2;display:inline-block}.typewriter-char[data-v-84cd216a]{display:inline-block;transition:opacity .1s ease;opacity:0}.cursor[data-v-84cd216a]{display:inline-block;width:2px;height:1.2em;margin-left:2px;background-color:currentColor;vertical-align:text-bottom;border-radius:1px;transition:all .3s ease;font-weight:bolder;opacity:1}.cursor.blink[data-v-84cd216a]{animation:blink-84cd216a 1s infinite steps(1,end)}@keyframes blink-84cd216a{0%,49%{opacity:1}50%,to{opacity:0}}.cursor.pulse[data-v-84cd216a]{animation:pulse-84cd216a 2s infinite ease-in-out;opacity:.7}@keyframes pulse-84cd216a{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.2)}}@media(max-width:768px){.typewriter[data-v-84cd216a]{font-size:16px}.cursor[data-v-84cd216a]{width:1.5px;margin-left:1px}}.header{position:relative}.theme-toggle{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;z-index:10;width:36px;height:36px;transition:all .3s ease;border:1px solid var(--card-border-color);border-radius:1px;background:transparent;color:var(--ink-dan);font-family:var(--font-family)}.theme-toggle:hover{color:var(--seal-red);border-color:var(--seal-red)}.theme-toggle:focus-visible{outline:2px solid var(--seal-red);outline-offset:2px;color:var(--seal-red);border-color:var(--seal-red)}.toggle-container{display:flex;justify-content:center;align-items:center;font-size:18px;line-height:1}@media(max-width:768px){.theme-toggle{top:8px;right:8px}}.ink-background[data-v-9207b7cd]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.ink-painting-bg[data-v-9207b7cd]{position:absolute;inset:0;background-image:url(/bg-inkwash.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat;opacity:.9}[theme=dark] .ink-painting-bg{opacity:.55;filter:brightness(.6) saturate(.8)}.clouds[data-v-9207b7cd]{position:absolute;width:300px;height:80px;background:radial-gradient(ellipse at center,var(--ink-qing) 0%,transparent 70%);opacity:.03;filter:blur(20px);pointer-events:none}.clouds-1[data-v-9207b7cd]{top:15%;left:-10%;animation:cloudDrift-9207b7cd 100s linear infinite}.clouds-2[data-v-9207b7cd]{top:25%;width:400px;height:100px;animation:cloudDrift-9207b7cd 150s linear infinite reverse;animation-delay:-30s}.clouds-3[data-v-9207b7cd]{top:35%;width:250px;height:60px;opacity:.02;animation:cloudDrift-9207b7cd 120s linear infinite;animation-delay:-60s}@keyframes cloudDrift-9207b7cd{0%{transform:translate(0)}to{transform:translate(calc(100vw + 400px))}}.birds[data-v-9207b7cd]{position:absolute;top:12%;left:20%;width:120px;height:60px;opacity:.4;animation:birdFly-9207b7cd 80s linear infinite}.bird[data-v-9207b7cd]{position:absolute;width:16px;height:8px;background:transparent}.bird[data-v-9207b7cd]:before,.bird[data-v-9207b7cd]:after{content:"";position:absolute;top:4px;width:8px;height:2px;background:var(--ink-zhong);border-radius:50%}.bird[data-v-9207b7cd]:before{left:0;transform:rotate(-15deg);transform-origin:right center;animation:wingFlap-9207b7cd 1.5s ease-in-out infinite}.bird[data-v-9207b7cd]:after{right:0;transform:rotate(15deg);transform-origin:left center;animation:wingFlap-9207b7cd 1.5s ease-in-out infinite reverse}.bird-1[data-v-9207b7cd]{top:0;left:50%;transform:translate(-50%)}.bird-2[data-v-9207b7cd]{top:25px;left:25%;animation-delay:-.3s}.bird-3[data-v-9207b7cd]{top:25px;right:25%;animation-delay:-.6s}@keyframes wingFlap-9207b7cd{0%,to{transform:rotate(-20deg)}50%{transform:rotate(10deg)}}@keyframes birdFly-9207b7cd{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translate(calc(100vw + 200px)) translateY(-30px);opacity:0}}.boat[data-v-9207b7cd]{position:absolute;bottom:18%;right:15%;width:60px;height:30px;opacity:.6;animation:boatFloat-9207b7cd 8s ease-in-out infinite}.boat-svg[data-v-9207b7cd]{width:100%;height:100%}@keyframes boatFloat-9207b7cd{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(1deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-2px) rotate(-1deg)}}.seal-corner[data-v-9207b7cd]{position:absolute;bottom:30px;left:30px;width:36px;height:36px;border:1.5px solid var(--seal-red);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--seal-red);opacity:.15;font-family:var(--font-family);transform:rotate(-8deg);letter-spacing:0}[theme=dark] .clouds{background:radial-gradient(ellipse at center,#a8a49c 0%,transparent 70%);opacity:.04}[theme=dark] .clouds-3{opacity:.025}[theme=dark] .bird:before,[theme=dark] .bird:after{background:#c0b8a8}[theme=dark] .birds{opacity:.45}[theme=dark] .boat{opacity:.5}[theme=dark] .seal-corner{opacity:.2}@media(max-width:768px){.seal-corner[data-v-9207b7cd]{width:28px;height:28px;font-size:12px;bottom:20px;left:20px}.ink-painting-bg[data-v-9207b7cd]{background-position:60% bottom}}@media(max-width:480px){.ink-painting-bg[data-v-9207b7cd]{opacity:.85}}.night-stars[data-v-9207b7cd]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .8s ease}[theme=dark] .night-stars{opacity:1}.night-stars .star[data-v-9207b7cd]{position:absolute;width:3px;height:3px;background:#e8e4dc;border-radius:50%;opacity:.6;animation:twinkle-9207b7cd 4s ease-in-out infinite}.night-stars .star-1[data-v-9207b7cd]{top:12%;left:15%;animation-delay:0s}.night-stars .star-2[data-v-9207b7cd]{top:8%;left:70%;animation-delay:1s;width:2px;height:2px}.night-stars .star-3[data-v-9207b7cd]{top:20%;left:85%;animation-delay:2s}.night-stars .star-4[data-v-9207b7cd]{top:25%;left:30%;animation-delay:1.5s;width:2px;height:2px;opacity:.4}.night-stars .star-5[data-v-9207b7cd]{top:15%;left:50%;animation-delay:.5s;opacity:.5}@keyframes twinkle-9207b7cd{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.night-stars .moon[data-v-9207b7cd]{position:absolute;top:10%;right:12%;width:55px;height:55px;background:radial-gradient(circle at 35% 35%,#f0ece4,#d8d4cc 60%,#b8b4ac);border-radius:50%;opacity:.12;box-shadow:0 0 40px 10px #e8e4dc14,0 0 80px 20px #e8e4dc0a}.night-stars .moon[data-v-9207b7cd]:before{content:"";position:absolute;top:-4px;left:7px;width:42px;height:42px;background:#0a0e14;border-radius:50%;opacity:.8}.sun[data-v-9207b7cd]{position:absolute;top:13%;right:19%;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(120,124,130,.2) 0%,rgba(120,124,130,.1) 58%,transparent 72%);border:1.5px solid rgba(86,90,96,.38);opacity:.55;animation:sunBreathe-9207b7cd 12s ease-in-out infinite}@keyframes sunBreathe-9207b7cd{0%,to{opacity:.45}50%{opacity:.62}}[theme=dark] .sun{display:none}.ink-trail-layer[data-v-9207b7cd]{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.ink-trail-layer[data-v-9207b7cd] .ink-stroke{position:absolute;height:var(--stroke-w, 2px);transform-origin:left center;background:linear-gradient(to right,transparent 0%,var(--ink-zhong) 40%,var(--ink-zhong) 100%);opacity:var(--stroke-a, .5);border-radius:0;animation:inkStrokeFade-9207b7cd .6s ease-out forwards;pointer-events:none}@keyframes inkStrokeFade-9207b7cd{0%{opacity:var(--stroke-a, .5)}to{opacity:0}}@media(prefers-reduced-motion:reduce){.ink-trail-layer[data-v-9207b7cd] .ink-stroke{animation:none}}.custom-cursor[data-v-1d7b1b80]{width:8px;height:8px;background-color:var(--seal-red);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .15s ease,opacity .15s ease;opacity:.7}.cursor-trail[data-v-1d7b1b80]{width:4px;height:4px;background-color:var(--ink-zhong);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);opacity:.4;transition:transform .2s ease,opacity .2s ease}.custom-cursor.hover[data-v-1d7b1b80]{transform:translate(-50%,-50%) scale(1.8);opacity:.4;background-color:var(--ink-dan)}.cursor-trail.hover[data-v-1d7b1b80]{transform:translate(-50%,-50%) scale(.5);opacity:.2}.custom-cursor.active[data-v-1d7b1b80]{transform:translate(-50%,-50%) scale(.7);opacity:.9;background-color:var(--seal-red)}.cursor-trail.active[data-v-1d7b1b80]{transform:translate(-50%,-50%) scale(.3);opacity:.6}[theme=dark] .custom-cursor{background-color:var(--seal-red)}[theme=dark] .cursor-trail{background-color:var(--ink-zhong)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:-1}[theme=dark] body:before{opacity:.015}img{max-width:100%}b{display:inline-block;position:relative;margin:0 .2rem;text-align:center;z-index:1;font-weight:400;color:var(--ink-zhong)}b:before{content:"";position:absolute;bottom:2px;z-index:-1;opacity:.15;width:100%;height:40%;background:var(--seal-red);transition:.3s ease-in-out}b:hover:before{height:80%;opacity:.25}a{text-decoration:none;position:relative;color:var(--seal-red);transition:color .3s ease;padding:0 .2rem}a:hover{color:var(--seal-red-light)}a:before{content:"";transition:all .3s ease;z-index:-1;display:inline-block;position:absolute;left:50%;transform:translate(-50%);bottom:0;width:0;height:1px;background:var(--seal-red);opacity:.6}a:hover:before{width:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--background);background-color:var(--background-solid);background-attachment:fixed;color:var(--text-color);transition:color .3s ease;overflow-x:hidden;min-height:100vh}.app{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;opacity:1;position:relative}a,button{position:relative;z-index:10}@media(max-width:768px){.app{padding:15px}}@media(max-width:480px){.app{padding:10px}}@font-face{font-family:DingTalkJinBuTi;font-weight:400;src:url(/assets/DingTalkJinBuTi-Regular-C1AWcZJq.ttf) format("truetype");font-display:swap}@keyframes sealStamp{0%{transform:scale(2) rotate(-15deg);opacity:0}60%{transform:scale(.9) rotate(3deg);opacity:1}to{transform:scale(1) rotate(-5deg);opacity:.85}}@keyframes brushWrite{0%{width:0}to{width:100%}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes inkDotFade{0%{opacity:.3;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}.mainCard{color:var(--ink-nong);background:var(--card-background);border:1px solid rgba(100,90,80,.06);border-radius:2px;width:90%;max-width:800px;margin:3.5rem auto;padding:3.5rem 3rem;position:relative;overflow:visible;box-shadow:0 0 0 1px #645a500a,0 0 0 2px #645a5005,0 8px 40px #281e140f;transition:box-shadow .4s ease}[theme=dark] .mainCard{border:1px solid rgba(150,140,120,.08);box-shadow:0 0 0 1px #968c780d,0 0 0 2px #968c7808,0 8px 40px #00000040}.mainCard:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");opacity:.6;pointer-events:none;z-index:0}.mainCard:hover{box-shadow:0 2px 6px #281e140f,0 10px 28px #281e141a}.mainCard .header{display:flex;align-items:center;gap:1rem;position:relative;z-index:5}.mainCard .header .avatar{width:7rem;height:7rem;border-radius:50%;border:2px solid var(--card-border-color);overflow:hidden;flex-shrink:0;background:var(--square-background)}.mainCard .header .avatar img{width:100%;height:100%;object-fit:cover}.mainCard .header .sayHi{display:flex;flex-direction:column;min-width:0}.mainCard .header .sayHi h1{font-size:2.2rem;margin:0 0 .4rem;color:var(--ink-nong);font-family:var(--font-family);overflow-wrap:break-word}.mainCard .header .sayHi .name{color:var(--seal-red)}.mainCard .header .sayHi .infoTags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.mainCard .header .sayHi .infoTags .tag{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:var(--square-background);border:1px solid var(--square-border-color);border-radius:2px;font-size:.85rem;color:var(--ink-dan);white-space:nowrap}.mainCard .content{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:2;padding-inline:2.5rem}.mainCard .content .content-row{display:flex;gap:2rem;align-items:stretch}.mainCard .content .leftBox{width:38%;flex-shrink:0;min-width:0;display:flex;flex-direction:column}.mainCard .content .rightBox{flex:1;min-width:0;display:flex;flex-direction:column}.mainCard .content .content-row .card{flex:1;display:flex;flex-direction:column}.mainCard .card{background:var(--card-background);border:1px solid var(--card-border-color);border-radius:2px;padding:1.2rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #281e140a}.mainCard .card:last-child{margin-bottom:0}.mainCard .card .cardHeader{font-size:18px;font-weight:600;margin-bottom:.6rem;color:var(--ink-nong);font-family:var(--font-family)}.mainCard .card p{margin:0 0 .6rem;line-height:1.8;color:var(--ink-zhong);overflow-wrap:break-word}.mainCard .content .leftBox .todoList{margin-top:.5rem;max-height:12rem;overflow-y:auto;min-width:0;scrollbar-width:none;-ms-overflow-style:none}.mainCard .content .leftBox .todoList::-webkit-scrollbar{display:none}.mainCard .content .leftBox .todoList .todoItem{display:flex;align-items:center;margin:.6rem 0;padding-bottom:.3rem;border-bottom:1px dashed var(--ink-qing)}.mainCard .content .leftBox .todoList .todoItem span{margin-left:.5rem;color:var(--ink-zhong);overflow-wrap:break-word}.mainCard .content .techStack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem}.mainCard .content .techStack .techItem{width:52px;height:52px;border-radius:6px;background:var(--square-background);border:1px solid var(--square-border-color);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #281e140d;cursor:pointer;transition:all .3s ease}.mainCard .content .techStack .techItem:hover{transform:translateY(-3px);border-color:var(--seal-red);box-shadow:0 4px 12px #281e141a}.mainCard .content .techStack .techItem .skill-icon{width:30px;height:30px;transition:all .3s ease;filter:grayscale(.5) saturate(.4) sepia(.1);opacity:.85}.mainCard .content .techStack .techItem:hover .skill-icon{filter:grayscale(0) saturate(1) sepia(0);opacity:1;transform:scale(1.1)}.mainCard .content .techStack .techItem .techFallback{font-size:11px;line-height:1.2;text-align:center;color:var(--ink-nong);font-weight:600;padding:0 2px;max-width:100%;overflow-wrap:break-word}.mainCard .content .typew{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1rem;margin:.5rem 0}.mainCard .content .typew svg{color:var(--ink-dan);opacity:.6;flex-shrink:0}.mainCard .content .typew .typewriter{flex:1;text-align:center;max-width:100%;font-size:16px;letter-spacing:3px;color:var(--ink-zhong);font-family:var(--font-family);overflow-wrap:break-word}.mainCard .content .rightBox .linkBox{display:grid;grid-template-columns:repeat(3,minmax(0,160px));justify-content:center;gap:.8rem;margin:.5rem 0}.mainCard .content .rightBox .linkBox a:before{display:none}.mainCard .time-progress h3{margin:0 0 1rem;color:var(--ink-nong);font-family:var(--font-family)}.mainCard .time-progress .progress-item{margin-bottom:1rem}.mainCard .time-progress .progress-item:last-child{margin-bottom:0}.mainCard .time-progress .progress-item p{margin:0 0 .4rem;font-size:.9rem;color:var(--ink-zhong);overflow-wrap:break-word}.mainCard .time-progress .progress-item .progress-bar{height:5px;background:var(--square-border-color);border-radius:3px;overflow:hidden}.mainCard .time-progress .progress-item .progress-bar .progress-fill{height:100%;background:var(--seal-red);border-radius:3px;transition:width .3s ease}.mainCard .footer{position:relative;z-index:2;text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px dashed var(--ink-qing)}.mainCard .footer .footer-content{display:inline-flex;align-items:center;gap:.5rem}.mainCard .footer .footer-seal{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1.5px solid var(--seal-red);border-radius:2px;color:var(--seal-red);font-size:13px;font-family:var(--font-family)}.mainCard .footer .footer-text{font-size:.8rem;color:var(--ink-dan);letter-spacing:1px}.mainCard .hover{transition:all .3s ease}.mainCard .hover:hover{transform:translateY(-3px)}.mainCard .scroll-mask{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--ink-qing),transparent);opacity:.25;z-index:1;pointer-events:none}.mainCard .ink-trail-container{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.mainCard .ink-dot{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--ink-nong) 0%,rgba(26,26,26,0) 70%);pointer-events:none;animation:inkDotFade 1.5s ease-out forwards}.mainCard .ink-corner{position:absolute;width:70px;height:70px;background:radial-gradient(circle at center,rgba(40,30,20,.05),transparent 70%);pointer-events:none;z-index:0}.mainCard .ink-top-left{top:-15px;left:-15px}.mainCard .ink-top-right{top:-15px;right:-15px}.mainCard .ink-bottom-left{bottom:-15px;left:-15px}.mainCard .ink-bottom-right{bottom:-15px;right:-15px}.mainCard .ink-decoration{position:absolute;top:32%;left:50%;width:240px;height:240px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(40,30,20,.05),transparent 70%);pointer-events:none;z-index:0}.mainCard .poem-decoration{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;z-index:0;opacity:.3}.mainCard .poem-decoration span{writing-mode:vertical-rl;text-orientation:upright;font-size:1.2rem;letter-spacing:8px;color:var(--ink-zhong);font-family:var(--font-family);line-height:1.8}.mainCard .poem-decoration.poem-left{left:12px}.mainCard .poem-decoration.poem-right{right:12px}.mainCard .seal-decoration{position:absolute;top:25px;right:80px;width:52px;height:52px;border:2px solid var(--seal-red);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--seal-red);font-family:var(--font-family);opacity:.85;z-index:3;animation:sealStamp .8s ease-out both}.mainCard .seal-decoration.seal-round{inset:auto auto 18px 18px;width:44px;height:44px;font-size:20px}.mainCard .seal-decoration.seal-small{top:92px;right:38px;left:auto;width:auto;min-width:40px;height:26px;padding:0 6px;font-size:12px;letter-spacing:0}.mainCard .sword-decoration{position:absolute;top:-35px;left:-28px;width:90px;height:250px;transform:rotate(-12deg);z-index:2;pointer-events:none;opacity:.85}.mainCard .sword-decoration .sword-svg{width:100%;height:100%}.mainCard .brush-decoration{position:absolute;top:-30px;right:-35px;width:90px;height:270px;transform:rotate(10deg);z-index:2;pointer-events:none;opacity:.8}.mainCard .brush-decoration .brush-svg{width:100%;height:100%}.mainCard .bamboo-decoration{position:absolute;bottom:-10px;left:-5px;width:80px;height:120px;z-index:10;pointer-events:none}.mainCard .bamboo-decoration .bamboo-stem{position:absolute;bottom:0;left:34px;width:4px;height:100%;background:linear-gradient(to top,var(--ink-nong),var(--ink-qing));border-radius:2px;transform:rotate(-8deg);transform-origin:bottom}.mainCard .bamboo-decoration .bamboo-leaf{position:absolute;width:32px;height:9px;background:var(--ink-zhong);border-radius:0 9px 9px 0;opacity:.85}.mainCard .bamboo-decoration .leaf-1{bottom:62px;left:30px;transform:rotate(28deg)}.mainCard .bamboo-decoration .leaf-2{bottom:82px;left:30px;transform:rotate(-18deg)}.mainCard .bamboo-decoration .leaf-3{bottom:46px;left:30px;transform:rotate(58deg)}.mainCard .plum-decoration{position:absolute;bottom:-10px;right:-5px;width:90px;height:110px;z-index:10;pointer-events:none}.mainCard .plum-decoration .plum-branch{position:absolute;background:var(--ink-nong);border-radius:2px}.mainCard .plum-decoration .branch-1{bottom:0;right:42px;width:3px;height:100%;transform:rotate(10deg);transform-origin:bottom}.mainCard .plum-decoration .branch-2{bottom:32px;right:30px;width:42px;height:3px;transform:rotate(-25deg)}.mainCard .plum-decoration .plum-flower{position:absolute;width:14px;height:14px;background:var(--seal-red-light);border-radius:50% 50% 50% 0;opacity:.85}.mainCard .plum-decoration .flower-1{bottom:72px;right:22px}.mainCard .plum-decoration .flower-2{bottom:52px;right:46px}.mainCard .plum-decoration .flower-3{bottom:86px;right:42px}.mainCard .vertical-calligraphy{position:absolute;top:130px;right:22px;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:2;pointer-events:none}.mainCard .vertical-calligraphy .calligraphy-text{writing-mode:vertical-rl;text-orientation:upright;font-size:1.1rem;letter-spacing:6px;color:var(--ink-zhong);font-family:var(--font-family);opacity:.35;text-shadow:1px 1px 2px rgba(40,30,20,.06),0 0 4px rgba(40,30,20,.03);position:relative}.mainCard .vertical-calligraphy .calligraphy-text:before{content:"";position:absolute;top:-8px;bottom:-8px;left:50%;width:1px;transform:translate(-50%);background:linear-gradient(180deg,transparent 0%,var(--ink-qing) 15%,var(--ink-dan) 50%,var(--ink-qing) 85%,transparent 100%)}.mainCard .vertical-calligraphy .calligraphy-seal{width:28px;height:28px;border:1.5px solid var(--seal-red);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--seal-red);opacity:.4;font-family:var(--font-family);transform:rotate(-5deg)}.mainCard .ink-divider{width:100%;margin:1.5rem 0;display:flex;justify-content:center}.mainCard .ink-divider .ink-divider-svg{width:100%;height:20px}@media(max-width:992px){.mainCard{width:95%;max-width:760px;padding:2.5rem 2rem}.mainCard .content{padding-inline:2rem}.mainCard .content .content-row{gap:1.5rem}.mainCard .content .leftBox{width:35%}.mainCard .content .rightBox{width:65%;flex:1}.mainCard .header .sayHi h1{font-size:2rem}}@media(max-width:768px){.mainCard{width:98%;padding:1.8rem 1.5rem;border-radius:2px;margin:2rem auto}.mainCard .sword-decoration,.mainCard .brush-decoration,.mainCard .bamboo-decoration,.mainCard .plum-decoration,.mainCard .poem-decoration,.mainCard .vertical-calligraphy,.mainCard .scroll-mask,.mainCard .seal-decoration.seal-small{display:none}.mainCard .content{padding-inline:0;gap:1.2rem}.mainCard .content .content-row{flex-direction:column;gap:1.2rem}.mainCard .content .leftBox,.mainCard .content .rightBox{width:100%}.mainCard .header{flex-direction:column;text-align:center}.mainCard .header .avatar{width:6rem;height:6rem}.mainCard .header .sayHi h1{font-size:1.8rem}.mainCard .content .rightBox .linkBox{justify-content:center}}@media(max-width:640px){.mainCard{padding:1.4rem 1.2rem}.mainCard .header .sayHi h1{font-size:1.6rem}.mainCard .card{padding:1rem}.mainCard .content .leftBox .todoList{max-height:10rem}.mainCard .content .techStack .techItem{width:46px;height:46px}.mainCard .content .techStack .techItem .skill-icon{width:26px;height:26px}}@media(max-width:480px){.mainCard{padding:1.2rem 1rem}.mainCard .header .avatar{width:5rem;height:5rem}.mainCard .header .sayHi h1{font-size:1.5rem}.mainCard .card .cardHeader{font-size:16px}.mainCard .content .techStack .techItem{width:42px;height:42px}.mainCard .content .techStack .techItem .skill-icon{width:24px;height:24px}.mainCard .content .rightBox .linkBox{grid-template-columns:repeat(2,minmax(0,160px))}.mainCard .content .typew .typewriter{font-size:13px;letter-spacing:2px}}@media(max-width:360px){.mainCard{padding:1rem .8rem;margin:1.2rem auto}.mainCard .header .avatar{width:4.2rem;height:4.2rem}.mainCard .header .sayHi h1{font-size:1.35rem}.mainCard .card{padding:.8rem}.mainCard .content .techStack .techItem{width:38px;height:38px}.mainCard .content .techStack .techItem .skill-icon{width:22px;height:22px}.mainCard .content .rightBox .linkBox{grid-template-columns:minmax(0,160px)}}.mainCard .scroll-rod{position:absolute;left:0;right:0;height:30px;pointer-events:none;z-index:4}.mainCard .scroll-rod.scroll-top{top:-15px}.mainCard .scroll-rod.scroll-bottom{bottom:-15px}.mainCard .scroll-rod-svg{width:100%;height:100%;display:block}.mainCard .scroll-cap{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:40px;pointer-events:none}.mainCard .scroll-cap-left{left:-10px}.mainCard .scroll-cap-right{right:-10px}.mainCard .scroll-cap-svg{width:100%;height:100%;display:block}.mainCard .scroll-bottom .scroll-cap .scroll-tassel{position:absolute;top:100%;left:50%;transform:translate(-50%);width:20px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding-top:2px;pointer-events:none}.mainCard .scroll-bottom .scroll-cap .scroll-tassel .tassel-string{width:1px;height:6px;background:var(--seal-red);opacity:.6}@media(max-width:768px){.mainCard .scroll-rod,.mainCard .scroll-cap,.mainCard .scroll-tassel{display:none}}.mainCard .cardHeader,.mainCard .time-progress h3,.techStackCard h3{display:flex;justify-content:center;align-items:center;gap:.55rem;text-align:center;margin:0 0 1rem}.mainCard .cardHeader:before,.mainCard .cardHeader:after,.mainCard .time-progress h3:before,.mainCard .time-progress h3:after,.techStackCard h3:before,.techStackCard h3:after{content:"";flex:0 0 auto;width:46px;height:14px;background-color:var(--seal-red);opacity:.85;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 16'%3E%3Cline x1='2' y1='8' x2='16' y2='8' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M24 8 L29 3.5 L34 8 L29 12.5 Z' fill='black'/%3E%3Cpath d='M34 8 L39 3.5 L44 8 L39 12.5 Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 16'%3E%3Cline x1='2' y1='8' x2='16' y2='8' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M24 8 L29 3.5 L34 8 L29 12.5 Z' fill='black'/%3E%3Cpath d='M34 8 L39 3.5 L44 8 L39 12.5 Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat}.mainCard .cardHeader:after,.mainCard .time-progress h3:after,.techStackCard h3:after{transform:scaleX(-1)}@media(max-width:480px){.mainCard .cardHeader:before,.mainCard .cardHeader:after,.mainCard .time-progress h3:before,.mainCard .time-progress h3:after,.techStackCard h3:before,.techStackCard h3:after{width:32px}}@media(min-width:769px){html,body{height:100%;overflow:hidden}.mainCard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;width:90%;max-width:800px;padding:1.5rem 1.8rem;max-height:calc(100dvh - 2rem);overflow:hidden}.mainCard .header{gap:.7rem}.mainCard .header .avatar{width:5rem;height:5rem}.mainCard .header .sayHi h1{font-size:1.6rem;margin:0 0 .15rem}.mainCard .header .sayHi .infoTags{margin-top:.25rem}.mainCard .content{gap:.8rem;padding-inline:1.4rem}.mainCard .content .content-row{gap:.9rem}.mainCard .card{padding:.8rem;margin-bottom:.9rem}.mainCard .card .cardHeader,.mainCard .time-progress h3{margin-bottom:.45rem}.mainCard .content .leftBox .todoList{max-height:12rem}.mainCard .content .typew{padding:.45rem 1rem;margin:.25rem 0}.mainCard .content .rightBox .linkBox{gap:.55rem;margin:.3rem 0}.mainCard .footer{margin-top:.9rem;padding-top:.6rem}}