/* Theme Name: 99club Theme URI: http://example.com Author: 你的名字 Author URI: http://example.com Description: 一个自定义的WordPress主题 Version: 1.0 License: GNU General Public License v2 or later */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--contrast: var(--contrast);--wp--preset--color--contrast-2: var(--contrast-2);--wp--preset--color--contrast-3: var(--contrast-3);--wp--preset--color--base: var(--base);--wp--preset--color--base-2: var(--base-2);--wp--preset--color--base-3: var(--base-3);--wp--preset--color--accent: var(--accent);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} div#ez-toc-container .ez-toc-title {font-size: 120%;}div#ez-toc-container .ez-toc-title {font-weight: 500;}div#ez-toc-container ul li , div#ez-toc-container ul li a {font-size: 95%;}div#ez-toc-container ul li , div#ez-toc-container ul li a {font-weight: 500;}div#ez-toc-container nav ul ul li {font-size: 90%;} .ez-toc-container-direction {direction: ltr;}.ez-toc-counter ul{counter-reset: item ;}.ez-toc-counter nav ul li a::before {content: counters(item, '.', decimal) '. ';display: inline-block;counter-increment: item;flex-grow: 0;flex-shrink: 0;margin-right: .2em; float: left; }.ez-toc-widget-direction {direction: ltr;}.ez-toc-widget-container ul{counter-reset: item ;}.ez-toc-widget-container nav ul li a::before {content: counters(item, '.', decimal) '. ';display: inline-block;counter-increment: item;flex-grow: 0;flex-shrink: 0;margin-right: .2em; float: left; } body{background-color:var(--base);color:var(--contrast);}a{color:var(--accent);}a{text-decoration:underline;}.entry-title a, .site-branding a, a.button, .wp-block-button__link, .main-navigation a{text-decoration:none;}a:hover, a:focus, a:active{color:var(--contrast);}.wp-block-group__inner-container{max-width:1200px;margin-left:auto;margin-right:auto;}.site-header .header-image{width:140px;}:root{--contrast:#222222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#f0f0f0;--base-2:#f7f8f9;--base-3:#ffffff;--accent:#1e73be;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-base-color{color:var(--base);}:root .has-base-background-color{background-color:var(--base);}:root .has-base-2-color{color:var(--base-2);}:root .has-base-2-background-color{background-color:var(--base-2);}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-accent-color{color:var(--accent);}:root .has-accent-background-color{background-color:var(--accent);}body, button, input, select, textarea{font-family:Open Sans, sans-serif;}.top-bar{background-color:#636363;color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:var(--base-3);color:var(--base-3);}.site-header a{color:var(--base-3);}.main-title a,.main-title a:hover{color:var(--base-3);}.site-description{color:var(--contrast-2);}.main-navigation,.main-navigation ul ul{background-color:var(--contrast);}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:var(--base-3);}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:var(--base-3);}button.menu-toggle:hover,button.menu-toggle:focus{color:var(--base-3);}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:var(--accent);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:var(--base-3);}.main-navigation ul ul{background-color:var(--base);}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{background-color:var(--base-3);}.entry-title a{color:var(--contrast);}.entry-title a:hover{color:var(--contrast-2);}.entry-meta{color:var(--contrast-2);}.sidebar .widget{background-color:var(--base-3);}.footer-widgets{background-color:var(--base-3);}.site-info{color:var(--base-3);background-color:var(--base);}.site-info a{color:var(--base-3);}.site-info a:hover{color:var(--base);}.footer-bar .widget_nav_menu .current-menu-item a{color:var(--base);}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:var(--contrast);background-color:var(--base-2);border-color:var(--base);}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:var(--contrast);background-color:var(--base-2);border-color:var(--contrast-3);}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#55555e;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:#3f4047;}a.generate-back-to-top{background-color:rgba( 0,0,0,0.4 );color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba( 0,0,0,0.6 );color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width:768px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:var(--base-3);}}.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 20px 0px 20px;}.site-main .wp-block-group__inner-container{padding:40px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-40px;width:calc(100% + 80px);max-width:calc(100% + 80px);}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:30px;}.site-main .wp-block-group__inner-container{padding:30px;}.inside-top-bar{padding-right:30px;padding-left:30px;}.inside-header{padding-right:30px;padding-left:30px;}.widget-area .widget{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.footer-widgets-container{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.inside-site-info{padding-right:30px;padding-left:30px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}.one-container .site-main .paging-navigation{margin-bottom:20px;}}/* End cached CSS */.is-right-sidebar{width:30%;}.is-left-sidebar{width:30%;}.site-content .content-area{width:100%;}@media (max-width:768px){.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder){display:block;}.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none;}.nav-align-right .inside-navigation,.nav-align-center .inside-navigation{justify-content:space-between;}} .dynamic-author-image-rounded{border-radius:100%;}.dynamic-featured-image, .dynamic-author-image{vertical-align:middle;}.one-container.blog .dynamic-content-template:not(:last-child), .one-container.archive .dynamic-content-template:not(:last-child){padding-bottom:0px;}.dynamic-entry-excerpt > p:last-child{margin-bottom:0px;} .download-btn, .download-btn span, .download-text, .download-size, .inside-site-info, .inside-site-info a, .site-header, .site-header a, .copyright-bar, .copyright-bar a, .footer-bar, .footer-bar a, .menu a, .widget_nav_menu a { color: #ffffff !important; } /* Override any conflicting text colors for hover states */ .download-btn:hover, .download-btn:hover span, .download-btn:hover .download-text, .download-btn:hover .download-size { color: #ffffff !important; } /* Smart text contrast for inline style elements using primary colors */ a[style*="background-color: #e75252"], a[style*="background-color:#e75252"], a[style*="background-color: #c44545"], a[style*="background-color:#c44545"], .wp-block-button__link[style*="background-color: #e75252"], .wp-block-button__link[style*="background-color:#e75252"], .wp-block-button__link[style*="background-color: #c44545"], .wp-block-button__link[style*="background-color:#c44545"] { color: #ffffff !important; } /* Apply to child elements for primary color backgrounds */ a[style*="background-color: #e75252"] span, a[style*="background-color:#e75252"] span, a[style*="background-color: #e75252"] div, a[style*="background-color:#e75252"] div, a[style*="background-color: #e75252"] svg, a[style*="background-color:#e75252"] svg, a[style*="background-color: #c44545"] span, a[style*="background-color:#c44545"] span, a[style*="background-color: #c44545"] div, a[style*="background-color:#c44545"] div, a[style*="background-color: #c44545"] svg, a[style*="background-color:#c44545"] svg, .wp-block-button__link[style*="background-color: #e75252"] span, .wp-block-button__link[style*="background-color:#e75252"] span, .wp-block-button__link[style*="background-color: #e75252"] div, .wp-block-button__link[style*="background-color:#e75252"] div, .wp-block-button__link[style*="background-color: #e75252"] svg, .wp-block-button__link[style*="background-color:#e75252"] svg, .wp-block-button__link[style*="background-color: #c44545"] span, .wp-block-button__link[style*="background-color:#c44545"] span, .wp-block-button__link[style*="background-color: #c44545"] div, .wp-block-button__link[style*="background-color:#c44545"] div, .wp-block-button__link[style*="background-color: #c44545"] svg, .wp-block-button__link[style*="background-color:#c44545"] svg { color: #ffffff !important; } /* Style 2: Modern solid with accent and depth */ .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { padding: 14px 18px 14px !important; margin-bottom: 1.5rem !important; margin-top: 2rem !important; color: #ffffff !important; font-weight: 600 !important; line-height: 1.4 !important; background-color: #e75252 !important; border-radius: 10px !important; position: relative !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important; overflow: hidden !important; display: flex !important; align-items: center !important; letter-spacing: 0.02em !important; } /* Modern accent line */ .entry-content h2:before, .entry-content h3:before, .entry-content h4:before, .entry-content h5:before, .entry-content h6:before { content: "" !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 4px !important; background: linear-gradient(90deg, #ff7a7a, #c93434) !important; } /* Light accent on top for depth */ .entry-content h2:after, .entry-content h3:after, .entry-content h4:after, .entry-content h5:after, .entry-content h6:after { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 1px !important; background: linear-gradient(90deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15)) !important; } /* Heading sizes with 20% reduction */ .entry-content h2 { font-size: 1.2em !important; } .entry-content h3 { font-size: 1em !important; } .entry-content h4 { font-size: 0.88em !important; } .entry-content h5 { font-size: 0.76em !important; } .entry-content h6 { font-size: 0.68em !important; } /* Add responsive adjustments */ @media (max-width: 768px) { .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { padding: 12px 15px 12px !important; } } :root { --main-text-color: #333333; --light-bg-color: #f5f7fa; --transition-speed: 0.3s; --main-color: #e75252; --main-accent-color: #c44545; } @media (max-width: 768px) { .inside-header { padding: 5px 40px !important; } .separate-containers .site-main { margin: 2px 20px; } h1 { font-size: 32px; } .entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) { margin-top: 20px; } .inside-article{ padding: 16px 30px !important; } .inside-header.grid-container { padding: 20px 40px 4px 40px!important; } } html, body { overflow-x: hidden; width: 100%; position: relative; } /* Body and container improvements */ body { line-height: 1.7; color: var(--main-text-color); overflow-x: hidden; } .site-content { padding: 2rem 0; } .wp-block-button__link.has-background { font-weight: 500; transition: all var(--transition-speed); letter-spacing: 0.5px; } .inside-header.grid-container { display: flex; justify-content: space-between; align-items: center; gap: 0.2rem; } h1 { font-weight: 700; } @media (min-width: 454px) { .inside-header { flex-direction: row !important; } } .site-content { padding: 0 !important; } .site-main { margin: 0 !important; } .inside-site-info { background-color: var(--main-color); } .site-main div{ margin-bottom: 0; } .site-header { background-color: var(--main-color); } .hero-main { padding-top: 0 !important; padding-bottom: 0 !important; } .hero-subheading-only, .hero-description-only, .website-name-heading { color: #fff; text-align: center; } p.hero-subheading-only { color: yellow; font-weight: bold; } /* Smart text contrast for light background colors */ /* White, light yellow and similar light colors */ a[style*="background-color: white"], a[style*="background-color:white"], a[style*="background-color: #fff"], a[style*="background-color:#fff"], a[style*="background-color: #ffffff"], a[style*="background-color:#ffffff"], a[style*="background-color: #eeee22"], a[style*="background-color:#eeee22"], a[style*="background-color: #ffff"], a[style*="background-color:#ffff"], a[style*="background-color: #fefe"], a[style*="background-color:#fefe"], a[style*="background-color: #fdfd"], a[style*="background-color:#fdfd"], a[style*="background-color: #fcfc"], a[style*="background-color:#fcfc"], a[style*="background-color: #fbfb"], a[style*="background-color:#fbfb"], a[style*="background-color: #fafa"], a[style*="background-color:#fafa"], a[style*="background-color: #f9f9"], a[style*="background-color:#f9f9"], a[style*="background-color: #f8f8"], a[style*="background-color:#f8f8"], a[style*="background-color: #e"], a[style*="background-color:#e"], a[style*="background-color: #d"], a[style*="background-color:#d"], a[style*="background-color: #c"], a[style*="background-color:#c"], .wp-block-button__link[style*="background-color: white"], .wp-block-button__link[style*="background-color:white"], .wp-block-button__link[style*="background-color: #fff"], .wp-block-button__link[style*="background-color:#fff"], .wp-block-button__link[style*="background-color: #ffffff"], .wp-block-button__link[style*="background-color:#ffffff"], .wp-block-button__link[style*="background-color: #eeee22"], .wp-block-button__link[style*="background-color:#eeee22"], .wp-block-button__link[style*="background-color: #ffff"], .wp-block-button__link[style*="background-color:#ffff"], .wp-block-button__link[style*="background-color: #fefe"], .wp-block-button__link[style*="background-color:#fefe"], .wp-block-button__link[style*="background-color: #fdfd"], .wp-block-button__link[style*="background-color:#fdfd"], .wp-block-button__link[style*="background-color: #fcfc"], .wp-block-button__link[style*="background-color:#fcfc"], .wp-block-button__link[style*="background-color: #fbfb"], .wp-block-button__link[style*="background-color:#fbfb"], .wp-block-button__link[style*="background-color: #fafa"], .wp-block-button__link[style*="background-color:#fafa"], .wp-block-button__link[style*="background-color: #f9f9"], .wp-block-button__link[style*="background-color:#f9f9"], .wp-block-button__link[style*="background-color: #f8f8"], .wp-block-button__link[style*="background-color:#f8f8"], .wp-block-button__link[style*="background-color: #e"], .wp-block-button__link[style*="background-color:#e"], .wp-block-button__link[style*="background-color: #d"], .wp-block-button__link[style*="background-color:#d"], .wp-block-button__link[style*="background-color: #c"], .wp-block-button__link[style*="background-color:#c"] { color: #333333 !important; } /* Apply to child spans as well */ a[style*="background-color: white"] span, a[style*="background-color:white"] span, a[style*="background-color: #fff"] span, a[style*="background-color:#fff"] span, a[style*="background-color: #ffffff"] span, a[style*="background-color:#ffffff"] span, a[style*="background-color: #eeee22"] span, a[style*="background-color:#eeee22"] span, a[style*="background-color: #ffff"] span, a[style*="background-color:#ffff"] span, a[style*="background-color: #fefe"] span, a[style*="background-color:#fefe"] span, a[style*="background-color: #fdfd"] span, a[style*="background-color:#fdfd"] span, a[style*="background-color: #fcfc"] span, a[style*="background-color:#fcfc"] span, a[style*="background-color: #fbfb"] span, a[style*="background-color:#fbfb"] span, a[style*="background-color: #fafa"] span, a[style*="background-color:#fafa"] span, a[style*="background-color: #f9f9"] span, a[style*="background-color:#f9f9"] span, a[style*="background-color: #f8f8"] span, a[style*="background-color:#f8f8"] span, a[style*="background-color: #e"] span, a[style*="background-color:#e"] span, a[style*="background-color: #d"] span, a[style*="background-color:#d"] span, a[style*="background-color: #c"] span, a[style*="background-color:#c"] span, .wp-block-button__link[style*="background-color: white"] span, .wp-block-button__link[style*="background-color:white"] span, .wp-block-button__link[style*="background-color: #fff"] span, .wp-block-button__link[style*="background-color:#fff"] span, .wp-block-button__link[style*="background-color: #ffffff"] span, .wp-block-button__link[style*="background-color:#ffffff"] span, .wp-block-button__link[style*="background-color: #eeee22"] span, .wp-block-button__link[style*="background-color:#eeee22"] span, .wp-block-button__link[style*="background-color: #ffff"] span, .wp-block-button__link[style*="background-color:#ffff"] span, .wp-block-button__link[style*="background-color: #fefe"] span, .wp-block-button__link[style*="background-color:#fefe"] span, .wp-block-button__link[style*="background-color: #fdfd"] span, .wp-block-button__link[style*="background-color:#fdfd"] span, .wp-block-button__link[style*="background-color: #fcfc"] span, .wp-block-button__link[style*="background-color:#fcfc"] span, .wp-block-button__link[style*="background-color: #fbfb"] span, .wp-block-button__link[style*="background-color:#fbfb"] span, .wp-block-button__link[style*="background-color: #fafa"] span, .wp-block-button__link[style*="background-color:#fafa"] span, .wp-block-button__link[style*="background-color: #f9f9"] span, .wp-block-button__link[style*="background-color:#f9f9"] span, .wp-block-button__link[style*="background-color: #f8f8"] span, .wp-block-button__link[style*="background-color:#f8f8"] span, .wp-block-button__link[style*="background-color: #e"] span, .wp-block-button__link[style*="background-color:#e"] span, .wp-block-button__link[style*="background-color: #d"] span, .wp-block-button__link[style*="background-color:#d"] span, .wp-block-button__link[style*="background-color: #c"] span, .wp-block-button__link[style*="background-color:#c"] span { color: #333333 !important; } /* Direct span elements with light backgrounds */ span[style*="background-color:white"], span[style*="background-color: white"], span[style*="background-color:#fff"], span[style*="background-color: #fff"], span[style*="background-color:#ffffff"], span[style*="background-color: #ffffff"], span[style*="background-color:#eeee22"], span[style*="background-color: #eeee22"], span[style*="background-color:#ffff"], span[style*="background-color: #ffff"], span[style*="background-color:#fefe"], span[style*="background-color: #fefe"], span[style*="background-color:#fdfd"], span[style*="background-color: #fdfd"], span[style*="background-color:#fcfc"], span[style*="background-color: #fcfc"], span[style*="background-color:#fbfb"], span[style*="background-color: #fbfb"], span[style*="background-color:#fafa"], span[style*="background-color: #fafa"], span[style*="background-color:#f9f9"], span[style*="background-color: #f9f9"], span[style*="background-color:#f8f8"], span[style*="background-color: #f8f8"], span[style*="background-color:#e"], span[style*="background-color: #e"], span[style*="background-color:#d"], span[style*="background-color: #d"], span[style*="background-color:#c"], span[style*="background-color: #c"] { color: #333333 !important; } /* Smart text contrast for inline style elements - dynamically generated by PHP */ /* Smart text contrast for elements using CSS variables - will be dynamically updated by PHP */ .website-square-icon{ border-radius: 20px; margin-bottom: 10px; } .entry-content h2, .entry-content h3 { justify-content: center; text-align: center; } /* Professional and Custom ul/li Styling */ .entry-content ul, .entry-content ol { margin: 1.5rem 0; padding-left: 0; list-style: none; font-size: 16px; line-height: 1.8; } .entry-content ul li, .entry-content ol li { position: relative; margin-bottom: 0.8rem; padding: 12px 16px 12px 48px; background: linear-gradient(135deg, #f8f9fb 0%, #ffffff 100%); border-left: 4px solid var(--main-color); border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: #2c3e50; font-weight: 400; } .entry-content ul li:hover, .entry-content ol li:hover { transform: translateX(8px); box-shadow: 0 4px 16px rgba(from var(--main-color) r g b / 0.15); background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%); } .entry-content ul li:before { content: "✓"; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: var(--main-color); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; line-height: 1; } .entry-content ol li:before { content: counter(li-counter); counter-increment: li-counter; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: linear-gradient(135deg, var(--main-color) 0%, var(--main-accent-color) 100%); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; line-height: 1; } .entry-content ol { counter-reset: li-counter; } /* Nested lists styling */ .entry-content ul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul { margin: 0.5rem 0 0 1rem; padding-left: 0; } .entry-content ul ul li, .entry-content ol ol li, .entry-content ul ol li, .entry-content ol ul li { padding: 8px 12px 8px 36px; margin-bottom: 0.5rem; border-left-width: 3px; font-size: 15px; background: linear-gradient(135deg, #fafbfc 0%, #f4f6f8 100%); } .entry-content ul ul li:before { width: 16px; height: 16px; font-size: 10px; left: 12px; content: "•"; background: var(--main-accent-color); } .entry-content ol ol li:before { width: 16px; height: 16px; font-size: 9px; left: 12px; background: linear-gradient(135deg, var(--main-accent-color) 0%, var(--main-color) 100%); } /* Dark background adaptation */ .dark-theme .entry-content ul li, .dark-theme .entry-content ol li { background: linear-gradient(135deg, #2a2d34 0%, #1e2127 100%); color: #e8eaed; border-left-color: var(--main-color); } .dark-theme .entry-content ul li:hover, .dark-theme .entry-content ol li:hover { background: linear-gradient(135deg, #1e2127 0%, #2a2d34 100%); } /* Hide sticky download button on desktop/PC */ @media (min-width: 769px) { .sticky-download-button { display: none !important; } } /* Mobile responsiveness */ @media (max-width: 768px) { .entry-content ul li, .entry-content ol li { padding: 10px 12px 10px 40px; margin-bottom: 0.6rem; font-size: 15px; } .entry-content ul li:before, .entry-content ol li:before { width: 18px; height: 18px; left: 12px; font-size: 10px; } .entry-content ul ul li, .entry-content ol ol li, .entry-content ul ol li, .entry-content ol ul li { padding: 6px 10px 6px 32px; font-size: 14px; } .entry-content ul ul li:before, .entry-content ol ol li:before { width: 14px; height: 14px; left: 10px; font-size: 8px; } }