:root{--pink: #ff7eb6;--pink-soft: #ffb6d9;--pink-pale: #f7d7ff;--purple: #9b5de5;--purple-deep: #5a189a;--cream: #fff0f6;--blush: #ffe4f1;--ink: #5e3257;--ink-soft: #8a4f80;--gold: #ffd479;--panel-bg: rgba(255, 250, 253, .92);--panel-edge: #ffb6d9;--panel-header-a: #ff9ecb;--panel-header-b: #c98be6;--bg-top: #6e4bb8;--bg-mid: #b07cc9;--bg-bottom: #ffd0e6;--r-lg: 22px;--r-md: 16px;--r-sm: 10px;--shadow-panel: 0 10px 26px rgba(124, 58, 137, .22);--shadow-soft: 0 6px 16px rgba(180, 90, 160, .25);--glow-pink: 0 0 18px rgba(255, 126, 182, .65);--font-display: "Ma Shan Zheng", "STKaiti", "KaiTi", "楷体", "ZCOOL KuaiLe", cursive, serif;--font-cute: "ZCOOL KuaiLe", "Ma Shan Zheng", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Heiti SC", system-ui, sans-serif}:root[data-theme=galaxy]{--bg-top: #3a1f6e;--bg-mid: #6b3aa0;--bg-bottom: #b06ab3;--pink: #ff9ad4;--panel-header-a: #a36ad6;--panel-header-b: #6f4fc9}:root[data-theme=strawberry]{--bg-top: #ff9ec4;--bg-mid: #ffb6d9;--bg-bottom: #fff0f6;--purple: #ff6fa5;--panel-header-a: #ff8fbf;--panel-header-b: #ff9ad4}:root[data-theme=mint]{--bg-top: #7ad0c8;--bg-mid: #aee6e0;--bg-bottom: #ffe4f1;--pink: #ff8fc0;--purple: #5bb8c9;--panel-header-a: #8fd6cf;--panel-header-b: #ff9ecb}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--bg-mid);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:var(--pink-soft);color:#fff}.sky-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background:radial-gradient(120% 80% at 50% -10%,rgba(255,255,255,.35),transparent 60%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-mid) 45%,var(--bg-bottom) 100%);transition:background .8s ease}.sky-stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(2px 2px at 70% 18%,#fff6fb,transparent),radial-gradient(1.5px 1.5px at 40% 60%,#ffe9f6,transparent),radial-gradient(1.5px 1.5px at 85% 50%,#fff,transparent),radial-gradient(2px 2px at 55% 80%,#fff2fb,transparent),radial-gradient(1px 1px at 12% 75%,#fff,transparent),radial-gradient(1.5px 1.5px at 92% 82%,#ffe9f6,transparent),radial-gradient(2px 2px at 33% 12%,#fff,transparent);background-repeat:no-repeat;animation:twinkle 4.5s ease-in-out infinite;opacity:.9}.sky-clouds{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(50% 30% at 15% 22%,rgba(255,214,235,.55),transparent 70%),radial-gradient(45% 26% at 82% 30%,rgba(247,215,255,.5),transparent 70%),radial-gradient(60% 34% at 50% 95%,rgba(255,224,240,.6),transparent 70%);filter:blur(2px);animation:drift 22s ease-in-out infinite alternate}.sky-shimmer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 48%,transparent 66%);background-size:280% 280%;animation:shimmer 9s linear infinite;mix-blend-mode:screen}.app-shell{position:relative;min-height:100%;max-width:1260px;margin:0 auto;padding:14px 16px 60px}.section{max-width:1100px;margin:0 auto;padding:8px 4px 48px}.page-enter{animation:pageFade .5s ease both}.script{font-family:var(--font-display)}.cute{font-family:var(--font-cute)}.sparkle-text{background:linear-gradient(92deg,#ff5fa2,#c66ff0 45%,#ff8fc7 75%,#ff5fa2);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hueShift 6s linear infinite}.divider-lace{height:18px;background-repeat:repeat-x;background-size:36px 18px;background-image:radial-gradient(circle at 18px 0,rgba(255,255,255,.9) 7px,transparent 8px);opacity:.7;margin:8px 0}.star-sep{display:inline-flex;align-items:center;gap:8px;color:var(--pink)}.star-sep:before,.star-sep:after{content:"✦ · ✦ · ✦";letter-spacing:2px;font-size:11px;opacity:.7}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:linear-gradient(var(--pink),var(--purple));border-radius:999px;border:3px solid var(--cream)}::-webkit-scrollbar-track{background:var(--blush)}.center{text-align:center}.muted{color:var(--ink-soft)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.stack{display:flex;flex-direction:column;gap:10px}.pill{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--blush);border:1px solid var(--pink-soft);font-size:12px;color:var(--ink)}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:1}}@keyframes drift{0%{transform:translate(-14px)}to{transform:translate(14px)}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:280% 50%}}@keyframes hueShift{0%{background-position:0% center}to{background-position:220% center}}@keyframes pageFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floatUp{0%{transform:translateY(0) scale(.7);opacity:0}12%{opacity:.95}to{transform:translateY(-115vh) scale(1.05);opacity:0}}@keyframes petalFall{0%{transform:translateY(-8vh) translate(0) rotate(0);opacity:0}10%{opacity:.9}to{transform:translateY(112vh) translate(40px) rotate(420deg);opacity:.1}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #ff7eb600}50%{box-shadow:0 0 22px #ff7eb6bf}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes burstOut{0%{transform:translate(0) scale(.3);opacity:1}to{transform:translate(var(--bx),var(--by)) scale(1);opacity:0}}@keyframes heartPop{0%{transform:scale(.4);opacity:0}40%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes ribbonWave{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:40}.fx-heart,.fx-petal{position:absolute;bottom:-40px;will-change:transform,opacity}.fx-heart{animation:floatUp linear infinite}.fx-petal{top:-40px;bottom:auto;animation:petalFall linear infinite}.burst{position:absolute;left:50%;top:42%;pointer-events:none;z-index:5}.burst span{position:absolute;width:9px;height:9px;margin:-4px;border-radius:50%;background:radial-gradient(circle,#fff,var(--pink));animation:burstOut .7s ease-out forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.site-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:6px 10px 10px;flex-wrap:wrap}.brand{display:flex;align-items:flex-end;gap:10px}.brand h1{margin:0;font-family:var(--font-display);font-size:clamp(26px,4vw,44px);line-height:1;color:#fff;text-shadow:0 2px 0 #d977b3,0 0 16px rgba(255,180,217,.9);letter-spacing:2px}.brand .brand-en{font-family:var(--font-display);font-size:18px;color:#ffe4f1;transform:rotate(-6deg) translateY(-4px);text-shadow:0 1px 4px rgba(120,50,110,.5)}.brand .butterfly{font-size:26px;animation:bob 3s ease-in-out infinite}.top-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.top-link{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12.5px;color:#fff;border-radius:999px;background:#ffffff29;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:.18s;white-space:nowrap}.top-link:hover{background:#ffffff52;transform:translateY(-1px)}.together-badge{margin-top:4px;font-size:12.5px;color:#fff;text-shadow:0 1px 4px rgba(120,50,110,.5)}.together-badge b{color:#fff3a8;font-size:14px}.ribbon-nav{display:flex;gap:4px;flex-wrap:wrap;padding:8px 12px;margin:4px 6px 12px;border-radius:999px;background:linear-gradient(180deg,#ffffffd9,#ffe8f4d9);border:2px solid #fff;box-shadow:var(--shadow-soft),inset 0 0 0 2px var(--pink-soft)}.ribbon-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--ink);transition:.18s}.ribbon-tab .ico{font-size:15px}.ribbon-tab:hover{background:var(--blush);transform:translateY(-1px)}.ribbon-tab.active{color:#fff;background:linear-gradient(180deg,var(--panel-header-a),var(--panel-header-b));box-shadow:var(--glow-pink);animation:ribbonWave 2.4s ease-in-out infinite}.marquee{display:flex;align-items:center;gap:10px;margin:0 6px 14px;padding:6px 12px;border-radius:999px;background:#ffffffb3;border:1.5px dashed var(--pink);overflow:hidden;font-size:13px}.marquee .tag{flex:none;padding:2px 10px;border-radius:999px;background:var(--pink);color:#fff;font-weight:700;font-size:12px}.marquee-viewport{flex:1;min-width:0;overflow:hidden;position:relative;-webkit-mask:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.marquee .track{display:inline-block;white-space:nowrap;will-change:transform;animation:marquee 34s linear infinite}.marquee .track .sep{color:var(--pink)}.marquee:hover .track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.panel{position:relative;background:var(--panel-bg);border-radius:var(--r-lg);box-shadow:var(--shadow-panel);border:2px solid #fff;outline:2px solid var(--panel-edge);outline-offset:-6px;margin-bottom:16px;overflow:hidden}.panel-head{display:flex;align-items:center;gap:8px;padding:9px 14px;background:linear-gradient(180deg,var(--panel-header-a),var(--panel-header-b));color:#fff}.panel-head .ph-ico{font-size:16px;filter:drop-shadow(0 1px 1px rgba(120,40,100,.4))}.panel-head h3{margin:0;font-size:16px;font-family:var(--font-cute);letter-spacing:1px;text-shadow:0 1px 2px rgba(150,60,120,.45)}.panel-head .ph-extra{margin-left:auto;font-size:12px;opacity:.95}.panel-body{padding:14px}.panel.lace:after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background-repeat:repeat-x;background-size:24px 12px;background-image:radial-gradient(circle at 12px -2px,#fff 7px,transparent 8px);pointer-events:none}.gbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border:none;border-radius:999px;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(180deg,#ffa6d2 0%,var(--pink) 55%,#e85ea0 100%);box-shadow:0 5px #c64f8c,0 8px 16px #c8509666,inset 0 2px 3px #fffc;text-shadow:0 1px 2px rgba(160,50,110,.5);transition:transform .12s,box-shadow .12s;overflow:hidden}.gbtn:before{content:"";position:absolute;top:3px;left:10%;right:10%;height:38%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.85),transparent);pointer-events:none}.gbtn:hover{transform:translateY(-2px)}.gbtn:active{transform:translateY(3px);box-shadow:0 2px #c64f8c,0 4px 8px #c8509666,inset 0 2px 3px #fffc}.gbtn.purple{background:linear-gradient(180deg,#c79bf0 0%,var(--purple) 55%,#7b3fc4 100%);box-shadow:0 5px #6a32ad,0 8px 16px #783cb466,inset 0 2px 3px #ffffffb3}.gbtn.purple:active{box-shadow:0 2px #6a32ad,0 4px 8px #783cb466,inset 0 2px 3px #ffffffb3}.gbtn.ghost{color:var(--ink);background:linear-gradient(180deg,#fff,var(--blush));box-shadow:0 4px 0 var(--pink-soft),0 6px 12px #c878aa4d,inset 0 2px 3px #fff;text-shadow:none}.gbtn.ghost:active{box-shadow:0 1px 0 var(--pink-soft),0 3px 8px #c878aa4d,inset 0 2px 3px #fff}.gbtn.sm{padding:6px 14px;font-size:13px;box-shadow:0 3px #c64f8c,0 5px 10px #c8509659,inset 0 1px 2px #fffc}.gbtn.block{width:100%}.counter{display:inline-flex;gap:4px;padding:8px 10px;border-radius:10px;background:linear-gradient(180deg,#5a2a55,#3a1838);box-shadow:inset 0 2px 6px #0009}.counter .digit{width:26px;height:38px;display:grid;place-items:center;border-radius:5px;background:linear-gradient(180deg,#2a1228,#160a16 50%,#2a1228 50%,#160a16);color:#ffd0ec;font-family:Courier New,monospace;font-weight:700;font-size:22px;text-shadow:0 0 8px rgba(255,140,200,.9);box-shadow:inset 0 0 0 1px #ffffff14}.moodbox{display:flex;gap:12px;align-items:center}.moodbox .mood-emoji{font-size:40px;filter:drop-shadow(0 4px 6px rgba(200,100,160,.4));animation:bob 3.4s ease-in-out infinite}.moodbox .mood-text{flex:1}.mood-hearts{display:flex;gap:3px;margin-top:4px}.mood-hearts span{font-size:12px}.player{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.vinyl{position:relative;width:92px;height:92px;border-radius:50%;flex:none;background:repeating-radial-gradient(circle at 50% 50%,#2a1228 0,#2a1228 2px,#3a1a36 2px,#3a1a36 4px);box-shadow:0 6px 14px #5a1e4680,inset 0 0 0 3px #1c0d1a;display:grid;place-items:center}.vinyl.spin{animation:spin 4s linear infinite}.vinyl:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:conic-gradient(from 0deg,#ffb6d9,#c98be6,#ffb6d9,#9b5de5,#ffb6d9);opacity:.25}.vinyl .label{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,#fff 18%,var(--pink) 20%,var(--purple));display:grid;place-items:center;font-size:16px;box-shadow:0 0 0 3px #1c0d1a}.player-info{flex:1;min-width:180px}.player-info .song{font-family:var(--font-cute);font-size:17px;color:var(--ink)}.player-info .artist{font-size:12px;color:var(--ink-soft)}.progress{height:8px;border-radius:999px;background:var(--blush);overflow:hidden;margin:8px 0 4px;border:1px solid var(--pink-soft)}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:999px;transition:width .3s linear}.player-ctrls{display:flex;gap:8px;align-items:center;justify-content:center}.pbtn{width:38px;height:38px;border-radius:50%;border:none;background:linear-gradient(180deg,#fff,var(--blush));box-shadow:var(--shadow-soft),inset 0 1px 2px #fff;color:var(--pink);font-size:15px;display:grid;place-items:center;transition:.15s}.pbtn:hover{transform:translateY(-2px);color:var(--purple)}.pbtn.big{width:52px;height:52px;font-size:20px;background:linear-gradient(180deg,#ffa6d2,var(--pink));color:#fff}.playlist{margin-top:10px;border-top:1px dashed var(--pink-soft);padding-top:8px}.playlist .track-row{display:flex;gap:8px;align-items:center;padding:5px 8px;border-radius:8px;font-size:13px;cursor:pointer}.playlist .track-row:hover{background:var(--blush)}.playlist .track-row.active{background:var(--pink-soft);color:#fff}.hero{position:relative;text-align:center;padding:24px 16px 28px}.hero .balloons{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:30px;opacity:.85;animation:bob 4s ease-in-out infinite}.hero h2{margin:18px 0 6px;font-family:var(--font-display);font-size:clamp(38px,7vw,76px);line-height:1.05;letter-spacing:4px}.hero .subtitle{font-family:var(--font-cute);font-size:clamp(16px,2.4vw,24px);color:#b5418a;letter-spacing:2px}.hero .years{margin-top:6px;font-size:clamp(16px,2.2vw,22px);font-weight:700;color:var(--purple-deep);letter-spacing:1px}.hero .hero-btns{margin-top:22px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.home-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 270px;gap:16px;align-items:start}.home-col{display:flex;flex-direction:column;min-width:0}.profile-card .pc-top{display:flex;flex-direction:column;align-items:center;gap:6px}.profile-card .pc-name{font-family:var(--font-cute);font-size:18px;color:var(--ink)}.lovebar{margin-top:6px}.lovebar .lb-label{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft);margin-bottom:3px}.lovebar .lb-track{height:14px;border-radius:999px;background:var(--blush);border:1px solid var(--pink-soft);overflow:hidden}.lovebar .lb-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ff9ec4,var(--pink),var(--purple));box-shadow:0 0 10px #ff7eb6b3;transition:width .6s ease}.medal-wall{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.medal{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:16px;background:radial-gradient(circle at 35% 30%,#fff,var(--blush));border:2px solid var(--gold);box-shadow:var(--shadow-soft);cursor:default}.profile-line{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:3px 0;border-bottom:1px dashed var(--pink-soft)}.profile-line .k{color:var(--ink-soft)}.avatar-stage{position:relative;border-radius:var(--r-md);overflow:hidden;background:linear-gradient(180deg,#ffe9f6,#f7d7ff);box-shadow:inset 0 0 0 2px #fff,inset 0 0 24px #c878c840;display:grid;place-items:center;padding:10px}.avatar-stage svg{width:100%;height:auto;max-height:460px;filter:drop-shadow(0 8px 14px rgba(150,70,130,.3));animation:bob 5s ease-in-out infinite}.avatar-stage .stage-floor{position:absolute;bottom:14px;width:60%;height:18px;border-radius:50%;background:radial-gradient(ellipse,rgba(150,70,130,.28),transparent 70%)}.qqshow-layout{display:grid;grid-template-columns:260px 1fr 320px;gap:16px;align-items:start}.wardrobe-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.wtab{padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600;border:1.5px solid var(--pink-soft);background:#fff;color:var(--ink);transition:.15s}.wtab:hover{background:var(--blush)}.wtab.active{color:#fff;background:linear-gradient(180deg,var(--panel-header-a),var(--panel-header-b));border-color:transparent}.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:9px}.witem{position:relative;aspect-ratio:1 / 1;border-radius:12px;border:2px solid #fff;outline:2px solid var(--pink-soft);outline-offset:-5px;background:linear-gradient(180deg,#fff,var(--blush));box-shadow:var(--shadow-soft);display:grid;place-items:center;cursor:pointer;transition:.15s;overflow:hidden}.witem:hover{transform:translateY(-3px) scale(1.03)}.witem.selected{outline-color:var(--pink);box-shadow:var(--glow-pink)}.witem.selected:after{content:"✓";position:absolute;top:2px;right:4px;font-size:12px;color:#fff;background:var(--pink);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;box-shadow:var(--shadow-soft)}.witem .wlabel{position:absolute;bottom:0;left:0;right:0;font-size:10px;text-align:center;background:#ffffffd1;color:var(--ink);padding:1px 0}.witem svg{width:80%;height:80%}.witem .lock{position:absolute;top:0;right:0;bottom:0;left:0;background:#5a189a73;display:grid;place-items:center;font-size:20px;color:#fff}.wardrobe-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.timeline-strip{display:flex;gap:6px;overflow-x:auto;padding:6px 2px 12px}.tl-node{flex:1;min-width:120px;text-align:center;position:relative}.tl-node .star{color:var(--pink);font-size:18px}.tl-node .yr{font-weight:800;color:var(--purple-deep);font-size:15px}.tl-node .cap{font-size:12px;color:var(--ink-soft);line-height:1.4;margin-top:2px}.tl-node:before{content:"";position:absolute;top:9px;left:50%;width:100%;height:2px;background:repeating-linear-gradient(90deg,var(--pink) 0 6px,transparent 6px 12px);z-index:-1}.tl-node:last-child:before{display:none}.timeline-page{position:relative;padding:10px 0 40px}.tl-line{position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translate(-50%);background:repeating-linear-gradient(180deg,var(--pink) 0 10px,var(--pink-soft) 10px 20px);border-radius:999px;z-index:0}.tl-card-row{position:relative;display:flex;justify-content:flex-end;width:50%;margin:26px 0;z-index:1}.tl-card-row.right{margin-left:50%;justify-content:flex-start}.tl-dot{position:absolute;top:26px;right:-10px;width:20px;height:20px;border-radius:50%;background:var(--pink);border:3px solid #fff;box-shadow:var(--glow-pink);z-index:2}.tl-card-row.right .tl-dot{right:auto;left:-10px}.paper-card{position:relative;width:92%;background:linear-gradient(180deg,#fffdfa,#fff2f8);border-radius:14px;padding:14px;box-shadow:var(--shadow-panel);border:1px solid #ffe0ef;transform:rotate(var(--tilt, -1deg));transition:transform .2s}.paper-card:hover{transform:rotate(0) translateY(-3px)}.paper-card .tape{position:absolute;top:-12px;left:24px;width:64px;height:24px;background:#ffadd699;border:1px dashed rgba(255,255,255,.8);transform:rotate(-6deg)}.paper-card .pc-year{font-family:var(--font-display);font-size:26px;color:var(--purple-deep)}.paper-card .pc-title{font-family:var(--font-cute);font-size:17px;color:var(--pink);margin:2px 0 6px}.paper-card .pc-cap{font-size:13.5px;color:var(--ink)}.paper-card .sticker{position:absolute;font-size:22px;top:-10px;right:10px;transform:rotate(12deg);filter:drop-shadow(0 3px 4px rgba(0,0,0,.15))}.album-cats{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.clothesline{position:relative;display:flex;gap:8px;overflow-x:auto;padding:18px 4px 8px}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:20px 14px;padding:14px 4px}.polaroid{position:relative;background:#fff;padding:10px 10px 30px;border-radius:4px;box-shadow:0 8px 18px #783c6e47;transform:rotate(var(--tilt, -2deg));transition:transform .2s,box-shadow .2s}.polaroid:hover{transform:rotate(0) translateY(-4px) scale(1.02);box-shadow:0 14px 26px #783c6e57;z-index:3}.polaroid .pin{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:18px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.25))}.polaroid .clip{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:14px;height:28px;border-radius:4px;background:linear-gradient(180deg,#d9d9e6,#a9a9bd);box-shadow:0 2px 4px #0000004d}.polaroid .photo{width:100%;aspect-ratio:1 / 1;border-radius:2px;overflow:hidden;background:var(--blush)}.polaroid .photo img,.polaroid .photo svg{width:100%;height:100%;object-fit:cover;display:block}.polaroid .cap{font-family:var(--font-cute);text-align:center;font-size:14px;color:var(--ink);margin-top:8px}.polaroid .date{text-align:center;font-size:11px;color:var(--ink-soft)}.polaroid .heart-btn{position:absolute;bottom:6px;right:8px;border:none;background:none;font-size:16px;cursor:pointer;transition:transform .15s}.polaroid .heart-btn:active{transform:scale(1.4)}.polaroid .sticker{position:absolute;top:4px;right:4px;font-size:18px;transform:rotate(14deg)}.guestbook .msg{display:flex;gap:8px;padding:8px;border-radius:12px;background:linear-gradient(180deg,#fff,var(--blush));border:1px solid #ffe0ef;margin-bottom:8px}.guestbook .msg .gb-avatar{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:18px;background:radial-gradient(circle at 35% 30%,#fff,var(--pink-soft));border:2px solid #fff;box-shadow:var(--shadow-soft)}.guestbook .msg .gb-name{font-weight:700;font-size:13px;color:var(--pink)}.guestbook .msg .gb-time{font-size:10.5px;color:var(--ink-soft)}.guestbook .msg .gb-text{font-size:13px;color:var(--ink)}.gb-form{margin-top:8px}.gb-form textarea{width:100%;min-height:56px;resize:vertical;border-radius:12px;border:1.5px solid var(--pink-soft);padding:8px 10px;font-family:inherit;font-size:13px;color:var(--ink);background:#fff;outline:none}.gb-form textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px var(--blush)}.gb-form .gb-row{display:flex;gap:8px;align-items:center;margin-top:6px}.gb-form input[type=text]{flex:1;border-radius:999px;border:1.5px solid var(--pink-soft);padding:6px 12px;font-family:inherit;font-size:13px;outline:none}.giftbox{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.giftbox .gift-emoji{font-size:64px;display:inline-block;filter:drop-shadow(0 8px 10px rgba(150,60,120,.4));transition:transform .2s}.giftbox:hover .gift-emoji{animation:wiggle .5s ease-in-out infinite}.giftbox.opened .gift-emoji{animation:heartPop .6s ease both}.gift-reveal{margin-top:10px;padding:12px;border-radius:14px;background:linear-gradient(180deg,#fff,var(--blush));border:1.5px dashed var(--pink);font-size:14px;color:var(--ink);animation:pageFade .5s ease both}.letter-wrap{max-width:640px;margin:0 auto;perspective:1200px}.envelope{position:relative;margin:0 auto;width:100%;max-width:520px;aspect-ratio:3 / 2;background:linear-gradient(180deg,#ffd0e6,#ffb6d9);border-radius:12px;box-shadow:var(--shadow-panel);cursor:pointer;overflow:hidden}.envelope .flap{position:absolute;top:0;left:0;width:0;height:0;border-left:260px solid transparent;border-right:260px solid transparent;border-top:170px solid #ff9ec4;transform-origin:top;transition:transform .6s ease;z-index:3}.envelope.open .flap{transform:rotateX(180deg);z-index:0}.envelope .seal{position:absolute;top:64px;left:50%;transform:translate(-50%);width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8fb6,#c0306a);display:grid;place-items:center;color:#fff;font-size:20px;z-index:4;box-shadow:0 3px 6px #78143c80;transition:opacity .3s}.envelope.open .seal{opacity:0}.envelope .pocket{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(180deg,#ffc0dd,#ff9ec4);z-index:2;clip-path:polygon(0 40%,50% 100%,100% 40%,100% 100%,0 100%)}.envelope .hint{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#fff;font-size:13px;z-index:5;text-shadow:0 1px 3px rgba(150,40,90,.6)}.letter-paper{margin-top:18px;padding:26px 26px 30px;border-radius:12px;background:repeating-linear-gradient(180deg,transparent 0 30px,rgba(255,150,200,.25) 30px 31px),linear-gradient(180deg,#fffdf8,#fff5fb);box-shadow:var(--shadow-panel);border:1px solid #ffe0ef;position:relative;animation:pageFade .6s ease both}.letter-paper h3{font-family:var(--font-display);color:var(--purple-deep);margin:0 0 10px}.letter-paper p{font-family:var(--font-cute);color:#c0418a;font-size:16px;line-height:2;white-space:pre-wrap}.letter-paper .sign{text-align:right;margin-top:14px;font-family:var(--font-display);font-size:18px;color:var(--purple-deep)}.surprise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.countdown{display:flex;gap:8px;justify-content:center}.cd-cell{min-width:64px;text-align:center;padding:10px 6px;border-radius:12px;background:linear-gradient(180deg,var(--purple),var(--purple-deep));color:#fff;box-shadow:var(--shadow-soft)}.cd-cell b{display:block;font-size:26px;font-family:Courier New,monospace}.cd-cell span{font-size:11px;opacity:.9}.starmap{position:relative;height:180px;border-radius:14px;background:radial-gradient(circle at 30% 30%,#3a1f6e,#160a2e);overflow:hidden;box-shadow:inset 0 0 24px #00000080}.wish-wall{display:flex;flex-direction:column;gap:8px}.wish{padding:8px 12px;border-radius:12px;background:linear-gradient(180deg,#fff,var(--blush));border:1px solid #ffe0ef;font-size:13px}.site-foot{text-align:center;color:#fff;padding:18px 10px 8px;font-size:13px;text-shadow:0 1px 4px rgba(120,50,110,.5)}.site-foot .made{font-family:var(--font-cute);font-size:15px}.photo-ph{width:100%;height:100%;display:block}@media (max-width: 1080px){.home-grid{grid-template-columns:220px minmax(0,1fr)}.home-grid .home-col.right{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}.home-grid .home-col.right .panel{flex:1;min-width:240px}.qqshow-layout{grid-template-columns:1fr 1fr}.qqshow-layout .qq-stage-col{grid-column:1 / -1;order:-1}}@media (max-width: 720px){.home-grid,.qqshow-layout{grid-template-columns:1fr}.home-grid .home-col.right{flex-direction:column}.tl-line{left:18px}.tl-card-row,.tl-card-row.right{width:100%;margin-left:0;justify-content:flex-start;padding-left:36px}.tl-dot,.tl-card-row.right .tl-dot{left:9px;right:auto}.ribbon-nav{justify-content:center}.brand h1{font-size:30px}.top-links{width:100%;justify-content:center}}.sky-bg{background:radial-gradient(150% 110% at 50% 50%,transparent 52%,rgba(58,24,78,.42) 100%),radial-gradient(120% 80% at 50% -12%,rgba(255,255,255,.42),transparent 58%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-mid) 48%,var(--bg-bottom) 100%)}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;pointer-events:none;filter:blur(54px) saturate(1.35);opacity:1}.aurora-blob{position:absolute;width:58vw;height:58vw;border-radius:50%;mix-blend-mode:screen;opacity:.95;will-change:transform}.aurora-blob.b1{background:radial-gradient(circle,#ff9ecb,transparent 62%);top:-10%;left:-6%;animation:aur1 18s ease-in-out infinite}.aurora-blob.b2{background:radial-gradient(circle,#c79bf0,transparent 62%);top:8%;right:-10%;animation:aur2 22s ease-in-out infinite}.aurora-blob.b3{background:radial-gradient(circle,#ffd0e6,transparent 62%);bottom:-14%;left:18%;animation:aur3 26s ease-in-out infinite}.aurora-blob.b4{background:radial-gradient(circle,#9b7be0,transparent 60%);bottom:2%;right:14%;animation:aur1 20s ease-in-out infinite reverse}@keyframes aur1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(8vw,6vh) scale(1.18)}}@keyframes aur2{0%,to{transform:translate(0) scale(1.05)}50%{transform:translate(-7vw,8vh) scale(1.22)}}@keyframes aur3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(6vw,-7vh) scale(1.16)}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.panel{background:linear-gradient(180deg,#fffcfed1,#fff4fabd);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(255,255,255,.85);outline:none;border-radius:24px;box-shadow:0 1px #ffffffe6 inset,0 18px 40px -16px #7c3a8966,0 4px 12px -6px #7c3a894d}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:linear-gradient(140deg,#fffffff2,#ffb4d980 40%,#9b5de559);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.9}.panel-head{background:linear-gradient(180deg,color-mix(in srgb,var(--panel-header-a) 92%,white) 0%,var(--panel-header-b) 100%);position:relative}.panel-head:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent);pointer-events:none}.panel.lace:after{opacity:.5}.gbtn{isolation:isolate}.gbtn:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.65),transparent);transform:skew(-18deg);transition:left .6s ease;pointer-events:none}.gbtn:hover:after{left:130%}.ribbon-nav{background:linear-gradient(180deg,#ffffffb3,#ffe8f499);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 30px -14px #7c3a8973}.hero h2.hero-title{color:#c42d83;text-shadow:0 2px 0 rgba(255,255,255,.7),0 1px 12px rgba(255,126,182,.55),0 8px 28px rgba(155,93,229,.4);filter:drop-shadow(0 6px 18px rgba(155,93,229,.28))}.brand h1{background:linear-gradient(180deg,#fff,#ffe4f4 60%,#ffc7e6);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 1px #d977b3) drop-shadow(0 0 14px rgba(255,180,217,.8))}.avatar-stage.real{width:100%;max-width:320px;margin-inline:auto;position:relative;border-radius:var(--r-md);overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.5),transparent 60%),linear-gradient(180deg,#ffe9f6,#f3d9ff)}.real-layers{position:absolute;top:8px;right:8px;bottom:8px;left:8px}.real-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.clickspark-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999}.loader{display:grid;place-items:center;min-height:240px;gap:12px;color:var(--ink-soft)}.loader .ring{width:44px;height:44px;border-radius:50%;border:4px solid var(--blush);border-top-color:var(--pink);animation:spin .9s linear infinite}.witem img{width:100%;height:100%;object-fit:contain;padding:4px}.diary-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.diary-photo{position:relative;margin:0;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;border:3px solid #fff;box-shadow:var(--shadow-soft)}.diary-photo img{width:100%;height:100%;object-fit:cover;display:block}.diary-del{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#5a189a9e;color:#fff;font-size:12px;cursor:pointer;display:grid;place-items:center}.diary-del:hover{background:var(--pink)}.mood-pick{border:none;background:var(--blush);border-radius:50%;width:32px;height:32px;font-size:17px;cursor:pointer;outline-offset:2px}.mood-pick:hover{transform:scale(1.12)}.diary-textarea{width:100%;min-height:96px;resize:vertical;border-radius:14px;border:1.5px solid var(--pink-soft);padding:10px 12px;font-family:var(--font-cute);font-size:15px;line-height:1.8;color:var(--ink);background:repeating-linear-gradient(180deg,transparent 0 31px,rgba(255,150,200,.18) 31px 32px),#fffdf8;outline:none}.diary-textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px var(--blush)}.diary-entry{background:linear-gradient(180deg,#fffdf8,#fff4fa);border:1px solid #ffe0ef;border-radius:14px;padding:10px 14px;margin-bottom:10px;box-shadow:var(--shadow-soft)}.diary-entry-head{display:flex;justify-content:space-between;align-items:center;color:var(--ink-soft);font-size:13px;margin-bottom:4px}.diary-entry p{margin:0;white-space:pre-wrap;font-family:var(--font-cute);color:#b5418a;line-height:1.85}.diary-del-text{border:none;background:none;color:var(--ink-soft);font-size:12px;cursor:pointer}.diary-del-text:hover{color:var(--pink)}.dressup-toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%);z-index:70;background:linear-gradient(180deg,var(--pink),var(--purple));color:#fff;padding:10px 22px;border-radius:999px;box-shadow:var(--shadow-panel);animation:heartPop .4s ease both;font-family:var(--font-cute)}a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible,.witem:focus-visible{outline:3px solid var(--purple);outline-offset:2px;border-radius:8px}.brand h1,.hero h2,.hero .subtitle,.panel-head h3,.paper-card .pc-title,.letter-paper h3{text-wrap:balance}.ribbon-tab{min-height:40px}.wtab,.top-link{min-height:34px;display:inline-flex;align-items:center}.star-border{position:relative;display:inline-block;padding:4px 16px;border-radius:999px;isolation:isolate}.star-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--sb-a, 0deg),transparent 0 65%,#ffd479 75%,#fff 82%,#ff7eb6 90%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:sbspin 3.2s linear infinite;z-index:-1}@property --sb-a{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes sbspin{to{--sb-a: 360deg}}@media (max-width: 720px){.panel{border-radius:20px}}@media (prefers-reduced-motion: reduce){.aurora-blob,.star-border:before,.gbtn:after,.vinyl.spin{animation:none!important}}:root{--ink: #4a4350;--ink-soft: #8a7e8c;--pink: #d98aa6;--pink-soft: #f0cdd9;--pink-pale: #f6e6ec;--blush: #f6ece2;--cream: #faf5ec;--purple: #a98fc0;--purple-deep: #6b577f;--panel-header-a: #bda1d4;--panel-header-b: #9a7eba;--line: #4a4350}body{color:var(--ink);background:#efe8db}::selection{background:#e9b9cb;color:#4a4350}.soft-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background-color:#efe8db;background-repeat:no-repeat;background-position:right center;background-size:cover}.soft-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(74,67,80,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(74,67,80,.05) 1px,transparent 1px);background-size:26px 26px}.soft-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#faf5ec8c,#faf5ec33 42%,#faf5ec00 72%)}.sky-stars,.sky-clouds,.sky-shimmer,.aurora,.fx-layer{display:none!important}body:after{display:none}.panel{background:#efe9dd;backdrop-filter:none;-webkit-backdrop-filter:none;border:2px solid;border-color:#fffefb #837866 #837866 #fffefb;border-radius:2px;outline:none;box-shadow:inset 1px 1px #fff,inset -1px -1px #c7bda9,2px 3px #4a435038;overflow:hidden;padding:2px}.panel:before{display:none}.panel.lace:after{display:none}.panel-head{background:linear-gradient(180deg,#c9b2dd,#ab90c8 52%,#9577b6);color:#fff;border:none;border-radius:0;padding:3px 4px 3px 8px;display:flex;align-items:center;gap:6px;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #5a466e66}.panel-head:after{display:none}.panel-head h3{font-family:Courier New,PingFang SC,monospace;font-size:13px;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 1px rgba(74,54,96,.45);margin-right:auto}.panel-head .ph-ico{filter:none;display:inline-flex}.panel-head .ph-extra{margin-left:0;font-size:12px}.panel-head .ph-extra a{color:#fff;text-decoration:underline;text-underline-offset:2px}.panel-body{background:#fffdf9;border:1px solid;border-color:#c7bda9 #fffefb #fffefb #c7bda9;margin-top:2px}.win-ctrls{display:inline-flex;gap:3px;margin-left:6px}.win-ctrls i{width:17px;height:15px;border:1.5px solid;border-color:#fffef9 #6e6657 #6e6657 #fffef9;background:#d9d2c4;border-radius:1px;font-style:normal;font-weight:700;font-size:9px;line-height:11px;text-align:center;color:#2f2933;box-shadow:inset 1px 1px #fffef9,inset -1px -1px #a79e8b}.site-head{align-items:flex-start}.brand{background:#fffdf8;border:1.6px solid var(--line);border-radius:12px;padding:4px 14px 6px;box-shadow:2px 3px #4a435029}.brand h1{background:none;-webkit-text-fill-color:var(--ink);color:var(--ink);-webkit-background-clip:border-box;background-clip:border-box;filter:none;text-shadow:none;font-size:clamp(24px,3.4vw,38px)}.brand .brand-en{color:#c06a86;text-shadow:none}.brand .butterfly{color:#c489ab}.top-link{background:#fffdf8eb;border:1.3px solid var(--line);color:var(--ink);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:1px 2px #4a435024}.top-link:hover{background:#fff;transform:translateY(-1px)}.together-badge{display:inline-flex;align-items:center;margin-top:6px;padding:3px 12px;border-radius:999px;background:#fffdf8eb;border:1.3px solid var(--line);color:var(--ink);text-shadow:none;box-shadow:1px 2px #4a435024}.together-badge b{color:#c06a86}.together-badge .ico,.top-link .ico{color:#c489ab}.ribbon-nav{background:#fffdf8;backdrop-filter:none;-webkit-backdrop-filter:none;border:1.6px solid var(--line);border-radius:14px;box-shadow:3px 4px #4a435029}.ribbon-tab{color:#5b4f5e;border-radius:9px;animation:none}.ribbon-tab:hover{background:var(--blush)}.ribbon-tab.active{background:linear-gradient(180deg,var(--panel-header-a),var(--panel-header-b));color:#fff;box-shadow:1px 2px #4a435033;animation:none}.marquee{background:#fffdf8;border:1.5px dashed #b89cd0}.marquee .tag{background:#9a7eba;color:#fff}.marquee .track .sep{color:#c489ab}.gbtn{background:linear-gradient(180deg,#f6cad8,#e7a6bd);color:#5b3a4a;border:1.5px solid var(--line);border-radius:9px;text-shadow:none;box-shadow:2px 3px #4a435038}.gbtn:before,.gbtn:after{display:none}.gbtn:hover{transform:translateY(-1px);box-shadow:2px 4px #4a435038}.gbtn:active{transform:translate(1px,2px);box-shadow:1px 1px #4a435038}.gbtn.purple{background:linear-gradient(180deg,#cbb6e2,#a98fc0);color:#3f3151}.gbtn.ghost{background:#fffdf8;color:var(--ink)}.hero h2.hero-title{color:#c0617f;text-shadow:0 1px 0 #fff;filter:none}.hero .subtitle{color:#8a6a98}.hero .years{color:var(--purple-deep)}.star-border:before{background:conic-gradient(from var(--sb-a, 0deg),transparent 0 65%,#d98aa6 78%,#fff 86%,#bda1d4 94%,transparent 100%)}.avatar-stage,.avatar-stage.real{border:1.5px solid var(--line);background:linear-gradient(180deg,#fbf3ea,#f3e6ef);box-shadow:inset 0 0 0 2px #fff}.witem{border:1.4px solid var(--line);outline:none;border-radius:8px}.witem.selected{outline:2px solid #d98aa6;outline-offset:-4px;box-shadow:2px 2px #4a435033}.wtab{border:1.3px solid var(--line);border-radius:8px}.wtab.active{background:linear-gradient(180deg,var(--panel-header-a),var(--panel-header-b));border-color:var(--line)}.counter{background:#3a3340;border:1.4px solid var(--line)}.lovebar .lb-fill,.progress>i{background:linear-gradient(90deg,#e7a6bd,#a98fc0)}.pill{border-color:var(--pink-soft)}.site-foot{color:#6b577f;text-shadow:0 1px 0 rgba(255,255,255,.6)}.sparkle-text{animation:none;background:none;-webkit-text-fill-color:#c0617f;color:#c0617f}.deco-top{position:relative;height:70px;pointer-events:none;z-index:3}.deco-string{position:absolute;top:12px;left:0;right:0;height:16px;background-image:radial-gradient(circle,#b89cd0 2.1px,transparent 2.6px),radial-gradient(circle,#e7a6bd 1.4px,transparent 1.8px);background-size:16px 16px,16px 16px;background-position:center,8px center;background-repeat:repeat-x,repeat-x;opacity:.85}.deco-bow{position:absolute;top:4px;left:50%;transform:translate(-50%);width:60px;height:auto;filter:drop-shadow(1px 2px 0 rgba(74,67,80,.12))}.deco-doodles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.doodle{position:absolute;color:#c489ab}.deco-bubbles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.deco-bubble{position:absolute;background:#fffdf8;border:1.4px solid var(--line);border-radius:12px;padding:5px 11px;font-family:Long Cang,Ma Shan Zheng,cursive;font-size:15px;color:#5b4f5e;box-shadow:2px 2px #4a435029;white-space:nowrap}.deco-bubble:after{content:"";position:absolute;bottom:-7px;left:16px;width:10px;height:10px;background:#fffdf8;border-right:1.4px solid var(--line);border-bottom:1.4px solid var(--line);transform:rotate(45deg)}.deco-bubble.b-tr{top:92px;right:26px}.deco-bubble.b-mr{top:47%;right:30px}.deco-bubble.b-br{bottom:88px;right:44px}@media (max-width: 1100px){.deco-bubbles{display:none}}.brand{position:relative}.brand-crown{color:#e7b53e;margin-right:2px}@media (max-width: 820px){.soft-bg{background-size:150% auto;background-position:right top}.soft-veil{background:#faf5ec8c}}.app-shell{padding-bottom:116px}.dock{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;justify-content:center;padding:0 12px 14px;pointer-events:none;animation:dockRise .5s cubic-bezier(.2,.85,.25,1) both}@keyframes dockRise{0%{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}.dock-bar{pointer-events:auto;display:flex;gap:2px;padding:7px 10px;background:linear-gradient(180deg,#4a4350,#393340 58%,#2e2933);border:1.5px solid;border-color:#6f6679 #201c26 #201c26 #6f6679;border-radius:16px;box-shadow:inset 0 1px #ffffff2e,0 12px 28px #2a20306b}.dock-item{display:flex;flex-direction:column;align-items:center;gap:3px;width:66px;padding:6px 4px 5px;border:none;background:none;border-radius:12px;color:#efe7d8;cursor:pointer;transition:transform .16s cubic-bezier(.2,.8,.2,1),background .16s}.dock-item:hover,.dock-item:focus-visible{background:#ffffff1a;transform:translateY(-4px);outline:none}.dock-ico{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(180deg,#fdf7ee,#f1e6d6);border:1.4px solid #2e2933;box-shadow:inset 0 1px #fff,0 2px #2a203073;transition:box-shadow .16s,transform .16s}.dock-item:hover .dock-ico{transform:scale(1.06) rotate(-2deg)}.dock-ico svg{display:block}.dock-label{font-family:Courier New,monospace;font-size:9.5px;font-weight:700;letter-spacing:.6px;color:#d8cdbc}.dock-item.active{background:#e7a6bd29}.dock-item.active .dock-ico{box-shadow:inset 0 1px #fff,0 0 0 2px #e7a6bd,0 2px 6px #e7a6bd99}.dock-item.active .dock-label{color:#fbd7e4}@media (max-width: 720px){.app-shell{padding-bottom:84px}.dock{padding:0;animation:none}.dock-bar{width:100%;gap:0;padding:5px 2px calc(5px + env(safe-area-inset-bottom,0px));border-radius:14px 14px 0 0;border-bottom:none;justify-content:space-around}.dock-item{width:auto;flex:1 1 0;min-width:0;padding:4px 1px;gap:2px}.dock-item:hover{transform:none}.dock-ico{width:32px;height:32px;border-radius:9px}.dock-ico svg{width:20px;height:20px}.dock-label{font-size:7.5px;letter-spacing:0}}@media (max-width: 820px){.soft-bg{background-size:auto 52vh;background-position:right -34px top -6px;opacity:.4}.soft-veil{background:linear-gradient(180deg,#faf5ec47,#faf5ec99 30%,#faf5ece6 62%,#faf5ecf5)}}.bday-cd .countdown{gap:6px}.bday-cd .cd-cell{min-width:0;flex:1;padding:8px 2px}.bday-cd .cd-cell b{font-size:clamp(20px,4.4vw,26px)}.pill.bday-days{background:var(--purple);color:#fff;border-color:transparent;font-size:12.5px;padding:3px 12px}@media (max-width: 720px){.site-head{gap:8px;padding-bottom:6px}.brand h1{font-size:clamp(22px,6.5vw,30px)}.together-badge{font-size:12px}.ribbon-nav{gap:3px;padding:7px 8px}.ribbon-tab{padding:6px 11px;font-size:13px}}.clothesline,.timeline-strip{scrollbar-width:thin;scrollbar-color:var(--pink-soft) transparent}.clothesline::-webkit-scrollbar,.timeline-strip::-webkit-scrollbar{height:6px}.clothesline::-webkit-scrollbar-thumb,.timeline-strip::-webkit-scrollbar-thumb{background:var(--pink-soft);border-radius:999px;border:none}@media (prefers-reduced-motion: reduce){.dock{animation:none}.dock-item,.dock-ico{transition:none}}.float-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;overflow:hidden;pointer-events:none}.float-fx>span{position:absolute;will-change:transform,opacity}.fl-bfly{left:0;animation:bflyFly var(--dur, 22s) linear infinite;filter:drop-shadow(1px 2px 1px rgba(74,67,80,.18))}.fl-bfly.rev{animation-direction:reverse}.fl-bfly-inner{display:block}.bfly-svg{display:block;width:40px;height:auto;overflow:visible}.bfly-wing{fill:currentColor;stroke:#4a4350;stroke-width:1;stroke-linejoin:round}.bfly-dot{fill:#ffffffb3}.bfly-body{fill:#5b4f5e}.bfly-antenna{fill:none;stroke:#4a4350;stroke-width:1;stroke-linecap:round}.wing-l{transform-box:fill-box;transform-origin:right center;animation:bflyFlap var(--flap, .32s) ease-in-out infinite}.wing-r{transform-box:fill-box;transform-origin:left center;animation:bflyFlap var(--flap, .32s) ease-in-out infinite}@keyframes bflyFlap{0%,to{transform:scaleX(1)}50%{transform:scaleX(.35)}}@keyframes bflyFly{0%{transform:translate(-10vw) rotate(6deg)}20%{transform:translate(18vw,-7vh) rotate(-7deg)}40%{transform:translate(40vw,5vh) rotate(8deg)}60%{transform:translate(64vw,-6vh) rotate(-6deg)}80%{transform:translate(88vw,4vh) rotate(7deg)}to{transform:translate(114vw,-2vh) rotate(5deg)}}.fl-heart{bottom:-36px;opacity:0;animation:floatUp linear infinite}.fl-petal{top:-36px;opacity:0;animation:petalFall linear infinite}.fl-spark{color:#d9b96a;text-shadow:0 0 6px rgba(231,181,62,.6);animation:sparkTwinkle ease-in-out infinite}@keyframes sparkTwinkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:.9;transform:scale(1) rotate(40deg)}}@media (max-width: 720px){.fl-bfly:nth-child(2n),.fl-petal:nth-child(3n),.fl-spark:nth-child(2n){display:none}.bfly-svg{width:32px}}@media (prefers-reduced-motion: reduce){.float-fx{display:none}}a,button,[role=button],.dock-item,.ribbon-tab,.top-link,.gbtn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dock-item:active{transform:translateY(-1px) scale(.93)}.ribbon-tab:not(.active):active,.top-link:active{transform:scale(.95)}.ribbon-tab,.top-link{transition:transform .14s cubic-bezier(.34,1.56,.64,1),background .18s ease}.clothesline,.timeline-strip{scroll-snap-type:x proximity;scroll-behavior:smooth;scroll-padding-left:8px;overscroll-behavior-x:contain}.clothesline>*,.timeline-strip>*{scroll-snap-align:start}.float-fx,.fx-layer{contain:layout paint}.page-enter{animation-timing-function:cubic-bezier(.22,1,.36,1)}.theme-menu{transform-origin:top right}@media (prefers-reduced-motion: reduce){.dock-item:active,.ribbon-tab:active,.top-link:active{transform:none}.clothesline,.timeline-strip{scroll-behavior:auto}}