/* Native AnZhiYu colors and geometry, with light interaction effects. */
.z-local-clock{font-size:11px;color:var(--anzhiyu-secondtext);margin-left:18px;white-space:nowrap;font-variant-numeric:tabular-nums}
#loading-box .z-intro{display:none;position:fixed;inset:0;width:100%;height:100%;z-index:10001;align-items:center;justify-content:center;background:var(--anzhiyu-background);overflow:hidden;transition:opacity .25s,visibility .25s;animation:none}
.z-intro-active #loading-box:not(.loaded) .z-intro{display:flex;opacity:1}
#loading-box .z-intro-content{text-align:center;position:relative;z-index:1}
#loading-box .z-intro-avatar{width:76px;height:76px;border-radius:50%;border:4px solid var(--anzhiyu-card-bg);box-shadow:var(--anzhiyu-shadow-border);animation:z-intro-rise .5s both}
.z-intro-name{font-size:50px;line-height:1.2;margin-top:20px;font-weight:800;letter-spacing:-2px;color:var(--anzhiyu-fontcolor)}
.z-intro-name span{display:inline-block;animation:z-intro-rise .45s both}.z-intro-name span:nth-child(2){animation-delay:.05s}.z-intro-name span:nth-child(3){animation-delay:.1s}.z-intro-name span:nth-child(4){animation-delay:.15s}.z-intro-name span:nth-child(5){animation-delay:.2s}.z-intro-name span:nth-child(6){animation-delay:.25s}
.z-intro-line{height:3px;border-radius:3px;background:var(--anzhiyu-main);width:40px;margin:20px auto;transform-origin:center;animation:z-intro-line 1s ease both}
.z-intro-content p{color:var(--anzhiyu-secondtext);font-size:12px;letter-spacing:2px;animation:z-intro-rise .5s .25s both}
.z-intro-orbit{position:absolute;width:380px;height:380px;border:1px solid var(--anzhiyu-card-border);border-radius:50%;box-shadow:0 0 0 65px var(--anzhiyu-main-op);opacity:.4;animation:z-intro-orbit 1.3s ease-out both}
.z-intro-skip{position:absolute;right:28px;bottom:28px;padding:10px 16px;min-height:42px;border:var(--style-border);border-radius:8px;background:var(--anzhiyu-card-bg);color:var(--anzhiyu-secondtext);cursor:pointer;font:inherit;font-size:12px}
@keyframes z-intro-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes z-intro-line{0%{transform:scaleX(0)}60%{transform:scaleX(2)}100%{transform:scaleX(1)}}
@keyframes z-intro-orbit{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:.4}}
/* Air conditioner: match the theme cards instead of a separate glass panel. */
#z-air-room{background:var(--anzhiyu-secondbg);color:var(--anzhiyu-fontcolor);border:var(--style-border);border-radius:12px;box-shadow:var(--anzhiyu-shadow-border)}
#z-air-room .z-air-controls{background:var(--anzhiyu-card-bg);border:var(--style-border);border-radius:12px;backdrop-filter:none;box-shadow:var(--anzhiyu-shadow-border)}
#z-air-room .z-air-controls button,#z-air-room .z-air-controls select{background:var(--anzhiyu-secondbg);border:var(--style-border);color:var(--anzhiyu-fontcolor);border-radius:8px;transition:background .18s,transform .18s,border-color .18s}
#z-air-room .z-air-controls button:active{transform:scale(.95)}
#z-air-room .z-air-controls button:hover{background:var(--anzhiyu-main-op);border-color:var(--anzhiyu-main)}
#z-air-room .z-air-controls button[aria-pressed=true]{background:var(--anzhiyu-main-op);color:var(--anzhiyu-main);border-color:var(--anzhiyu-main)}
#z-air-room #z-air-power{background:var(--anzhiyu-main);color:var(--anzhiyu-white);border-radius:50%}
#z-air-room .z-air-set,#z-air-room .z-air-controls label{color:var(--anzhiyu-fontcolor)}
#z-air-room .z-air-unit{border:var(--style-border);box-shadow:0 12px 25px #0001,inset 0 -3px 4px #0001;background:linear-gradient(180deg,var(--anzhiyu-card-bg),var(--anzhiyu-secondbg));border-radius:16px 16px 23px 23px}
#z-air-room .z-air-brand{color:var(--anzhiyu-secondtext)}
#z-air-room .z-air-display{color:var(--anzhiyu-secondtext);opacity:.4}
#z-air-room.is-on .z-air-display{color:var(--anzhiyu-main);opacity:1;text-shadow:none}
#z-air-room .z-air-vent{background:var(--anzhiyu-gray);border-color:var(--anzhiyu-card-bg);opacity:.5}
#z-air-room .z-air-breeze i{background:linear-gradient(var(--anzhiyu-main),transparent)}
#z-air-room .z-air-beep-note{font-size:11px;text-align:center;margin-top:12px;color:var(--anzhiyu-secondtext)}
/* The native music page takes its final layout before the player arrives. */
body[data-type=music] #anMusic-page{min-height:calc(100svh - 170px);position:relative}
body[data-type=music] #an_music_bg{background-color:var(--anzhiyu-background);background-image:url('/img/3z1in6-coast.jpg');filter:blur(32px) brightness(.55)}
#an_music_bg{width:120%;height:120%;top:-10%;left:-10%;filter:blur(32px)}
#anMusic-page .z-music-skeleton{display:grid;grid-template-columns:60% 40%;position:absolute;inset:0;min-height:430px;pointer-events:none;color:#fff}
.z-skeleton-list{padding:25px 25px 0 0;display:flex;flex-direction:column;gap:20px}.z-skeleton-list span{height:55px;border-radius:8px;background:#ffffff10;animation:z-skeleton-pulse 1.5s ease-in-out infinite alternate}
.z-skeleton-album{text-align:center;display:flex;align-items:center;flex-direction:column;padding:0 20px;gap:20px}.z-skeleton-cover{width:180px;height:180px;border-radius:12px;background:#ffffff15}.z-skeleton-album>span{width:70%;height:28px;border-radius:6px;background:#ffffff12}.z-skeleton-album small{opacity:.6;font-size:12px}
#anMusic-page #anMusic-page-meting{opacity:0;transition:opacity .18s}
#anMusic-page.player-ready #anMusic-page-meting{opacity:1}
#anMusic-page.player-ready .z-music-skeleton{display:none}
@keyframes z-skeleton-pulse{to{opacity:.4}}
/* Pause native moving backgrounds outside view or when motion is reduced. */
html.z-page-hidden #skills-tags-group-all .tags-group-wrapper{animation-play-state:paused!important}
@media(max-width:768px){.z-local-clock{display:none}.z-intro-name{font-size:42px}.z-intro-orbit{width:280px;height:280px}#anMusic-page .z-music-skeleton{display:block}.z-skeleton-list{display:none}.z-skeleton-album{padding-top:30px}}
@media(prefers-reduced-motion:reduce){#loading-box .z-intro{display:none!important}.z-skeleton-list span{animation:none}#skills-tags-group-all .tags-group-wrapper{animation:none!important}.z-air-breeze i{animation:none!important}}