:root{--color-primary:#2563EB;--color-primary-dark:#1D4ED8;--color-secondary:#1E3A5F;--color-accent:#7C3AED;--color-text-primary:#1F2937;--color-text-secondary:#6B7280;--color-text-muted:#9CA3AF;--color-text-white:#FFFFFF;--color-bg-white:#FFFFFF;--color-bg-light:#F9FAFB;--color-bg-gray:#F3F4F6;--color-bg-dark:#1E3A5F;--color-bg-footer:#111827;--gradient-hero:linear-gradient(135deg,#2563EB,#7C3AED);--gradient-cta:linear-gradient(135deg,#1E3A5F,#2563EB);--gradient-card:linear-gradient(180deg,#FFFFFF,#F9FAFB);--font-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--space-section:5rem;--space-container-padding:1.5rem;--container-max-width:1200px;--header-height:72px;--border-radius:8px;--border-radius-lg:12px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;font-size:16px;}body{font-family:var(--font-sans);color:var(--color-text-primary);line-height:1.6;background:var(--color-bg-white);-webkit-font-smoothing:antialiased;}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-container-padding);}.section{padding:var(--space-section) 0;}.section-dark{background:var(--color-bg-dark);color:var(--color-text-white);}.section-light{background:var(--color-bg-light);}.section-gray{background:var(--color-bg-gray);}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;}.section-title{font-size:var(--font-size-3xl);font-weight:700;text-align:center;margin-bottom:1rem;color:var(--color-text-primary);}.section-title.light{color:var(--color-text-white);}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;max-width:720px;margin:0 auto 3rem;}.section-subtitle.light{color:rgba(255,255,255,0.7);}.grid-2{display:grid;gap:2rem;}.grid-3{display:grid;gap:1.5rem;}.grid-4{display:grid;gap:1.5rem;}.grid-2-1{display:grid;gap:2rem;grid-template-columns:1fr;}.btn{display:inline-block;padding:0.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;text-decoration:none;transition:all 0.3s ease;cursor:pointer;border:none;font-size:var(--font-size-base);}.btn-primary{background:var(--color-primary);color:var(--color-text-white);}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md);}.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);}.btn-secondary:hover{background:var(--color-primary);color:var(--color-text-white);}.btn-white{background:var(--color-text-white);color:var(--color-primary);}.btn-white:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);}.btn-lg{padding:1rem 2rem;font-size:var(--font-size-lg);}.card{background:var(--color-bg-white);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow 0.3s ease;}.card:hover{box-shadow:var(--shadow-md);}.tag{display:inline-block;padding:0.25rem 0.75rem;border-radius:999px;font-size:var(--font-size-xs);font-weight:500;}.tag-primary{background:rgba(37,99,235,0.1);color:var(--color-primary);}.tag-accent{background:rgba(124,58,237,0.1);color:var(--color-accent);}.main-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--color-bg-white);box-shadow:var(--shadow-sm);z-index:1000;transition:background 0.3s;}.main-header.scrolled{box-shadow:var(--shadow-md);}.nav-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-container-padding);height:100%;display:flex;align-items:center;justify-content:space-between;}.nav-left,.nav-right{display:none;align-items:center;gap:1.5rem;}.nav-left a,.nav-right a{color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:color 0.3s;white-space:nowrap;}.nav-left a:hover,.nav-right a:hover{color:var(--color-primary);}.nav-cta{background:var(--color-primary) !important;color:var(--color-text-white) !important;padding:0.5rem 1rem !important;border-radius:var(--border-radius);}.nav-cta:hover{background:var(--color-primary-dark) !important;color:var(--color-text-white) !important;}.nav-logo{display:flex;align-items:center;gap:0.5rem;text-decoration:none;color:var(--color-text-primary);position:absolute;left:50%;transform:translateX(-50%);}.nav-logo .logo-icon{height:44px;width:auto;object-fit:contain;flex-shrink:0;max-width:180px;}.nav-logo .logo-text{font-size:var(--font-size-xl);font-weight:700;color:var(--color-secondary);}.nav-toggle{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px;margin-left:auto;}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text-primary);transition:all 0.3s;}.mobile-menu{display:none;position:fixed;top:var(--header-height);left:0;right:0;background:var(--color-bg-white);box-shadow:var(--shadow-md);padding:1.5rem;z-index:999;}.mobile-menu.active{display:block;}.mobile-menu a{display:block;padding:0.75rem 0;color:var(--color-text-primary);text-decoration:none;font-weight:500;border-bottom:1px solid var(--color-bg-gray);}.mobile-menu a:last-child{border-bottom:none;}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--header-height) 2rem 2rem;color:var(--color-text-white);}.hero-content{max-width:800px;}.hero-content h1{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:1.5rem;line-height:1.2;}.hero-content p{font-size:var(--font-size-lg);margin-bottom:2rem;opacity:0.9;}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}.pain-points{background:var(--color-bg-light);}.pain-grid{display:grid;gap:1.5rem;}.pain-card{text-align:center;padding:2rem 1.5rem;}.pain-card .pain-icon{font-size:2.5rem;margin-bottom:1rem;}.pain-card h3{font-size:var(--font-size-xl);margin-bottom:0.75rem;color:var(--color-secondary);}.pain-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.8;}.flywheel{background:var(--color-bg-white);}.flywheel-grid{display:grid;gap:2rem;position:relative;}.flywheel-step{text-align:center;position:relative;padding:2rem;}.flywheel-step .step-number{width:56px;height:56px;background:var(--gradient-hero);color:var(--color-text-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:700;margin:0 auto 1rem;}.flywheel-step h3{margin-bottom:0.75rem;}.flywheel-step p{color:var(--color-text-secondary);font-size:var(--font-size-sm);}.flywheel-step::after{content:'→';position:absolute;right:-1rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--color-primary);}.flywheel-step:last-child::after{display:none;}.knowledge-authority{background:var(--color-bg-light);}.kb-grid{display:grid;gap:2rem;align-items:start;}.kb-card{background:var(--color-bg-white);border-radius:var(--border-radius-lg);padding:2rem;border-left:4px solid var(--color-primary);}.kb-card.right{border-left-color:var(--color-accent);}.kb-card h3{font-size:var(--font-size-2xl);margin-bottom:1rem;color:var(--color-secondary);}.kb-card p,.kb-card ul{color:var(--color-text-secondary);line-height:1.8;}.kb-card ul{padding-left:1.5rem;}.kb-card li{margin-bottom:0.5rem;}.kb-core{text-align:center;padding:2rem;margin-top:2rem;background:var(--gradient-cta);color:var(--color-text-white);border-radius:var(--border-radius-lg);font-size:var(--font-size-lg);font-weight:600;}.website-geo{background:var(--color-bg-white);}.website-grid{display:grid;gap:1.5rem;margin-bottom:3rem;}.website-card{text-align:center;padding:2rem 1.5rem;border-radius:var(--border-radius-lg);border:1px solid var(--color-bg-gray);transition:all 0.3s;}.website-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);}.website-card h4{margin-bottom:0.5rem;color:var(--color-secondary);}.website-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);}.website-card .card-icon{font-size:2.5rem;margin-bottom:1rem;display:block;}.template-grid{display:grid;gap:1.5rem;}.template-card{border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all 0.3s;background:var(--color-bg-white);}.template-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}.template-card img{width:100%;height:200px;object-fit:cover;}.template-card-body{padding:1.25rem;}.template-card-body h4{margin-bottom:0.5rem;}.template-card-body .tags{display:flex;gap:0.5rem;flex-wrap:wrap;}.news-academy{background:var(--color-bg-light);}.news-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;}.news-tab{padding:0.5rem 1.25rem;border-radius:999px;cursor:pointer;font-weight:500;background:var(--color-bg-white);border:1px solid var(--color-bg-gray);transition:all 0.3s;}.news-tab.active{background:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary);}.news-list{max-width:900px;margin:0 auto;}.news-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--color-bg-gray);gap:1rem;text-decoration:none;color:var(--color-text-primary);transition:background 0.3s;}.news-item:hover{background:var(--color-bg-white);}.news-item .news-title{flex:1;font-weight:500;}.news-item .news-date{color:var(--color-text-muted);font-size:var(--font-size-sm);white-space:nowrap;}.news-item .news-source{font-size:var(--font-size-xs);padding:0.125rem 0.5rem;border-radius:4px;background:rgba(37,99,235,0.1);color:var(--color-primary);white-space:nowrap;}.partners{background:var(--color-bg-white);}.partner-grid{display:grid;gap:1.5rem;}.partner-card{text-align:center;padding:2rem 1.5rem;border-radius:var(--border-radius-lg);border:1px solid var(--color-bg-gray);transition:all 0.3s;}.partner-card:hover{border-color:var(--color-primary);}.partner-card img{width:80px;height:80px;object-fit:contain;margin-bottom:1rem;}.partner-card h4{margin-bottom:0.5rem;}.partner-card .partner-type{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:1rem;}.faq{background:var(--color-bg-light);}.faq-list{max-width:800px;margin:0 auto;}.faq-item{background:var(--color-bg-white);border-radius:var(--border-radius);margin-bottom:0.75rem;overflow:hidden;}.faq-question{padding:1.25rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-base);user-select:none;}.faq-question::after{content:'+';font-size:var(--font-size-xl);color:var(--color-primary);transition:transform 0.3s;}.faq-item.active .faq-question::after{content:'−';transform:rotate(0);}.faq-answer{padding:0 1.25rem;max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;color:var(--color-text-secondary);line-height:1.8;}.faq-item.active .faq-answer{max-height:500px;padding:0 1.25rem 1.25rem;}.cta-final{background:var(--gradient-cta);color:var(--color-text-white);text-align:center;}.cta-final h2{font-size:var(--font-size-3xl);margin-bottom:1.5rem;}.cta-final .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem;}.cta-final .cta-contact{font-size:var(--font-size-lg);opacity:0.85;}footer{background:var(--color-bg-footer);color:var(--color-text-white);padding:3rem 0 1.5rem;}.footer-grid{display:grid;gap:2rem;margin-bottom:2rem;}.footer-about img{margin-bottom:1rem;max-height:40px;}.footer-about p{color:rgba(255,255,255,0.6);font-size:var(--font-size-sm);}.footer-links h4{font-size:var(--font-size-sm);margin-bottom:1rem;color:rgba(255,255,255,0.8);}.footer-links a,.footer-links p{display:block;color:rgba(255,255,255,0.5);text-decoration:none;font-size:var(--font-size-sm);margin-bottom:0.5rem;transition:color 0.3s;}.footer-links a:hover{color:var(--color-text-white);}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:1.5rem;text-align:center;font-size:var(--font-size-sm);color:rgba(255,255,255,0.4);}.footer-bottom a{color:rgba(255,255,255,0.4);text-decoration:none;}.page-header{background:var(--gradient-cta);color:var(--color-text-white);padding:calc(var(--header-height) + 2rem) 0 2rem;text-align:center;}.page-header h1{font-size:var(--font-size-3xl);}.page-header .breadcrumb{margin-top:0.75rem;font-size:var(--font-size-sm);opacity:0.8;}.page-header .breadcrumb a{color:var(--color-text-white);text-decoration:none;}.list-container{padding:3rem 0;}.article-card{display:flex;gap:1.5rem;padding:1.5rem;border-bottom:1px solid var(--color-bg-gray);transition:background 0.3s;}.article-card:hover{background:var(--color-bg-light);}.article-card img{width:200px;height:140px;object-fit:cover;border-radius:var(--border-radius);flex-shrink:0;}.article-card-body{flex:1;}.article-card-body h3{font-size:var(--font-size-lg);margin-bottom:0.5rem;}.article-card-body h3 a{color:var(--color-text-primary);text-decoration:none;}.article-card-body h3 a:hover{color:var(--color-primary);}.article-card-body .article-meta{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:0.75rem;}.article-card-body .article-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.8;}.content-detail{padding:3rem 0;}.content-detail article{max-width:800px;margin:0 auto;}.content-detail .content-header{margin-bottom:2rem;}.content-detail .content-header h1{font-size:var(--font-size-3xl);margin-bottom:1rem;}.content-detail .content-meta{color:var(--color-text-muted);font-size:var(--font-size-sm);display:flex;gap:1.5rem;flex-wrap:wrap;}.content-detail .content-body{line-height:1.9;font-size:var(--font-size-base);}.content-detail .content-body img{max-width:100%;border-radius:var(--border-radius);margin:1.5rem 0;}.content-detail .content-body h2{font-size:var(--font-size-2xl);margin:2rem 0 1rem;}.content-detail .content-body h3{font-size:var(--font-size-xl);margin:1.5rem 0 0.75rem;}.content-detail .content-body p{margin-bottom:1rem;}.content-detail .content-body ul,.content-detail .content-body ol{padding-left:1.5rem;margin-bottom:1rem;}.cover-section{padding:3rem 0;}.cover-section.bg-light{background:var(--color-bg-light);}.cover-features{display:grid;gap:2rem;}.cover-feature{display:flex;gap:1.5rem;align-items:flex-start;}.cover-feature .feature-icon{font-size:2rem;flex-shrink:0;}.cover-feature h3{margin-bottom:0.5rem;}.service-card{border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all 0.3s;}.service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}.service-card .service-icon{width:100%;height:80px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;}.service-card-body{padding:1.5rem;}.pricing-grid{display:grid;gap:1.5rem;}.pricing-card{border-radius:var(--border-radius-lg);padding:2rem;border:1px solid var(--color-bg-gray);text-align:center;transition:all 0.3s;position:relative;}.pricing-card.featured{border-color:var(--color-primary);box-shadow:var(--shadow-md);}.pricing-card .badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--color-accent);color:var(--color-text-white);padding:0.25rem 1rem;border-radius:999px;font-size:var(--font-size-xs);font-weight:600;}.pricing-card h3{font-size:var(--font-size-2xl);margin-bottom:0.5rem;}.pricing-card .price{font-size:var(--font-size-3xl);color:var(--color-primary);font-weight:800;}.pricing-card .features{margin:1.5rem 0;text-align:left;}.contact-grid{display:grid;gap:2rem;}.contact-info h3{margin-bottom:1rem;}.contact-info p{color:var(--color-text-secondary);margin-bottom:0.75rem;}.contact-form .form-group{margin-bottom:1rem;}.contact-form input,.contact-form textarea{width:100%;padding:0.75rem 1rem;border:1px solid var(--color-bg-gray);border-radius:var(--border-radius);font-family:var(--font-sans);font-size:var(--font-size-base);transition:border-color 0.3s;}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--color-primary);}.contact-form textarea{min-height:120px;resize:vertical;}.pagination{display:flex;justify-content:center;gap:0.5rem;margin-top:2rem;}.pagination a,.pagination span{padding:0.5rem 1rem;border-radius:var(--border-radius);border:1px solid var(--color-bg-gray);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-sm);transition:all 0.3s;}.pagination a:hover{background:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary);}.pagination .active{background:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary);}.page-404{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;}.page-404 h1{font-size:6rem;color:var(--color-primary);margin-bottom:1rem;}.page-404 p{color:var(--color-text-secondary);margin-bottom:2rem;}.template-filter{background:var(--color-bg-white);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);margin-bottom:2rem;}.filter-group{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem;flex-wrap:wrap;}.filter-group:last-child{margin-bottom:0;}.filter-label{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;min-width:64px;}.filter-options{display:flex;gap:0.5rem;flex-wrap:wrap;}.filter-tag{padding:0.3rem 0.9rem;border-radius:999px;font-size:var(--font-size-xs);font-weight:500;cursor:pointer;background:var(--color-bg-gray);color:var(--color-text-secondary);transition:all 0.2s;border:1px solid transparent;user-select:none;}.filter-tag:hover{background:rgba(37,99,235,0.08);color:var(--color-primary);}.filter-tag.active{background:var(--color-primary);color:var(--color-text-white);}.template-card{border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all 0.3s;background:var(--color-bg-white);text-decoration:none;display:block;}.template-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}.template-card.hidden{display:none;}.template-card-img{position:relative;overflow:hidden;background:var(--color-bg-gray);}.template-card-img img{width:100%;height:200px;object-fit:cover;display:block;transition:transform 0.3s;}.template-card:hover .template-card-img img{transform:scale(1.03);}.template-card-body{padding:1.25rem;}.template-card-body h4{margin-bottom:0.5rem;font-size:var(--font-size-base);color:var(--color-text-primary);}.template-card-tags{display:flex;gap:0.5rem;flex-wrap:wrap;}.template-card-meta{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:0.5rem;}.template-empty{text-align:center;padding:4rem 2rem;color:var(--color-text-muted);}.template-detail-header{display:grid;grid-template-columns:1fr;gap:2rem;}.template-detail-img img{width:100%;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);}.template-detail-info h2{font-size:var(--font-size-2xl);margin-bottom:1rem;}.template-detail-tags{display:flex;gap:0.5rem;flex-wrap:wrap;}.template-detail-meta{margin-top:1rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:2;}.template-detail-meta p{margin-bottom:0;}.template-detail-geo{background:rgba(124,58,237,0.06);border-radius:var(--border-radius);padding:1rem 1.25rem;}.template-detail-geo h4{color:var(--color-accent);margin-bottom:0.5rem;font-size:var(--font-size-base);}.template-detail-geo p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.8;}.template-detail-actions{display:flex;gap:1rem;flex-wrap:wrap;}.tag-secondary{background:rgba(30,58,95,0.1);color:var(--color-secondary);}@media (min-width:768px){.grid-2-1{grid-template-columns:1.2fr 1fr;align-items:start;}}.template-preview-area{display:flex;flex-direction:column;gap:1rem;position:sticky;top:calc(var(--header-height) + 2rem);}.preview-main{border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--color-bg-gray);transition:box-shadow 0.3s ease;}.preview-main:hover{box-shadow:0 20px 40px -12px rgba(0,0,0,0.15);}.preview-main img{width:100%;display:block;aspect-ratio:4 / 3;object-fit:cover;transition:transform 0.5s ease;}.preview-main:hover img{transform:scale(1.02);}.preview-thumbs{overflow-x:auto;overflow-y:hidden;padding-bottom:0.5rem;}.preview-thumbs::-webkit-scrollbar{height:4px;}.preview-thumbs::-webkit-scrollbar-track{background:var(--color-bg-gray);border-radius:2px;}.preview-thumbs::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:2px;}.thumb-list{display:flex;gap:0.625rem;padding:0.25rem;}.thumb-list img{width:88px;height:56px;object-fit:cover;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all 0.25s ease;flex-shrink:0;opacity:0.7;}.thumb-list img:hover{border-color:var(--color-primary);opacity:0.9;transform:translateY(-2px);}.thumb-list img.thumb-active{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,0.2);opacity:1;transform:translateY(-2px);}.template-info-area{display:flex;flex-direction:column;gap:1.5rem;padding:0.5rem 0;}.template-info-title{font-size:var(--font-size-2xl);line-height:1.4;color:var(--color-secondary);font-weight:700;letter-spacing:-0.01em;}.template-specs{background:var(--color-bg-white);border-radius:var(--border-radius);overflow:hidden;border:1px solid rgba(0,0,0,0.06);box-shadow:var(--shadow-sm);}.spec-row{display:flex;padding:0.875rem 1.25rem;font-size:var(--font-size-sm);transition:background 0.2s;}.spec-row:hover{background:var(--color-bg-light);}.spec-row:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.05);}.spec-label{color:var(--color-text-secondary);width:90px;flex-shrink:0;font-weight:500;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.05em;padding-top:0.1rem;}.spec-value{color:var(--color-text-primary);font-weight:500;}.geo-features{background:var(--color-bg-white);border-radius:var(--border-radius-lg);padding:1.5rem;border:1px solid rgba(0,0,0,0.06);box-shadow:var(--shadow-sm);transition:all 0.3s ease;}.geo-features:hover{box-shadow:var(--shadow-md);border-color:rgba(124,58,237,0.15);}.geo-features h4{color:var(--color-accent);margin-bottom:1rem;font-size:var(--font-size-base);font-weight:700;padding-bottom:0.75rem;border-bottom:2px solid rgba(124,58,237,0.1);display:flex;align-items:center;gap:0.5rem;}.geo-features h4::before{content:'✨';font-size:1rem;}.geo-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;}@media (max-width:480px){.geo-feature-grid{grid-template-columns:1fr;}}.geo-feature-item{display:flex;align-items:flex-start;gap:0.75rem;padding:0.75rem;border-radius:var(--border-radius);transition:all 0.25s ease;background:transparent;}.geo-feature-item:hover{background:linear-gradient(135deg,rgba(124,58,237,0.03),rgba(37,99,235,0.03));transform:translateY(-1px);}.geo-feature-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;background:linear-gradient(135deg,rgba(124,58,237,0.08),rgba(37,99,235,0.08));border-radius:8px;transition:all 0.25s ease;}.geo-feature-item:hover .geo-feature-icon{background:linear-gradient(135deg,rgba(124,58,237,0.12),rgba(37,99,235,0.12));transform:scale(1.08);}.geo-feature-text{flex:1;min-width:0;}.geo-feature-text strong{display:block;font-size:var(--font-size-sm);color:var(--color-secondary);font-weight:600;margin-bottom:0.2rem;letter-spacing:0.01em;}.geo-feature-text p{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.6;margin:0;}.template-ai-level-card{background:var(--color-bg-white);border-radius:var(--border-radius-lg);padding:2.5rem 2rem;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,0.04);}.template-ai-level-card h3{font-size:var(--font-size-xl);margin-bottom:2rem;color:var(--color-secondary);text-align:center;font-weight:700;position:relative;}.template-ai-level-card h3::after{content:'';display:block;width:48px;height:3px;background:var(--gradient-hero);border-radius:2px;margin:0.75rem auto 0;}.ai-levels{display:grid;gap:1.5rem;}@media (min-width:768px){.ai-levels{grid-template-columns:repeat(3,1fr);gap:2rem;}}.ai-level-item{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:1.5rem 1rem;border-radius:var(--border-radius);transition:all 0.3s ease;position:relative;}.ai-level-item:hover{background:var(--color-bg-light);transform:translateY(-2px);}.ai-level-badge{display:inline-flex;align-items:center;justify-content:center;padding:0.5rem 1.25rem;border-radius:999px;font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;transition:all 0.3s ease;min-width:80px;}.ai-basic{background:rgba(107,114,128,0.1);color:#6B7280;}.ai-optimized{background:rgba(37,99,235,0.1);color:var(--color-primary);}.ai-flagship{background:rgba(124,58,237,0.1);color:var(--color-accent);}.ai-level-item.ai-current{background:linear-gradient(135deg,rgba(37,99,235,0.06),rgba(124,58,237,0.06));box-shadow:var(--shadow-md);border:1px solid rgba(37,99,235,0.15);}.ai-level-item.ai-current::before{content:'✓';position:absolute;top:0.75rem;right:0.75rem;width:24px;height:24px;background:var(--color-primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;}.ai-level-badge.badge-current{box-shadow:0 0 0 2px var(--color-primary);font-weight:700;transform:scale(1.05);}.ai-level-item p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.7;margin:0;}.text-center{text-align:center;}.mt-1{margin-top:1rem;}.mt-2{margin-top:2rem;}.mt-3{margin-top:3rem;}.mb-1{margin-bottom:1rem;}.mb-2{margin-bottom:2rem;}.mb-3{margin-bottom:3rem;}.article-summary{background:rgba(37,99,235,0.06);border-left:4px solid var(--color-primary);border-radius:var(--border-radius);padding:1.25rem 1.5rem;margin-bottom:2rem;}.article-summary strong{color:var(--color-text-primary);font-size:var(--font-size-lg);line-height:1.8;font-weight:500;}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-bg-gray);}.prev-article a,.next-article a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color 0.2s;}.prev-article a:hover,.next-article a:hover{color:var(--color-primary);}.next-article{text-align:right;}.preview-actions{display:flex;flex-direction:column;align-items:center;gap:0.75rem;margin-top:1rem;}.preview-actions .btn-action{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.875rem 1.5rem;font-size:var(--font-size-base);font-weight:600;border:none;border-radius:var(--border-radius);text-decoration:none;transition:all 0.3s ease;cursor:pointer;}.preview-actions .btn-action-preview{background:var(--gradient-hero);color:#fff;}.preview-actions .btn-action-cta{background:var(--gradient-cta);color:#fff;}.preview-actions .btn-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}.preview-actions-note{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;margin-top:0.25rem;line-height:1.6;}@media (min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr);}.grid-3{grid-template-columns:repeat(3,1fr);}.grid-4{grid-template-columns:repeat(2,1fr);}.grid-2-1{grid-template-columns:1.2fr 1fr;}.template-grid{grid-template-columns:repeat(2,1fr);}.template-detail-header{grid-template-columns:1fr 1fr;}.ai-levels{grid-template-columns:repeat(3,1fr);}.pricing-grid{grid-template-columns:repeat(2,1fr);}.partner-grid{grid-template-columns:repeat(2,1fr);}.footer-grid{grid-template-columns:repeat(2,1fr);}.contact-grid{grid-template-columns:repeat(2,1fr);}.flywheel-grid{grid-template-columns:repeat(2,1fr);}.kb-grid{grid-template-columns:repeat(2,1fr);}.website-grid{grid-template-columns:repeat(3,1fr);}.hero-content h1{font-size:3rem;}.article-card{flex-direction:row;}.article-card img{width:200px;height:140px;}}@media (min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr);}.template-grid{grid-template-columns:repeat(3,1fr);}.pricing-grid{grid-template-columns:repeat(4,1fr);}.partner-grid{grid-template-columns:repeat(4,1fr);}.flywheel-grid{grid-template-columns:repeat(4,1fr);}.website-grid{grid-template-columns:repeat(3,1fr);}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;}.nav-left,.nav-right{display:flex;}.nav-toggle{display:none;}.mobile-menu{display:none !important;}.nav-logo{position:static;transform:none;}.hero-content h1{font-size:var(--font-size-4xl);}.pain-grid{grid-template-columns:repeat(3,1fr);}}@media (min-width:1200px){.container{padding:0;}.template-grid{grid-template-columns:repeat(4,1fr);}}@media (max-width:767px){:root{--space-section:3rem;--font-size-3xl:1.5rem;--font-size-4xl:1.75rem;}.hero{min-height:80vh;}.hero-buttons{flex-direction:column;align-items:center;}.hero-buttons .btn{width:100%;max-width:300px;}.article-card{flex-direction:column;}.article-card img{width:100%;height:auto;}.nav-logo .logo-text{display:none;}.flywheel-step::after{display:none;}.grid-2-1{grid-template-columns:1fr;}.article-nav{grid-template-columns:1fr;gap:1rem;}.next-article{text-align:left;}}