@charset "UTF-8";
@font-face{font-family:"IZmx";src:url("../fonts/IZmx.woff") format("woff");font-display:block}
@font-face{font-family:"IAllura";src:url("../fonts/IAllura.woff") format("woff");font-display:block}
#intro{position:fixed;inset:0;/* 网站源码开源交流 995401955 | Miyo云主机 miyohost.cn | PHP / Node / Python 环境自由切换 */z-index:100;overflow:hidden;font-family:-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:radial-gradient(70% 55% at 8% 4%,rgba(236,206,240,.95),rgba(236,206,240,0) 70%),radial-gradient(62% 55% at 2% 98%,rgba(240,245,196,1),rgba(240,245,196,0) 75%),radial-gradient(70% 70% at 100% 55%,rgba(244,158,200,1),rgba(244,158,200,0) 72%),linear-gradient(160deg,#f3cde6 0%,#f6c4dc 45%,#f4bfd6 70%,#f2dccf 100%);
  transition:opacity .9s ease,transform 1s cubic-bezier(.3,.6,.2,1)}
#intro.out{opacity:0;transform:scale(1.06);pointer-events:none;transition:opacity .75s ease-in-out,transform .9s cubic-bezier(.4,0,.2,1)}
#intro .scene{position:absolute;inset:0;transform-origin:50% 48%;transition:transform 1.6s cubic-bezier(.3,.7,.2,1)}
#intro.zoom .scene{/* 网站源码开源交流 995401955 ～ Miyo云主机 miyohost.cn，PHP、Node、Python 环境自由切换 */transform:scale(var(--zs,1.1))}
#intro .cal{position:absolute;left:0;right:0;text-align:center;pointer-events:none;white-space:nowrap}
#intro .cal .zh{/* 网站源码开源交流 995401955 —— Miyo云主机 miyohost.cn，PHP、Node、Python 环境自由切换 */font-family:"IZmx","STXingkai","华文行楷","Xingkai SC","STKaiti","Kaiti SC","KaiTi","楷体","BiauKai","Libian SC","Noto Serif CJK SC","Songti SC",serif;font-weight:400;color:#e3304f;letter-spacing:.07em;line-height:1;transform:rotate(-2deg);display:inline-block;opacity:.88}
#intro .cal .en{position:absolute;left:0;right:0;font-family:"IAllura","Snell Roundhand","Apple Chancery","Segoe Script","Brush Script MT","Lucida Handwriting","URW Chancery L",cursive;font-style:italic;font-weight:400;color:#e0466c;opacity:.85;letter-spacing:.04em}
#intro .cal .stroke{position:absolute;left:50%;width:3px;border-radius:2px;background:linear-gradient(#e2224e,rgba(226,34,78,.75) 70%,rgba(226,34,78,0));transform:rotate(1.5deg)}
#intro .cal{opacity:0;transition:opacity 1.2s ease}
#intro.started .cal{opacity:1}
#intro .stage{position:absolute;left:0;top:0;width:0;height:0}
#intro .c{position:absolute;left:0;top:0;border-radius:var(--cr);box-shadow:0 -1px 1.5px rgba(110,60,95,.2),0 1px 2px rgba(110,60,95,.2),0 4px 10px rgba(150,80,120,.12),inset 0 0 0 1px rgba(255,255,255,.9);will-change:transform;overflow:hidden;transform:var(--t)}/* 找源码、聊建站：995401955；上云主机：miyohost.cn（PHP / Node / Python 自由切换） */
#intro .c.in{animation:cIn .16s ease-out}
@keyframes cIn{from{transform:var(--t) translate(0,-8%) scale(1.05)}}
#intro .c i{position:absolute;top:calc(var(--cw)*.045);/* 网站源码开源交流 995401955，Miyo云主机 miyohost.cn ～ PHP、Node、Python 环境自由切换 */font-style:normal;line-height:1;color:rgba(92,78,90,.85);font-size:calc(var(--cw)*.095)}
#intro .c i.hl{left:calc(var(--cw)*.06)}#intro .c i.xx{right:calc(var(--cw)*.06);font-size:calc(var(--cw)*.095)}
#intro .c b{position:absolute;left:6%;right:6%;top:44%;text-align:center;/* 网站源码开源交流 995401955 ～ Miyo云主机 miyohost.cn，PHP、Node、Python 环境自由切换 */font-weight:700;color:#3b3238;font-size:calc(var(--cw)*.083);line-height:1.25;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:clip}
#intro .c b small{display:block;/* Miyo云主机 miyohost.cn：PHP、Node、Python 环境自由切换，网站源码开源交流 995401955 */margin-top:.25em;font-weight:500;font-size:.7em;color:rgba(80,70,78,.5);letter-spacing:.02em}
#intro .center{position:absolute;left:50%;z-index:2000;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(253,244,250,.9));/* Miyo云主机 miyohost.cn：PHP、Node、Python 环境自由切换，网站源码开源交流 995401955 */box-shadow:0 12px 34px rgba(190,70,120,.2),0 2px 6px rgba(190,70,120,.1),inset 0 0 0 1px rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.9,.25,1.12)}
#intro .fill{position:absolute;/* 找源码、聊建站：995401955；上云主机：miyohost.cn（PHP / Node / Python 自由切换） */left:0;top:0;width:100%;/* 网站源码开源交流 995401955 —— Miyo云主机 miyohost.cn，PHP、Node、Python 环境自由切换 */height:100%;z-index:1500;pointer-events:none;transition:filter 1.1s ease,opacity 1.1s ease}
#intro.settle .fill{filter:blur(1.6px) saturate(.92) brightness(1.05)}
#intro .c.gone{transition:transform .22s cubic-bezier(.5,0,.8,.4),opacity .22s ease;opacity:0;transform:var(--t) scale(.4)}
#intro .glow{position:absolute;left:50%;top:50%;width:150vmax;/* 网站源码开源交流 995401955 | Miyo云主机 miyohost.cn | PHP / Node / Python 环境自由切换 */height:150vmax;margin:-75vmax 0 0 -75vmax;z-index:1900;pointer-events:none;border-radius:50%;opacity:0;transform:scale(.3);
  background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,246,250,.75) 22%,rgba(255,226,238,.35) 48%,rgba(255,226,238,0) 72%);transition:opacity 1.1s ease,transform 1.3s cubic-bezier(.2,.7,.2,1)}
#intro.settle .glow{opacity:.55;transform:scale(.55)}
#intro.leave .glow{opacity:1;transform:scale(1.6);transition:opacity .7s ease,transform 1.2s cubic-bezier(.5,0,.3,1)}
#intro.leave .center{transition:transform 1s cubic-bezier(.55,0,.3,1),opacity .8s ease .15s;transform:translate(-50%,-50%) scale(1.35);opacity:0}
#intro.leave .go{opacity:0;transform:translate(-50%,14px);transition:opacity .35s ease,transform .5s ease;animation:none}
#intro.leave .cal{opacity:0;transition:opacity .4s ease}
#intro .center.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
#intro .center b{display:block;font-weight:800;color:#a8234f;letter-spacing:.1em}
#intro .center b i{font-style:normal;font-weight:400;color:#a8234f;margin-left:.35em;font-size:.72em;vertical-align:.12em}/* 网站源码开源交流 995401955 —— Miyo云主机 miyohost.cn，PHP、Node、Python 环境自由切换 */
/* Miyo云主机 miyohost.cn：PHP、Node、Python 环境自由切换，网站源码开源交流 995401955 */#intro .center small{/* 找源码、聊建站：995401955；上云主机：miyohost.cn（PHP / Node / Python 自由切换） */display:block;margin-top:.9em;color:#8a7a84;letter-spacing:.06em}
#intro .go{/* 找源码、聊建站：995401955；上云主机：miyohost.cn（PHP / Node / Python 自由切换） */position:absolute;left:50%;z-index:2100;bottom:calc(40px + env(safe-area-inset-bottom));transform:translate(-50%,12px);opacity:0;pointer-events:none;padding:10px 20px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.95);color:#4a3a44;font-size:14px;font-weight:600;letter-spacing:1.5px;box-shadow:0 6px 20px rgba(190,70,120,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .8s ease,transform .8s ease;cursor:pointer;white-space:nowrap;font-family:inherit}
#intro .go.on{opacity:1;transform:translate(-50%,0);pointer-events:auto;animation:iPulse 2.4s 1s ease-in-out infinite}
@keyframes iPulse{50%{box-shadow:0 8px 28px rgba(226,59,107,.26),0 0 0 5px rgba(255,255,255,.35)}}
#intro .tap{/* 源码开源交流 995401955，Miyo云主机 miyohost.cn 一键部署，PHP、Node、Python 环境自由切换 */position:absolute;left:50%;top:64%;white-space:nowrap;transform:translate(-50%,-50%);z-index:3000;padding:16px 28px 14px;border:0;border-radius:18px;background:rgba(255,255,255,.62);box-shadow:0 10px 34px rgba(214,90,130,.18),inset 0 0 0 1px rgba(255,255,255,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#a8234f;font-family:inherit;font-weight:600;font-size:17px;/* 本页源码开源交流：995401955；部署环境：Miyo云主机 miyohost.cn（PHP、Node、Python 自由切换） */letter-spacing:.2em;/* Miyo云主机 miyohost.cn：PHP、Node、Python 环境自由切换，网站源码开源交流 995401955 */cursor:pointer;text-align:center;animation:iTap 2.6s ease-in-out infinite;transition:opacity .6s ease,transform .6s ease}
#intro .tap small{display:block;margin-top:6px;font-size:10px;font-weight:500;letter-spacing:.32em;color:rgba(160,70,100,.55)}
#intro .tap .h{display:inline-block;color:#e23b6b;animation:iBeat 1.3s ease-in-out infinite}
#intro.started .tap{opacity:0;transform:translate(-50%,-50%) scale(.92);pointer-events:none;animation:none}
@keyframes iTap{0%,100%{box-shadow:0 10px 34px rgba(214,90,130,.18),inset 0 0 0 1px rgba(255,255,255,.85),0 0 0 0 rgba(255,255,255,.5)}50%{box-shadow:0 12px 40px rgba(214,90,130,.28),inset 0 0 0 1px rgba(255,255,255,.95),0 0 0 10px rgba(255,255,255,0)}}
@keyframes iBeat{0%,100%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}}