*{margin:0;padding:0;box-sizing:border-box}html{--bg-primary: #FFFFFF;--bg-secondary: #F5F5F5;--text-primary: #111111;--text-secondary: #333333;--text-tertiary: #666666;--accent-red: #E60000;--border-color: rgba(17, 17, 17, .1);--grid-gap: 24px;--section-padding: 120px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"liga" 1,"kern" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2}html.dark{--bg-primary: #000000;--bg-secondary: #111111;--text-primary: #FFFFFF;--text-secondary: #CCCCCC;--text-tertiary: #999999;--accent-red: #FF0000;--border-color: rgba(255, 255, 255, .1)}body{background-color:var(--bg-primary);color:var(--text-primary);font-size:16px;overflow-x:hidden}.grid-container{max-width:1200px;margin:0 auto;padding:0 var(--grid-gap);position:relative;background-color:var(--bg-primary);transition:background-color .3s ease}.section-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:var(--grid-gap);align-items:start;position:relative}.geometric-element{position:fixed;z-index:-1;transition:all .3s ease}.circle-1{width:200px;height:200px;background-color:var(--accent-red);border-radius:50%;top:15%;right:-100px;opacity:.8}.rectangle-1{width:4px;height:100vh;background-color:var(--text-primary);top:0;left:20%;opacity:.1}.line-1{width:100%;height:2px;background-color:var(--accent-red);top:40%;left:0;transform:rotate(-15deg);opacity:.3}.line-2{width:60%;height:1px;background-color:var(--text-primary);bottom:30%;right:0;transform:rotate(25deg);opacity:.2}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:var(--grid-gap);width:100%;align-items:center}.name-block{grid-column:1 / 8;position:relative}.name{font-size:clamp(4rem,12vw,8rem);font-weight:900;text-transform:lowercase;letter-spacing:-.04em;line-height:.85;color:var(--text-primary);margin:0;position:relative}.red-accent-bar{width:120px;height:8px;background-color:var(--accent-red);margin-top:16px;transform:translate(-4px)}.title-block{grid-column:9 / 13;text-align:right}.title{font-size:1.5rem;font-weight:300;text-transform:lowercase;color:var(--text-secondary);margin:0;line-height:1.2}.diagonal-element{position:absolute;width:300px;height:2px;background-color:var(--accent-red);top:60%;right:10%;transform:rotate(-30deg);opacity:.6}.section-header{grid-column:1 / 4;position:relative;margin-bottom:48px}.section-header h2{font-size:3rem;font-weight:700;text-transform:lowercase;letter-spacing:-.02em;color:var(--text-primary);margin:0;line-height:.9}.section-number{font-size:1rem;font-weight:400;color:var(--accent-red);margin-top:8px;font-family:Courier New,monospace}section{padding:var(--section-padding) 0;position:relative}section:not(.hero){border-top:1px solid var(--border-color)}.content-block{grid-column:5 / 11}.motto-container{margin-bottom:48px}.motto{font-size:1.5rem;font-weight:500;color:var(--text-primary);margin:0 0 8px;line-height:1.3;text-transform:none}.description{font-size:1.125rem;line-height:1.6;color:var(--text-secondary)}.description p{margin:0 0 24px}.description p:last-child{margin-bottom:0}.geometric-accent{grid-column:11 / 13;height:200px;background-color:var(--accent-red);width:4px;justify-self:center;opacity:.8}.skills-layout{grid-column:4 / 12;display:grid;grid-template-columns:1fr;gap:48px}.skill-item{display:grid;grid-template-columns:1fr 2fr;gap:var(--grid-gap);align-items:baseline;padding:24px 0;border-bottom:1px solid var(--border-color)}.skill-item:last-child{border-bottom:none}.skill-label{font-size:1.25rem;font-weight:600;color:var(--text-primary);text-transform:lowercase}.skill-description{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.skills-geometric{grid-column:1 / 3;width:100px;height:100px;border:2px solid var(--accent-red);transform:rotate(45deg);align-self:center;justify-self:center}.projects-layout{grid-column:1 / 13;display:grid;grid-template-columns:1fr;gap:64px;margin-top:48px}.project-item{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start;padding:48px 0;border-bottom:1px solid var(--border-color);position:relative}.project-item:last-child{border-bottom:none}.project-meta{display:flex;flex-direction:column;gap:16px}.project-number{font-size:3rem;font-weight:900;color:var(--accent-red);line-height:1;font-family:Courier New,monospace}.project-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);text-transform:lowercase;line-height:1.2}.project-description{display:flex;flex-direction:column;gap:24px}.project-description p{font-size:1.125rem;line-height:1.6;color:var(--text-secondary);margin:0}.project-link{font-size:1rem;font-weight:500;color:var(--accent-red);text-decoration:none;text-transform:lowercase;transition:all .2s ease;align-self:flex-start}.project-link:hover{color:var(--text-primary);background-color:var(--accent-red);padding:4px 8px;margin:-4px -8px}.contact-layout{grid-column:4 / 10}.contact-links{display:flex;flex-direction:column;gap:32px}.contact-link{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--border-color);text-decoration:none;transition:all .2s ease;color:var(--text-primary)}.contact-link:hover{border-color:var(--accent-red);transform:translate(8px)}.contact-link:hover .link-arrow{color:var(--accent-red)}.link-label{font-size:1.5rem;font-weight:500;text-transform:lowercase}.link-arrow{font-size:1.5rem;font-weight:300;transition:color .2s ease}.contact-geometric{grid-column:10 / 12;width:80px;height:80px;background-color:var(--accent-red);border-radius:50%;align-self:center;justify-self:center;opacity:.8}.footer{padding:48px 0;border-top:1px solid var(--border-color)}.footer-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:var(--grid-gap);align-items:center}.footer-info{grid-column:1 / 4}.footer-info p{font-size:.875rem;color:var(--text-tertiary);margin:0;text-transform:lowercase}.beian-info{grid-column:9 / 13;display:flex;gap:24px;justify-content:flex-end;flex-wrap:wrap}.beian-info a{font-size:.75rem;color:var(--text-tertiary);text-decoration:none;text-transform:lowercase;transition:color .2s ease}.beian-info a:hover{color:var(--text-secondary)}@media (max-width: 1024px){.grid-container{max-width:100%;padding:0 var(--grid-gap)}.hero-grid{grid-template-columns:1fr;gap:48px;text-align:left}.name-block,.title-block{grid-column:1 / -1}.title-block{text-align:left}.section-header{grid-column:1 / -1;margin-bottom:32px}.content-block,.skills-layout,.contact-layout{grid-column:1 / -1}.skill-item,.project-item{grid-template-columns:1fr;gap:24px}.geometric-accent,.skills-geometric,.contact-geometric{display:none}}@media (max-width: 768px){html{--section-padding: 80px;--grid-gap: 16px}.name{font-size:clamp(3rem,10vw,6rem)}.section-header h2{font-size:2.5rem}.projects-layout{gap:48px}.project-item{padding:32px 0}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-info{grid-column:1 / -1}.beian-info{grid-column:1 / -1;justify-content:flex-start;flex-direction:column;gap:8px}}@media (max-width: 480px){.circle-1{width:120px;height:120px;right:-60px}.contact-links{gap:24px}.contact-link{padding:16px 0}}html.dark .geometric-element{mix-blend-mode:screen}html.dark .project-link:hover{color:var(--bg-primary)}