:root{--bg:#101010;--bg2:#171717;--paper:#f7f4ee;--ink:#171717;--muted:#716f6a;--accent:#d3b36d;--accent2:#f0dfb2;--shell:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{min-width:320px;overflow-x:hidden;background:var(--bg);color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(var(--shell),calc(100% - 40px));margin:auto}#fx{position:fixed;inset:0;width:100%;height:100%;z-index:90;pointer-events:none}
.site-header{position:absolute;inset:0 0 auto;z-index:20;padding:30px 0;pointer-events:none}.header-inner{display:flex;justify-content:space-between;gap:24px}.wordmark{pointer-events:auto;display:flex;flex-direction:column;gap:1px}.wordmark strong{font-size:17px;font-weight:660;letter-spacing:-.03em}.wordmark span{font-size:8px;letter-spacing:.24em;color:rgba(255,255,255,.44)}.header-meta{font-size:10px;letter-spacing:.16em;color:rgba(255,255,255,.4);text-align:right}
.hero{position:relative;min-height:850px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-3;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.86) 58%,transparent)}.hero:after{content:"";position:absolute;width:600px;height:600px;right:-240px;top:-230px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 88px rgba(255,255,255,.014),0 0 0 176px rgba(255,255,255,.007);z-index:-2}.hero-inner{position:relative;z-index:4;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:82px;padding:132px 0 86px}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;font-size:11px;letter-spacing:.18em;color:rgba(255,255,255,.66)}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(255,255,255,.04)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(64px,8vw,114px);line-height:.98;letter-spacing:-.065em;font-weight:520}h1 span{display:block}.title-accent{margin-top:12px;background:linear-gradient(98deg,var(--accent),var(--accent2) 37%,var(--accent) 67%,#fff1c7);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:titleSweep 8s ease-in-out infinite}@keyframes titleSweep{0%,68%,100%{background-position:100% 0}34%{background-position:0 0}}.hero-lead{max-width:650px;margin:32px 0 0;color:rgba(255,255,255,.67);font-size:16px;line-height:2.05;font-weight:350}.site-link{display:inline-flex;gap:10px;margin-top:34px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.86);font-size:12px;letter-spacing:.12em}.site-link:hover{color:var(--accent2);border-color:var(--accent)}
.visual{position:relative;min-height:540px;display:grid;place-items:center;perspective:1100px;transform-style:preserve-3d;transition:transform .18s ease-out}.orbit,.orbit2{position:absolute;border-radius:50%;pointer-events:none}.orbit{width:474px;height:474px;border:1px solid rgba(255,255,255,.12)}.orbit2{width:406px;height:406px;border:1px dashed rgba(255,255,255,.13);animation:spin 42s linear infinite}.orbit2:before,.orbit2:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent2);box-shadow:0 0 22px var(--accent)}.orbit2:before{left:52px;top:59px}.orbit2:after{right:48px;bottom:58px}@keyframes spin{to{transform:rotate(360deg)}}.art{position:relative;z-index:3;width:360px;height:390px;display:grid;place-items:center;filter:drop-shadow(0 28px 48px rgba(0,0,0,.26));animation:float 6s ease-in-out infinite}.art button{border:0;background:none;color:inherit;padding:0;cursor:pointer}@keyframes float{50%{transform:translateY(-8px)}}.hero-footer{position:relative;z-index:4;padding-bottom:34px}.hero-rule{height:1px;background:rgba(255,255,255,.07)}.hero-note{padding-top:18px;color:rgba(255,255,255,.3);font-size:10px;letter-spacing:.13em}
.message{padding:112px 0;background:var(--paper);color:var(--ink)}.panel{position:relative;overflow:hidden;min-height:430px;padding:76px;border:1px solid rgba(76,63,48,.11);border-radius:30px;background:linear-gradient(135deg,#fffefb,#f3eee4)}.panel-index,.closing-kicker{font-size:11px;letter-spacing:.17em;color:#8c837c}.panel h2,.closing h2{position:relative;z-index:2;max-width:830px;margin:16px 0 0;font-size:clamp(40px,5vw,62px);line-height:1.16;font-weight:520;letter-spacing:-.05em}.panel p{position:relative;z-index:2;max-width:760px;margin:26px 0 0;color:var(--muted);font-size:15px;line-height:2}.panel-mark{position:absolute;right:-20px;bottom:-96px;color:rgba(70,50,32,.045);font-size:280px;line-height:1;font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.card{position:relative;overflow:hidden;min-height:205px;padding:30px;border:1px solid rgba(76,63,48,.11);border-radius:20px;background:#fffdf8;transition:.25s ease}.card:after{content:"";position:absolute;top:-35%;left:-65%;width:38%;height:170%;transform:rotate(17deg);background:linear-gradient(90deg,transparent,rgba(214,179,106,.18),transparent);transition:left .65s ease}.card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(60,45,25,.07)}.card:hover:after{left:135%}.card-index{color:#9b9089;font-size:11px;letter-spacing:.15em}.card h3{margin:42px 0 8px;font-size:25px;font-weight:560}.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.closing{padding:112px 0;background:var(--bg2)}.closing-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end}.closing-kicker{color:rgba(255,255,255,.43)}.closing-copy{text-align:right;color:rgba(255,255,255,.56);font-size:14px}.closing-copy p{margin-bottom:3px}footer{padding:34px 0 44px;background:var(--bg);border-top:1px solid rgba(255,255,255,.06)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;color:rgba(255,255,255,.33);font-size:11px}.footer-inner strong{color:rgba(255,255,255,.74);font-size:15px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
/* lanterns */
.spring-lantern,.festival-lantern{position:relative;width:240px;height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center}.knot{width:36px;height:36px;border:2px solid var(--accent);transform:rotate(45deg);margin-bottom:11px;opacity:.9}.cap{width:148px;height:15px;border-radius:999px;background:linear-gradient(90deg,#8f6a2a,var(--accent2),#8b6828);box-shadow:0 8px 16px rgba(0,0,0,.16)}.cap.small{width:112px}.lantern{position:relative;width:220px;height:245px;border-radius:45% 45% 42% 42% / 22% 22% 34% 34%!important;border:1px solid rgba(245,222,171,.46)!important;box-shadow:inset 0 0 0 9px rgba(70,4,8,.16),0 26px 52px rgba(0,0,0,.28);transition:.25s ease}.lantern:hover{transform:scale(1.018) translateY(-2px)}.lantern.red{background:radial-gradient(circle at 50% 35%,rgba(255,224,157,.18),transparent 38%),linear-gradient(90deg,#8f1016,#b51f27 48%,#7c0b10)!important}.lantern.coral{background:radial-gradient(circle at 50% 35%,rgba(255,224,157,.16),transparent 38%),linear-gradient(90deg,#92211e,#c54731 50%,#8f1d1a)!important}.lantern b{position:relative;z-index:2;font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-size:92px;font-weight:600;color:var(--accent2)}.lantern i{position:absolute;inset:24px;border:1px solid rgba(244,218,159,.2);border-radius:45% 45% 42% 42% / 22% 22% 34% 34%}.tassel{width:2px;height:68px;background:linear-gradient(var(--accent),transparent);box-shadow:-9px 0 0 -1px var(--accent),9px 0 0 -1px var(--accent);margin-top:9px}.fullmoon{position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle at 36% 31%,#fff8de,#f4deb0 56%,#c9a45d);box-shadow:0 0 70px rgba(239,200,123,.22);right:32px;top:40px}.festival-lantern{transform:translate(-34px,26px)}.string{height:40px;width:1px;background:linear-gradient(transparent,var(--accent))}
/* mother */
.bouquet{position:relative;width:320px!important;height:360px!important}.stem{position:absolute;width:3px;height:220px;background:linear-gradient(#78917c,#405d49);transform-origin:bottom;border-radius:999px;bottom:42px;left:50%}.s1{transform:rotate(-16deg)}.s2{transform:rotate(8deg);height:240px}.s3{transform:rotate(21deg);height:205px}.flower{position:absolute;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#f7e1da 0 15%,transparent 16%),conic-gradient(from 10deg,#d69aa1 0 18%,#efc7c4 18% 36%,#ce8992 36% 54%,#f2d4cf 54% 72%,#d89ca4 72% 90%,#efc7c4 90%);box-shadow:0 18px 40px rgba(53,20,28,.18)}.f1{left:30px;top:50px;transform:scale(.95)}.f2{right:24px;top:80px;transform:scale(.86)}.f3{left:105px;top:20px;transform:scale(.72)}.f4{left:112px;top:122px;transform:scale(.64)}.leaf{position:absolute;width:66px;height:28px;border-radius:100% 0 100% 0;background:linear-gradient(145deg,#708d77,#405d49)}.l1{left:63px;top:190px;transform:rotate(35deg)}.l2{right:58px;top:201px;transform:rotate(140deg)}.l3{left:145px;top:232px;transform:rotate(82deg)}.ribbon{position:absolute;left:110px;bottom:48px;width:104px;height:44px;border:2px solid #d0a36f;border-radius:48% 52%;transform:rotate(-8deg)}
/* halloween */
.hmoon{position:absolute;width:248px;height:248px;border-radius:50%;right:38px;top:42px;background:radial-gradient(circle at 38% 34%,#fff1c4,#eac16e 58%,#b3762e);box-shadow:0 0 70px rgba(238,169,78,.18)}.pumpkin{position:relative;width:245px!important;height:205px!important;border-radius:48% 48% 44% 44% / 54% 54% 46% 46%!important;background:radial-gradient(circle at 50% 36%,rgba(255,219,157,.12),transparent 35%),linear-gradient(90deg,#ad4a19,#e77622 50%,#9a3f16)!important;border:1px solid rgba(255,211,139,.5)!important;box-shadow:inset 28px 0 35px rgba(94,35,8,.18),inset -28px 0 35px rgba(94,35,8,.18),0 30px 54px rgba(0,0,0,.34);transform:translate(-28px,58px)}.stemtop{position:absolute;width:52px;height:55px;top:-42px;left:96px;border-radius:70% 30% 18% 18%;background:linear-gradient(145deg,#526740,#2e3b28);transform:rotate(8deg)}.eye{position:absolute;top:65px;width:44px;height:34px;background:#1b1211;clip-path:polygon(50% 0,100% 100%,0 82%)}.e1{left:48px}.e2{right:48px;transform:scaleX(-1)}.mouth{position:absolute;left:67px;right:67px;bottom:45px;height:46px;background:#1a1110;clip-path:polygon(0 15%,18% 34%,35% 16%,52% 38%,70% 14%,100% 36%,88% 78%,65% 66%,49% 88%,30% 68%,10% 83%)}.bat{position:absolute;width:54px;height:20px;background:#100c16;clip-path:polygon(0 48%,18% 12%,38% 42%,50% 18%,62% 42%,82% 12%,100% 48%,80% 75%,58% 58%,50% 88%,42% 58%,20% 75%)}.b1{left:33px;top:85px}.b2{right:28px;bottom:96px;transform:scale(.72)}.b3{left:80px;bottom:48px;transform:scale(.56)}
/* click particles */
.piece{position:fixed;z-index:100;left:0;top:0;pointer-events:none;transform:translate(-50%,-50%);animation:pieceFly 1.1s ease-out forwards}.piece.packet{width:var(--size);height:calc(var(--size)*1.25);border-radius:3px;background:linear-gradient(145deg,#c92e34,#890d12);border:1px solid rgba(255,229,172,.65)}.piece.coin{width:calc(var(--size)*.72);height:calc(var(--size)*.72);border-radius:50%;background:radial-gradient(circle at 35% 30%,#f7e6b4,#d5ad5d 56%,#a87d2f)}.piece.mini-lantern{width:var(--size);height:calc(var(--size)*1.18);border-radius:45% 45% 38% 38%;background:linear-gradient(90deg,#a92c28,#d35a3e,#9c241f)}.piece.petal{width:var(--size);height:calc(var(--size)*.7);border-radius:80% 10%;background:linear-gradient(145deg,#efc7c4,#c9828d)}.piece.mini-pumpkin{width:var(--size);height:calc(var(--size)*.82);border-radius:50%;background:linear-gradient(90deg,#a44818,#ef7d22,#9d4017)}.piece.batpiece{width:var(--size);height:calc(var(--size)*.45);background:#14101a;clip-path:polygon(0 48%,18% 12%,38% 42%,50% 18%,62% 42%,82% 12%,100% 48%,80% 75%,58% 58%,50% 88%,42% 58%,20% 75%)}.piece.spark{width:6px;height:6px;border-radius:50%;background:var(--accent2);box-shadow:0 0 13px var(--accent)}@keyframes pieceFly{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}18%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r))}}
body[data-festival="spring"]{--bg:#56090c;--bg2:#52080b;--paper:#f8f1e6;--accent:#d9b56a;--accent2:#f4e1aa}body[data-festival="spring"] .hero{background:radial-gradient(circle at 75% 42%,rgba(245,201,115,.15),transparent 24%),linear-gradient(140deg,#4d080b,#7e0b10 48%,#5e090c)}body[data-festival="spring"] .closing{background:linear-gradient(145deg,#4b080a,#720c10 58%,#50080a)}
body[data-festival="lantern"]{--bg:#10152d;--bg2:#0e1329;--paper:#f6f3ed;--accent:#e0b867;--accent2:#f4dda2}body[data-festival="lantern"] .hero{background:radial-gradient(circle at 76% 39%,rgba(255,211,132,.14),transparent 21%),linear-gradient(140deg,#0d1228,#171d3b 48%,#11162f)}body[data-festival="lantern"] .closing{background:linear-gradient(145deg,#0e1329,#171c3b 58%,#0c1126)}
body[data-festival="mother"]{--bg:#4f2d35;--bg2:#41252b;--paper:#fbf6f2;--accent:#d9a6a6;--accent2:#f3d8d0}body[data-festival="mother"] .hero{background:radial-gradient(circle at 76% 40%,rgba(255,223,218,.16),transparent 23%),linear-gradient(140deg,#4b2a31,#6d3f49 50%,#553039)}body[data-festival="mother"] .closing{background:linear-gradient(145deg,#41252b,#5a333d 58%,#45272e)}
body[data-festival="halloween"]{--bg:#0f0c17;--bg2:#0f0c17;--paper:#f4f0ea;--accent:#f0a23c;--accent2:#ffd394}body[data-festival="halloween"] .hero{background:radial-gradient(circle at 76% 38%,rgba(255,169,66,.14),transparent 22%),linear-gradient(140deg,#100d18,#171222 48%,#0d0b14)}body[data-festival="halloween"] .closing{background:linear-gradient(145deg,#0f0c17,#171120 58%,#0e0b15)}
@media(max-width:900px){.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;gap:28px;padding:120px 0 62px}.visual{min-height:440px}.orbit{width:390px;height:390px}.orbit2{width:340px;height:340px}.art{transform:scale(.93)}.panel{padding:52px}.cards{grid-template-columns:1fr}}
@media(max-width:560px){.shell{width:min(var(--shell),calc(100% - 28px))}.site-header{padding-top:22px}.header-meta{font-size:8px}.hero-inner{padding-top:108px}h1{font-size:clamp(52px,15vw,74px)}.hero-lead{font-size:15px;line-height:1.9}.visual{min-height:350px}.orbit{width:300px;height:300px}.orbit2{width:262px;height:262px}.art{width:280px;height:320px;transform:scale(.84)}.message,.closing{padding:74px 0}.panel{padding:34px 24px}.panel h2,.closing h2{font-size:34px}.card{padding:24px}.closing-inner{grid-template-columns:1fr;gap:28px}.closing-copy{text-align:left}.footer-inner{flex-direction:column;align-items:flex-start}.fullmoon,.hmoon{transform:scale(.82);right:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}