@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--color-bg:#080b16;--color-bg-elevated:#0d1224;--color-bg-card:#ffffff0a;--color-bg-card-hover:#ffffff12;--color-border:#ffffff14;--color-border-hover:#ffffff26;--color-text:#e8ecf4;--color-text-secondary:#8b95a9;--color-text-tertiary:#555f73;--color-accent:#a78bfa;--color-accent-soft:#a78bfa26;--color-accent-glow:#a78bfa40;--gradient-cta:linear-gradient(135deg,#a78bfa 0%,#ec4899 50%,#f59e0b 100%);--gradient-cta-hover:linear-gradient(135deg,#c4b5fd 0%,#f472b6 50%,#fcd34d 100%);--color-meihua:#f472b6;--color-ziwei:#a78bfa;--color-bazi:#fb923c;--color-astro:#60a5fa;--color-humandesign:#34d399;--color-psychology:#fbbf24;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:Noto Sans TC,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.01em;font-weight:600;line-height:1.3}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1.05rem}@media (max-width:640px){h1{font-size:1.75rem}h2{font-size:1.375rem}}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:#c4b5fd}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-8);border-radius:var(--radius-lg);cursor:pointer;border:none;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-cta);color:#fff;box-shadow:0 4px 24px #a78bfa40}.btn-primary:hover{background:var(--gradient-cta-hover);transform:translateY(-2px);box-shadow:0 8px 32px #a78bfa59}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{color:var(--color-text);border-color:var(--color-border-hover);background:var(--color-bg-card)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color .3s,background .3s}.card:hover{border-color:var(--color-border-hover);background:var(--color-bg-card-hover)}input,textarea,select{width:100%;padding:var(--space-3)var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:#ffffff0a;outline:none;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}input::placeholder{color:var(--color-text-tertiary)}.tag{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);letter-spacing:.02em;padding:2px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.tag-占星,.tag-astro{color:var(--color-astro);background:#60a5fa1f}.tag-八字,.tag-bazi{color:var(--color-bazi);background:#fb923c1f}.tag-紫微,.tag-ziwei{color:var(--color-ziwei);background:#a78bfa1f}.tag-梅花,.tag-meihua{color:var(--color-meihua);background:#f472b61f}.tag-人類圖,.tag-humandesign{color:var(--color-humandesign);background:#34d3991f}.tag-心理學{color:var(--color-psychology);background:#fbbf241f}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-soft{0%,to{opacity:.6}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:var(--color-accent-soft);color:var(--color-text)}