html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Noto Serif SC,Songti SC,STSong,SimSun,serif}a{color:inherit;text-decoration:none}::selection{color:#f5f0e6;background:#d4a05066}@keyframes floatChinese{0%,to{opacity:.1;transform:translateY(0)rotate(0)}50%{opacity:.18;transform:translateY(-20px)rotate(10deg)}}@keyframes rotate3s{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkleGold{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.8)}}.modern-bg-float{animation:18s ease-in-out infinite floatChinese}.modern-bg-rotate{animation:20s linear infinite rotate3s}.modern-bg-sparkle{animation:2.5s ease-in-out infinite sparkleGold}.modern-bg-float-reverse{animation:22s ease-in-out infinite reverse floatChinese}.modern-bg-float-fast{animation:12s ease-in-out infinite floatChinese}.modern-bg-float-slow{animation:28s ease-in-out infinite floatChinese}.modern-bg-sparkle:first-child{animation-delay:0s}.modern-bg-sparkle:nth-child(2){animation-delay:.4s}.modern-bg-sparkle:nth-child(3){animation-delay:.8s}.modern-bg-sparkle:nth-child(4){animation-delay:1.2s}.modern-bg-sparkle:nth-child(5){animation-delay:1.6s}.modern-bg-sparkle:nth-child(6){animation-delay:2s}.seal-btn{color:#fff;font-family:var(--font-display), "Ma Shan Zheng", cursive;letter-spacing:.1em;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;transition:all .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px #1d4ed8,0 6px 12px #3b82f64d}.seal-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.seal-btn:hover:before{left:100%}.seal-btn:hover{transform:translateY(-2px);box-shadow:0 6px #1d4ed8,0 8px 16px #3b82f666}.seal-btn:active{transform:translateY(2px);box-shadow:0 2px #1d4ed8,0 3px 6px #3b82f64d}.seal-btn-work{background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);box-shadow:0 4px #9a3412,0 6px 12px #ea580c4d}.seal-btn-work:hover{box-shadow:0 6px #9a3412,0 8px 16px #ea580c66}.seal-btn-work:active{box-shadow:0 2px #9a3412,0 3px 6px #ea580c4d}.ghost-btn{color:#3b82f6cc;font-family:var(--font-display), "Ma Shan Zheng", cursive;letter-spacing:.15em;cursor:pointer;background:0 0;border:1px solid #3b82f64d;border-radius:8px;padding:10px 20px;font-size:13px;transition:all .2s}.ghost-btn:hover{color:#3b82f6;background:#3b82f614;border-color:#3b82f680}.scroll-card{cursor:pointer;background:#fffffff2;border:1px solid #3b82f626;border-radius:8px;align-items:flex-start;gap:14px;padding:14px 18px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.scroll-card:hover{border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f61f}.scroll-card-selected{background:#3b82f60d;border-color:#3b82f6;box-shadow:0 4px 16px #3b82f633}.scroll-card-work{border-color:#ea580c26}.scroll-card-work:hover{border-color:#ea580c4d;box-shadow:0 4px 16px #ea580c1f}.scroll-card-work-selected{background:#ea580c0d;border-color:#ea580c;box-shadow:0 4px 16px #ea580c33}.emotion-bar-hope{background:linear-gradient(#10b981 0%,#34d399 100%);border-radius:2px;flex-shrink:0;width:3px;height:100%;min-height:40px}.emotion-bar-regret{background:linear-gradient(#ef4444 0%,#f87171 100%);border-radius:2px;flex-shrink:0;width:3px;height:100%;min-height:40px}.emotion-bar-neutral{background:linear-gradient(#64748b 0%,#94a3b8 100%);border-radius:2px;flex-shrink:0;width:3px;height:100%;min-height:40px}.route-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #3b82f62e,0 4px 12px #0000000f}.route-card-work{box-shadow:0 8px 32px #ea580c1f,0 2px 8px #0000000a}.route-card-work:hover{box-shadow:0 12px 40px #ea580c2e,0 4px 12px #0000000f}.year-btn{font-family:var(--font-display), "Ma Shan Zheng", cursive;letter-spacing:.05em;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 16px;font-size:14px;transition:all .2s}.year-btn-default:hover{color:#3b82f6;background:#3b82f614;border-color:#3b82f666}.year-btn-selected{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#1d4ed8;box-shadow:0 2px 8px #3b82f64d}.era-btn{font-family:var(--font-display), "Ma Shan Zheng", cursive;cursor:pointer;border-radius:10px;padding:10px 20px;font-size:13px;transition:all .2s}.era-btn-new:hover,.era-btn-new-active{color:#dc2626;background:#dc26261a;border:2px solid #dc2626;box-shadow:0 4px 12px #dc262633}.era-btn-old:hover,.era-btn-old-active{color:#64748b;background:#64748b1a;border:2px solid #64748b;box-shadow:0 4px 12px #64748b33}.person-card{background:#fffffffa;border-radius:16px;padding:24px;box-shadow:0 8px 32px #00000014}.person-avatar{background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 100%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex}.relation-tag{font-size:10px;font-family:var(--font-display), "Ma Shan Zheng", cursive;letter-spacing:.1em;text-transform:uppercase;border-radius:6px;padding:2px 8px;display:inline-block}.relation-family{color:#dc2626;background:#ef44441a}.relation-friend{color:#3b82f6;background:#3b82f61a}.relation-colleague{color:#10b981;background:#10b9811a}.relation-mentor{color:#8b5cf6;background:#8b5cf61a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out fadeIn}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.6s ease-out slideUp}@keyframes sealStamp{0%{opacity:0;transform:scale(1.5)}50%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.seal-stamp-animate{animation:.4s ease-out sealStamp}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.breathe{animation:4s ease-in-out infinite breathe}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:2s ease-in-out infinite bounce}@keyframes pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 10px #3b82f600}}.pulse{animation:2s ease-in-out infinite pulse}.route-select-btn{color:#fff;font-family:var(--font-display), "Ma Shan Zheng", cursive;letter-spacing:.1em;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.route-select-btn-study{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 4px 14px #3b82f659,inset 0 0 0 1px #3b82f61a}.route-select-btn-study:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #3b82f666,inset 0 0 0 1px #3b82f633}.route-select-btn-study:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px #3b82f64d}.route-select-btn-work{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);box-shadow:0 4px 14px #f9731659,inset 0 0 0 1px #f973161a}.route-select-btn-work:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #f9731666,inset 0 0 0 1px #f9731633}.route-select-btn-work:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px #f973164d}.route-select-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.route-select-btn:hover:before{left:100%}.modern-bg-bubble{pointer-events:none;z-index:0;border-radius:50%;animation:8s ease-in-out infinite bubbleFloat;position:fixed}@keyframes bubbleFloat{0%,to{opacity:.6;transform:translateY(0)translate(0)scale(1)}25%{opacity:.8;transform:translateY(-20px)translate(10px)scale(1.05)}50%{opacity:.5;transform:translateY(-10px)translate(-5px)scale(.95)}75%{opacity:.7;transform:translateY(-25px)translate(5px)scale(1.02)}}.modern-bg-paper-plane{pointer-events:none;z-index:0;opacity:.15;animation:15s ease-in-out infinite paperPlaneFly;position:fixed}@keyframes paperPlaneFly{0%,to{opacity:.1;transform:translateY(0)translate(0)rotate(0)}33%{opacity:.2;transform:translateY(-30px)translate(20px)rotate(10deg)}66%{opacity:.15;transform:translateY(-15px)translate(-10px)rotate(-5deg)}}.modern-bg-plum{pointer-events:none;z-index:0;opacity:.12;animation:10s ease-in-out infinite plumBloom;position:fixed}@keyframes plumBloom{0%,to{opacity:.1;transform:scale(1)rotate(0)}50%{opacity:.18;transform:scale(1.1)rotate(15deg)}}.modern-bg-pulse-dot{pointer-events:none;z-index:0;border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite pulseDot;position:fixed}@keyframes pulseDot{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}.modern-bg-cloud-float{pointer-events:none;z-index:0;opacity:.08;animation:20s ease-in-out infinite cloudFloat;position:fixed}@keyframes cloudFloat{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(30px)rotate(5deg)}}.route-card{cursor:pointer;text-align:left;background:#fffffffa;border:1px solid #3b82f614;border-radius:20px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #3b82f614,0 1px 3px #0000000a}.route-card:before{content:"";opacity:0;background:linear-gradient(90deg,#3b82f6,#06b6d4,#10b981);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.route-card:hover:before{opacity:1}.route-card:hover{border-color:#3b82f626;transform:translateY(-4px)scale(1.01);box-shadow:0 12px 40px #3b82f626,0 4px 12px #0000000f}.route-card-work{border-color:#f9731614;box-shadow:0 4px 20px #f9731614,0 1px 3px #0000000a}.route-card-work:before{background:linear-gradient(90deg,#f97316,#eab308,#dc2626)}.route-card-work:hover{border-color:#f9731626;box-shadow:0 12px 40px #f9731626,0 4px 12px #0000000f}.year-btn{font-family:var(--font-display), "Ma Shan Zheng", cursive;letter-spacing:.05em;cursor:pointer;border:1px solid #0000;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.year-btn-default{color:#1e293bcc;background:#fffffff2;border-color:#3b82f626}.year-btn-default:hover{color:#3b82f6;background:#3b82f614;border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.year-btn-selected{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 14px #3b82f659}.year-btn-work.year-btn-selected{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-color:#c2410c;box-shadow:0 4px 14px #f9731659}.era-btn{font-family:var(--font-display), "Ma Shan Zheng", cursive;cursor:pointer;border-radius:14px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.era-btn-new{color:#1e293bb3;background:#fffffff2;border:2px solid #dc262633}.era-btn-new:hover,.era-btn-new-active{color:#dc2626;background:linear-gradient(135deg,#dc26261a 0%,#ea580c1a 100%);border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 16px #dc262633}.era-btn-old{color:#1e293bb3;background:#fffffff2;border:2px solid #64748b33}.era-btn-old:hover,.era-btn-old-active{color:#475569;background:#64748b1a;border-color:#64748b;transform:translateY(-2px);box-shadow:0 4px 16px #64748b33}.huiwen-border{position:relative}.huiwen-border:before,.huiwen-border:after{content:"";pointer-events:none;border:2px solid #dc262633;width:20px;height:20px;position:absolute}.huiwen-border:before{border-bottom:none;border-right:none;top:-2px;left:-2px}.huiwen-border:after{border-top:none;border-left:none;bottom:-2px;right:-2px}.seal-tag{font-family:var(--font-display), "Ma Shan Zheng", cursive;letter-spacing:.15em;border-radius:4px;align-items:center;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.seal-tag-red{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:2px 2px #7f1d1d}.seal-tag-blue{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:2px 2px #1e3a8a}.seal-tag-gold{color:#fff;background:linear-gradient(135deg,#ca8a04 0%,#a16207 100%);box-shadow:2px 2px #713f12}.gradient-divider{background:linear-gradient(90deg,#0000,#3b82f64d 20%,#10b9814d 50%,#f973164d 80%,#0000);height:1px;margin:24px 0}.jade-pendant{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;box-shadow:0 4px 12px #10b9814d,inset 0 2px 4px #ffffff4d}.lantern{background:linear-gradient(#dc2626 0%,#b91c1c 100%);border-radius:50% 50% 45% 45%;width:32px;height:40px;position:relative;box-shadow:0 4px 12px #dc26264d}.lantern:before{content:"";background:#ca8a04;border-radius:2px 2px 0 0;width:12px;height:6px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.lantern:after{content:"";background:#fbbf24;border-radius:0 0 3px 3px;width:6px;height:8px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}@keyframes continue-floating-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.continue-floating{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (prefers-reduced-motion:reduce){.continue-floating,[style*=continue-floating-in]{transition:none!important;animation:none!important}}