@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Inter:wght@300;400;500;600&family=Noto+Sans+TC:wght@300;400;500;600&family=Noto+Serif+TC:wght@400;500;600;700&display=swap");:root{--cream:#faf7f2;--warm-beige:#f0ebe3;--blush-pink:#e8b4b8;--sky-blue:#b8d4e3;--soft-gold:#d4c5a0;--sage-green:#a8c5b8;--lavender:#c5b8d4;--peach:#e8ceb4;--text-primary:#4a4a4a;--text-secondary:#8a8a8a;--text-light:#b0b0b0;--bg-primary:var(--cream);--bg-card:#fff;--bg-card-hover:#fdfcfa;--bg-input:#fff;--bg-nav:hsla(38,44%,96%,.85);--border-light:rgba(0,0,0,.06);--border-medium:rgba(0,0,0,.1);--shadow-sm:0 2px 8px rgba(0,0,0,.04);--shadow-md:0 4px 20px rgba(0,0,0,.06);--shadow-lg:0 8px 40px rgba(0,0,0,.08);--shadow-xl:0 12px 60px rgba(0,0,0,.1);--shadow-glow:0 0 20px rgba(232,180,184,.3);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--font-serif-en:"Cormorant Garamond",Georgia,serif;--font-serif-zh:"Noto Serif TC","宋體",serif;--font-sans-en:"Inter",-apple-system,sans-serif;--font-sans-zh:"Noto Sans TC","微軟正黑體",sans-serif;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:800ms;--z-nav:100;--z-modal:200;--z-toast:300}[data-theme=dark]{--bg-primary:#1a1a2e;--bg-card:#25253e;--bg-card-hover:#2d2d4a;--bg-input:#2d2d4a;--bg-nav:rgba(26,26,46,.9);--text-primary:#e8e4e0;--text-secondary:#a0a0b0;--text-light:#6a6a7a;--border-light:hsla(0,0%,100%,.06);--border-medium:hsla(0,0%,100%,.1);--shadow-sm:0 2px 8px rgba(0,0,0,.2);--shadow-md:0 4px 20px rgba(0,0,0,.3);--shadow-lg:0 8px 40px rgba(0,0,0,.4);--shadow-xl:0 12px 60px rgba(0,0,0,.5);--shadow-glow:0 0 30px rgba(232,180,184,.2)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans-zh);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;min-height:100dvh;transition:background-color var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out);overflow-x:hidden}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer}button,input,select,textarea{font-family:inherit;color:inherit}input,select,textarea{font-size:inherit}img{max-width:100%;height:auto;display:block}.heading-xl{font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.3;letter-spacing:.04em}.heading-lg,.heading-xl{font-family:var(--font-serif-zh);font-weight:600}.heading-lg{font-size:clamp(1.5rem,4vw,2rem);line-height:1.4;letter-spacing:.03em}.heading-md{font-family:var(--font-serif-zh);font-size:clamp(1.125rem,3vw,1.5rem);font-weight:500;line-height:1.4}.heading-en{font-family:var(--font-serif-en);font-weight:300;letter-spacing:.15em;text-transform:uppercase}.body-text{font-family:var(--font-sans-zh);font-size:.938rem;line-height:1.8;color:var(--text-secondary)}.caption{font-size:.813rem;color:var(--text-light);letter-spacing:.02em}.page-container{max-width:480px;margin:0 auto;padding:var(--space-lg) var(--space-md);padding-bottom:calc(80px + var(--space-lg));min-height:100dvh}@media (min-width:768px){.page-container{max-width:680px;padding:var(--space-2xl) var(--space-lg);padding-bottom:var(--space-2xl)}}@media (min-width:1024px){.page-container{max-width:900px}}.section{margin-bottom:var(--space-2xl)}.section-title{font-family:var(--font-serif-zh);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-lg);position:relative;padding-left:var(--space-md)}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(to bottom,var(--blush-pink),var(--sky-blue));border-radius:2px}.card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background-color var(--duration-slow) var(--ease-out)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-accent{border-top:3px solid transparent;border-image:linear-gradient(to right,var(--blush-pink),var(--sky-blue),var(--soft-gold)) 1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 28px;border-radius:var(--radius-lg);font-family:var(--font-sans-zh);font-size:.938rem;font-weight:500;letter-spacing:.03em;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity var(--duration-fast)}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--blush-pink),#d4a0a8);color:#fff;box-shadow:0 4px 16px rgba(232,180,184,.4)}.btn-primary:hover{box-shadow:0 6px 24px rgba(232,180,184,.5);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--blush-pink)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--blush-pink);background:rgba(232,180,184,.08)}.btn-lg{padding:16px 36px;font-size:1rem;border-radius:var(--radius-lg)}.btn-sm{padding:8px 18px;font-size:.813rem}.btn-block{width:100%}.input-group{margin-bottom:var(--space-lg)}.input-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-sm);color:var(--text-primary)}.input-field{width:100%;padding:14px 18px;background:var(--bg-input);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);font-size:.938rem;color:var(--text-primary);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);outline:none}.input-field::placeholder{color:var(--text-light)}.input-field:focus{border-color:var(--blush-pink);box-shadow:0 0 0 3px rgba(232,180,184,.15)}.textarea-field{resize:vertical;min-height:120px;line-height:1.6}.radio-card-group{display:flex;flex-direction:column;gap:var(--space-md)}.radio-card{position:relative;cursor:pointer}.radio-card input{position:absolute;opacity:0;pointer-events:none}.radio-card-content{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out)}.radio-card input:checked+.radio-card-content{border-color:var(--blush-pink);background:rgba(232,180,184,.06);box-shadow:0 0 0 3px rgba(232,180,184,.12)}.radio-card-icon{font-size:1.75rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--bg-primary)}.radio-card-text h4{font-family:var(--font-serif-zh);font-weight:500;margin-bottom:2px}.radio-card-text p{font-size:.813rem;color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:500;border-radius:var(--radius-full);letter-spacing:.02em}.badge-pink{background:rgba(232,180,184,.15);color:#c4888e}.badge-blue{background:rgba(184,212,227,.2);color:#7aaec5}.badge-gold{background:hsla(43,38%,73%,.2);color:#b0a070}.badge-green{background:rgba(168,197,184,.2);color:#7aaa98}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px rgba(232,180,184,.2)}50%{box-shadow:0 0 25px rgba(232,180,184,.4)}}@keyframes watercolor{0%,to{background-position:0 50%}25%{background-position:50% 0}50%{background-position:100% 50%}75%{background-position:50% 100%}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) forwards}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(232,180,184,.1) 50%,transparent);background-size:200% 100%;animation:shimmer 3s linear infinite}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out) forwards}.stagger-children>*{opacity:0;animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.stagger-children>:first-child{animation-delay:0ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.2s}.stagger-children>:nth-child(4){animation-delay:.3s}.stagger-children>:nth-child(5){animation-delay:.4s}.stagger-children>:nth-child(6){animation-delay:.5s}.hero-bg{position:relative;overflow:hidden}.hero-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 50%,rgba(232,180,184,.12) 0,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(184,212,227,.1) 0,transparent 50%),radial-gradient(ellipse at 50% 80%,hsla(43,38%,73%,.08) 0,transparent 50%);animation:watercolor 20s ease-in-out infinite;pointer-events:none;z-index:0}.hero-bg>*{position:relative;z-index:1}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--bg-card);color:var(--text-primary);padding:12px 24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:.875rem;z-index:var(--z-toast);opacity:0;transition:all var(--duration-normal) var(--ease-out);pointer-events:none;border:1px solid var(--border-light)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.divider{border:none;height:1px;background:var(--border-light);margin:var(--space-xl) 0}.watercolor-accent{position:relative}.watercolor-accent:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:8px;background:linear-gradient(90deg,var(--blush-pink),var(--sky-blue),var(--soft-gold));opacity:.3;border-radius:4px;filter:blur(2px)}.accordion-item{border-bottom:1px solid var(--border-light)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;font-family:var(--font-sans-zh);font-size:.938rem;font-weight:500;color:var(--text-primary);text-align:left;transition:color var(--duration-normal)}.accordion-header:hover{color:var(--blush-pink)}.accordion-icon{font-size:1.25rem;transition:transform var(--duration-normal) var(--ease-out);color:var(--text-light)}.accordion-item.open .accordion-icon{transform:rotate(45deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-out)}.accordion-item.open .accordion-body{max-height:500px}.accordion-content{padding-bottom:var(--space-lg);font-size:.875rem;color:var(--text-secondary);line-height:1.8}.success-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:hsla(38,44%,96%,.95);z-index:var(--z-modal);animation:fadeIn var(--duration-normal) var(--ease-out)}[data-theme=dark] .success-overlay{background:rgba(26,26,46,.95)}.success-check{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--sage-green),#8cb8a4);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin-bottom:var(--space-lg);animation:scaleIn var(--duration-slow) var(--ease-out)}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--warm-beige) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}::selection{background:rgba(232,180,184,.3);color:var(--text-primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.w-full{width:100%}.mx-auto{margin-left:auto;margin-right:auto}.hidden{display:none}.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}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--space-md)}.grid-2,.grid-3{display:grid;gap:var(--space-md)}.grid-3{grid-template-columns:repeat(1,1fr);grid-gap:var(--space-md)}@media (min-width:640px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}.page-enter{animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.daily-details-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-md);gap:var(--space-md)}@media (min-width:480px){.daily-details-grid{grid-template-columns:repeat(2,1fr)}}.desktop-header{display:none;position:fixed;top:0;left:0;right:0;height:70px;background:var(--bg-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:var(--z-nav);transition:background-color var(--duration-slow)}.header-container{max-width:1000px;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-lg)}.header-logo{display:flex;flex-direction:column}.logo-text-en{font-size:1.15rem;font-weight:500;background:linear-gradient(135deg,var(--blush-pink),var(--soft-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-text-zh{font-size:.75rem;letter-spacing:.3em;color:var(--text-secondary);margin-top:1px}.desktop-nav{display:flex;gap:var(--space-md)}.desktop-nav-item{display:flex;align-items:center;gap:var(--space-xs);padding:8px 16px;font-size:.938rem;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-out)}.desktop-nav-item:hover{color:var(--blush-pink);background:rgba(232,180,184,.06)}.desktop-nav-item.active{color:var(--blush-pink);background:rgba(232,180,184,.1);font-weight:500}.mobile-navbar{position:fixed;bottom:0;left:0;right:0;height:70px;background:var(--bg-nav);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-light);z-index:var(--z-nav);display:flex;align-items:center;box-shadow:0 -4px 20px rgba(0,0,0,.05);transition:background-color var(--duration-slow)}.mobile-nav-container{width:100%;max-width:480px;margin:0 auto;display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;height:100%;padding:0 var(--space-xs)}.mobile-nav-container::-webkit-scrollbar{display:none}.mobile-nav-item{flex:1 0 auto;min-width:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;font-size:.75rem;position:relative;transition:color var(--duration-normal);padding:0 4px 2px}.mobile-icon{font-size:1.35rem;margin-bottom:2px;transition:transform var(--duration-normal) var(--ease-out)}.mobile-nav-item:hover .mobile-icon{transform:translateY(-2px)}.mobile-nav-item.active{color:var(--blush-pink);font-weight:500}.mobile-nav-item.active .mobile-icon{transform:translateY(-4px) scale(1.1);background:linear-gradient(135deg,var(--blush-pink),var(--soft-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.active-dot{position:absolute;bottom:8px;width:4px;height:4px;border-radius:50%;background-color:var(--blush-pink);box-shadow:0 0 8px var(--blush-pink);animation:fadeIn var(--duration-normal) var(--ease-out) forwards}@media (min-width:768px){.desktop-header{display:block}.mobile-navbar{display:none}body{padding-top:70px}}