/* All physical objects share the deeper tabletop and its warm practical light. */
.home-desk{aspect-ratio:1.55;margin-top:16px}
.desk-structure{filter:drop-shadow(0 14px 12px #0006)}
.home-desk:after{left:-3%;right:-3%;bottom:1%;height:9%;filter:blur(9px);background:radial-gradient(ellipse,#0008,transparent 69%)}
.home-monitor{left:31%;width:42%;bottom:52%;z-index:2}
.home-monitor>img{filter:drop-shadow(2px 5px 5px #0006)}
.home-monitor:before{left:32%;bottom:3.5%;width:37%;height:3%;filter:blur(2px);background:#000a}
.home-books{left:6%;width:22%;bottom:48.5%;z-index:3}
.home-book-arrangement{filter:drop-shadow(2px 3px 2px #0005)}
.home-books:before{left:9%;right:4%;bottom:3%;height:7%;filter:blur(2px)}
.home-record{width:22%;right:4%;bottom:48.2%;z-index:3}
.home-record>img{clip-path:inset(0 0 14% 0);filter:drop-shadow(1px 2px 2px #0004)}
.home-record:before{left:10%;right:8%;bottom:14.5%;height:3.5%;filter:blur(2px)}
.home-record:hover{transform:none;filter:brightness(1.07)}
.desk-interaction-note{bottom:-15px;font-size:8px;letter-spacing:.5px;gap:7px}
@media(min-width:761px){.intro-chapter .profile-portrait{align-self:end;padding-bottom:15px}}
@media(max-width:760px){.home-desk{margin-top:32px;aspect-ratio:1.55}.desk-interaction-note{font-size:7px;bottom:-20px;gap:5px}.home-monitor-expand{font-size:5px}}

/* Personal identity: restrained entrance, then a slow gold reflection. */
.header .personal-brand{display:inline-flex;align-items:center;gap:11px;font-size:17px;letter-spacing:1.6px}
.personal-brand>img{display:block;flex:none;width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid #d7b46c75;box-shadow:0 0 0 3px #d7b46c08;transition:transform .25s,border-color .25s}
.personal-brand:hover>img{transform:rotate(-5deg);border-color:#ecd08d}
.personal-brand i{font-style:normal;font-size:13px;font-weight:400;color:#b9b7ad;letter-spacing:.5px}
.intro-copy h1.animated-name{display:flex;align-items:center;gap:.16em;font-size:clamp(31px,3.2vw,49px);font-weight:600;letter-spacing:-1px;position:relative;width:fit-content;max-width:100%}
.animated-name .name-word{display:inline-block;animation:name-enter .85s cubic-bezier(.22,1,.36,1) both;color:#ebe7dc}
.animated-name .name-ameng{letter-spacing:.025em}
.animated-name .name-lab{animation-delay:.13s}
.animated-name .name-divider{color:#8c8067;font-weight:300;font-size:.72em;margin:0 .12em;animation:name-enter .8s .27s both}
.animated-name .name-cn{animation-delay:.36s;color:#dab064;background:linear-gradient(105deg,#dab064 0%,#dab064 37%,#fff0c0 49%,#dab064 61%,#dab064 100%);background-size:260% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:name-enter .85s .36s both,name-reflection 7s 1.5s linear infinite}
.animated-name:after{content:"";position:absolute;left:0;bottom:-7px;width:35px;height:2px;background:#dab064;transform-origin:left;animation:name-underline 1.2s .55s both}
.about-author{display:flex;align-items:center;gap:16px;margin-bottom:32px}
.about-author>img{width:72px;height:72px;object-fit:cover;border-radius:50%;border:1px solid #c9a55c80;box-shadow:0 0 0 5px #c9a55c08}
.about-author>div{display:flex;flex-direction:column;gap:8px}
.about-author strong{font-size:16px;color:#dfc083;font-weight:500;letter-spacing:1px}
.about-author span{font-size:12px;color:#a9ada4}
@keyframes name-enter{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes name-reflection{0%,62%{background-position:100% 0}82%,100%{background-position:-100% 0}}
@keyframes name-underline{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@media(max-width:1050px){.header .personal-brand{font-size:15px;gap:8px;letter-spacing:1px}.personal-brand i{font-size:12px}.intro-copy h1.animated-name{font-size:clamp(29px,3.1vw,37px)}}
@media(max-width:760px){.intro-copy h1.animated-name{font-size:clamp(27px,6.4vw,44px)}.personal-brand>img{width:30px;height:30px}.about-author{gap:13px;margin-bottom:25px}.about-author>img{width:60px;height:60px}}
@media(prefers-reduced-motion:reduce){.animated-name .name-word,.animated-name .name-divider,.animated-name:after{animation:none}.animated-name .name-cn{background:none;-webkit-text-fill-color:#dab064}.personal-brand>img{transition:none}.personal-brand:hover>img{transform:none}}
/* One physical room: smooth gray desktop, low riser and consistent contact planes. */
.home-desk{aspect-ratio:1.25;margin-top:20px}
.desk-structure{mask-image:radial-gradient(ellipse 80% 82% at 50% 61%,#000 59%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 82% at 50% 61%,#000 59%,transparent 100%)}
.home-monitor{bottom:56.1%;left:31.5%;width:39.5%}
.home-books{bottom:49%;left:5.5%;width:22%}
.home-record{bottom:48%;right:3.5%;width:22%}
.desk-interaction-note{bottom:-23px;flex-wrap:wrap;line-height:1.7;gap:9px}
@media(max-width:760px){.home-desk{aspect-ratio:1.25;margin-top:28px}.desk-interaction-note{bottom:-29px;gap:6px}.home-layout{row-gap:48px}}