.category-navigation-section{padding:40px 20px;background:#fff;margin:40px 0}.category-navigation-section .section-header{text-align:center;margin-bottom:32px}.category-navigation-section .section-title{font-size:32px;font-weight:700;color:#262626;margin-bottom:8px}.category-navigation-section .section-subtitle{font-size:14px;color:#8c8c8c;margin:0}.category-navigation-section .category-card{text-align:center;border-radius:12px;transition:all .3s ease;border:1px solid #f0f0f0;cursor:pointer;height:100%;padding:16px 8px;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center}.category-navigation-section .category-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#1890ff}.category-navigation-section .category-icon{font-size:36px;color:#1890ff;margin-bottom:12px;display:flex;justify-content:center;align-items:center;transition:transform .3s ease}.category-navigation-section .category-card:hover .category-icon{transform:scale(1.1)}.category-navigation-section .category-name{font-size:13px;font-weight:500;color:#262626;line-height:1.4;word-break:break-word}@media (max-width: 768px){.category-navigation-section{padding:32px 16px}.category-navigation-section .section-title{font-size:24px}.category-navigation-section .category-icon{font-size:28px}.category-navigation-section .category-name{font-size:11px}}.cta-section{margin:80px 0;padding:64px 32px;background:linear-gradient(135deg,#1b3a5c,#1b2a4a 55%,#0f2744);border-radius:16px;text-align:center;color:#fff;position:relative;overflow:hidden}.cta-section:after{content:"";position:absolute;right:-20%;top:-40%;width:55%;height:140%;background:radial-gradient(circle,rgba(241,90,36,.35) 0%,transparent 65%);pointer-events:none}.cta-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.cta-title{font-size:36px;font-weight:700;margin-bottom:16px;color:#fff}.cta-description{font-size:18px;margin-bottom:32px;color:#ffffffe6;line-height:1.6}.cta-button{height:52px;font-size:16px;font-weight:600;border-radius:8px;transition:all .3s ease}.cta-button.primary{background:#f15a24;border-color:#f15a24;color:#fff;box-shadow:0 4px 16px #f15a2473}.cta-button.primary:hover{background:#ff6b35;border-color:#ff6b35;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #f15a248c}.cta-button.secondary{background:transparent;border-color:#fff;color:#fff}.cta-button.secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.cta-note{margin-top:24px;font-size:14px;color:#fffc}.cta-note .highlight{font-weight:600;color:#fff}@media (max-width: 768px){.cta-section{padding:48px 24px;margin:48px 0}.cta-title{font-size:28px}.cta-description{font-size:16px}.cta-button{height:48px;font-size:15px}}.home-brand-hero{background:#fff;color:#1f2933;padding:64px 20px 68px;margin-bottom:0;border-bottom:1px solid rgba(27,58,92,.08)}.home-brand-hero-inner{max-width:1200px;margin:0 auto}.home-brand-hero-kicker{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#f15a24;margin:0 0 12px;font-weight:700}.home-brand-hero-title{font-family:var(--fatapro-heading-font, "Playfair Display", Georgia, serif);font-size:44px;font-weight:700;line-height:1.15;margin:0 0 16px;color:#16324f;max-width:720px}.home-brand-hero-lead{font-size:1.05rem;line-height:1.65;color:#4f5f6f;margin:0 0 24px;max-width:640px}.home-brand-hero-stats{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-wrap:wrap;gap:20px 28px}.home-brand-hero-stats li{display:flex;flex-direction:column;gap:2px}.home-brand-hero-stats strong{font-size:1.35rem;color:#00a86b;font-weight:700}.home-brand-hero-stats span{font-size:13px;color:#64748b}.home-brand-hero-cta{display:flex;flex-wrap:wrap;gap:12px}.home-brand-hero-cta-secondary{background:transparent!important;border-color:#1b3a5c59!important;color:#1b3a5c!important}.home-brand-hero-cta-secondary:hover{border-color:#1b3a5c!important;color:#1b3a5c!important;background:#1b3a5c0a!important}.home-brand-hero-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:360px;margin-left:auto}.home-brand-hero-tile{border-radius:14px;overflow:hidden;aspect-ratio:1;box-shadow:0 16px 40px #1b3a5c1f;border:1px solid rgba(27,58,92,.08);background:#f8fafc}.home-brand-hero-tile--0{transform:translateY(8px)}.home-brand-hero-tile--1{transform:translateY(-4px)}.home-brand-hero-tile--2{transform:translateY(4px)}.home-brand-hero-tile--3{transform:translateY(-8px)}.home-brand-hero-tile-img{width:100%;height:100%;object-fit:cover;display:block}.home-brand-hero-placeholder{max-width:360px;margin-left:auto;min-height:220px;border-radius:16px;background:#f8fafc;border:1px solid rgba(27,58,92,.08)}@media (max-width: 991px){.home-brand-hero-title{font-size:34px}.home-brand-hero-mosaic,.home-brand-hero-placeholder{margin:24px auto 0}.home-brand-hero-tile--0,.home-brand-hero-tile--1,.home-brand-hero-tile--2,.home-brand-hero-tile--3{transform:none}}@media (max-width: 520px){.home-brand-hero-title{font-size:30px}}.customization-steps{margin:48px 0 56px;padding:40px 24px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #1b3a5c14;border:1px solid rgba(27,58,92,.08)}.customization-steps-inner{max-width:1120px;margin:0 auto}.customization-steps-header{text-align:center;margin-bottom:32px}.customization-steps-header h2{font-family:var(--fatapro-heading-font, "Playfair Display", Georgia, serif);font-size:1.75rem;color:#1b3a5c;margin:0 0 8px}.customization-steps-header p{margin:0;color:#595959;font-size:15px}.customization-steps-card{position:relative;height:100%;padding:24px 20px 20px;border-radius:12px;background:linear-gradient(180deg,#fafafa,#fff);border:1px solid #f0f0f0;transition:transform .25s ease,box-shadow .25s ease}.customization-steps-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #f15a241f;border-color:#f15a2440}.customization-steps-num{position:absolute;top:12px;right:14px;font-size:12px;font-weight:700;color:#1b3a5c59}.customization-steps-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f15a241f;color:#f15a24;font-size:20px;margin-bottom:14px}.customization-steps-card h3{margin:0 0 8px;font-size:17px;color:#1b3a5c}.customization-steps-card p{margin:0;font-size:14px;line-height:1.55;color:#595959}@media (max-width: 768px){.customization-steps{margin:32px 0 40px;padding:28px 16px}}.inspiration-section{margin:56px 0 48px}.inspiration-section-inner{max-width:1120px;margin:0 auto}.inspiration-section-header{text-align:center;margin-bottom:28px}.inspiration-section-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#f15a24;margin-bottom:10px}.inspiration-section-header h2{font-family:var(--fatapro-heading-font, "Playfair Display", Georgia, serif);font-size:1.75rem;color:#1b3a5c;margin:0 0 10px}.inspiration-section-header p{margin:0 auto;max-width:560px;color:#595959;font-size:15px;line-height:1.6}.inspiration-card{height:100%;padding:24px 22px;border-radius:14px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 6px 20px #1b3a5c0f;transition:transform .25s ease,box-shadow .25s ease}.inspiration-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #1b3a5c1a}.inspiration-card--accent{background:linear-gradient(145deg,#1b3a5c,#1b2a4a);border-color:transparent;color:#fff}.inspiration-card--accent h3{color:#fff}.inspiration-card--accent p{color:#ffffffd9}.inspiration-card--accent .ant-btn-link{color:#7dffb0!important;padding-left:0}.inspiration-card h3{margin:0 0 10px;font-size:18px;color:#1b3a5c}.inspiration-card p{margin:0 0 12px;font-size:14px;line-height:1.55;color:#595959}.inspiration-card .ant-btn-link{font-weight:600;padding-left:0;height:auto}.home-container{max-width:1200px;margin:0 auto;padding:0 20px}.home-hero-stack{margin-bottom:0}.home-hero-stack .hero-banner-wrapper--below-brand{max-width:1200px;margin:0 auto 40px;padding:0 20px}.home-hero-stack .hero-banner-wrapper--below-brand .hero-carousel,.home-hero-stack .hero-banner-wrapper--below-brand .hero-slide{height:280px}.home-hero-stack .hero-banner-wrapper--below-brand .hero-banner{border-radius:12px;overflow:hidden}.home-hero-stack .hero-banner-wrapper--below-brand .ant-carousel-dots{bottom:12px}@media (max-width: 768px){.home-hero-stack .hero-banner-wrapper--below-brand .hero-carousel,.home-hero-stack .hero-banner-wrapper--below-brand .hero-slide{height:220px}}.hero-banner-wrapper:not(.hero-banner-wrapper--below-brand) .hero-carousel{height:500px}.hero-banner-wrapper:not(.hero-banner-wrapper--below-brand) .hero-slide{height:500px}.hero-carousel .ant-carousel-dots{bottom:20px;z-index:10}.hero-carousel .ant-carousel-dots li button{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:2px solid rgba(255,255,255,.8)}.hero-carousel .ant-carousel-dots li.ant-carousel-dots-active button{background:#fff;border-color:#fff}.hero-banner{height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;z-index:1}.hero-button-wrapper{position:absolute;bottom:40px;right:60px;z-index:10;display:flex;justify-content:flex-end;align-items:center}@media (max-width: 768px){.hero-button-wrapper{bottom:30px;right:20px;left:20px;justify-content:center}}.hero-title{font-size:42px;font-weight:700;margin-bottom:12px;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.8);line-height:1.2}.hero-description{font-size:18px;margin-bottom:20px;color:#fffffff2;line-height:1.6;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.hero-button-float{height:48px;padding:0 32px;font-size:16px;font-weight:600;border-radius:24px;background:linear-gradient(135deg,#f15a24,#d94e1c);border:none;box-shadow:0 4px 16px #00000059,0 2px 12px #f15a2473;transition:all .3s ease;text-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-button-float:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ff6b35,#f15a24);box-shadow:0 6px 20px #00000073,0 4px 16px #f15a2480}.hero-button{height:44px;padding:0 28px;font-size:15px;font-weight:600;border-radius:22px;background:linear-gradient(135deg,#f15a24,#d94e1c);border:none;box-shadow:0 3px 12px #f15a2466;transition:all .3s ease}.hero-button:hover{transform:translateY(-1px);background:linear-gradient(135deg,#ff6b35,#f15a24);box-shadow:0 4px 16px #f15a2480}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.animate-fade-in-up-delay{animation:fadeInUp .8s ease-out .2s both}.animate-fade-in-up-delay-2{animation:fadeInUp .8s ease-out .4s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.featured-products-section{margin:72px 0;padding:0;background:transparent;border:0;box-shadow:none}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.section-title{font-family:var(--fatapro-heading-font, "Playfair Display", Georgia, serif);font-size:32px;font-weight:700;margin:0;color:#1b3a5c}.section-description{margin:8px 0 0;color:#595959;font-size:15px;line-height:1.6;max-width:620px}.view-all-btn{font-size:16px;font-weight:600;padding:0;height:auto;color:#f15a24!important}.view-all-btn:hover{color:#d94e1c!important}.about-section{margin:64px 0;padding:48px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;box-shadow:0 4px 12px #0000000d}.about-content{line-height:1.8;color:#595959;font-size:16px}@media (max-width: 768px){.hero-banner-wrapper:not(.hero-banner-wrapper--below-brand) .hero-carousel,.hero-banner-wrapper:not(.hero-banner-wrapper--below-brand) .hero-slide{height:400px}.hero-banner:before{background:transparent}.hero-title{font-size:28px;line-height:1.3}.hero-description{font-size:16px;margin-bottom:20px}.hero-button{height:44px;padding:0 24px;font-size:15px}.section-title{font-size:24px}.about-section{padding:32px 24px;margin:48px 0}.featured-products-section{margin:48px 0}.home-container{padding:0 16px}}@media (max-width: 480px){.hero-banner-wrapper:not(.hero-banner-wrapper--below-brand) .hero-carousel,.hero-banner-wrapper:not(.hero-banner-wrapper--below-brand) .hero-slide{height:350px}.hero-title{font-size:24px}.hero-description{font-size:14px}.hero-content{padding:20px 16px}}.product-compare-modal .ant-modal-body{padding:24px}.compare-modal-title{display:flex;justify-content:space-between;align-items:center}.compare-table{margin-top:16px}.compare-product-cell{display:flex;align-items:center;gap:12px;position:relative;padding-right:32px}.compare-product-image{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #f0f0f0}.compare-product-info{flex:1}.compare-product-name{font-size:14px;font-weight:500;color:#262626;margin-bottom:4px}.compare-product-code{font-size:12px;color:#8c8c8c;font-family:Monaco,Menlo,monospace}.compare-remove-btn{position:absolute;right:0;top:50%;transform:translateY(-50%)}.compare-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.compare-table .ant-table-tbody>tr:hover>td{background:#f5f5f5}.search-suggest{max-width:600px}.search-suggest-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.search-suggest-name{font-size:14px;font-weight:500;color:#262626}.search-suggest-code{font-size:12px;color:#8c8c8c;font-family:Monaco,Menlo,monospace}.search-suggest .ant-select-dropdown{border-radius:8px;box-shadow:0 4px 12px #00000026}.products-page{max-width:1200px;margin:0 auto;padding:32px 20px 40px}.products-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;padding:32px;border-radius:16px;background:linear-gradient(135deg,#fff,#f15a2414 48%,#1b3a5c14);border:1px solid rgba(27,58,92,.08)}.products-intro-kicker{margin:0 0 8px;color:#f15a24;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.products-intro h1{margin:0 0 10px;color:#1b3a5c;font-size:34px;line-height:1.2}.products-intro p{margin:0;max-width:760px;color:#595959;font-size:16px;line-height:1.65}.products-header{margin-bottom:32px;display:flex;flex-direction:column;gap:16px}.products-search{width:100%}.products-filters{display:flex;flex-wrap:wrap;gap:12px}@media (min-width: 768px){.products-header{flex-direction:row;align-items:center;justify-content:space-between}.products-search{flex:1;max-width:500px}}@media (max-width: 767px){.products-intro{align-items:stretch;flex-direction:column;padding:24px 20px}.products-intro h1{font-size:26px}}.related-products{margin:60px 0;padding:40px 0;border-top:1px solid #e8e8e8}.related-products-title{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:8px;text-align:center}.related-products-subtitle{font-size:16px;color:#666;text-align:center;margin-bottom:40px}@media (max-width: 768px){.related-products{margin:40px 0;padding:30px 0}.related-products-title{font-size:24px}.related-products-subtitle{font-size:14px;margin-bottom:30px}}.product-faq{margin:60px 0;padding:40px 0;border-top:1px solid #e8e8e8}.product-faq-title{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:30px;display:flex;align-items:center;gap:12px}.product-faq-title .anticon{color:#1890ff;font-size:24px}.product-faq-collapse{background:#fff;border:none}.product-faq-collapse .ant-collapse-item{border:1px solid #e8e8e8;border-radius:8px;margin-bottom:16px;overflow:hidden}.product-faq-collapse .ant-collapse-item:last-child{margin-bottom:0}.product-faq-panel .ant-collapse-header{padding:20px 24px;font-size:16px;font-weight:500;color:#1a1a1a;background:#fafafa;transition:all .3s}.product-faq-panel .ant-collapse-header:hover{background:#f0f0f0}.product-faq-panel.ant-collapse-item-active .ant-collapse-header{background:#fff;border-bottom:1px solid #e8e8e8}.product-faq-answer{padding:20px 24px;margin:0;font-size:15px;line-height:1.8;color:#666}@media (max-width: 768px){.product-faq{margin:40px 0;padding:30px 0}.product-faq-title{font-size:24px;margin-bottom:20px}.product-faq-panel .ant-collapse-header{padding:16px 20px;font-size:15px}.product-faq-answer{padding:16px 20px;font-size:14px}}.product-detail-spec-tabs-wrap{margin-top:8px;margin-bottom:24px}.product-detail-spec-tabs-wrap .ant-tabs-nav{margin-bottom:16px}.product-detail-spec-tabs-wrap .ant-tabs-content-holder{min-height:140px;padding-top:4px}.product-detail-spec-tabs-wrap .product-detail-tab-panel{max-height:420px;overflow-y:auto;padding-right:8px}.product-detail-color-chip{display:inline-block;padding:6px 14px;border-radius:999px;background:#1b3a5c0f;border:1px solid rgba(27,58,92,.12);color:#1b3a5c;font-size:14px;font-weight:500}.product-detail-logo-preview-bar{display:flex;align-items:center;gap:12px;margin:16px 0 20px;padding:14px 16px;border:1px solid rgba(27,58,92,.12);border-radius:8px;background:#fff}.product-detail-logo-preview-bar span{color:#5f6b7a;font-size:14px;line-height:1.5}@media (max-width: 640px){.product-detail-logo-preview-bar{align-items:stretch;flex-direction:column}}.wishlist-page-fatapro{max-width:1200px;margin:0 auto;padding:24px 16px 48px;min-height:60vh}.wishlist-page-fatapro .wishlist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.wishlist-page-fatapro .wishlist-title{margin:0;font-size:26px;font-weight:700;color:#1f2937;letter-spacing:-.02em}.wishlist-page-fatapro .wishlist-actions{display:flex;gap:10px;align-items:center}.wishlist-page-fatapro .wishlist-empty-wrap{padding:56px 24px;text-align:center;background:#f9fafb;border-radius:12px;margin-bottom:24px}.wishlist-page-fatapro .wishlist-empty-wrap .ant-empty-description{font-size:15px;color:#6b7280;margin-top:12px}.wishlist-page-fatapro .wishlist-empty-cta{margin-top:24px}.wishlist-page-fatapro .wishlist-quote-bar{margin-bottom:20px;padding:16px 20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px}.wishlist-page-fatapro .wishlist-quote-bar .wishlist-quote-label{margin:0 0 8px;font-size:14px;color:#1f2937}.wishlist-page-fatapro .wishlist-quote-bar .wishlist-quote-hint{margin:0 0 12px;font-size:13px;color:#6b7280}.wishlist-page-fatapro .wishlist-grid .ant-card{border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;transition:box-shadow .2s}.wishlist-page-fatapro .wishlist-grid .ant-card:hover{box-shadow:0 4px 12px #00000014}@media (max-width: 576px){.wishlist-page-fatapro{padding:16px 12px 32px}.wishlist-page-fatapro .wishlist-title{font-size:22px}.wishlist-page-fatapro .wishlist-empty-wrap{padding:40px 16px}}.blog-container{max-width:1200px;margin:0 auto;padding:40px 20px}.blog-header{text-align:center;margin-bottom:40px}.blog-header h1{font-family:Playfair Display,Georgia,serif;font-size:42px;font-weight:700;color:#1b3a5c;margin-bottom:12px}.blog-header p{font-size:18px;color:#8c8c8c}.blog-content{margin-top:40px}.blog-categories{margin-bottom:30px;display:flex;flex-wrap:wrap;gap:12px}.category-tag{cursor:pointer;padding:8px 16px;font-size:14px;border-radius:4px;transition:all .3s ease}.category-tag:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.category-tag.active{background:#f15a24;color:#fff;border-color:#f15a24}.blog-post-card{height:100%;border-radius:14px;overflow:hidden;transition:all .3s ease;border:1px solid rgba(27,58,92,.08)}.blog-post-card:hover{transform:translateY(-6px);box-shadow:0 12px 36px #1b3a5c1f;border-color:#f15a2459}.blog-post-placeholder{height:200px;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.blog-post-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:12px;font-size:13px;color:#8c8c8c}.blog-post-date,.blog-post-views{display:flex;align-items:center;gap:4px}.blog-post-title{font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:600;color:#1b3a5c;margin:12px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post-excerpt{color:#595959;font-size:14px;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-pagination{margin-top:40px;text-align:center}.blog-card-cover{height:200px;overflow:hidden;background:linear-gradient(135deg,#1b3a5c,#1b2a4a 55%,#0f2744)}.blog-card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.blog-post-card:hover .blog-card-cover img{transform:scale(1.05)}.blog-card-cover--placeholder{min-height:200px;background:linear-gradient(145deg,#1b3a5c,#1b2a4a 35%,#f15a2466)}@media (max-width: 768px){.blog-header h1{font-size:32px}.blog-header p{font-size:16px}.blog-post-title{font-size:18px}}.blog-detail-container{max-width:900px;margin:0 auto;padding:40px 20px}.blog-detail-card{border-radius:8px;overflow:hidden}.blog-detail-header{margin-bottom:30px}.blog-detail-title{font-size:36px;font-weight:700;color:#262626;margin:16px 0;line-height:1.3}.blog-detail-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#8c8c8c;font-size:14px;margin-top:16px}.blog-detail-author{font-weight:500;color:#595959}.blog-detail-separator{color:#d9d9d9}.blog-detail-date,.blog-detail-views{display:flex;align-items:center;gap:4px}.blog-detail-image{margin:30px 0;border-radius:8px;overflow:hidden}.blog-detail-image img{width:100%;height:auto;display:block}.blog-detail-content{margin:40px 0;line-height:1.8;color:#262626;font-size:16px}.blog-detail-content h2{font-size:28px;font-weight:600;color:#262626;margin:32px 0 16px;line-height:1.4}.blog-detail-content h3{font-size:22px;font-weight:600;color:#262626;margin:24px 0 12px;line-height:1.4}.blog-detail-content p{margin:16px 0;line-height:1.8}.blog-detail-content ul,.blog-detail-content ol{margin:16px 0;padding-left:24px}.blog-detail-content li{margin:8px 0;line-height:1.8}.blog-detail-content strong{font-weight:600;color:#262626}.blog-detail-content a{color:#1890ff;text-decoration:underline}.blog-detail-content a:hover{color:#40a9ff}.blog-detail-recommended-products{margin:48px 0 40px;padding-top:32px;border-top:1px solid #f0f0f0}.blog-detail-recommended-title{font-size:24px;font-weight:600;color:#262626;margin:0 0 8px}.blog-detail-recommended-subtitle{color:#8c8c8c;font-size:14px;margin:0 0 24px}.blog-detail-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}.blog-detail-product-card{display:block;border:1px solid #f0f0f0;border-radius:8px;overflow:hidden;transition:box-shadow .2s,border-color .2s;text-decoration:none;color:inherit}.blog-detail-product-card:hover{border-color:#1890ff;box-shadow:0 4px 12px #1890ff26}.blog-detail-product-image{aspect-ratio:1;background:#fafafa;display:flex;align-items:center;justify-content:center;overflow:hidden}.blog-detail-product-image img{width:100%;height:100%;object-fit:cover}.blog-detail-product-placeholder{font-size:12px;color:#bfbfbf}.blog-detail-product-code{padding:8px 12px 0;font-size:12px;color:#8c8c8c;font-weight:500}.blog-detail-product-name{padding:8px 12px 12px;font-size:14px;font-weight:500;color:#262626;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-detail-content .blog-detail-recommended-inline{margin:24px 0}.blog-detail-content .blog-detail-recommended-inline .blog-detail-products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.blog-detail-keywords{margin:40px 0;padding:20px;background:#f5f5f5;border-radius:4px;display:flex;flex-wrap:wrap;align-items:center}.blog-detail-footer{margin-top:40px;padding-top:20px;border-top:1px solid #f0f0f0;text-align:center}.blog-detail-fatapro .blog-detail-title{font-family:Playfair Display,Georgia,serif;color:#1b3a5c}.blog-detail-fatapro .blog-detail-card{border-radius:14px;border:1px solid rgba(27,58,92,.08);box-shadow:0 8px 32px #1b3a5c0f}.blog-detail-fatapro .blog-detail-image{border-radius:12px;overflow:hidden;border:1px solid rgba(27,58,92,.08)}.blog-detail-markdown{max-width:100%}.blog-detail-markdown h1{font-family:Playfair Display,Georgia,serif;font-size:2rem;font-weight:700;color:#1b3a5c;margin:2rem 0 1rem;line-height:1.25}.blog-detail-markdown h2{font-size:1.5rem;font-weight:600;color:#1b3a5c;margin:2rem 0 .75rem;padding-bottom:.35rem;border-bottom:1px solid rgba(27,58,92,.12)}.blog-detail-markdown h3{font-size:1.25rem;font-weight:600;color:#1b3a5c;margin:1.5rem 0 .5rem}.blog-detail-markdown p{margin:.85rem 0;line-height:1.75;color:#262626}.blog-detail-markdown strong{font-weight:600;color:#1b2a4a}.blog-detail-markdown ul,.blog-detail-markdown ol{margin:.75rem 0 1rem;padding-left:1.35rem}.blog-detail-markdown li{margin:.35rem 0;line-height:1.7}.blog-detail-markdown hr{border:none;border-top:1px solid rgba(27,58,92,.15);margin:2rem 0}.blog-detail-markdown a{color:#f15a24;text-decoration:underline;text-underline-offset:3px}.blog-detail-markdown code{font-size:.9em;background:#f5f5f5;padding:.1em .35em;border-radius:4px}.blog-detail-markdown pre{background:#1b2a4a;color:#f0f0f0;padding:1rem 1.1rem;border-radius:8px;overflow-x:auto;margin:1rem 0}.blog-detail-markdown pre code{background:none;color:inherit;padding:0}@media (max-width: 768px){.blog-detail-title{font-size:28px}.blog-detail-content{font-size:15px}.blog-detail-content h2{font-size:24px}.blog-detail-content h3{font-size:20px}.blog-detail-products-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}}:root{--navy-900: #0f2942;--navy-800: #1e3a5f;--navy-700: #2c5282;--navy-100: #ebf4f8;--white: #ffffff;--off-white: #fafbfc;--border-light: #eef1f5;--login-text: #1a202c;--login-text-muted: #4a5568}.website-login-app-wrap{min-height:100vh;display:flex;flex-direction:column;background:var(--white)}.website-login-topbar{height:56px;flex-shrink:0;background:var(--white);border-bottom:1px solid var(--border-light);box-shadow:0 1px 0 var(--border-light);position:sticky;top:0;z-index:100}.website-login-topbar-inner{max-width:1400px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.website-login-topbar-back,.website-login-site{color:var(--navy-800)!important;font-size:14px;padding:8px 12px;display:inline-flex;align-items:center;gap:6px}.website-login-topbar-back:hover,.website-login-site:hover{color:var(--navy-900)!important}.website-login-topbar-logo{margin:0;font-size:20px;font-weight:700;color:var(--navy-800);letter-spacing:-.02em}.website-login-topbar-back-text,.website-login-site-text{display:inline}.website-login-body{flex:1;display:flex;min-height:calc(100vh - 56px)}.website-login-side{width:320px;flex-shrink:0;background:linear-gradient(180deg,var(--navy-800) 0%,var(--navy-900) 100%);display:flex;align-items:center;justify-content:center;padding:48px 36px;box-shadow:2px 0 24px #0f29421f}.website-login-side-inner{text-align:center;color:var(--white)}.website-login-side-brand{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.website-login-side-tagline{font-size:16px;font-weight:500;opacity:.92;margin:0 0 16px}.website-login-side-desc{font-size:14px;opacity:.82;line-height:1.55;max-width:240px;margin:0 auto}.website-login-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 28px;background:var(--off-white)}.website-login-main-inner{width:100%;max-width:420px}.website-login-card{background:var(--white);border-radius:14px;box-shadow:0 2px 0 var(--border-light),0 8px 24px #0f294214;padding:44px 40px;border:1px solid var(--border-light)}.website-login-card-title{font-size:22px;font-weight:600;color:var(--login-text);margin-bottom:28px;letter-spacing:-.01em}.website-login-form .ant-form-item{margin-bottom:20px}.website-login-form .ant-input,.website-login-form .ant-input-password{border-radius:8px;padding:11px 14px;font-size:15px;border-color:var(--border-light)}.website-login-form .ant-input:focus,.website-login-form .ant-input-password input:focus{border-color:var(--navy-700);box-shadow:0 0 0 2px #2c52821f}.website-login-submit-wrap{margin-bottom:0;margin-top:28px}.website-login-submit{height:46px;border-radius:8px;font-size:15px;font-weight:600;background:var(--navy-800)!important;border-color:var(--navy-800)!important}.website-login-submit:hover{background:var(--navy-700)!important;border-color:var(--navy-700)!important}.website-login-footer-links{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-light);text-align:center}.website-login-no-account{color:var(--login-text-muted);font-size:14px;margin-right:8px}.website-login-request-link{padding:0;font-size:14px;font-weight:500;color:var(--navy-800)!important}.website-login-request-link:hover{color:var(--navy-700)!important}@media (max-width: 1024px){.website-login-side{width:240px;padding:36px 24px}.website-login-side-brand{font-size:22px}.website-login-side-tagline{font-size:14px}.website-login-side-desc{font-size:13px}.website-login-card{padding:36px 28px}}@media (max-width: 768px){.website-login-topbar-back-text,.website-login-site-text{display:none}.website-login-topbar-inner{padding:0 16px}.website-login-topbar-logo{font-size:18px}.website-login-body{flex-direction:column}.website-login-side{width:100%;min-height:120px;padding:28px 20px;flex-shrink:0}.website-login-side-inner{display:flex;flex-direction:column;align-items:center;gap:4px}.website-login-side-brand{font-size:20px;margin-bottom:0}.website-login-side-tagline{font-size:14px;margin-bottom:0}.website-login-side-desc{display:none}.website-login-main{padding:32px 16px 28px;align-items:flex-start}.website-login-card{padding:32px 20px}.website-login-card-title{font-size:20px;margin-bottom:24px}}@media (max-width: 480px){.website-login-topbar{height:52px}.website-login-side{min-height:100px;padding:22px 16px}.website-login-side-brand{font-size:18px}.website-login-main{padding:20px 12px}.website-login-card{padding:28px 16px}.website-login-form .ant-input,.website-login-form .ant-input-password{font-size:16px}}