:root{--bg: #0f0f11;--bg-card: #1a1a1e;--bg-hover: #22222a;--text: #e8e8ed;--text-secondary: #8e8ea0;--accent: #6c5ce7;--accent-light: #a29bfe;--border: #2a2a32;--radius: 12px;--radius-sm: 8px;--max-width: 900px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--transition: .2s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding:0 20px 60px;max-width:var(--max-width);margin:0 auto;width:100%}a{color:var(--accent-light);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent)}.header{padding:20px;max-width:var(--max-width);margin:0 auto 40px;width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.header-logo{font-size:1.2rem;font-weight:700;color:var(--text);letter-spacing:-.5px}.header-logo span{color:var(--accent)}.header-nav{display:flex;gap:24px}.header-nav a{color:var(--text-secondary);font-size:.95rem;font-weight:500;position:relative}.header-nav a:hover{color:var(--text)}.header-nav a.active{color:var(--accent-light)}.header-nav a.active:after{content:"";position:absolute;bottom:-24px;left:0;right:0;height:2px;background:var(--accent);border-radius:1px}.footer{text-align:center;padding:30px 20px;color:var(--text-secondary);font-size:.85rem;border-top:1px solid var(--border)}.home{text-align:center;padding:40px 0}.home-hero{font-size:3rem;font-weight:800;margin-bottom:16px;line-height:1.3;letter-spacing:-1px}.home-hero span{color:var(--accent-light)}.home-subtitle{font-size:1.15rem;color:var(--text-secondary);max-width:600px;margin:0 auto 30px;line-height:1.8}.home-cta{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:12px 28px;border-radius:var(--radius);font-weight:600;font-size:1rem;transition:var(--transition)}.home-cta:hover{background:var(--accent-light);color:#fff;transform:translateY(-2px)}.work-grid{display:flex;flex-direction:column;gap:24px}.work-card{display:block;background:var(--bg-card);border-radius:var(--radius);padding:28px;border:1px solid var(--border);transition:var(--transition);color:var(--text)}.work-card:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-2px);color:var(--text)}.work-card-cover{font-size:3rem;margin-bottom:16px}.work-card-title{font-size:1.3rem;font-weight:700;margin-bottom:4px}.work-card-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:12px}.work-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.work-card-tag{background:var(--bg);color:var(--text-secondary);font-size:.8rem;padding:3px 10px;border-radius:20px;border:1px solid var(--border)}.work-card-summary{color:var(--text-secondary);font-size:.92rem;line-height:1.7}.work-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.work-card-year{color:var(--text-secondary);font-size:.85rem}.work-card-link{font-size:.9rem;font-weight:600;color:var(--accent-light)}.work-detail{padding-top:10px}.work-detail-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.9rem;margin-bottom:24px}.work-detail-back:hover{color:var(--text)}.work-detail-cover{font-size:5rem;margin-bottom:20px}.work-detail-title{font-size:2rem;font-weight:800;line-height:1.3;margin-bottom:8px;letter-spacing:-.5px}.work-detail-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;color:var(--text-secondary);font-size:.9rem}.work-detail-meta span{display:flex;align-items:center;gap:6px}.work-detail-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.work-detail-tool{background:var(--accent);color:#fff;font-size:.82rem;padding:4px 14px;border-radius:20px;font-weight:500}.work-detail-section{margin-bottom:28px}.work-detail-section h2{font-size:1.2rem;font-weight:700;color:var(--accent-light)}.work-detail-section p{color:var(--text-secondary);line-height:1.8}.resume{padding-top:10px}.page-title{font-size:1.8rem;font-weight:800;margin-bottom:32px;letter-spacing:-.5px}.timeline{position:relative;padding-left:32px}.timeline:before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:2px;background:var(--border)}.timeline-section{margin-bottom:36px}.timeline-section-title{font-size:1.1rem;font-weight:700;color:var(--accent-light);margin-bottom:16px;position:relative}.timeline-section-title:before{content:"";position:absolute;left:-28px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}.timeline-item{margin-bottom:24px;position:relative}.timeline-item:before{content:"";position:absolute;left:-26px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--bg-card);border:2px solid var(--text-secondary)}.timeline-item:hover:before{background:var(--accent);border-color:var(--accent)}.timeline-item-period{font-size:.82rem;color:var(--text-secondary);margin-bottom:2px;font-weight:500}.timeline-item-title{font-size:1.05rem;font-weight:700;margin-bottom:2px}.timeline-item-org{color:var(--accent-light);font-size:.9rem;margin-bottom:6px}.timeline-item-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.7}@media(max-width:600px){.header{flex-direction:column;gap:16px}.header-nav a.active:after{bottom:-16px}.home-hero{font-size:2rem}.work-detail-title{font-size:1.5rem}}