:root{--primary:#a4481a;--secondary:#f0bf57;--accent:#c96d2d;--background:#fff8ef;--foreground:#2b190f;--card-bg:#fffbf5d1;--card-border:#a4481a24;--button-bg:#7845200f;--button-border:#78452024;--shadow:0 10px 30px 0 #6c3d1914;--radius-lg:20px;--radius-md:12px;--font-sans:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", "Heiti SC", sans-serif;--font-serif:"Noto Serif SC", "Songti SC", "STSong", serif;--font-display:"KaiTi", "STKaiti", serif}[data-theme=dark]{--primary:#ff4d4d;--secondary:#ffeb3b;--accent:#2ecc71;--background:#0f0f0f;--foreground:#f5f5f5;--card-bg:#1e1e1ee6;--card-border:#ffffff26;--button-bg:#ffffff14;--button-border:#fff3;--elm-metal:#a0a0a0;--elm-wood:#2e8b57;--elm-water:#1e90ff;--elm-fire:tomato;--elm-earth:tan;background-color:var(--background);background-image:radial-gradient(#fff,#fff3 2px,#0000 3px),radial-gradient(#fff,#ffffff26 1px,#0000 2px),radial-gradient(#fff,#ffffff1a 2px,#0000 3px);background-position:0 0,40px 60px,130px 270px;background-size:550px 550px,350px 350px,250px 250px;background-attachment:fixed}:root{--elm-metal:gold;--elm-wood:green;--elm-water:navy;--elm-fire:#e60012;--elm-earth:#8b4513}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{min-height:100vh}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);background-image:radial-gradient(circle at 0 0,#f6c45347,#0000 28%),radial-gradient(circle at 85% 12%,#c96d2d2e,#0000 22%),linear-gradient(#fff8ef 0%,#fff3dd 100%);line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}html[lang=zh-CN] body,html[lang=zh-HK] body,html[lang=zh-TW] body{font-family:var(--font-sans)}h1,h2,h3,.brand-footer-title,.admin-header-title{font-family:var(--font-display)}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:var(--radius-md)}h1{background:linear-gradient(45deg, var(--primary), #c00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:800;line-height:1.2}.title-icon,.title-icon-inline{display:inline-block;-webkit-text-fill-color:initial!important;color:inherit!important;background:0 0!important;-webkit-background-clip:border-box!important;background-clip:border-box!important}.title-icon{margin-right:.35rem}h2{margin-bottom:1rem;font-size:clamp(1.4rem,4vw,2rem);font-weight:700}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s cubic-bezier(.2,.8,.2,1) forwards fadeIn}header:not(.admin-header),.glass[class*=header]{z-index:1000;background:var(--card-bg);border-bottom:1px solid var(--card-border);height:70px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);align-items:center;display:flex;position:relative;top:0;overflow:visible}header:not(.admin-header) .container{width:100%!important;padding:0 2rem!important}header:not(.admin-header) nav{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;display:flex}.logo{color:var(--primary);white-space:nowrap;letter-spacing:-.3px;flex-shrink:0;align-items:center;gap:0;font-size:1.2rem;font-weight:900;text-decoration:none;display:flex}.brand-header{background:linear-gradient(#fffaf4eb 0%,#fff6ead1 100%)!important}.nav-links{flex:1;align-items:center;gap:2rem;min-height:100%;margin-left:2rem;padding:.5rem 0;display:flex}.nav-link{color:var(--foreground);opacity:.8;white-space:nowrap;padding:.5rem 0;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.nav-link:hover,.nav-link.active{opacity:1;color:var(--primary)}.hero-shell{text-align:center;padding:clamp(2rem,7vw,4rem) 0}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);margin-bottom:2.5rem;display:grid}.hero-badge{color:var(--primary);letter-spacing:.16em;background:#fffaf2eb;border:1px solid #a4481a29;border-radius:999px;justify-content:center;align-items:center;margin-bottom:1rem;padding:.45rem .9rem;font-size:.82rem;font-weight:700;display:inline-flex}.hero-title{margin-bottom:1rem}.hero-copy{opacity:.82;max-width:750px;color:var(--foreground);margin:0 auto 2rem;font-size:clamp(1rem,3vw,1.16rem)}.hero-brand-card{background:linear-gradient(160deg,#fffbf5f5 0%,#ffeed2eb 100%);border:1px solid #a4481a24;border-radius:28px;padding:clamp(1rem,3vw,1.5rem);position:relative;box-shadow:0 16px 44px #80461a1f}.hero-logo{width:100%;height:auto}.hero-orbit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.hero-orbit-pill{color:var(--foreground);background:#ffffffbd;border:1px solid #a4481a1f;border-radius:16px;padding:.8rem .95rem;font-size:.92rem;font-weight:700}.hero-secondary-btn{color:var(--primary);background:#ffffffc7;border:1px solid #a4481a2e}.brand-feature-card{background:linear-gradient(#fffbf6f0 0%,#fff5e9e0 100%)}.brand-story-panel{box-shadow:0 18px 40px #74421f14}.page-hero{text-align:center;padding:clamp(1rem,4vw,2rem) 0}.compact-hero{max-width:760px;margin:0 auto 1.25rem}.page-hero-badge{color:var(--primary);letter-spacing:.14em;background:#fffaf2eb;border:1px solid #a4481a29;border-radius:999px;justify-content:center;align-items:center;margin-bottom:1rem;padding:.45rem .9rem;font-size:.82rem;font-weight:700;display:inline-flex}.page-hero-copy{opacity:.82;max-width:680px;color:var(--foreground);margin:0 auto;font-size:1rem}.brand-footer{border-top:1px solid var(--card-border);color:var(--foreground);background:linear-gradient(#fffaf480 0%,#fff3dec7 100%);margin-top:4rem;padding:3.5rem 0 2rem}.brand-footer-grid{grid-template-columns:minmax(0,1.2fr) auto;align-items:center;gap:2rem;display:grid}.brand-footer-logoRow{align-items:center;gap:.9rem;margin-bottom:1rem;display:flex}.brand-footer-title{letter-spacing:.12em;font-size:1rem;font-weight:900}.brand-footer-subtitle{opacity:.72;letter-spacing:.14em;font-size:.82rem}.brand-footer-copy{opacity:.82;max-width:540px}.brand-footer-links{flex-wrap:wrap;justify-content:flex-end;gap:1.5rem;display:flex}.brand-footer-links a{color:var(--foreground);opacity:.78}.brand-footer-bottom{opacity:.62;border-top:1px solid #a4481a1a;margin-top:1.75rem;padding-top:1rem;font-size:.88rem}.nav-link:after{content:"";background:var(--primary);width:0;height:2px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}@media (max-width:768px){.hero-grid,.brand-footer-grid{grid-template-columns:1fr}.brand-footer-links{justify-content:flex-start}.hero-orbit-grid{grid-template-columns:1fr 1fr}.nav-links{display:none!important}header:not(.admin-header){height:60px}header:not(.admin-header) .container{gap:.5rem!important;padding:0 1rem!important}header:not(.admin-header) nav{gap:.5rem!important}.logo{font-size:1rem;gap:2px!important}.logo span:last-child{display:flex}}@media (max-width:640px){.container{padding:0 1rem}header:not(.admin-header){height:56px}.logo{font-size:.9rem}.hero-orbit-grid{grid-template-columns:1fr}.btn{min-height:44px;padding:.8rem 1.4rem;font-size:1rem}input,select,textarea{font-size:16px!important}}.mobile-only{display:none}.mobile-menu-toggle{justify-content:center;align-items:center;display:none}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}@media (max-width:768px){.mobile-only{display:block}.mobile-menu-toggle{display:inline-flex}.desktop-only{display:none!important}.flex-mobile-column{flex-direction:column!important}.grid-mobile-2{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.grid-auto{grid-template-columns:1fr;gap:1.5rem}body{padding-bottom:env(safe-area-inset-bottom)}}.zodiac-detail-hero{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:center;gap:2rem;display:grid}.zodiac-detail-body{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1.5rem;display:grid}@media (max-width:768px){.zodiac-detail-hero,.zodiac-detail-body{grid-template-columns:1fr;gap:1rem}.zodiac-detail-hero>div:first-child{max-width:320px;margin:0 auto}}@media (max-width:480px){.zodiac-detail-hero>div:first-child{max-width:260px}}.zodiac-detail-page{padding:2rem 1rem!important}.zodiac-hero-section{padding:2rem}@media (max-width:768px){.zodiac-detail-page{padding:1rem .5rem!important}.zodiac-hero-section{padding:1rem;border-radius:16px!important;margin-bottom:1rem!important}.zodiac-detail-body aside .glass{border-radius:16px!important}.zodiac-detail-hero>div:first-child{padding-bottom:.5rem!important}}@media (max-width:480px){.zodiac-detail-page{padding:.75rem .4rem!important}.zodiac-hero-section{padding:.75rem}}@media (max-width:768px){.zodiac-fortune-card .ant-card-body{padding:12px}.zodiac-fortune-card .ant-card-head{min-height:44px;padding:0 12px}.zodiac-fortune-card .ant-card-head-title{padding:10px 0;font-size:.95rem}.zodiac-fortune-card .ant-progress-circle .ant-progress-text{font-size:.85rem!important}}.mobile-user-avatar{display:none!important}@media (max-width:768px){.mobile-user-avatar{display:flex!important}}.feature-card{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (hover:hover){.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000001a}}