:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e9ecef)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.solar-term-card{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%;position:relative;background:#fff}.solar-term-card:hover{transform:translateY(-8px);box-shadow:0 8px 32px #00000026}.card-image{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.solar-term-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.solar-term-card:hover .solar-term-image{transform:scale(1.05)}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.placeholder-icon{font-size:3rem;opacity:.6}.card-content{padding:24px;flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.card-header{text-align:center;margin-bottom:16px}.chinese-name{font-size:2rem;font-weight:700;margin-bottom:8px;color:#1a1a1a}.pinyin{font-size:1.1rem;color:#4a4a4a;margin-bottom:4px;font-style:italic}.english-name{font-size:.9rem;color:#666;font-weight:500}.card-body{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 0}.description-container{text-align:center;color:#2a2a2a;font-weight:400}.description-cn{font-size:1rem;line-height:1.5;margin-bottom:8px;color:#1a1a1a;font-weight:500}.description-en{font-size:.85rem;line-height:1.4;color:#4a4a4a;font-style:italic;opacity:.9}.card-footer{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:16px}.season-badge{background-color:#ffffff4d;color:#1a1a1a;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media(max-width:768px){.card-image{height:160px}.card-content{padding:20px}.chinese-name{font-size:1.75rem}.pinyin{font-size:1rem}.english-name{font-size:.85rem}.description-cn{font-size:.9rem;margin-bottom:6px}.description-en{font-size:.75rem}.placeholder-icon{font-size:2.5rem}}@media(max-width:480px){.card-image{height:140px}.card-content{padding:16px}.chinese-name{font-size:1.5rem}.pinyin{font-size:.9rem}.english-name{font-size:.8rem}.description-cn{font-size:.85rem;margin-bottom:4px}.description-en{font-size:.7rem}.season-badge{font-size:.8rem;padding:4px 12px}}.color-info{display:flex;gap:12px;justify-content:center;flex-wrap:nowrap}.color-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:16px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(5px);width:120px;flex-shrink:0;justify-content:flex-start}.color-item:hover{background:#ffffff4d;transform:scale(1.05);box-shadow:0 2px 8px #00000026}.color-item:active{transform:scale(.95)}.color-swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.5);box-shadow:0 1px 3px #0003}.color-code{font-size:.7rem;font-weight:600;color:#ffffffe6;letter-spacing:.3px;position:relative;height:18px;width:60px;display:block;text-align:center}.color-name{font-family:Inter,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;transition:opacity .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1}.color-hex{font-family:Courier New,monospace;font-size:.65rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;transition:opacity .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0}.color-item:hover .color-name{opacity:0}.color-item:hover .color-hex{opacity:1}@media(max-width:768px){.color-info{gap:8px}.color-item{padding:4px 8px;gap:6px;width:100px}.color-swatch{width:14px;height:14px}.color-code{font-size:.65rem}.color-hex{font-size:.6rem}}@media(max-width:480px){.color-info{flex-direction:row;width:100%;gap:6px;justify-content:center;flex-wrap:nowrap}.color-item{justify-content:flex-start;width:85px;gap:4px;padding:3px 6px}.color-swatch{width:12px;height:12px}.color-code{font-size:.6rem}.color-hex{font-size:.55rem}}.solar-term-list{padding:0 1rem 2rem;flex:1;min-width:0;order:0}.solar-term-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(min-width:1200px){.solar-term-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px)and (max-width:1399px){.solar-term-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(min-width:768px)and (max-width:1023px){.solar-term-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:576px)and (max-width:767px){.solar-term-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:575px){.solar-term-list{padding:0 1rem 1rem}.solar-term-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:1024px){.solar-term-list{width:100%;padding:1rem;margin-bottom:2rem}}.date-hero{color:#fff;padding:2rem;border-radius:16px;box-shadow:0 8px 32px #00000026;position:relative;overflow:hidden}.date-hero:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,rgba(255,255,255,.05) 50%,transparent 70%);animation:float 20s ease-in-out infinite}.date-hero:after{content:"";position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 60%);animation:float-reverse 25s ease-in-out infinite}.date-hero.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.loading-text{font-size:1.2rem;opacity:.8}.date-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.5rem}.current-date{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.solar-date{display:flex;align-items:center;gap:.5rem;font-size:1.8rem;font-weight:700}.date-year{color:#ffffffe6}.date-month,.date-day{color:#fff}.date-weekday{font-size:1.4rem;font-weight:500;color:#fffc}.date-divider{font-size:2rem;color:#fff9;margin:0 .5rem}.lunar-date{display:flex;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:500}.lunar-year{color:#ffeb3b;text-shadow:0 1px 3px rgba(0,0,0,.3)}.lunar-month,.lunar-day{color:#fffffff2}.leap-indicator{color:#ffeb3b;font-size:1.2rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.3)}.current-solar-term{background:#ffffff1f;backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 20px #0000001a}.solar-term-info{text-align:center}.solar-term-current{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.solar-term-label{font-size:.9rem;color:#fffc;text-transform:uppercase;letter-spacing:2px}.solar-term-name{font-size:2.5rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.3)}.solar-term-pinyin{font-size:1.2rem;font-style:italic;color:#ffffffe6}.solar-term-description{font-size:1.1rem;line-height:1.6;color:#fffffff2;max-width:600px;margin:0 auto}.next-solar-term{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.next-term-countdown{flex:1;min-width:200px}.countdown-label{font-size:.9rem;color:#fffc;margin-bottom:.5rem}.next-term-name{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#ffeb3b;text-shadow:0 1px 3px rgba(0,0,0,.3)}.countdown-time{font-size:1.8rem;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.next-term-preview{flex:2;min-width:250px}.next-term-description{font-size:1rem;line-height:1.6;color:#ffffffe6;font-style:italic}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes float-reverse{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(-20px,15px) rotate(-90deg) scale(1.1)}50%{transform:translate(15px,-10px) rotate(-180deg) scale(.9)}75%{transform:translate(-10px,25px) rotate(-270deg) scale(1.05)}}.date-hero{animation:slideInDown .8s ease-out}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.solar-term-name{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.date-hero{padding:1.5rem;margin-bottom:1.5rem}.date-hero-content{gap:1rem}.current-date{flex-direction:column;gap:.5rem;text-align:center}.solar-date{font-size:1.5rem}.lunar-date{font-size:1.2rem}.date-divider{display:none}.solar-term-name{font-size:2rem}.solar-term-pinyin{font-size:1rem}.next-solar-term{flex-direction:column;gap:1rem;text-align:center}.next-term-name{font-size:1.5rem}.countdown-time{font-size:1.4rem}}@media(max-width:480px){.date-hero{padding:1rem}.solar-date{font-size:1.3rem;flex-wrap:wrap;justify-content:center}.lunar-date{font-size:1.1rem;flex-wrap:wrap;justify-content:center}.solar-term-name{font-size:1.8rem}.current-solar-term{padding:1rem}.next-term-name{font-size:1.3rem}.countdown-time{font-size:1.2rem}}@media(prefers-color-scheme:dark){.date-hero{background:linear-gradient(135deg,#4a5568,#2d3748)}}@media(prefers-contrast:high){.date-hero{border:2px solid white}.current-solar-term{border:2px solid rgba(255,255,255,.5)}}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.hero-container{width:100%;padding:1.5rem 1rem 2rem;box-sizing:border-box}.content-wrapper{display:flex;gap:2.5rem;padding:0 2rem;width:100%;max-width:1800px;margin:0 auto}@media(max-width:1024px){.content-wrapper{flex-direction:column;gap:1rem;padding:0 1rem}}.content-body{flex:1;min-width:0}.content-intro{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#f8fafc,#edf2f7);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.content-title{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-description{font-size:1.1rem;line-height:1.7;color:#4a5568;max-width:800px;margin:0 auto}.content-ad{margin:2rem 0;border-radius:12px;overflow:hidden}.content-footer{margin-top:3rem}.footer-content{display:flex;justify-content:center;margin-bottom:2rem}.footer-section{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid #e9ecef;transition:transform .3s ease,box-shadow .3s ease;max-width:800px;width:100%}.footer-section:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.footer-section h3{font-size:1.4rem;font-weight:700;color:#2d3748;margin-bottom:1.5rem;text-align:center;position:relative;padding-bottom:.75rem}.footer-section h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.footer-section p{color:#4a5568;line-height:1.8;font-size:1rem;margin-bottom:1.2rem}.footer-section p:last-child{margin-bottom:0}.horizontal-ad.banner{border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014}@media(max-width:1200px){.footer-section{max-width:700px;padding:2rem}}@media(max-width:768px){.content-header{margin-bottom:1.5rem}.footer-section{padding:1.5rem;max-width:100%}.footer-section h3{font-size:1.2rem}.footer-section p{font-size:.95rem;line-height:1.6}}@media(max-width:480px){.footer-section{padding:1rem}.footer-section h3{font-size:1.1rem}.footer-section p{font-size:.9rem;line-height:1.5}}.content-intro{animation:fadeInUp .8s ease-out}.footer-section{animation:fadeInUp .8s ease-out;animation-delay:.2s;animation-fill-mode:both}.footer-section:nth-child(2){animation-delay:.3s}.footer-section:nth-child(3){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:dark){.footer-section{background:#2d3748;border-color:#4a5568}.footer-section h3{color:#e2e8f0}.footer-section p{color:#cbd5e0}}.content-ad,.horizontal-ad{position:relative}.content-ad:after,.horizontal-ad:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:.8}.content-ad.sticky-ad{position:sticky;top:1rem;z-index:10}@media(min-width:1200px){.content-ad.responsive-ad{max-width:800px;margin:2rem auto}}@media(max-width:768px){.content-ad.responsive-ad{margin:1.5rem 0}}.adsense-ad{position:relative;background:#f8f9fa;border-radius:8px;overflow:hidden;margin-bottom:1.5rem;min-height:250px;display:flex;align-items:center;justify-content:center;border:1px solid #e9ecef}.adsense-ad.top-ad{margin-bottom:0}.adsense-ad .adsbygoogle{opacity:0;transition:opacity .3s ease}.adsense-ad .adsbygoogle-loaded{opacity:1}.ad-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#6c757d;text-align:center}.ad-label{font-size:.75rem;color:#adb5bd;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.ad-space{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#495057}.ad-size{font-size:.9rem;color:#6c757d;margin-bottom:.5rem}.ad-info{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e9ecef;font-size:.7rem;color:#adb5bd;line-height:1.2}.adsense-ad.sidebar-ad{min-height:600px;max-width:300px;margin:0 auto 2rem}.adsense-ad.horizontal-ad{min-height:90px;max-height:120px}.adsense-ad.responsive-ad{min-height:250px}@media(max-width:768px){.adsense-ad.sidebar-ad{min-height:250px;max-width:100%;margin:0 0 1.5rem}.adsense-ad.horizontal-ad{min-height:250px}}@media(max-width:480px){.ad-placeholder{padding:1.5rem}.ad-space{font-size:1rem}}.adsense-ad.loading:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8f9fa 25%,#e9ecef,#f8f9fa 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.adsense-ad:hover{border-color:#ced4da;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.adsense-ad.banner{min-height:90px;max-height:150px}.adsense-ad.rectangle{min-height:250px;max-height:300px}.adsense-ad.skyscraper{min-height:600px;max-width:160px}@media(prefers-color-scheme:dark){.adsense-ad{background:#2d3748;border-color:#4a5568}.ad-label{color:#718096}.ad-space{color:#e2e8f0}.ad-size{color:#a0aec0}.ad-info{color:#718096;border-color:#4a5568}}.sidebar{width:320px;flex-shrink:0;padding:0 0 0 1rem;display:flex;flex-direction:column;gap:1.5rem;order:1}.season-selector{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px #00000014;border:1px solid #e9ecef}.sidebar-title{font-size:1.2rem;font-weight:700;color:#2d3748;margin-bottom:1.2rem;text-align:center;position:relative;padding-bottom:.5rem}.sidebar-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1px}.season-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.season-btn{padding:.75rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:#fff;position:relative;overflow:hidden}.season-btn:before{content:"";position:absolute;inset:0;background:#ffffff1a;transform:translate(-100%);transition:transform .3s ease}.season-btn:hover:before{transform:translate(0)}.season-btn.spring{background:linear-gradient(135deg,#84bf96,#7fb06c)}.season-btn.summer{background:linear-gradient(135deg,coral,#ff4500)}.season-btn.autumn{background:linear-gradient(135deg,peru,#d2691e)}.season-btn.winter{background:linear-gradient(135deg,#4682b4,#191970)}.season-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.culture-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px #00000014;border:1px solid #e2e8f0}.culture-content{color:#4a5568;line-height:1.6;margin-bottom:1rem}.culture-description{margin-bottom:1.5rem}.culture-description p{color:#4a5568;line-height:1.6;font-size:.9rem;margin-bottom:1rem}.culture-description p:last-child{margin-bottom:0}.culture-stats{display:flex;justify-content:space-around;margin-top:1rem}.stat-item{text-align:center;padding:.5rem}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#2d3748;line-height:1}.stat-label{display:block;font-size:.8rem;color:#718096;margin-top:.25rem}.related-links{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px #00000014;border:1px solid #e9ecef}.links-list{list-style:none;padding:0;margin:0}.link-item{display:block;padding:.75rem 0;color:#4a5568;text-decoration:none;border-bottom:1px solid #f1f5f9;transition:all .3s ease;font-size:.9rem}.link-item:hover{color:#2d3748;padding-left:.5rem;background-color:#f8f9fa}.link-item:last-child{border-bottom:none}.sidebar-ad{border-radius:12px;overflow:hidden}@media(max-width:1400px){.sidebar{width:260px}}@media(max-width:1200px){.sidebar{width:240px}}@media(max-width:1024px){.sidebar{width:100%;padding:1rem;flex-direction:column;gap:1rem;order:1}.season-selector,.culture-card,.related-links,.sidebar-ad{width:100%;min-width:unset}}@media(max-width:768px){.sidebar{flex-direction:column}.season-buttons{grid-template-columns:1fr 1fr}.culture-stats{flex-direction:column;gap:.5rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f8f9fa;border-radius:6px}.stat-number,.stat-label{display:inline;margin:0}}@media(max-width:480px){.sidebar{padding:0 .5rem}.season-selector,.culture-card,.related-links{padding:1rem}.sidebar-title{font-size:1rem}.season-btn{padding:.5rem;font-size:.85rem}}@media(prefers-color-scheme:dark){.season-selector,.related-links{background:#2d3748;border-color:#4a5568}.culture-card{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#4a5568}.sidebar-title{color:#e2e8f0}.culture-content{color:#cbd5e0}.link-item{color:#cbd5e0;border-color:#4a5568}.link-item:hover{color:#e2e8f0;background-color:#4a5568}.stat-number{color:#e2e8f0}.stat-label{color:#a0aec0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f8fafc,#e9ecef);min-height:100vh;color:#333;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column;max-width:1800px;margin:0 auto;width:100%;background:#fff}.app-header{background:#fff;box-shadow:0 2px 20px #00000014;border-bottom:1px solid #e9ecef}.header-content{max-width:1400px;margin:0 auto;padding:2rem 2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-left h1{font-size:2.2rem;font-weight:700;margin-bottom:.3rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-left p{font-size:1.1rem;color:#6b7280;margin:0}.header-description{font-size:1rem;color:#6b7280;line-height:1.5;max-width:400px;text-align:right}.header-ad{margin-bottom:1rem}.app-body{flex:1;display:flex;flex-direction:column;max-width:1800px;margin:0 auto;width:100%;padding:0}.main-area{flex:1;min-width:0}.sidebar-area{width:320px;flex-shrink:0;padding:0}.app-footer{background:#f8fafc;border-top:1px solid #e9ecef;margin-top:auto}.footer-content{max-width:1400px;margin:0 auto;padding:3rem 2rem 2rem}.footer-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.footer-info p{color:#4b5563;font-size:.9rem;margin:0}.footer-links{display:flex;gap:2rem}.footer-link{color:#6b7280;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-link:hover{color:#374151;text-decoration:underline}.footer-ad{max-width:1200px;margin:0 auto;padding:0 2rem 2rem}@media(max-width:1400px){.sidebar-area{width:260px}}@media(max-width:1200px){.app{max-width:100%}.sidebar-area{width:240px}}.header-content{padding:1.5rem;flex-direction:column;text-align:center}.header-description{text-align:center;max-width:600px;margin:0 auto}.app-body{padding:0 1rem}.main-area{padding:1.5rem .5rem 1.5rem 0}.sidebar-area{width:280px;padding:1.5rem .5rem 1.5rem 0}.footer-info{flex-direction:column;gap:1rem;text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}} @media (max-width: 1024px){.app-body{flex-direction:column;padding:0 1rem}.sidebar-area{width:100%;padding:1rem 0;order:-1}.main-area{padding:1rem 0}.header-left h1{font-size:2rem}}@media(max-width:768px){.header-content{padding:1rem}.header-left h1{font-size:1.8rem}.header-left p{font-size:1rem}.header-description{font-size:.9rem}.app-body{padding:0 .5rem;gap:1rem}.main-area,.sidebar-area{padding:1rem .5rem}.footer-content{padding:2rem 1rem 1rem}.footer-links{gap:1rem;flex-wrap:wrap}.footer-ad{padding:0 1rem 1rem}}@media(max-width:480px){.header-left h1{font-size:1.5rem}.header-left p{font-size:.9rem}.header-description{font-size:.85rem}.footer-links{gap:.5rem}.footer-link{font-size:.85rem;padding:.25rem .5rem}}.app-header{animation:slideDown .6s ease-out}.app-body{animation:fadeIn .8s ease-out .3s both}.app-footer{animation:slideUp .6s ease-out .6s both}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.app{scroll-behavior:smooth}*:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.app-header,.app-footer,.adsense-ad{display:none!important}.app-body{display:block}.sidebar-area{display:none}.main-area{padding:0}}@media(prefers-color-scheme:dark){body{background:linear-gradient(135deg,#1a202c,#2d3748);color:#e2e8f0}.app{background:#2d3748}.app-header{background:#2d3748;border-color:#4a5568}.app-footer{background:#1a202c;border-color:#2d3748}.header-left p,.header-description,.footer-info p{color:#cbd5e0}.footer-link{color:#a0aec0}.footer-link:hover{color:#e2e8f0}}@media(prefers-contrast:high){.app,.app-header,.app-footer{border:2px solid #000}}