@font-face{font-family:GenRyuMin;font-style:normal;font-weight:500;font-display:optional;src:url(/fonts/genryumin-subset.woff2) format("woff2")}:root{--background:#edf1ea;--panel:#fffdf8;--ink:#17211d;--muted:#69746e;--line:#d9dfd5;--focus:#317a68;--accent:#d9b35f;--shadow:0 24px 70px rgba(23,33,29,0.16);--page-max:1180px;--font-serif-zh:"GenRyuMin","Noto Serif TC","Songti TC","STSong","PMingLiU","MingLiU",serif;--font-sans:ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font-family:var(--font-serif-zh)}button,input{font:inherit}button{cursor:pointer}.simplePage{width:min(100%,var(--page-max));margin:0 auto}.creatorHero,.simplePage{min-height:100vh;min-height:100svh}.creatorHero{display:grid;grid-template-columns:minmax(280px,380px) minmax(320px,1fr);align-items:center;grid-gap:clamp(28px,6vw,88px);gap:clamp(28px,6vw,88px);padding:clamp(22px,5vw,64px)}.introPanel{display:grid;grid-gap:18px;gap:18px;align-content:center}.kicker{color:var(--muted);font-family:var(--font-sans);font-size:12px;font-weight:750}.kicker,h1,h2{margin:0;letter-spacing:0}h1,h2{line-height:1.05}h1{font-size:clamp(38px,5.5vw,68px)}h2{font-size:clamp(26px,3.2vw,38px)}.introCopy{max-width:32rem;margin:0;color:var(--muted);font-family:var(--font-sans);font-size:15px;line-height:1.75}.adjustBackgroundButton,.downloadButton,.photoButton,.shareButton{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:8px;font-family:var(--font-sans);font-weight:800}.photoButton{justify-content:space-between;width:100%;max-width:380px;background:var(--panel);color:var(--ink);padding:12px 14px;overflow:hidden}.photoButton span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adjustBackgroundButton svg,.downloadButton svg,.photoButton svg,.shareButton svg{width:18px;height:18px;flex:0 0 auto}.downloadBar{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:10px;gap:10px;width:100%;max-width:380px}.downloadButton{border-color:var(--focus);background:var(--focus);color:#fff;padding:0 16px}.downloadButton:disabled{opacity:.7;cursor:wait}.downloadButton:disabled svg{animation:spin .9s linear infinite}.shareButton{background:transparent;color:var(--focus);padding:0 16px}.shareButton,.shareSlot{width:100%;max-width:380px}.shareSlot{display:flex;min-height:52px}.exportError{max-width:380px;margin:0;color:#9f2f2f;font-family:var(--font-sans);font-size:14px;font-weight:800;line-height:1.45}.simpleArtboard{position:relative;container-type:size;width:min(58vh,42vw,520px);max-width:520px;aspect-ratio:9/16;overflow:hidden;border-radius:8px;background:#d8cdb5;box-shadow:var(--shadow);touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.previewStack{display:grid;grid-gap:16px;gap:16px;justify-items:center}.modeToggle{display:grid;grid-template-columns:1fr 1fr;width:min(100%,380px);min-height:46px;padding:4px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel),var(--background) 18%);box-shadow:0 8px 22px rgba(23,33,29,.08)}.modeToggle button{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-family:var(--font-sans);font-size:14px;font-weight:850}.modeToggle button.active{background:var(--focus);color:#fff;box-shadow:0 6px 16px rgba(49,122,104,.22)}.modeToggle svg{width:17px;height:17px;flex:0 0 auto}.simpleArtboard.adjusting{cursor:-webkit-grab;cursor:grab;touch-action:none}.adjustBackgroundButton{width:min(100%,380px);background:var(--panel);color:var(--focus);padding:0 16px}.adjustBackgroundButton.active{border-color:var(--focus);background:var(--focus);color:#fff}.adjustBackgroundButton:disabled{opacity:.55;cursor:not-allowed}.simplePhoto{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform-origin:center}.simpleArtboard.loading .simpleFallback,.simpleArtboard.loading .simplePhoto{filter:saturate(.86) brightness(.78)}.contentLoadingStatus{position:absolute;top:14px;left:50%;z-index:4;display:inline-flex;max-width:calc(100% - 28px);min-height:36px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,253,248,.64);border-radius:999px;background:rgba(23,33,29,.64);color:#fffdf8;font-family:var(--font-sans);font-size:13px;font-weight:850;line-height:1;padding:0 14px;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.45);transform:translateX(-50%);white-space:nowrap}.contentLoadingStatus svg{width:15px;height:15px;flex:0 0 auto;animation:spin .9s linear infinite}.simpleFallback{position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(255,255,255,0) 34%),radial-gradient(circle at 78% 18%,rgba(217,179,95,.38),transparent 25%),linear-gradient(135deg,#7aa493,#d8c6a0 52%,#b95947)}.simpleShade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,22,18,.12),rgba(12,22,18,.18) 42%,rgba(12,22,18,.7)),rgba(12,22,18,.08)}.simpleFrame{position:absolute;inset:4% 4% 3.2%;border:1px solid rgba(255,253,243,.62);border-radius:12px}.simpleCopy{position:absolute;inset:8% 8% 10%;z-index:2;display:grid;grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;grid-gap:clamp(8px,1.4vh,14px);gap:clamp(8px,1.4vh,14px);color:#fffaf0;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.44)}.simpleDate{order:2;display:flex;align-items:baseline;justify-content:center;gap:clamp(12px,2.4vw,24px);margin:0;color:color-mix(in srgb,var(--accent),white 52%);font-family:var(--font-sans);font-size:clamp(30px,5.2vh,56px);font-weight:850;letter-spacing:0}.simpleDate span{color:#fff8e6;font-size:.48em}.simpleLunar{order:3;margin:0;color:rgba(255,250,240,.86);font-family:var(--font-sans);font-size:clamp(17px,2.8vh,28px);font-weight:750}.simpleLunar span{color:color-mix(in srgb,var(--accent),white 42%)}.simpleQuote{order:1;display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:center;align-self:start;width:min(100%,86%);min-height:0;height:min(100%,68vh);margin:clamp(34px,7vh,76px) auto 0;padding-block:clamp(12px,2.6vh,30px);column-gap:clamp(18px,3.8vw,34px);color:#f0c66a;font-family:var(--font-serif-zh);font-size:clamp(32px,5.8vh,64px);font-weight:500;line-height:1.08;line-break:strict;letter-spacing:0;word-break:normal;overflow-wrap:normal;text-shadow:0 1px 0 rgba(255,249,218,.22),0 4px 18px rgba(0,0,0,.54)}.simpleQuoteColumn{position:relative;display:block;width:1.08em;block-size:1.08em;flex:0 0 auto;margin:0 auto;padding-inline:.22em;direction:ltr;writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;text-align:center;background:linear-gradient(180deg,#ffe7a1,#f0c66a 48%,#c99636);-webkit-background-clip:text;background-clip:text;text-fill-color:transparent;-webkit-text-fill-color:transparent}.simpleQuoteColumn[data-emphasized=true]{font-size:clamp(38px,6.8vh,76px);margin-top:clamp(60px,12vh,120px);filter:drop-shadow(0 4px 18px rgba(0,0,0,.65))}.monthCalendar{position:absolute;inset:24% 13% 19%;z-index:2;display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:clamp(12px,2vh,24px);gap:clamp(12px,2vh,24px);border:0;background:transparent;color:#fffaf0;opacity:.5;text-shadow:0 2px 18px rgba(0,0,0,.52)}.monthCalendarHeader{margin:0;color:color-mix(in srgb,var(--accent),white 58%);font-family:var(--font-sans);font-size:clamp(26px,4.6vh,46px);font-weight:900;line-height:1;text-align:center}.monthCalendarGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-height:0;grid-gap:clamp(5px,.9vh,9px) clamp(3px,.8vw,8px);gap:clamp(5px,.9vh,9px) clamp(3px,.8vw,8px);align-items:center}.monthCalendarDay{display:grid;min-width:0;min-height:0;place-items:center;border:0;background:transparent;color:#fffaf0;font-family:var(--font-sans);font-size:clamp(11px,1.8vh,19px);font-weight:850;line-height:1}.monthCalendarDay.muted{color:rgba(255,250,240,.42)}.monthCalendarDay.today{color:color-mix(in srgb,var(--accent),white 40%);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.32em}.watermark{position:absolute;inset:auto 6% 1.1%;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;color:rgba(255,250,240,.82);pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.5)}.simpleArtboard .watermark{inset:auto 5.5% 4.5%}.watermarkText{display:grid;min-width:0;grid-gap:2px;gap:2px;margin:0;font-family:var(--font-sans);font-size:clamp(8px,1.05vh,12px);font-weight:750;line-height:1.25;letter-spacing:0}.watermarkText span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watermarkQr{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:6px;background:#fffdf8;box-shadow:0 3px 14px rgba(0,0,0,.24);transform:translateY(0)}.watermarkQr svg{display:block;width:42px;height:42px}.adBand{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,460px);grid-gap:24px;gap:24px;align-items:stretch;min-height:58vh;border-top:1px solid var(--line);padding:clamp(22px,5vw,64px);background:#f7f5ef}.adSlot,.downloadPanel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 14px 40px rgba(23,33,29,.08)}.adSlot{display:grid;place-items:center;min-height:280px;color:var(--muted);font-family:var(--font-sans);font-weight:800}.adSlot svg{width:30px;height:30px;color:var(--focus)}.adSlot p{margin:10px 0 0}.adsenseSlot{align-items:stretch;min-width:0;padding:0}.adsenseSlot .adsbygoogle{width:100%;min-height:280px}.downloadPanel{display:grid;grid-gap:18px;gap:18px;align-content:center;padding:clamp(20px,4vw,34px)}.secondaryPhoto{max-width:none}.siteFooter{border-top:1px solid var(--line);padding:22px clamp(22px,5vw,64px) 28px;color:var(--muted);background:#f7f5ef;font-family:var(--font-sans);font-size:13px;font-weight:750;text-align:center}.siteFooter a{color:var(--focus);text-decoration:none}.siteFooter a:hover{text-decoration:underline}.srOnly{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(1turn)}}.simpleCopy .simpleQuote{position:absolute;top:clamp(12px,2.4cqh,24px);right:clamp(16px,6cqw,32px);width:auto;height:auto;margin:0;padding:0;font-size:clamp(14px,4.6cqw,24px);column-gap:clamp(8px,2.6cqw,14px);justify-content:flex-start}.simpleQuoteColumn[data-emphasized=true]{font-size:clamp(17px,5.6cqw,29px);margin-top:clamp(25px,5.2cqh,48px);filter:drop-shadow(0 4px 14px rgba(0,0,0,.65))}.simpleDateBlock{position:absolute;bottom:clamp(40px,6cqh,75px);left:clamp(16px,6cqw,32px);display:flex;flex-direction:row-reverse;align-items:flex-end;gap:clamp(10px,3cqw,16px);text-shadow:0 2px 14px rgba(0,0,0,.5)}.simpleCopy .simpleDate{display:none}.simpleCopy .simpleLunar{writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;font-family:var(--font-serif-zh);font-size:clamp(8px,2.3cqw,12px);font-weight:500;line-height:1.2;letter-spacing:.12em;color:rgba(255,250,240,.86)}@media (max-width:900px){.adBand,.creatorHero{grid-template-columns:1fr}.creatorHero{align-content:start}.introPanel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.introPanel h1{min-width:0;font-size:28px}.introCopy{grid-column:1/-1}.shareSlot{grid-column:2;grid-row:1;justify-self:end;width:auto;max-width:none;min-height:40px}.shareButton{width:auto;padding:0 12px;gap:6px;font-size:13px;white-space:nowrap}.shareButton svg{width:16px;height:16px}.previewStack,.simpleArtboard{width:min(100%,520px);justify-self:center}}.simpleCopy .simpleQuote{position:absolute!important;font-size:clamp(24px,5.2cqh,42px)!important;column-gap:clamp(10px,1.8cqh,18px)!important;top:clamp(12px,2.2cqh,24px)!important;right:clamp(24px,4cqh,48px)!important;width:auto!important;padding:0!important;justify-content:flex-start!important;align-items:flex-start!important}.simpleCopy .simpleQuote,.simpleQuoteColumn{height:auto!important;margin:0!important;letter-spacing:.48em!important}.simpleQuoteColumn{block-size:auto!important;inline-size:auto!important;min-height:0!important;align-self:flex-start!important;line-height:.96!important}.simpleQuoteColumn[data-emphasized=true]{font-size:clamp(30px,6.2cqh,50px)!important;margin-top:clamp(38px,7.8cqh,72px)!important}.simpleCopy .simpleLunar{font-size:clamp(12px,2.2cqh,18px)!important}.simpleDateBlock{left:clamp(24px,4cqh,48px)!important;bottom:clamp(40px,6cqh,80px)!important}