:root{color-scheme:only light;--primary-blue: #009FFD;--gradient-start: #64b3f4;--gradient-end: #c2e59c;--bg: #010f2e;--bg-nav: rgba(1, 10, 30, .8);--bg-nav-hover: rgba(1, 15, 40, .9);--bg-panel: rgba(1, 10, 30, .92);--text: #ffffff;--text-secondary: rgba(255, 255, 255, .65);--line: rgba(255, 255, 255, .25);--card: rgba(255, 255, 255, .04);--card-hover: rgba(255, 255, 255, .09);--title-shadow: 4px 4px 15px rgba(179, 178, 178, .8);--drop-shadow-main: 12px 12px 7px rgba(73, 73, 73, .5);--drop-shadow-dark: 12px 12px 7px rgba(0, 0, 0, .5)}[data-theme=light]{--bg: #f5f6f8;--bg-nav: rgba(255, 255, 255, .82);--bg-nav-hover: rgba(255, 255, 255, .92);--bg-panel: rgba(255, 255, 255, .94);--text: #1c2733;--text-secondary: rgba(28, 39, 51, .6);--line: rgba(28, 39, 51, .2);--card: rgba(255, 255, 255, .65);--card-hover: #ffffff;--title-shadow: 2px 2px 10px rgba(0, 0, 0, .12);--drop-shadow-main: 8px 8px 6px rgba(0, 0, 0, .12);--drop-shadow-dark: 6px 6px 5px rgba(0, 0, 0, .1)}html.home-dark{--bg: #010f2e;--bg-nav: rgba(1, 10, 30, .8);--bg-nav-hover: rgba(1, 15, 40, .9);--bg-panel: rgba(1, 10, 30, .92);--text: #ffffff;--text-secondary: rgba(255, 255, 255, .65);--line: rgba(255, 255, 255, .25);--card: rgba(255, 255, 255, .04);--card-hover: rgba(255, 255, 255, .09);--title-shadow: 4px 4px 15px rgba(179, 178, 178, .8);--drop-shadow-main: 12px 12px 7px rgba(73, 73, 73, .5);--drop-shadow-dark: 12px 12px 7px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,Segoe UI,Arial,sans-serif;transition:background .4s ease,color .4s ease;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}ul{list-style:none}.page{min-height:100vh;position:relative;z-index:10}.loader{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#8181814d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;display:flex;justify-content:center;align-items:center;transition:clip-path 1s ease}.loader.done{clip-path:circle(0% at 50% 50%)}.loader:not(.done){clip-path:circle(150% at 50% 50%)}.loader-bubble{position:absolute;display:flex;justify-content:center;align-items:center;height:30vh;width:30vw;z-index:2}.loader-logo{position:absolute;display:flex;justify-content:center;align-items:center;height:30vh;width:30vw;z-index:1}.loader-progress{position:absolute;display:flex;justify-content:center;align-items:center;height:8vh;width:45vw;z-index:3;top:60vh}.bubble{opacity:0;animation:rise 2s linear infinite}@keyframes rise{0%{transform:translateY(0);opacity:.5}to{transform:translateY(-25vh);opacity:0}}.bubble:nth-of-type(1){animation-delay:.2s}.bubble:nth-of-type(2){animation-delay:.4s}.bubble:nth-of-type(3){animation-delay:.6s}.bubble:nth-of-type(4){animation-delay:.5s}.bubble:nth-of-type(5){animation-delay:.7s}.bubble:nth-of-type(6){animation-delay:.8s}.bubble:nth-of-type(7){animation-delay:.5s}.bubble:nth-of-type(8){animation-delay:.6s}.lg-smain{fill:transparent;stroke:var(--primary-blue);stroke-width:0;filter:drop-shadow(var(--drop-shadow-main));animation:strokeAnimate 1s forwards;animation-delay:1s}@keyframes strokeAnimate{0%{fill:#f0f8ff}to{fill:var(--primary-blue)}}.lg-corner{opacity:0;filter:drop-shadow(var(--drop-shadow-dark));animation:fadeInOut .5s forwards}.lg-slu{animation-delay:1.5s}.lg-sld{animation-delay:1.7s}.lg-srd,.lg-shd{animation-delay:1.9s}@keyframes fadeInOut{0%{opacity:0}to{opacity:1}}.loader-percentage{font-family:Arial,sans-serif;font-size:20px;fill:#fff;font-weight:700;text-shadow:rgba(255,255,255,.35) 0 0 5px}[data-theme=light] .loader-percentage{fill:#fff}.route-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));box-shadow:0 0 8px #64b3f499;z-index:9998;transition:width .4s ease,opacity .3s ease .35s;border-radius:0 2px 2px 0}.logo-btn{position:fixed;top:.9rem;left:.9rem;z-index:1000;width:44px;height:44px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:box-shadow .3s ease,background .3s ease;padding:0;outline:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.logo-btn:hover,.logo-btn.open,.logo-btn:focus-visible{background:var(--bg-nav-hover);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1.5px var(--primary-blue),inset 0 0 10px #009ffd40,0 0 16px #009ffd66}.logo-btn.fly-in{animation:logoFlyIn .8s ease forwards}@keyframes logoFlyIn{0%{opacity:0;transform:translate(-90px)}to{opacity:1;transform:translate(0)}}.logo-btn.fade-in{animation:fadeInOut .5s ease forwards;opacity:0}.logo-shake{display:flex;justify-content:center;align-items:center;animation:logoJitter 8s ease-in-out infinite}@keyframes logoJitter{0%{transform:translate(0) rotate(0) scale(1)}1.5%{transform:translate(-2px,1px) rotate(-5deg) scale(1.05)}3%{transform:translate(2px,-1.5px) rotate(4deg) scale(1.08)}4.5%{transform:translate(-1.5px,1.5px) rotate(-4deg) scale(1.03)}6%{transform:translate(1.5px,1px) rotate(3deg) scale(1.06)}7.5%{transform:translate(-.5px,-.5px) rotate(-1deg) scale(1.02)}9%,to{transform:translate(0) rotate(0) scale(1)}}.logo-btn .logo-shake svg{width:26px;height:26px}.logo-btn .lg-core{fill:var(--primary-blue)}.logo-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1.5px solid var(--primary-blue);border-radius:50%;opacity:0;pointer-events:none;animation:ringWave 8s ease-out infinite}.logo-ring.r2{animation-delay:.3s}@keyframes ringWave{0%{opacity:.7;transform:scale(.9)}37.5%{opacity:0;transform:scale(2.3)}to{opacity:0;transform:scale(2.3)}}.drawer{position:fixed;top:68px;left:.9rem;z-index:999;width:48px;background:var(--bg-panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:none;border-radius:14px;padding:.7rem .3rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;box-shadow:0 10px 30px #00000040;transform-origin:top left;animation:drawerIn .35s ease forwards}@keyframes drawerIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.drawer-icon{position:relative;width:36px;height:36px;border:none;border-radius:10px;background:transparent;color:var(--text);display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;animation:itemIn .45s ease forwards;transition:color .25s ease,background .25s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.drawer-icon:hover,.drawer-icon:focus-visible{color:var(--primary-blue);background:#009ffd1a}.drawer-icon.active{color:var(--primary-blue)}.drawer-icon.active:before{content:"";position:absolute;left:-.4rem;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:2px;background:linear-gradient(180deg,var(--gradient-start),var(--gradient-end))}@keyframes itemIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.drawer-tip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-6px);white-space:nowrap;font-size:.85rem;letter-spacing:.15em;color:var(--text);background:var(--bg-panel);border:1px solid var(--line);border-radius:8px;padding:.3rem .7rem;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;box-shadow:0 4px 14px #0003}.drawer-icon:hover .drawer-tip,.drawer-icon:focus-visible .drawer-tip{opacity:1;transform:translateY(-50%) translate(0)}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:transparent;border:none;cursor:default}.line-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;font-family:inherit;color:var(--text);padding:0;outline:none}.line-btn .lb-rect{fill:transparent;stroke:var(--text);stroke-width:1;transition:stroke .3s ease}.line-btn .lb-fill{fill:var(--primary-blue);opacity:0;transition:opacity .3s ease}.line-btn .lb-text{fill:var(--text);font-size:14px;letter-spacing:.3em;transition:fill .3s ease}.line-btn:hover .lb-fill,.line-btn:focus-visible .lb-fill{opacity:.12}.line-btn:hover .lb-rect,.line-btn:focus-visible .lb-rect{stroke:var(--primary-blue)}.line-btn:hover .lb-text{fill:var(--primary-blue)}.line-btn:active{transform:scale(.97)}.footer{position:fixed;left:0;right:0;bottom:0;z-index:60;text-align:center;padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));color:var(--text-secondary);font-size:.85rem;background:var(--bg);box-shadow:0 -4px 18px #0000001f}.footer a{transition:color .3s ease}.footer a:hover{color:var(--primary-blue)}.footer-separator{margin:0 .6em;opacity:.5}.footer-icon{width:14px;height:14px;vertical-align:-2px;margin-right:4px}.footer-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;line-height:1.5}.footer-content>a,.footer-content>.footer-copyright,.footer-content>.footer-separator,.footer-content>.footer-icon{white-space:nowrap}@media (max-width: 576px){.footer-separator{margin:0 .35em}}.page-title{position:fixed;top:30%;left:50%;width:100%;transform:translate(-50%,-50%);color:var(--text);text-align:center;text-shadow:var(--title-shadow);z-index:10;pointer-events:none;font-size:10rem;animation:flyIn 1s ease forwards}@keyframes flyIn{0%{opacity:0;transform:translate(-50%,-30%)}to{opacity:1;transform:translate(-50%,-50%)}}.typewriter{position:fixed;top:46%;left:50%;width:100%;transform:translate(-50%);text-align:center;color:var(--text-secondary);font-size:1.15rem;letter-spacing:.25em;z-index:10;pointer-events:none;min-height:1.8em}.typewriter .cursor{display:inline-block;width:2px;height:1.1em;background:var(--primary-blue);vertical-align:-.15em;margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.comein{position:fixed;top:55%;left:50%;transform:translate(-50%);z-index:20;border:1px solid transparent;background:transparent;color:var(--text);font-family:inherit;font-size:.78rem;letter-spacing:.4em;padding:.45rem 1.1rem .45rem calc(1.1rem + .4em);border-radius:999px;cursor:pointer;outline:none;opacity:0;text-shadow:0 0 10px rgba(0,159,253,.9),0 0 22px rgba(0,159,253,.45);box-shadow:0 0 10px #009ffd4d;animation-name:comeinIn,comeinGlow;animation-duration:.9s,2.2s;animation-delay:1.4s,2.3s;animation-timing-function:ease,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards,none;transition:border-color .3s ease,color .3s ease}.comein:hover,.comein:focus-visible{border-color:#009ffd80;color:var(--primary-blue);text-shadow:0 0 14px rgba(0,159,253,1),0 0 30px rgba(0,159,253,.6)}@keyframes comeinIn{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes comeinGlow{0%,to{box-shadow:0 0 8px #009ffd40}50%{box-shadow:0 0 16px #009ffd8c}}.exiting{opacity:0!important;translate:0 -72px;transition:opacity .6s ease,translate .6s ease}.tw-wrap{min-height:1.8em}.content-page{max-width:1100px;margin:0 auto;padding:96px 2.4rem 5.2rem 8rem;animation:pageIn .6s ease forwards;opacity:0;height:100%;display:flex;flex-direction:column}@keyframes pageIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.content-page.tl-enter{animation:tlEnter .75s cubic-bezier(.22,.9,.36,1) forwards}@keyframes tlEnter{0%{opacity:0;transform:translateY(90px)}to{opacity:1;transform:translateY(0)}}.tl-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden}.tl-scene.tl-enter{animation:tlEnter .75s cubic-bezier(.22,.9,.36,1) forwards}.tl-floater{position:absolute;color:var(--primary-blue);opacity:.32;pointer-events:none;will-change:transform}.tl-floater svg{width:100%;height:100%}[data-theme=light] .tl-floater{opacity:.4;color:#5a8fc0}.tl-stage{position:absolute;top:0;right:0;bottom:110px;left:0;pointer-events:none}.tl-picto{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center}.tl-picto svg{width:min(96vw,138.9244vh);height:auto;overflow:visible;filter:drop-shadow(0 0 12px rgba(0,159,253,.3))}.tl-picto text{font-family:inherit;font-size:13px;letter-spacing:.1em;stroke:none;fill:var(--text-secondary)}.tl-picto text.hl{fill:var(--primary-blue)}.tl-picto .txt{opacity:0;animation:txtIn .8s ease forwards}@keyframes txtIn{0%{opacity:0;transform:translateY(9px)}to{opacity:.92;transform:translateY(0)}}.tl-picto .draw{stroke-dasharray:1;stroke-dashoffset:1;animation:drawIn 1.1s ease forwards}@keyframes drawIn{to{stroke-dashoffset:0}}.tl-picto .pupil{transform:translate(var(--eye-dx, 0px),var(--eye-dy, 0px));transition:transform .1s linear}.tl-picto .pose{opacity:0}.tl-picto .pose.show{opacity:1;animation:poseIn .5s ease both}@keyframes poseIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.tl-picto .pose.show.stroll{animation:poseIn .5s ease both,strollBob .62s ease-in-out infinite}.tl-picto .stroll{animation:strollBob .62s ease-in-out infinite}@keyframes strollBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3.5px)}}@keyframes legSwing{0%,to{transform:rotate(17deg)}50%{transform:rotate(-17deg)}}.tl-picto .swing-a,.tl-picto .swing-b,.tl-picto .waswing-a,.tl-picto .waswing-b{transform-box:fill-box;transform-origin:top center}.tl-picto .swing-a,.tl-picto .waswing-a{animation:legSwing .31s ease-in-out infinite}.tl-picto .swing-b,.tl-picto .waswing-b{animation:legSwing .31s ease-in-out infinite reverse}.tl-picto .leaf{transform-box:fill-box;transform-origin:center;animation:leafSway 3.2s ease-in-out infinite}@keyframes leafSway{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(7px) rotate(24deg)}}.tl-glow{position:fixed;left:0;top:0;width:130px;height:130px;margin:-65px 0 0 -65px;border-radius:50%;background:radial-gradient(circle,rgba(0,159,253,.16),transparent 65%);pointer-events:none;z-index:12}.tl-sparks{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12}.tl-sparkle{position:absolute;border-radius:50%;background:var(--primary-blue);box-shadow:0 0 6px #009ffde6;animation:sparkleFade .8s ease forwards;pointer-events:none}[data-theme=light] .tl-sparkle{background:#4a90d9}@keyframes sparkleFade{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(.2) translateY(-14px)}}.tl-axis{position:absolute;left:8%;right:8%;bottom:78px;height:40px;z-index:14;opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.tl-axis.show{opacity:1;transform:translateY(0);pointer-events:auto}.tl-axis-base{position:absolute;left:0;right:0;top:50%;height:1.5px;transform:translateY(-50%);background:var(--line)}.tl-axis-progress{position:absolute;left:0;top:50%;height:1.5px;transform:translateY(-50%);background:linear-gradient(90deg,var(--gradient-start),var(--primary-blue));box-shadow:0 0 8px #009ffd80;transition:width .85s cubic-bezier(.22,.9,.36,1)}.tl-seg{position:absolute;top:0;height:100%;background:transparent;border:none;cursor:pointer;padding:0}.tl-seg:before{content:"";position:absolute;left:12%;right:12%;top:50%;height:5px;transform:translateY(-50%);border-radius:3px;background:transparent;transition:background .3s ease,box-shadow .3s ease}.tl-seg:hover:before{background:#009ffd47}.tl-seg.active:before{background:linear-gradient(90deg,var(--gradient-start),var(--primary-blue));box-shadow:0 0 9px #009ffda6}.tl-axis-elem{position:absolute;top:50%;pointer-events:none;transition:left .85s cubic-bezier(.22,.9,.36,1),width .6s ease,height .6s ease,border-radius .6s ease,background .6s ease,border-width .6s ease,transform .7s cubic-bezier(.22,.9,.36,1),box-shadow .6s ease}.tl-axis-elem .tl-elem-float{display:block;width:100%;height:100%;animation:tlCharBob 2.6s ease-in-out infinite}.content-page h1{font-size:2rem;letter-spacing:.2em;margin-bottom:2rem;color:var(--text)}.content-page h1:after{content:"";display:block;width:56px;height:2px;margin-top:.8rem;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end))}.about-text{font-size:1.05rem;line-height:2.1;color:var(--text-secondary);max-width:640px}.about-links{margin-top:2.4rem;display:flex;flex-wrap:wrap;gap:1rem}.about-page{max-width:860px}.timeline-wrap{position:relative;padding:.5rem 0 2rem}.timeline-wrap{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;padding-right:.4rem}.timeline-wrap::-webkit-scrollbar{width:4px}.timeline-wrap::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.timeline-axis{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:linear-gradient(180deg,transparent,var(--primary-blue) 8%,var(--primary-blue) 92%,transparent);box-shadow:0 0 10px #009ffd80}.tl-item{position:relative;width:50%;padding:.4rem 2.4rem 1.6rem;opacity:0;animation:itemIn .5s ease forwards}.tl-item.left{left:0;text-align:right}.tl-item.right{left:50%;text-align:left}.tl-dot{position:absolute;top:.85rem;width:11px;height:11px;border-radius:50%;border:2px solid var(--primary-blue);background:var(--bg);box-shadow:0 0 8px #009ffd99}.tl-item.left .tl-dot{right:-6.5px}.tl-item.right .tl-dot{left:-6.5px}.tl-date{color:var(--primary-blue);font-size:.85rem;letter-spacing:.15em}.tl-content{margin-top:.4rem;color:var(--text);line-height:1.8;font-size:1rem}.tl-hidden .tl-content,.tl-hidden .tl-date{opacity:.4}.tl-empty,.tl-loading{color:var(--text-secondary);text-align:center;padding:3rem 0;letter-spacing:.2em}.lost-star{position:fixed;top:34%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;pointer-events:none}.lost-star svg{width:120px;height:120px}.star-wander{animation:wander 4s ease-in-out infinite;transform-origin:center}@keyframes wander{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-10px,-8px) rotate(-12deg)}50%{transform:translate(6px,-14px) rotate(10deg)}75%{transform:translate(-4px,-4px) rotate(-6deg)}}.star-trail{stroke-dasharray:6 10;animation:trail 1.6s linear infinite}@keyframes trail{to{stroke-dashoffset:-32}}.lost-text{margin-top:.6rem;color:var(--text-secondary);letter-spacing:.35em;font-size:1rem}.lost-code{position:fixed;top:12%;left:50%;transform:translate(-50%);font-size:7rem;font-weight:300;letter-spacing:.3em;margin-left:.3em;color:var(--text-secondary);opacity:.85;z-index:10}.lost-action{position:fixed;bottom:18%;left:50%;transform:translate(-50%);z-index:10}@media (min-width: 1920px){.lost-code{font-size:8.5rem}}@media (max-width: 1919px) and (min-width: 1441px){.lost-code{font-size:6rem}}@media (max-width: 1440px) and (min-width: 1367px){.lost-code{font-size:5.5rem}}@media (max-width: 1366px) and (min-width: 1201px){.lost-code{font-size:4.5rem}}@media (max-width: 1200px) and (min-width: 1025px){.lost-code{font-size:4rem}}@media (max-width: 1024px) and (min-width: 769px){.lost-code{font-size:3.5rem}}@media (max-width: 768px) and (min-width: 577px){.lost-code{font-size:3rem}}@media (max-width: 576px) and (min-width: 426px){.lost-code{font-size:2.6rem}}@media (max-width: 425px) and (min-width: 376px){.lost-code{font-size:2.2rem}}@media (max-width: 375px) and (min-width: 321px){.lost-code{font-size:2rem}}@media (max-width: 320px){.lost-code{font-size:1.7rem}}@media (max-height: 500px) and (orientation: landscape){.lost-code{font-size:2.5rem;top:8%}}@media (min-width: 1920px){.page-title{font-size:12rem}.footer{font-size:.95rem}.logo-btn{top:1.1rem;left:1.1rem;width:50px;height:50px}.logo-btn .logo-shake svg{width:30px;height:30px}}@media (min-width: 1441px) and (max-width: 1600px){.page-title{font-size:8rem}.footer{font-size:.9rem}}@media (min-width: 1367px) and (max-width: 1440px){.page-title{font-size:6.5rem}.footer{font-size:.85rem}}@media (min-width: 1201px) and (max-width: 1366px){.page-title{font-size:5.5rem}.footer{font-size:.8rem}}@media (min-width: 1025px) and (max-width: 1200px){.page-title{font-size:4.5rem}.footer{font-size:.75rem}}@media (min-width: 769px) and (max-width: 1024px){.page-title{font-size:4rem}.footer{font-size:.7rem}}@media (min-width: 577px) and (max-width: 768px){.page-title{font-size:3rem}.footer{font-size:.65rem}.logo-btn{top:.7rem;left:.7rem;width:40px;height:40px}.logo-btn .logo-shake svg{width:24px;height:24px}.drawer{top:60px;left:.7rem}.content-page{padding:80px 1.5rem 5rem 4.5rem}}@media (min-width: 426px) and (max-width: 576px){.page-title{font-size:2.5rem}.footer{font-size:.6rem}}@media (max-width: 576px){.content-page{padding:76px 1.2rem 5rem 4rem}}@media (min-width: 376px) and (max-width: 425px){.page-title{font-size:2rem}.footer{font-size:.55rem}}@media (min-width: 321px) and (max-width: 375px){.page-title{font-size:1.8rem}.footer{font-size:.5rem}}@media (max-width: 320px){.page-title{font-size:1.5rem}.footer{font-size:.45rem}.logo-btn{top:.5rem;left:.5rem;width:38px;height:38px}.logo-btn .logo-shake svg{width:22px;height:22px}.drawer{top:54px;left:.5rem}.content-page{padding:66px 1rem 5rem 3.6rem}}@media (max-height: 500px) and (orientation: landscape){.page-title{font-size:2.5rem}.footer{font-size:.6rem}}@media (hover: none){.logo-btn:active,.line-btn:active{transform:scale(.94)}.drawer-icon:active{background:#009ffd1a}.drawer{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-panel)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--text-secondary: currentColor;--line: currentColor}}@media (max-width: 768px){.timeline-axis{left:14px}.tl-item,.tl-item.left,.tl-item.right{width:100%;left:0;text-align:left;padding:.4rem 0 1.4rem 42px}.tl-item.left .tl-dot,.tl-item.right .tl-dot{left:8.5px;right:auto}.tl-stage{top:0;right:0;bottom:96px;left:0}.tl-axis{bottom:64px;left:6%;right:6%;height:34px}.tl-floater{opacity:.24}}