@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600&family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{--paper:#f7f2ef;--cream:#fcfaf7;--pink:#e9d6d3;--ink:#4c4744;--muted:#9b8c86;--accent:#a77e70;--line:#dccbc4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Manrope,Noto Sans SC,sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{text-decoration:none}.container{width:min(1540px,100% - 120px);margin:auto}.section{padding:140px 0}.hero{background:var(--pink);height:100svh;min-height:860px;position:relative;overflow:hidden}.hero-paper{background:radial-gradient(circle at 18% 22%,#ffffff61 0 2px,#0000 3px) 0 0/300px 230px,radial-gradient(circle at 80% 18%,#ffffff80 0 1px,#0000 2px) 0 0/420px 360px,linear-gradient(125deg,#f4e4df,#ead2d1 52%,#f4e8e3) 0 0/100%;position:absolute;inset:0}.hero-paper:after{content:"";background:linear-gradient(90deg,#ffffff38,#0000 40%,#fff3);position:absolute;inset:0}.hero-orbit{border:12px solid #ffffff7a;border-radius:50%;width:74vw;height:34vw;transition:transform .15s linear;position:absolute;top:29%;left:12%;box-shadow:0 0 0 5px #d39d9233,inset 0 0 40px #bd7e752e}.hero-orbit:before,.hero-orbit:after{content:"";border:6px solid #c18b8247;border-radius:50%;position:absolute;inset:-16px}.hero-orbit:after{border-color:#ffffff57;inset:15px}.hero-spark{color:#fff;text-shadow:0 3px 12px #b3726940;font-size:42px;position:absolute}.spark-a{top:25%;left:22%}.spark-b{font-size:55px;top:26%;right:23%}.spark-c{font-size:28px;bottom:26%;right:15%}.nav{z-index:2;border-bottom:1px solid #8b655f38;justify-content:space-between;align-items:center;height:112px;display:flex;position:relative}.brand{letter-spacing:.12em;font:500 15px DM Mono,monospace}.brand span{color:var(--accent);margin:0 8px}.nav-links{gap:42px;display:flex}.nav-links button{color:#726661;font-size:13px}.nav-links button:hover,.email-link:hover,.contact-mail:hover{color:var(--accent)}.menu-toggle{width:30px;display:none}.menu-toggle span{background:var(--ink);height:1px;margin:6px 0;display:block}.hero-content{z-index:1;padding-top:130px;position:relative}.eyebrow,.section-kicker{letter-spacing:.16em;color:var(--muted);font:500 11px DM Mono,monospace}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;color:#fffaf8;text-shadow:0 2px 12px #98665f1f;margin:42px 0 40px;font:600 clamp(76px,10vw,154px)/.94 Noto Serif SC,serif}h1 em,h2 em{color:var(--accent);font-style:normal}.hero-intro{color:#725f5a;font-size:16px;line-height:2}.hero-cta{border-bottom:1px solid var(--accent);color:#725f5a;margin-top:35px;padding:14px 0;font-size:13px}.hero-cta span{color:var(--accent);margin-left:45px;font-size:18px}.hero-footer{color:#9d827b;letter-spacing:.1em;justify-content:space-between;font:10px DM Mono,monospace;display:flex;position:absolute;bottom:34px;left:0;right:0}.about{background:#fffdfa}.about-layout{grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid}.portrait-card{background:#eadbd5;height:600px;position:relative;overflow:hidden}.portrait-card img{object-fit:cover;filter:saturate(.72)sepia(.08);width:100%;height:100%}.portrait-card span{color:#fff;letter-spacing:.13em;font:11px/1.6 DM Mono,monospace;position:absolute;bottom:22px;left:25px}.about-copy{max-width:600px}.about-copy h2,.works h2,.exp-grid h2,.contact h2{letter-spacing:-.07em;margin:28px 0 35px;font:600 clamp(52px,6vw,92px)/1.04 Noto Serif SC,serif}.about-copy p:not(.section-kicker){color:#766963;max-width:530px;font-size:15px;line-height:2}.email-link{border-bottom:1px solid var(--line);margin-top:22px;padding-bottom:10px;font:13px DM Mono,monospace;display:inline-block}.email-link span,.contact-mail span{color:var(--accent);margin-left:12px;font-size:18px}.resume-strip{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:120px;padding-top:27px;display:grid}.resume-strip strong{letter-spacing:-.08em;color:#665550;font:500 52px DM Mono,monospace;display:block}.resume-strip strong span{color:var(--accent)}.resume-strip small{color:var(--muted);font-size:12px}.works{background:var(--paper)}.works-heading{justify-content:space-between;align-items:end;margin-bottom:60px;display:flex}.works-note{color:var(--muted);font-size:14px;line-height:1.9}.work-tabs{border-bottom:1px solid var(--line);gap:40px;margin-bottom:44px;display:flex}.work-tabs button{color:#a69690;padding:14px 0 18px;font-size:14px;position:relative}.work-tabs button span{color:var(--accent);margin-right:12px;font:10px DM Mono,monospace}.work-tabs button i{background:var(--accent);width:0;height:2px;transition:all .3s;position:absolute;bottom:-1px;left:0}.work-tabs button.active{color:var(--ink)}.work-tabs button.active i{width:100%}.work-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.work-card{background:#fffdfa;transition:all .35s}.work-card:hover{transform:translateY(-6px);box-shadow:0 14px 35px #7b5b521a}.work-thumb{aspect-ratio:1.45;background:#e8d8d3;overflow:hidden}.work-thumb img{object-fit:cover;width:100%;height:100%;transition:all .5s}.work-card:hover img{transform:scale(1.04)}.work-thumb.abstract{background:linear-gradient(135deg,#eee0db,#f6eeea);justify-content:center;align-items:center;display:flex;position:relative}.abstract span{color:#a47c6f80;letter-spacing:.1em;font:600 50px Noto Serif SC,serif}.abstract b{color:var(--accent);font:11px DM Mono,monospace;position:absolute;top:16px;right:16px}.work-card-info{grid-template-columns:30px 1fr 25px;gap:12px;padding:18px 20px 23px;display:grid}.work-card-info>span{color:var(--accent);font:11px DM Mono,monospace}.work-card-info h3{margin:0 0 8px;font-size:16px;font-weight:500}.work-card-info p{color:var(--muted);margin:0;font-size:11px}.work-card-info button{color:var(--accent);font-size:20px}.photo-grid .work-thumb{aspect-ratio:3/4}.experience{background:#fbf7f2}.exp-grid{grid-template-columns:1fr 1.1fr;gap:100px;display:grid}.timeline{border-left:1px solid var(--line);padding-left:40px}.timeline>div{margin-bottom:50px;position:relative}.timeline>div:before{content:"";background:var(--accent);border:4px solid #fbf7f2;border-radius:50%;width:12px;height:12px;position:absolute;top:5px;left:-47px}.timeline span{color:var(--accent);font:11px DM Mono,monospace}.timeline h3{margin:15px 0;font:500 20px Noto Serif SC,serif}.timeline p{color:#81736d;max-width:560px;font-size:13px;line-height:1.9}.contact{background:var(--pink);min-height:700px;position:relative;overflow:hidden}.contact:before{content:"CAOYUE";color:#fff3;letter-spacing:-.08em;font:700 24vw serif;position:absolute;bottom:-7%;right:-5%}.contact-inner{z-index:1;position:relative}.contact h2{margin-top:100px;font-size:clamp(62px,8vw,125px)}.contact-inner>p:not(.section-kicker){color:#75615c;font-size:15px;line-height:2}.contact-mail{border-bottom:1px solid #77564e73;margin-top:25px;padding-bottom:13px;font:500 22px DM Mono,monospace;display:inline-block}.contact-foot{color:#967b74;justify-content:space-between;font:11px DM Mono,monospace;display:flex;position:absolute;top:630px;left:0;right:0}.contact-foot a:hover{color:var(--ink)}@media (width<=900px){.container{width:min(100% - 40px,680px)}.nav{height:84px}.nav-links{background:#fbf4f0;flex-direction:column;gap:20px;padding:22px;display:none;position:absolute;top:84px;left:0;right:0}.nav-links.is-open{display:flex}.menu-toggle{display:block}.hero{min-height:760px}.hero-content{padding-top:90px}.hero-orbit{border-width:8px;width:110vw;height:60vw;top:35%;left:-5%}.hero-footer{bottom:24px}.about-layout,.exp-grid{grid-template-columns:1fr;gap:45px}.portrait-card{max-width:500px;height:500px}.resume-strip{grid-template-columns:repeat(2,1fr);row-gap:28px;margin-top:75px}.section{padding:90px 0}.works-heading{display:block}.works-note{margin-top:25px}.work-tabs{gap:18px;overflow:auto}.work-tabs button{white-space:nowrap}.work-grid{grid-template-columns:1fr 1fr;gap:18px}.work-card-info{padding:13px}.work-card-info h3{font-size:13px}.timeline{padding-left:28px}.contact{min-height:620px}.contact h2{margin-top:75px}.contact-foot{flex-wrap:wrap;gap:12px;top:530px}}@media (width<=520px){h1{font-size:67px}.hero-intro{font-size:13px}.hero-spark{font-size:28px}.work-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid .work-card-info{display:block}.photo-grid .work-card-info>span{margin-bottom:8px;display:block}.contact h2{font-size:65px}.contact-mail{font-size:15px}}.work-tabs .ai-tab{color:var(--accent);letter-spacing:.04em;font-weight:600}.work-tabs .ai-tab span{font-weight:600}.work-tabs .ai-tab b{background:var(--accent);color:#fffaf7;letter-spacing:.04em;vertical-align:2px;border-radius:999px;margin-left:10px;padding:3px 7px;font:10px Noto Sans SC,sans-serif;display:inline-block}.work-tabs .ai-tab.active{color:var(--ink);font-size:16px}.work-tabs .ai-tab.active b{box-shadow:0 4px 12px #a47c6f38}.dashboard-layout{grid-template-columns:250px 1fr;align-items:start;gap:42px;display:grid}.works-sidebar{color:#fff;background:linear-gradient(#8f7bd1,#7662bf);border-radius:28px;min-height:650px;padding:24px 16px;position:sticky;top:24px;box-shadow:0 18px 42px #6e56a533}.sidebar-avatar{color:#5b4a90;background:#f4c7d4;border:5px solid #ffffff73;border-radius:50%;place-items:center;width:62px;height:62px;margin:2px auto 14px;font:600 20px Noto Serif SC,serif;display:grid}.sidebar-greeting{text-align:center;margin:0;font:500 17px Noto Serif SC,serif}.sidebar-greeting span{color:#ffe99d}.sidebar-caption{text-align:center;color:#ffffffb8;margin:10px 0 25px;font-size:11px}.works-sidebar .work-tabs{border:0;flex-direction:column;gap:8px;margin:0;display:flex}.works-sidebar .work-tabs button{text-align:left;color:#ffffffd1;border-radius:15px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:13px 12px;font-size:13px;transition:all .25s;display:grid}.works-sidebar .work-tabs button:hover,.works-sidebar .work-tabs button.active{color:#6453a3;background:#fff;box-shadow:0 8px 18px #39287029}.works-sidebar .work-tabs button i{display:none}.works-sidebar .tab-icon{color:inherit;font-size:17px}.works-sidebar .tab-count{opacity:.65;order:3;font:10px DM Mono,monospace}.works-sidebar .ai-tab b{color:#fff;background:#f2a9b8;grid-column:2;justify-self:start;margin:2px 0 0;padding:2px 6px;font-size:9px}.sidebar-foot{color:#ffffffad;border-top:1px solid #ffffff40;margin-top:34px;padding:18px 10px 0;font:11px/1.8 DM Mono,monospace}.works-main{min-width:0}.dashboard .works-heading{margin-bottom:28px}.dashboard-banner{background:linear-gradient(105deg,#c6b0ed,#d9c8f4 55%,#efd9e9);border-radius:25px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:25px 32px;display:flex;overflow:hidden;box-shadow:0 12px 24px #7e5ea41f}.dashboard-banner small{color:#7564a7;letter-spacing:.12em;font:10px DM Mono,monospace}.dashboard-banner strong{color:#4c407e;margin:9px 0;font:600 29px Noto Serif SC,serif;display:block}.dashboard-banner p{color:#6d6190;margin:0;font-size:12px}.dashboard-banner>span{color:#fff3a8;text-shadow:0 4px 12px #7d5daa29;font-size:74px}.dashboard .work-grid{gap:22px}.dashboard .work-card{border-radius:18px;overflow:hidden;box-shadow:0 5px 16px #785b751a}.dashboard .work-thumb{aspect-ratio:1.5}.dashboard .work-card-info{padding:16px 18px 20px}@media (width<=900px){.dashboard-layout{grid-template-columns:1fr;gap:24px}.works-sidebar{min-height:auto;padding:18px;position:static}.sidebar-avatar{margin:0 auto 10px}.sidebar-caption{margin-bottom:14px}.works-sidebar .work-tabs{grid-template-columns:repeat(2,1fr);display:grid}.sidebar-foot{display:none}.dashboard-banner{padding:20px}.dashboard-banner>span{font-size:50px}}.about-layout{background:#ffffff9e;border:1px solid #fffc;border-radius:28px;padding:34px;box-shadow:0 14px 35px #785b9117}.portrait-card{border-radius:22px;box-shadow:0 12px 24px #70578224}.about-copy p:not(.section-kicker),.contact-inner>p:not(.section-kicker){color:#756b82}.resume-strip{background:#ffffffb8;border:0;border-radius:22px;margin-top:28px;padding:25px 30px;box-shadow:0 8px 22px #785b9114}.resume-strip>div{border-right:1px solid #e4d9ed;padding:0 18px}.resume-strip>div:last-child{border-right:0}.resume-strip small{color:#8f829b}.exp-grid{background:#ffffff9e;border:1px solid #fffc;border-radius:28px;padding:42px 46px;box-shadow:0 14px 35px #785b9117}.timeline p{color:#81768b}.contact{min-height:760px}.contact-inner{background:linear-gradient(110deg,#c9b6ed,#e0cdef 55%,#f2d9e3);border-radius:30px;min-height:600px;padding:34px 48px;overflow:hidden;box-shadow:0 18px 42px #6e56a529}.contact:before{color:#ffffff3d;bottom:-2%;right:-2%}.contact h2{color:#51447e;margin-top:55px}.contact-foot{color:#766a98;inset:auto 48px 35px}.contact-mail{color:#51447e;border-color:#51447e4d}@media (width<=900px){.about-layout,.exp-grid{border-radius:22px;padding:22px}.resume-strip{padding:20px 10px}.resume-strip>div{padding:0 10px}.contact-inner{border-radius:24px;min-height:560px;padding:26px 24px}.contact-foot{bottom:24px;left:24px;right:24px}}.portrait-card img{object-position:center 42%;filter:saturate(.82)sepia(.05)}.contact-links{flex-wrap:wrap;align-items:flex-start;gap:32px;margin-top:25px;display:flex}.contact-links .contact-mail{margin-top:0}.work-card-info a,.work-card-info .no-link{color:var(--accent);font-size:20px}.work-card-info .media-open{color:var(--accent);padding:0;font-size:20px}.media-modal{z-index:20;background:#342624b8;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.media-modal-content{background:#fffaf7;width:min(1000px,92vw);padding:22px;position:relative;box-shadow:0 20px 70px #00000040}.media-modal-content p{color:var(--ink);margin:0 0 16px;font:500 17px Noto Serif SC,serif}.media-modal-content video{background:#241d1c;width:100%;max-height:75vh;display:block}.media-close{color:var(--accent);z-index:1;font-size:28px;line-height:1;position:absolute;top:8px;right:12px}.hero-paper{background:radial-gradient(circle at 18% 22%,#ffffff61 0 2px,#0000 3px) 0 0/300px 230px,radial-gradient(circle at 80% 18%,#ffffff80 0 1px,#0000 2px) 0 0/420px 360px,linear-gradient(125deg,#f4e4df,#ead2d1 52%,#f4e8e3) 0 0/100%}.hero-paper:after{z-index:1;background:linear-gradient(90deg,#ffffff38,#0000 40%,#fff3)}.hero-orbit,.hero-video{display:none}.writing-preview{border:1px solid var(--line);background:#fffaf7;width:100%;height:min(70vh,760px);display:block}.sidebar-sections,.sidebar-caption-work{display:none}.dashboard{background:linear-gradient(135deg,#f1e6dc 0%,#fbf7f1 52%,#eee0d6 100%)}.works-sidebar{background:linear-gradient(#d8bbaa,#b99584);box-shadow:0 18px 42px #8d69572e}.sidebar-avatar{color:#7a5d4f;background:#f6e9df}.works-sidebar .work-tabs button:hover,.works-sidebar .work-tabs button.active{color:#8d6654}.dashboard-banner{background:linear-gradient(105deg,#ead6c9,#f1e2d7 55%,#f5e9df);box-shadow:0 12px 24px #8d69571a}.dashboard-banner small{color:#947363}.dashboard-banner strong{color:#725344}.dashboard-banner p{color:#987d6c}.dashboard-banner>span{color:#e1b76e;text-shadow:0 4px 12px #8d695724}.dashboard .work-card-info h3{color:#705447}.dashboard .work-card-info p{color:#9b8376}.about,.experience,.contact{background:linear-gradient(135deg,#f1e6dc 0%,#fbf7f1 52%,#eee0d6 100%)}.about-copy h2,.exp-grid h2,.contact h2{color:#705447}.email-link,.contact-mail{color:#94705e;border-color:#dcc4b4}.resume-strip strong{color:#805f50}.exp-grid{box-shadow:0 14px 35px #8d695714}.timeline{border-left-color:#dcc4b4}.timeline>div:before{background:#b88f7b;border-color:#fbf7f1}.timeline h3{color:#705447}.contact-inner{background:linear-gradient(110deg,#ead6c9,#f0e1d6 55%,#f5e9df);box-shadow:0 18px 42px #8d695721}.contact h2{color:#705447}.contact-inner>p:not(.section-kicker){color:#927665}.contact-foot{color:#987c6b}main{flex-direction:column;display:flex}main>section{width:100%}.hero{order:1}.about{order:2}.experience{order:3}.works{order:4}.contact{order:5}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:80;background:#f5eee7e6;width:100%;max-width:none;padding-left:clamp(32px,6vw,90px);padding-right:clamp(32px,6vw,90px);position:fixed;top:0;left:0;transform:none}@media (width<=900px){.nav{width:100%;padding-left:20px;padding-right:20px}}.hero,.about,.experience,.works,.contact,.dashboard{background:#f5eee7}.hero-paper{background-color:#f5eee7;background-image:radial-gradient(circle at 18% 22%,#ffffff61 0 2px,#0000 3px),radial-gradient(circle at 80% 18%,#ffffff6b 0 1px,#0000 2px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.hero-paper:after{background:#ffffff1f}.about{padding-bottom:18px}.experience{padding-top:18px;padding-bottom:58px}.works{padding-top:58px}h1{color:#f7cfcf}.true-focus-intro{z-index:100;pointer-events:none;background:#f5eee7;place-items:center;animation:.65s 2.35s forwards true-focus-exit;display:grid;position:fixed;inset:0}.focus-container{color:#a77e70;letter-spacing:-.08em;align-items:center;gap:.45em;padding:22px 28px;font:600 clamp(34px,6vw,86px)/1 Noto Serif SC,serif;display:flex;position:relative}.focus-word{filter:blur(var(--blur-amount));opacity:.48;transition:filter var(--focus-duration) ease,opacity var(--focus-duration) ease,color var(--focus-duration) ease;position:relative}.focus-word.active{filter:blur();opacity:1;color:#f7cfcf}.focus-frame{border:1px solid #a77e7085;animation:1.25s ease-in-out infinite true-focus-pulse;position:absolute;inset:8px 12px;box-shadow:0 0 24px #a77e701f}.focus-frame:before,.focus-frame:after{content:"";border-style:solid;border-color:#a77e70;width:16px;height:16px;position:absolute}.focus-frame:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.focus-frame:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}@keyframes true-focus-pulse{50%{box-shadow:0 0 36px #a77e703b}}@keyframes true-focus-exit{to{opacity:0;visibility:hidden}}.true-focus-intro{animation-delay:2.35s}.glow-cursor{z-index:90;pointer-events:none;mix-blend-mode:screen;width:100vw;height:100vh;position:fixed;inset:0}