:root{--ink:#f9fbff;--night:#070b17}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--night);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}.love-page{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(58,80,152,.28),transparent 38%),linear-gradient(152deg,#111a33 0%,#050812 58%,#0b0f20 100%)}.love-page:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(2,4,10,.15),transparent 24%,transparent 76%,rgba(2,4,10,.3))}.code-backdrop{position:absolute;inset:17% 4% 10%;z-index:0;overflow:hidden;color:rgba(115,221,255,.18);font:clamp(10px,2.8vw,14px)/2.15 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;transform:perspective(600px) rotateX(2deg)}.code-backdrop:before{content:"01  02  03  04  05  06  07  08  09  10";display:block;color:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.06)}.code-backdrop span{display:block}.code-backdrop span:nth-child(2n){color:rgba(255,120,198,.17)}.code-backdrop span:nth-child(3n){color:rgba(171,244,134,.15)}.intro{position:relative;z-index:8;padding:max(26px,env(safe-area-inset-top)) 20px 0;text-align:center;animation:introIn .7s ease both}.intro p{margin:0 0 10px;color:rgba(221,231,255,.48);font-size:9px;font-weight:600;letter-spacing:.28em}.intro p span{color:#ff70ad}.intro h1{margin:0;color:#f8f9ff;font-family:"Songti SC",STSong,serif;font-size:clamp(24px,7vw,38px);font-weight:500;letter-spacing:.08em;text-shadow:0 5px 24px rgba(0,0,0,.45)}.intro small{display:block;margin-top:9px;color:rgba(223,228,245,.48);font-size:10px;letter-spacing:.12em}.heart-center{position:absolute;left:50%;top:49%;z-index:6;display:grid;place-items:center;transform:translate(-50%,-50%);text-align:center;opacity:0;animation:centerReveal 3.9s .5s ease both}.heart-center b{color:#fff;font-family:"Songti SC",STSong,serif;font-size:clamp(34px,11vw,62px);font-weight:500;letter-spacing:.18em;text-indent:.18em;text-shadow:0 0 26px rgba(255,103,170,.4)}.heart-center span{margin-top:7px;color:rgba(240,241,255,.54);font-size:9px;letter-spacing:.16em}.window-stage{position:absolute;inset:0;z-index:10;overflow:hidden}.love-window,.final-window{position:absolute;width:clamp(78px,25vw,106px);border:1px solid rgba(114,126,151,.64);border-radius:7px 7px 4px 4px;overflow:hidden;background:#e9edf3;box-shadow:0 -3px 0 rgba(239,242,247,.95),0 -6px 0 rgba(218,224,234,.88),0 5px 13px rgba(0,0,0,.32);color:#111522;will-change:left,top,transform,opacity}.window-bar{height:18px;display:flex;align-items:center;justify-content:space-between;padding:0 5px;color:#8290a8;background:linear-gradient(#fbfcfe,#dde3eb);border-bottom:1px solid rgba(101,115,138,.25);font:7px Arial,sans-serif}.window-bar span{color:#7384a2;font-size:8px}.window-bar i{color:#929dad;font-size:6px;font-style:normal}.love-window>p{min-height:25px;display:grid;place-items:center;margin:0;padding:4px 3px 3px;overflow:hidden;color:#10131d;background:var(--window-color);font-size:clamp(8px,2.45vw,11px);line-height:1.1;text-align:center;white-space:nowrap}.heart-window{left:var(--window-x);top:var(--window-y);opacity:0;transform:translate(-50%,-50%) scale(var(--window-scale)) rotate(var(--window-r));animation:buildHeart .72s cubic-bezier(.15,.75,.2,1) var(--window-delay) forwards}.overflow-window{left:var(--window-x);top:var(--window-y);opacity:0;transform:translate(-50%,-50%) scale(var(--window-scale)) rotate(var(--window-r));animation:fillScreen .52s cubic-bezier(.12,.72,.22,1) var(--window-delay) forwards}.final-window{left:50%;top:49%;z-index:400;width:min(74vw,300px);opacity:0;transform:translate(-50%,-50%) scale(.4);animation:finalPopup .65s 8.75s cubic-bezier(.15,.85,.2,1) forwards}.final-window .window-bar{height:22px;padding:0 8px}.final-window strong{display:block;padding:16px 12px 5px;color:#fff;background:linear-gradient(135deg,#f74ba0,#d8257e);font-family:"Songti SC",STSong,serif;font-size:clamp(20px,6vw,29px);font-weight:600;text-align:center;letter-spacing:.08em}.final-window>p{margin:0;padding:5px 10px 14px;color:rgba(255,255,255,.82);background:linear-gradient(135deg,#f74ba0,#d8257e);font-size:10px;text-align:center;letter-spacing:.1em}.replay-button{display:none;position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:600;height:42px;padding:0 18px;border:1px solid rgba(255,255,255,.46);border-radius:999px;color:#fff;background:rgba(12,17,32,.74);box-shadow:0 10px 30px rgba(0,0,0,.38);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translateX(-50%);font-size:11px;letter-spacing:.12em;cursor:pointer}.replay-button.show{display:block;animation:replayIn .42s ease both}.replay-button span{color:#ff70ad;margin-right:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes introIn{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}@keyframes centerReveal{0%{opacity:0;transform:translate(-50%,-45%) scale(.8)}28%,82%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}@keyframes buildHeart{0%{left:50%;top:14%;opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-8deg)}35%{opacity:1}100%{left:var(--window-x);top:var(--window-y);opacity:1;transform:translate(-50%,-50%) scale(var(--window-scale)) rotate(var(--window-r))}}@keyframes fillScreen{0%{left:50%;top:48%;opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(0)}40%{opacity:1}100%{left:var(--window-x);top:var(--window-y);opacity:1;transform:translate(-50%,-50%) scale(var(--window-scale)) rotate(var(--window-r))}}@keyframes finalPopup{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-4deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes replayIn{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}@media(max-height:680px){.intro{padding-top:18px}.intro small{margin-top:5px}.heart-center{top:51%}.love-window{width:clamp(72px,23vw,92px)}.window-bar{height:15px}.love-window>p{min-height:21px}}@media(prefers-reduced-motion:reduce){.heart-window,.overflow-window,.final-window,.heart-center,.intro,.replay-button{animation-duration:.01ms!important;animation-delay:0ms!important}}