/* The physical monitor is a compact preview; the enlarged desktop is the workspace. */
.home-screen-launch{display:none}
.intro-links .home-desktop-button{cursor:pointer}
.home-monitor .desktop{--menu-h:clamp(6px,5.4cqw,13px);--dock-h:clamp(12px,11cqw,27px);--small:clamp(3px,2.6cqw,6px);--ui:clamp(4px,3cqw,7px)}
.home-monitor .desktop-toolbar{font-size:var(--small)}
.home-monitor .mac-menu-left{gap:2cqw}.home-monitor .mac-menu-right{gap:2cqw}
.home-monitor .mac-menu-right button{font-size:4cqw;min-width:0;width:5cqw}
.home-monitor .desktop-welcome{left:7%;top:23%;width:62%;font-size:2cqw;line-height:1.2}
.home-monitor .desktop-welcome>span{font-size:1.8cqw;letter-spacing:.1em}
.home-monitor .desktop-welcome>strong{font-size:4.5cqw;line-height:1.25;margin:2cqw 0}
.home-monitor .desktop .desktop-icons{top:22%;right:5%;width:14%;gap:2.4cqw}
.home-monitor .desktop .desktop-icons>button{font-size:2.6cqw;gap:1cqw;padding:0}
.home-monitor .desktop .folder-icon{width:7.5cqw;height:5.3cqw}
.home-monitor .desktop .skill-folder:after{font-size:4cqw}
.home-monitor .desktop .desktop-dock{bottom:2cqw;height:var(--dock-h);padding:1.3cqw 2.5cqw 2.5cqw;gap:3cqw;border-radius:3cqw}
.home-monitor .desktop .mac-app-icon{width:7.3cqw;height:7.3cqw;font-size:5cqw}
.home-monitor .desktop .finder-face{border-bottom-width:1px}.home-monitor .desktop .finder-face:before,.home-monitor .desktop .finder-face:after{width:1px}
.home-monitor .desktop-dock small{display:none}
.home-monitor .desktop.has-window .desktop-welcome,.home-monitor .desktop.has-window .desktop-icons{visibility:hidden}
.home-monitor .desktop .desktop-window,.home-monitor .desktop .desktop-window.maximized{left:4%!important;width:92%;top:calc(var(--menu-h) + 2cqw)!important;bottom:calc(var(--dock-h) + 4cqw);height:auto}
.home-monitor .desktop .window-titlebar{display:flex;height:5cqw;min-height:5cqw;padding:0 2cqw;gap:2cqw}
.home-monitor .desktop .window-controls{gap:1cqw}
.home-monitor .desktop .window-controls button{width:2.6cqw;height:2.6cqw}
.home-monitor .finder-window-title strong{font-size:3cqw}
.home-monitor .finder-window-title>span,.home-monitor .finder-view-switch,.home-monitor .finder-search,.home-monitor .finder-sidebar,.home-monitor .finder-statusbar{display:none}
.home-monitor .desktop .window-content{grid-template-columns:minmax(0,1fr)}
.home-monitor .desktop .desktop-preview.finder-preview{display:none}
.home-monitor .finder-list{padding:1cqw}
.home-monitor .desktop .desktop-item{padding:1cqw;gap:2cqw;min-height:8cqw}
.home-monitor .desktop .desktop-item strong{font-size:3cqw;line-height:1.5}
.home-monitor .desktop .desktop-item small{display:none}
.home-monitor .desktop .desktop-item>.item-glyph{width:6cqw;height:6cqw;padding:.3cqw}
.home-monitor .finder-list[data-view="grid"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:1cqw;padding:1cqw}
.home-monitor .desktop .finder-list[data-view="grid"] .item-glyph{width:8cqw;height:8cqw;min-height:0}

@container(max-width:440px){
 .computer-display .desktop-welcome{top:22%;width:65%;font-size:2cqw;line-height:1.2}
 .computer-display .desktop-welcome>strong{font-size:4cqw;line-height:1.25;margin:1.5cqw 0}
 .computer-display .desktop-welcome>p{display:none}
 .computer-display .desktop-welcome>span{font-size:2cqw}
 .computer-display .desktop .desktop-icons{top:20%;gap:2cqw}
 .computer-display .desktop .desktop-icons>button{font-size:2.5cqw;gap:1cqw}
 .computer-display .desktop .folder-icon{width:6.5cqw;height:4.5cqw}
 .computer-display .desktop .skill-folder:after{font-size:3.5cqw}
 .computer-display .desktop .desktop-dock{height:auto;bottom:2cqw;padding:1.5cqw 2.5cqw 3cqw;gap:3cqw}
 .computer-display .desktop .mac-app-icon{width:7cqw;height:7cqw;font-size:4.5cqw}
}

.miniapp-entry .miniapp-prompt{color:#dfc690;font-size:14px}
.miniapp-code img{border-radius:0}
.miniapp-entry .text-link{min-height:44px;display:inline-flex;align-items:center;gap:18px}
.zoom-bar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#zoom-demo-stop{margin-left:auto;color:#e2be75;flex-shrink:0}

@media(max-width:760px){
 .home-screen-launch{display:block;position:absolute;left:8.8%;top:12.9%;width:82.4%;height:53.35%;z-index:15;border:0;background:transparent;padding:0;border-radius:2px;cursor:pointer}
 .home-screen-launch:focus-visible{outline:2px solid #e9c783;outline-offset:3px}
 .intro-links .home-desktop-button{min-height:44px;font-size:12px;padding:10px 15px}
 .intro-links{flex-wrap:wrap}
 .desk-interaction-note{font-size:7px;flex-wrap:wrap;line-height:1.7}
 .home-book-hit{min-width:24px;min-height:24px}
 .home-book-hit>span{display:none}
 .home-record{min-height:24px}
 .home-monitor .desktop-mirror-launch{pointer-events:none}
 .profile-switch{gap:8px}.profile-switch button{min-height:44px;font-size:11px}
 .profile-kicker{white-space:normal;line-height:1.7}
 .profile-story{min-height:0}
 .profile-facts{flex-wrap:wrap;line-height:1.8}
 #desktop-zoom{width:100vw;height:100svh;max-height:100svh;border:0;border-radius:0;margin:0}
 .zoom-bar{height:50px;padding:0 14px;gap:10px}
 .zoom-bar>span{font-size:10px;letter-spacing:.6px}
 .zoom-bar>button{font-size:12px;min-height:44px;gap:12px;flex-shrink:0}
 #zoom-stage{height:calc(100% - 50px);padding:8px}
 .desktop.zoomed{--menu-h:32px;--dock-h:64px;--ui:13px;--small:11px}
 .desktop.zoomed .desktop-toolbar{font-size:11px;padding:0 10px}
 .desktop.zoomed .mac-menu-left{gap:10px}
 .desktop.zoomed .mac-menu-left>a,.desktop.zoomed .mac-menu-left>span:last-child{display:none}
 .desktop.zoomed .mac-menu-right{gap:9px}
 .desktop.zoomed .mac-menu-right button{min-width:32px;min-height:32px;font-size:19px}
 .desktop.zoomed .desktop-welcome{top:23%;left:8%;width:65%}
 .desktop.zoomed .desktop-welcome>strong{font-size:25px;margin:16px 0;line-height:1.35}
 .desktop.zoomed .desktop-welcome>span{font-size:8px}
 .desktop.zoomed .desktop-welcome>p{font-size:12px;line-height:1.9;max-width:185px}
 .desktop.zoomed .desktop-icons{top:16%;right:5%;width:52px;gap:20px}
 .desktop.zoomed .desktop-icons>button{min-width:44px;min-height:52px;font-size:11px;gap:5px}
 .desktop.zoomed .folder-icon{width:34px;height:24px}
 .desktop.zoomed .skill-folder:after{font-size:17px;left:30%;top:5%}
 .desktop.zoomed .desktop-dock{height:64px;bottom:10px;padding:8px 10px 12px;gap:14px;border-radius:16px}
 .desktop.zoomed .desktop-dock button{min-width:44px;min-height:44px;padding:3px}
 .desktop.zoomed .mac-app-icon{width:38px;height:38px;font-size:27px}
 .desktop.zoomed .desktop-dock small{display:none}
 .desktop.zoomed .desktop-window,.desktop.zoomed .desktop-window.maximized{left:2%!important;width:96%;top:42px!important;bottom:84px;height:auto;border-radius:9px}
 .desktop.zoomed .window-titlebar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:34px 44px;height:92px;min-height:92px;padding:6px 8px;gap:2px 6px;cursor:default}
 .desktop.zoomed .window-controls{gap:2px;grid-row:1;grid-column:1}
 .desktop.zoomed .window-controls button{width:28px;height:28px;border:0;background:transparent;font-size:14px;color:#5b5d5f;position:relative;isolation:isolate}
 .desktop.zoomed .window-controls button:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#ff5f57;left:7px;top:7px;z-index:-1}
 .desktop.zoomed .window-controls button:nth-child(2):before{background:#febc2e}
 .desktop.zoomed .window-controls button:nth-child(3):before{background:#28c840}
 .desktop.zoomed .finder-window-title{grid-column:2;grid-row:1}
 .desktop.zoomed .finder-window-title strong{font-size:13px}
 .desktop.zoomed .finder-window-title>span{display:none}
 .desktop.zoomed .finder-view-switch{grid-column:3;grid-row:1}
 .desktop.zoomed .finder-view-switch button{font-size:18px;min-width:30px;min-height:30px;padding:2px}
 .desktop.zoomed .finder-search{grid-column:1/-1;grid-row:2;width:auto;padding:5px 9px;min-height:44px;font-size:17px}
 .desktop.zoomed .finder-search input{font-size:16px;min-height:24px}
 .desktop.zoomed .window-content{grid-template-columns:76px minmax(0,1fr)}
 .desktop.zoomed .desktop-preview.finder-preview{display:none}
 .desktop.zoomed .finder-sidebar{padding:12px 6px;font-size:12px}
 .desktop.zoomed .finder-sidebar>span{font-size:9px;padding:0 4px;margin-bottom:7px}
 .desktop.zoomed .finder-sidebar>button{font-size:12px;min-height:44px;padding:7px 4px;gap:5px}
 .desktop.zoomed .finder-sidebar-bottom{display:none}
 .desktop.zoomed .finder-list{padding:5px}
 .desktop.zoomed .desktop-item{min-height:56px;padding:7px 5px;gap:8px}
 .desktop.zoomed .desktop-item strong{font-size:13px;white-space:normal}
 .desktop.zoomed .desktop-item small{font-size:10px}
 .desktop.zoomed .desktop-item>.item-glyph{width:30px;height:30px;padding:2px}
 .desktop.zoomed .item-kind{display:none}
 .desktop.zoomed .finder-list[data-view="grid"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}
 .desktop.zoomed .finder-list[data-view="grid"] .desktop-item{padding:10px 5px;min-height:90px;gap:8px}
 .desktop.zoomed .finder-list[data-view="grid"] .item-glyph{width:44px;height:44px}
 .desktop.zoomed .finder-list[data-view="grid"] strong{font-size:12px}
 .desktop.zoomed .finder-statusbar{padding:5px 9px;min-height:44px;font-size:10px;gap:6px}
 .desktop.zoomed .finder-statusbar>a{display:none}
 .desktop.zoomed .finder-statusbar button{min-height:32px;font-size:12px}
 .miniapp-entry{padding:20px 16px;gap:18px}
 .miniapp-entry>div{text-align:left}
 .miniapp-entry p{font-size:13px}
 .contact-account{min-width:0;gap:8px}
 .contact-links .douyin-contact{flex-wrap:wrap;gap:8px}
}

@media(max-width:370px){
 .header .personal-brand{font-size:13px;gap:7px}
 .personal-brand i{font-size:11px}
 .intro-copy h1.animated-name{font-size:25px;gap:.1em}
 .intro-chapter .profile-portrait{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}
 .profile-switch{gap:6px}.profile-switch button{font-size:10px}
 .contact-card b{font-size:11px;letter-spacing:.3px}
 .miniapp-entry h2{font-size:19px}
}