{“custom_css”: {“value”: “/* Ahnchol Brand Design System v2 \u2014 Aesop-inspired Minimal */\n@import url(‘https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600&display=swap’);\n\n/* ============================================\n GLOBAL OVERRIDES\n ============================================ */\n:root {\n –ah-black: #0A0A0A;\n –ah-gold: #B5A98F;\n –ah-stone: #FAFAF7;\n –ah-white: #FFFFFF;\n –ah-muted: #6B6B6B;\n –ah-light-gray: #B0B0B0;\n –ah-border: #E8E6E1;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\nbody {\n background-color: var(–ah-stone) !important;\n color: var(–ah-black) !important;\n font-family: \”Jost\”, sans-serif !important;\n font-weight: 300 !important;\n font-size: 16px;\n line-height: 1.7 !important;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n/* ============================================\n TYPOGRAPHY\n ============================================ */\nh1, h2, h3, h4, h5, h6,\n.elementor-widget-heading .elementor-heading-title {\n font-family: \”Jost\”, sans-serif !important;\n color: var(–ah-black) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em;\n line-height: 1.2 !important;\n}\n\nh1 { font-size: 52px !important; }\nh2 { font-size: 36px !important; }\nh3 { font-size: 24px !important; }\nh4 { font-size: 20px !important; }\n\np, li, span, td, th, label {\n font-family: \”Jost\”, sans-serif !important;\n font-weight: 300 !important;\n line-height: 1.7 !important;\n}\n\na {\n color: var(–ah-black) !important;\n transition: color 0.3s ease;\n text-decoration: none;\n}\na:hover {\n color: var(–ah-gold) !important;\n}\n\n/* ============================================\n HEADER\n ============================================ */\n.main-header-bar,\n.ast-main-header-wrap,\n.ast-above-header-wrap {\n background-color: rgba(255,255,255,0.95) !important;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border-bottom: 1px solid var(–ah-border) !important;\n}\n\n.main-header-menu a,\n.ast-builder-menu-1 .menu-link,\n.ast-masthead-custom-menu-items a {\n color: var(–ah-black) !important;\n font-family: \”Jost\”, sans-serif !important;\n font-weight: 400 !important;\n font-size: 13px !important;\n letter-spacing: 0.05em !important;\n text-transform: uppercase !important;\n}\n.main-header-menu a:hover {\n color: var(–ah-gold) !important;\n}\n\n.site-logo-text,\n.site-logo-img img {\n max-height: 40px !important;\n}\n\n/* ============================================\n BUTTONS\n ============================================ */\n.elementor-button,\n.ast-button,\n.button,\n.woocommerce-button,\n.wp-block-button__link {\n background-color: var(–ah-black) !important;\n color: var(–ah-white) !important;\n border: none !important;\n border-radius: 4px !important;\n font-family: \”Jost\”, sans-serif !important;\n font-weight: 400 !important;\n font-size: 14px !important;\n letter-spacing: 0.1em !important;\n text-transform: uppercase !important;\n padding: 14px 36px !important;\n transition: all 0.3s ease !important;\n cursor: pointer;\n}\n.elementor-button:hover,\n.ast-button:hover,\n.button:hover,\n.woocommerce-button:hover {\n background-color: var(–ah-gold) !important;\n color: var(–ah-black) !important;\n}\n\n/* Gold CTA variant */\n.elementor-button-wrapper .elementor-button.elementor-button-gold,\n.btn-gold {\n background-color: var(–ah-gold) !important;\n color: var(–ah-black) !important;\n}\n\n/* ============================================\n FOOTER\n ============================================ */\n.site-footer,\n.ast-small-footer,\nfooter {\n background-color: var(–ah-black) !important;\n color: var(–ah-light-gray) !important;\n}\n.site-footer a,\nfooter a {\n color: var(–ah-gold) !important;\n}\n.site-footer a:hover,\nfooter a:hover {\n color: var(–ah-white) !important;\n}\n.site-footer .widget-title,\nfooter h3 {\n color: var(–ah-white) !important;\n}\n\n/* ============================================\n HOMEPAGE SPECIFIC STYLES\n ============================================ */\n\n/* \u2014 Hero Section \u2014 */\n.ah-hero {\n min-height: 80vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 120px 40px 80px;\n}\n\n.ah-hero-label {\n font-family: \”Jost\”, sans-serif;\n font-weight: 100 !important;\n font-size: 12px !important;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(–ah-gold);\n margin-bottom: 24px;\n display: block;\n}\n\n.ah-hero-title {\n font-family: \”Jost\”, sans-serif;\n font-weight: 500 !important;\n font-size: 64px !important;\n color: var(–ah-black);\n line-height: 1.05 !important;\n letter-spacing: -0.02em;\n margin-bottom: 28px;\n}\n\n.ah-hero-subtitle {\n font-family: \”Jost\”, sans-serif;\n font-weight: 300 !important;\n font-size: 18px !important;\n color: var(–ah-muted);\n max-width: 600px;\n margin: 0 auto 48px;\n line-height: 1.7 !important;\n}\n\n.ah-hero-cta {\n display: inline-block;\n background-color: transparent !important;\n color: var(–ah-muted) !important;\n border: 1px solid var(–ah-border) !important;\n border-radius: 4px !important;\n padding: 14px 36px !important;\n font-family: \”Jost\”, sans-serif !important;\n font-weight: 400 !important;\n font-size: 14px !important;\n letter-spacing: 0.1em !important;\n text-transform: uppercase !important;\n transition: all 0.3s ease;\n}\n.ah-hero-cta:hover {\n background-color: var(–ah-black) !important;\n color: var(–ah-white) !important;\n border-color: var(–ah-black) !important;\n}\n\n/* \u2014 Section Common \u2014 */\n.ah-section {\n padding: 100px 40px;\n max-width: 1100px;\n margin: 0 auto;\n}\n\n.ah-section-label {\n font-family: \”Jost\”, sans-serif;\n font-weight: 100 !important;\n font-size: 11px !important;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(–ah-gold);\n margin-bottom: 20px;\n display: block;\n}\n\n.ah-section-title {\n font-family: \”Jost\”, sans-serif;\n font-weight: 500 !important;\n font-size: 36px !important;\n color: var(–ah-black);\n line-height: 1.2 !important;\n margin-bottom: 16px;\n}\n\n.ah-section-subtitle {\n font-family: \”Jost\”, sans-serif;\n font-weight: 300 !important;\n font-size: 16px !important;\n color: var(–ah-muted);\n line-height: 1.6 !important;\n}\n\n/* \u2014 Why Choose \u2014 */\n.ah-why-choose {\n background-color: var(–ah-white);\n border-top: 1px solid var(–ah-border);\n border-bottom: 1px solid var(–ah-border);\n}\n\n.ah-why-tagline {\n font-family: \”Jost\”, sans-serif;\n font-weight: 300 !important;\n font-size: 20px !important;\n color: var(–ah-muted);\n margin-top: 8px;\n line-height: 1.6 !important;\n}\n\n/* \u2014 Problem/Solution \u2014 */\n.ah-problem-solution {\n background-color: var(–ah-stone);\n}\n\n.ah-ps-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n margin-top: 60px;\n}\n\n.ah-ps-block-label {\n font-family: \”Jost\”, sans-serif;\n font-weight: 100 !important;\n font-size: 11px !important;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n margin-bottom: 16px;\n display: block;\n}\n\n.ah-ps-problem .ah-ps-block-label {\n color: #999;\n}\n\n.ah-ps-solution .ah-ps-block-label {\n color: var(–ah-gold);\n}\n\n.ah-ps-title {\n font-family: \”Jost\”, sans-serif;\n font-weight: 500 !important;\n font-size: 24px !important;\n color: var(–ah-black);\n margin-bottom: 16px;\n line-height: 1.3 !important;\n}\n\n.ah-ps-text {\n font-family: \”Jost\”, sans-serif;\n font-weight: 300 !important;\n font-size: 16px !important;\n color: var(–ah-muted);\n line-height: 1.7 !important;\n}\n\n.ah-ps-divider {\n width: 1px;\n background-color: var(–ah-border);\n justify-self: center;\n grid-row: 1 / 3;\n}\n\n/* \u2014 How It Works \u2014 */\n.ah-how-works {\n background-color: var(–ah-white);\n border-top: 1px solid var(–ah-border);\n}\n\n.ah-steps-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n margin-top: 60px;\n}\n\n.ah-step {\n text-align: left;\n padding: 20px 0;\n}\n\n.ah-step-number {\n font-family: \”Jost\”, sans-serif;\n font-weight: 100 !important;\n font-size: 48px !important;\n color: var(–ah-border);\n line-height: 1 !important;\n margin-bottom: 20px;\n}\n\n.ah-step-title {\n font-family: \”Jost\”, sans-serif;\n font-weight: 500 !important;\n font-size: 18px !important;\n color: var(–ah-black);\n margin-bottom: 12px;\n}\n\n.ah-step-text {\n font-family: \”Jost\”, sans-serif;\n font-weight: 300 !important;\n font-size: 15px !important;\n color: var(–ah-muted);\n line-height: 1.7 !important;\n}\n\n/* \u2014 Footer (via Elementor or custom) \u2014 */\n.ah-footer {\n background-color: var(–ah-black);\n padding: 60px 40px 40px;\n text-align: center;\n}\n\n.ah-footer-brand {\n font-family: \”Jost\”, sans-serif;\n font-weight: 500 !important;\n font-size: 20px !important;\n color: var(–ah-white);\n letter-spacing: 0.15em;\n text-transform: uppercase;\n margin-bottom: 8px;\n}\n\n.ah-footer-tagline {\n font-family: \”Jost\”, sans-serif;\n font-weight: 300 !important;\n font-size: 13px !important;\n color: var(–ah-light-gray);\n letter-spacing: 0.1em;\n margin-bottom: 40px;\n}\n\n.ah-footer-divider {\n width: 40px;\n height: 1px;\n background-color: var(–ah-light-gray);\n margin: 0 auto 24px;\n opacity: 0.4;\n}\n\n.ah-footer-copy {\n font-family: \”Jost\”, sans-serif;\n font-weight: 300 !important;\n font-size: 12px !important;\n color: var(–ah-light-gray);\n opacity: 0.6;\n}\n\n/* ============================================\n RESPONSIVE\n ============================================ */\n@media (max-width: 768px) {\n .ah-hero { padding: 80px 24px 60px; min-height: 60vh; }\n .ah-hero-title { font-size: 36px !important; }\n .ah-hero-subtitle { font-size: 16px !important; }\n .ah-section { padding: 60px 24px; }\n .ah-section-title { font-size: 28px !important; }\n .ah-ps-grid { grid-template-columns: 1fr; gap: 40px; }\n .ah-ps-divider { display: none; }\n .ah-steps-grid { grid-template-columns: 1fr; gap: 30px; }\n .ah-step-number { font-size: 36px !important; }\n}\n\n@media (max-width: 480px) {\n .ah-hero-title { font-size: 28px !important; }\n}\n”}}

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

购物车