:root{color-scheme:dark;--blue:#459bff;--muted:#969ba5;--text:#e5e7eb;--card:#222529}*{box-sizing:border-box}html{height:100%;background:#111315}body{margin:0;min-height:100dvh;background:#111315;color:var(--text);font:16px/1.6 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.workspace{width:100%;height:100dvh;max-width:none;margin:0;background:#111315;display:grid;grid-template-columns:1.06fr .95fr 1fr;gap:clamp(32px,5vw,96px);padding:clamp(24px,4vh,56px) clamp(28px,4.5vw,112px)}.panel{min-width:0;min-height:0;animation:enter .6s both}h1,h2,h3,p{margin:0}h1{color:var(--blue);font-size:32px;font-weight:650;line-height:1.2;letter-spacing:1px;display:flex;align-items:baseline;gap:14px}h1 span{color:#838b98;font-size:14px;font-weight:400;letter-spacing:0}h2{font-size:20px;line-height:1.5;font-weight:600}.experience{display:flex;flex-direction:column}.education{margin-top:23px}.education h2{font-size:15px;color:#b9bec7;font-weight:500;margin-bottom:10px}.education>div{display:flex;align-items:flex-start;gap:14px;margin-top:9px}.education b{min-width:46px;color:#d5dbe5;font-size:15px;font-weight:600;line-height:1.5}.education p{font-size:14px;line-height:1.5;color:#c4c9d1}.education small{display:block;font-size:12px;color:#818a98;margin-top:2px}.work-heading{margin:24px 0 16px}.scroll-area{overflow:auto;scrollbar-width:thin;scrollbar-color:#38424f transparent;min-height:0}.timeline{flex:1;padding:0 5px 0 28px}.timeline article{position:relative;background:var(--card);border:1px solid #2a2e34;border-radius:10px;margin:0 0 14px;padding:11px 14px;transition:background .25s,border-color .25s}.timeline article:last-child{margin-bottom:0}.timeline article:before{content:"";position:absolute;left:-24px;top:11px;width:8px;height:8px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px #111315,0 0 14px #459bff28;z-index:1}.timeline article:after{content:"";position:absolute;left:-21px;top:18px;bottom:-23px;width:1px;background:#465367}.timeline article:last-child:after{bottom:10px}.timeline time{font-size:12px;color:var(--muted);line-height:1.4;display:block}.timeline h3{font-size:16px;font-weight:550;color:var(--blue);margin:4px 0 5px;line-height:1.5}.timeline p{font-size:14px;color:#b5bbc5;line-height:1.65}.timeline strong{color:#dde5f1;font-weight:500}.timeline article:hover,.skill-card:hover{background:#272d35;border-color:#3e5f89}.capabilities{display:flex;align-items:center;animation-delay:.1s}.capability-content{width:100%;padding-bottom:18px}.capability-content h2{text-align:center;margin:0 0 35px}.skill-list{display:grid;gap:22px}.skill-card{display:flex;align-items:center;gap:17px;background:var(--card);border:1px solid #2a2e34;border-radius:11px;padding:23px 19px;transition:background .25s,border-color .25s,transform .25s}.skill-card:hover{transform:translateY(-3px)}.skill-card svg{width:31px;height:31px;flex-shrink:0;stroke:var(--blue);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.skill-card h3{font-size:17px;font-weight:550;color:var(--blue);margin-bottom:6px}.skill-card p{font-size:14px;line-height:1.75;color:#b5bbc5}.assistant{display:flex;flex-direction:column;padding-top:9px;animation-delay:.2s}.assistant h2{text-align:center;margin-bottom:24px}.chat-host{position:relative;height:100%;max-height:none;min-height:200px;overflow:hidden;border:1px solid #347fcb;border-radius:15px;background:#19222e;box-shadow:0 8px 45px #0002;flex:1}.chat-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;font-size:14px;color:#a6bbd7}.loader{width:25px;height:25px;border:2px solid #314d71;border-top-color:var(--blue);border-radius:50%;margin-bottom:14px;animation:spin 1s linear infinite}.chat-loading.hidden{display:none}.chat-loading a{color:var(--blue);margin-top:12px}.chat-fallback{text-align:center;color:#737d8c;font-size:12px;margin-top:12px}.chat-fallback:hover{color:var(--blue)}#dify-chatbot-bubble-button{display:none!important;background-color:#459bff!important}#dify-chatbot-bubble-window{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;z-index:2!important}.mobile-nav{display:none}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.workspace{gap:clamp(60px,5vw,112px)}.timeline article{padding:15px 18px;margin-bottom:16px}.timeline p,.skill-card p{font-size:16px}.skill-card{padding:25px 22px}}@media(max-height:800px) and (min-width:1051px){.workspace{margin:0;height:100dvh;padding-top:27px;padding-bottom:25px;gap:45px;padding-left:45px;padding-right:45px}h1{font-size:29px}.education{margin-top:14px}.education h2{margin-bottom:6px}.education>div{margin-top:7px}.work-heading{margin:17px 0 12px}.timeline article{padding:10px 13px;margin-bottom:11px}.timeline h3{margin:3px 0;font-size:15px}.timeline p{font-size:13px;line-height:1.6}.timeline article:after{bottom:-20px}.skill-card{padding:20px 16px}.skill-list{gap:19px}}@media(max-width:1050px){body{background:#111315}.mobile-nav{display:flex;gap:5px;margin:18px 20px 0;padding:4px;border:1px solid #303743;border-radius:8px;background:#1d2229;height:44px}.mobile-nav button{border:0;background:transparent;flex:1;color:#929fb2;font-size:14px;border-radius:5px}.mobile-nav button.active{background:#234d7e;color:#e7f1ff}.workspace{display:block;height:calc(100dvh - 82px);margin:10px auto 0;padding:20px;max-width:660px;box-shadow:none}.panel{display:none;height:100%}.panel.active{display:flex}.education{margin-top:20px}.timeline{padding-right:4px}.assistant{padding-top:0}.assistant h2{margin-bottom:17px}.chat-host{max-height:none}.capabilities{align-items:center}.capability-content{padding-bottom:0}.skill-card{padding:25px 21px}.skill-card p{font-size:16px}.timeline p{font-size:15px}.timeline article{padding:14px 16px}.work-heading{margin-top:22px}.capability-content h2{margin-bottom:26px}}@media(max-width:380px){.workspace{padding:15px}.mobile-nav{margin-left:15px;margin-right:15px}.education p{font-size:13px}.skill-card{gap:12px;padding:20px 15px}.skill-card p{font-size:14px}}@media(max-height:620px){.education{margin-top:12px}.education h2{display:none}.work-heading{margin:13px 0 10px}.skill-list{gap:12px}.skill-card{padding:13px 15px}.capability-content h2{margin-bottom:15px}.capabilities{overflow:auto}.chat-host{min-height:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}