*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: var(--primaryColor, #6366f1);--primary-hover: var(--primaryHover, #4f46e5);--gradient-end: var(--gradientEnd, #8b5cf6);--logo-gradient: var(--logoGradient);--category-title-color: var(--categoryTitle, #f1f5f9);--category-icon-color: var(--categoryIcon, #8b5cf6);--site-title-color: var(--siteTitle, #f1f5f9);--site-desc-color: var(--siteDescription, #94a3b8);--site-icon-color: var(--siteIcon, inherit);--marquee-height: var(--marqueeHeight, 5px);--marquee-gradient: var(--marqueeGradient);--marquee-speed: var(--marqueeSpeed, 3s);--bg-color: #0f172a;--nav-bg: #1e293b;--card-bg: #1e293b;--card-hover: #334155;--text-color: #f1f5f9;--text-muted: #94a3b8;--border-color: #334155}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-color);color:var(--text-color);min-height:100vh;line-height:1.6}.navbar{background:rgba(30,41,59,var(--navbarOpacity, .9));border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);height:var(--navbarHeight, 60px)}.navbar.navbar-card{max-width:var(--navbarWidth, 1100px);margin:10px auto 0;border-radius:var(--navbarRadius, 12px);border:1px solid var(--border-color)}.nav-container{max-width:var(--navbarWidth, 1100px);margin:0 auto;padding:0 1rem;height:100%;display:flex;justify-content:space-between;align-items:center}.navbar.navbar-card .nav-container{max-width:100%}.nav-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-color);font-weight:600;font-size:1.25rem}.nav-brand:hover{opacity:.9}.nav-logo{height:36px;width:auto}.nav-name{background:var(--logo-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:1.5rem}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:color .2s}.nav-link:hover{color:var(--primary-color)}.marquee{height:var(--marquee-height);background:linear-gradient(90deg,var(--marquee-gradient));background-size:200% 100%;overflow:hidden}.marquee[data-direction=left]{animation:marquee-left var(--marquee-speed) linear infinite}.marquee[data-direction=right]{animation:marquee-right var(--marquee-speed) linear infinite}@keyframes marquee-left{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes marquee-right{0%{background-position:200% 0%}to{background-position:0% 0%}}header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--gradient-end) 100%);padding:3rem 1rem;text-align:center;min-height:var(--headerHeight, 200px);display:flex;align-items:center;justify-content:center;position:relative;width:100%}header.header-content-width{max-width:1100px;margin:0 auto;border-radius:0 0 12px 12px}header.header-custom-width{margin:0 auto;border-radius:0 0 12px 12px}header.header-image{background-size:cover;background-position:center top;background-repeat:no-repeat}.header-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,var(--headerOverlay, .5)),rgba(139,92,246,var(--headerOverlay, .5)));z-index:1}.header-content{position:relative;z-index:2}.header-content h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.subtitle{color:#ffffffe6;font-size:1.1rem;text-shadow:0 1px 5px rgba(0,0,0,.3)}.search-box{display:flex;align-items:center;max-width:500px;margin:1.5rem auto 0;background:rgba(255,255,255,var(--searchBoxOpacity, .15));backdrop-filter:blur(10px);border-radius:50px;padding:.25rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.search-box:hover{background:rgba(255,255,255,calc(var(--searchBoxOpacity, .15) + .05));border-color:#ffffff4d;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.search-box:focus-within{background:rgba(255,255,255,calc(var(--searchBoxOpacity, .15) + .1));border-color:#fff6;box-shadow:0 12px 35px #0003;transform:translateY(-3px)}.search-input{flex:1;background:transparent;border:none;outline:none;padding:.75rem 1.25rem;font-size:1rem;color:var(--searchTextColor, white)}.search-input::placeholder{color:var(--searchPlaceholderColor, rgba(255, 255, 255, .7))}.search-btn{background:var(--searchButtonColor, var(--primary-color));border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.search-btn:hover{background:var(--searchButtonHover, var(--primary-hover));transform:scale(1.05)}main{max-width:var(--contentMaxWidth, 1100px);margin:0 auto;padding:2rem 1rem}.category-title{color:var(--category-title-color)!important}.category-icon{color:var(--category-icon-color)!important}.nav-card .card-content h3{color:var(--site-title-color)!important}.nav-card .card-content p{color:var(--site-desc-color)!important}.nav-card .icon{color:var(--site-icon-color)}footer{text-align:center;padding:2rem;color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:2rem;background:rgba(30,41,59,var(--footerOpacity, .9))}footer.footer-card{max-width:var(--footerWidth, 1100px);margin:2rem auto 10px;border-radius:var(--footerRadius, 12px);border:1px solid var(--border-color)}footer .powered-by{margin-top:.5rem;font-size:.85rem;opacity:.8}@media(max-width:640px){.nav-links{gap:1rem}.nav-link{font-size:.875rem}.header-content h1{font-size:1.75rem}.search-box{max-width:100%;margin:1rem 0 0}.search-input{padding:.6rem 1rem;font-size:.9rem}.search-btn{width:38px;height:38px}}