@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600;700;900&family=Noto+Sans+TC:wght@300;400;500;700&display=swap");:root{--gold-primary:#d4a853;--gold-light:#f2d68a;--gold-dark:#a67c2e;--crimson:#8b1a1a;--crimson-glow:#c62828;--ink-black:#0a0a0f;--ink-deep:#111118;--ink-surface:#1a1a25;--ink-card:#223;--ink-border:#333345;--jade-green:#2e7d5e;--jade-light:#4caf7d;--mist-white:#f5f0e8;--mist-dim:#b8b0a0;--purple-mystic:#6a3cbc;--purple-glow:#9b59b6;--gradient-gold:linear-gradient(135deg,var(--gold-dark),var(--gold-primary),var(--gold-light));--gradient-dark:linear-gradient(180deg,var(--ink-black) 0%,var(--ink-deep) 50%,#0d0d18 100%);--gradient-card:linear-gradient(145deg,rgba(34,34,51,.8),rgba(26,26,37,.6));--gradient-mystic:linear-gradient(135deg,var(--purple-mystic),var(--crimson),var(--gold-primary));--font-serif:"Noto Serif TC",serif;--font-sans:"Noto Sans TC",sans-serif;--section-padding:clamp(3rem,8vh,6rem) clamp(1rem,5vw,4rem);--transition-smooth:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);--transition-bounce:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--ink-black);color:var(--mist-white);overflow-x:hidden;line-height:1.7;-webkit-font-smoothing:antialiased}.particle-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:var(--gold-primary);border-radius:50%;opacity:0;animation:floatParticle 8s ease-in-out infinite}@keyframes floatParticle{0%{opacity:0;transform:translateY(100vh) scale(0)}20%{opacity:.8}80%{opacity:.3}to{opacity:0;transform:translateY(-20vh) scale(1.5)}}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--section-padding);z-index:1;background:radial-gradient(ellipse 60% 50% at 50% 30%,rgba(212,168,83,.08) 0,transparent 70%),radial-gradient(ellipse 80% 60% at 20% 80%,rgba(139,26,26,.06) 0,transparent 60%),var(--gradient-dark)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23D4A853' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;z-index:-1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;border:1px solid rgba(212,168,83,.3);border-radius:999px;font-size:.85rem;color:var(--gold-primary);background:rgba(212,168,83,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem;animation:fadeInDown .8s ease-out}.hero-badge .dot{width:8px;height:8px;background:var(--jade-green);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(46,125,94,.5)}50%{box-shadow:0 0 0 8px rgba(46,125,94,0)}}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:1.1;margin-bottom:.5rem;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease-out;text-shadow:none;filter:drop-shadow(0 2px 10px rgba(212,168,83,.3))}.hero-subtitle,.hero-title{font-family:var(--font-serif)}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--mist-dim);margin-bottom:2.5rem;font-weight:400;letter-spacing:.15em;animation:fadeInUp 1s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-form{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:480px;animation:fadeInUp 1s ease-out .4s both}.hero-form label{font-family:var(--font-serif);font-size:1.1rem;color:var(--gold-light)}.hero-input{width:100%;padding:1rem 1.5rem;border:1px solid var(--ink-border);border-radius:12px;background:rgba(26,26,37,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--mist-white);font-size:1rem;font-family:var(--font-sans);transition:var(--transition-smooth);outline:none}.hero-input::placeholder{color:hsla(40,14%,67%,.5)}.hero-input:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px rgba(212,168,83,.15),0 0 30px rgba(212,168,83,.1)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 2rem;border:none;border-radius:12px;background:var(--gradient-gold);color:var(--ink-black);font-family:var(--font-serif);font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .6s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(212,168,83,.4)}.btn-primary:active{transform:translateY(0)}.hero-note{font-size:.8rem;color:var(--mist-dim);opacity:.6}.features{padding:var(--section-padding);position:relative;z-index:1}.section-header{text-align:center;margin-bottom:4rem}.section-label{display:inline-block;font-size:.8rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-primary);margin-bottom:1rem}.section-title{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--mist-white);margin-bottom:1rem}.section-desc{color:var(--mist-dim);font-size:1rem;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;max-width:1200px;margin:0 auto}.feature-card{position:relative;padding:2rem;border-radius:16px;background:var(--gradient-card);border:1px solid var(--ink-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth);overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--gradient-mystic);opacity:0;transition:opacity .4s}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-6px);border-color:rgba(212,168,83,.3);box-shadow:0 20px 60px rgba(0,0,0,.4)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-family:var(--font-serif);font-size:1.3rem;font-weight:700;color:var(--gold-light);margin-bottom:.75rem}.feature-card p{color:var(--mist-dim);font-size:.95rem;line-height:1.7}.feature-tag{display:inline-block;margin-top:1rem;padding:.3rem .8rem;border-radius:999px;font-size:.75rem;font-weight:600}.tag-free{background:rgba(46,125,94,.15);color:var(--jade-light);border:1px solid rgba(46,125,94,.3)}.tag-premium{background:rgba(212,168,83,.15);color:var(--gold-light);border:1px solid rgba(212,168,83,.3)}.tag-viral{background:rgba(155,89,182,.15);color:var(--purple-glow);border:1px solid rgba(155,89,182,.3)}.pricing{padding:var(--section-padding);background:radial-gradient(ellipse 50% 40% at 50% 50%,rgba(106,60,188,.06) 0,transparent 70%),var(--ink-deep);position:relative;z-index:1}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;max-width:900px;margin:0 auto}.pricing-card{padding:2.5rem;border-radius:20px;background:var(--gradient-card);border:1px solid var(--ink-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;transition:var(--transition-smooth);position:relative}.pricing-card.featured{border-color:var(--gold-primary);box-shadow:0 0 40px rgba(212,168,83,.1)}.pricing-card.featured:after{content:"🔥 最受歡迎";position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:.3rem 1rem;background:var(--gradient-gold);color:var(--ink-black);font-size:.8rem;font-weight:700;border-radius:999px}.pricing-card:hover{transform:translateY(-4px)}.pricing-name{font-size:1.4rem;font-weight:700;color:var(--gold-light)}.pricing-name,.pricing-price{font-family:var(--font-serif);margin-bottom:.5rem}.pricing-price{font-size:2.8rem;font-weight:900;color:var(--mist-white)}.pricing-price span{font-size:1rem;font-weight:400;color:var(--mist-dim)}.pricing-desc{color:var(--mist-dim);font-size:.9rem;margin-bottom:1.5rem}.pricing-features{list-style:none;text-align:left;margin-bottom:2rem}.pricing-features li{padding:.5rem 0;color:var(--mist-dim);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.pricing-features li:before{content:"✦";color:var(--gold-primary)}.btn-outline{display:inline-block;padding:.8rem 2rem;border:1px solid var(--gold-primary);border-radius:12px;color:var(--gold-primary);font-family:var(--font-serif);font-size:1rem;font-weight:600;background:transparent;cursor:pointer;transition:var(--transition-smooth);text-decoration:none}.btn-outline:hover{background:rgba(212,168,83,.1);box-shadow:0 4px 20px rgba(212,168,83,.2)}.cta-section{padding:var(--section-padding);text-align:center;position:relative;z-index:1;background:radial-gradient(ellipse 50% 40% at 50% 50%,rgba(212,168,83,.05) 0,transparent 70%),var(--ink-black)}.cta-box{max-width:600px;margin:0 auto;padding:3rem;border-radius:24px;background:var(--gradient-card);border:1px solid rgba(212,168,83,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.cta-box h2{font-family:var(--font-serif);font-size:1.8rem;color:var(--gold-light);margin-bottom:1rem}.cta-box p{color:var(--mist-dim);margin-bottom:2rem}.btn-line{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 2.5rem;border:none;border-radius:12px;background:#06c755;color:#fff;font-family:var(--font-serif);font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition-smooth);text-decoration:none}.btn-line:hover{background:#05b04a;transform:translateY(-2px);box-shadow:0 8px 30px rgba(6,199,85,.3)}.footer{padding:2rem;text-align:center;border-top:1px solid var(--ink-border);color:var(--mist-dim);font-size:.8rem;position:relative;z-index:1}.footer a{color:var(--gold-primary);text-decoration:none}.result-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(10,10,15,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;justify-content:center;align-items:center}.result-overlay.active{display:flex}.result-modal{max-width:500px;width:90%;padding:3rem;border-radius:24px;background:var(--ink-surface);border:1px solid var(--gold-dark);text-align:center;animation:scaleIn .5s cubic-bezier(.25,.46,.45,.94)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.result-modal h2{font-family:var(--font-serif);font-size:1.5rem;color:var(--gold-light);margin-bottom:1rem}.result-modal .fortune-text{font-family:var(--font-serif);font-size:1.1rem;color:var(--mist-white);line-height:1.8;margin-bottom:1.5rem;white-space:pre-line}.result-modal .loading-spinner{width:40px;height:40px;border:3px solid var(--ink-border);border-top-color:var(--gold-primary);border-radius:50%;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.features-grid,.pricing-grid{grid-template-columns:1fr}}