.page-hero{padding:calc(var(--header-height) + var(--space-3xl)) 0 var(--space-2xl);background:var(--gradient-hero);text-align:center}.page-hero-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-md);letter-spacing:-.5px;font-size:40px;font-weight:700}.page-hero-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:17px;line-height:1.7}.pricing-detail-list{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.pricing-detail-card{background:var(--color-bg-card);border:1.5px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);opacity:0;overflow:hidden;transform:translateY(20px)}.pricing-detail-card.visible{opacity:1;transform:translateY(0)}.pricing-detail-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.pricing-detail-card.recommended{border-color:var(--color-gold);box-shadow:var(--shadow-gold)}.pd-header{padding:var(--space-xl);border-bottom:1px solid var(--color-border-light);background:linear-gradient(#f5ede44d 0%,#0000 100%)}.pd-name{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-sm);font-size:24px;font-weight:600}.pd-suitable{color:var(--color-text-secondary);margin-top:var(--space-md);font-size:14px;line-height:1.6}.pd-body{padding:var(--space-xl)}.pd-section{margin-bottom:var(--space-lg)}.pd-section:last-child{margin-bottom:0}.pd-section-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light);font-size:15px;font-weight:600}.pd-detail-row{justify-content:space-between;align-items:baseline;padding:6px 0;font-size:14px;display:flex}.pd-detail-label{color:var(--color-text-secondary);flex-shrink:0}.pd-detail-value{color:var(--color-text);text-align:right;font-weight:500}.pd-not-included{padding:0;list-style:none}.pd-not-included li{color:var(--color-text-muted);padding:4px 0 4px 20px;font-size:14px;position:relative}.pd-not-included li:before{content:"✕";color:#ccc;font-size:12px;position:absolute;left:0}.pd-footer{padding:0 var(--space-xl) var(--space-xl)}.addons{background:var(--gradient-warm)}.addons-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.addon-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;transition:all var(--duration-normal) var(--ease-out);opacity:0;transform:translateY(15px)}.addon-card.visible{opacity:1;transform:translateY(0)}.addon-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gold-light);transform:translateY(-3px)}.addon-icon{margin-bottom:var(--space-sm);font-size:32px;display:block}.addon-name{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-xs);font-size:15px;font-weight:600}.addon-desc{color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-size:13px;line-height:1.6}.addon-price{color:var(--color-gold-dark);font-size:13px;font-weight:500}.compare-table-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-bg-card);overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;min-width:700px;font-size:14px}.compare-table thead{background:linear-gradient(#faf8f5 0%,#f5f0eb 100%)}.compare-feature-header{text-align:left;padding:var(--space-lg);font-family:var(--font-heading);color:var(--color-text);border-bottom:2px solid var(--color-border);width:180px;font-size:15px;font-weight:600}.compare-plan-header{text-align:center;padding:var(--space-lg) var(--space-md);font-family:var(--font-heading);color:var(--color-text);border-bottom:2px solid var(--color-border);font-size:14px;font-weight:600;position:relative}.compare-plan-header.recommended{border-bottom-color:var(--color-gold);background:#c9a96e14}.compare-plan-header .pricing-badge{margin:0 auto var(--space-xs);padding:2px 10px;font-size:10px;display:block}.plan-header-name{font-size:15px;display:block}.compare-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background var(--duration-fast);opacity:0;transform:translateY(5px)}.compare-table tbody tr.visible{opacity:1;transform:translateY(0)}.compare-table tbody tr:hover{background:#f5ede44d}.compare-table tbody tr.even{background:#fafaf880}.compare-table tbody tr.even:hover{background:#f5ede466}.compare-feature-name{padding:14px var(--space-lg);color:var(--color-text);font-weight:500}.compare-value{text-align:center;padding:14px var(--space-md);color:var(--color-text-secondary)}.compare-value.recommended-col{background:#c9a96e0a}.compare-value.check{color:var(--color-gold-dark);font-size:16px;font-weight:700}.compare-value.dash{color:#ddd}.compare-table tfoot td{padding:var(--space-lg) var(--space-md);text-align:center;border-top:2px solid var(--color-border)}.decision{background:var(--color-bg)}.decision-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.decision-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;transition:all var(--duration-normal) var(--ease-out);opacity:0;transform:translateY(15px)}.decision-card.visible{opacity:1;transform:translateY(0)}.decision-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-gold-light);transform:translateY(-4px)}.decision-icon{margin-bottom:var(--space-md);font-size:40px;display:block}.decision-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-sm);font-size:17px;font-weight:600}.decision-desc{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:14px;line-height:1.7}.decision-recommend{color:var(--color-gold-dark);border-radius:var(--radius-full);background:#c9a96e1a;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.cases-filter{gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-wrap:wrap;justify-content:center;display:flex}.filter-btn{border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-bg-card);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:8px 20px;font-size:14px;font-weight:500}.filter-btn:hover,.filter-btn.active{border-color:var(--color-gold);color:var(--color-gold-dark);background:#c9a96e14}.cases-page-grid{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.case-detail-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);opacity:0;overflow:hidden;transform:translateY(20px)}.case-detail-card.visible{opacity:1;transform:translateY(0)}.case-detail-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.case-detail-cover{height:200px;position:relative;overflow:hidden}.case-detail-cover img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out)}.case-detail-card:hover .case-detail-cover img{transform:scale(1.05)}.case-detail-body{padding:var(--space-xl)}.case-detail-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-sm);font-size:20px;font-weight:600}.case-detail-meta{margin-bottom:var(--space-md)}.case-client{color:var(--color-text-muted);font-size:14px}.case-before-after{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.case-ba-item{padding:var(--space-md);border-radius:var(--radius-sm);font-size:13px;line-height:1.6}.case-ba-item.before{background:#dcc8c81f}.case-ba-item.after{background:#c9a96e14}.ba-label{color:var(--color-text);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.case-ba-item.before .ba-label{color:#b07070}.case-ba-item.after .ba-label{color:var(--color-gold-dark)}.case-actions-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.actions-label{color:var(--color-text-muted);margin-right:4px;font-size:12px}.action-tag{color:var(--color-gold-dark);border-radius:var(--radius-full);background:#c9a96e1a;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.testimonials{background:var(--color-bg)}.testimonials-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.testimonial-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-xl);transition:all var(--duration-normal) var(--ease-out);opacity:0;transform:translateY(15px)}.testimonial-card.visible{opacity:1;transform:translateY(0)}.testimonial-card:hover{box-shadow:var(--shadow-md)}.testimonial-stars{color:var(--color-gold);margin-bottom:var(--space-md);letter-spacing:2px;font-size:16px}.testimonial-text{color:var(--color-text);margin-bottom:var(--space-md);font-size:15px;font-style:italic;line-height:1.8}.testimonial-author{color:var(--color-text-muted);font-size:13px}.faq-category{margin-bottom:var(--space-2xl);opacity:0;max-width:800px;margin-left:auto;margin-right:auto;transform:translateY(20px)}.faq-category.visible{opacity:1;transform:translateY(0)}.faq-category-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-gold-light);font-size:24px;font-weight:600}.service-flow{background:var(--gradient-warm)}.flow-timeline{gap:var(--space-lg);justify-content:center;display:flex;position:relative}.flow-timeline:before{content:"";background:var(--color-border);height:2px;position:absolute;top:28px;left:10%;right:10%}.flow-step{text-align:center;z-index:1;opacity:0;flex:1;max-width:180px;position:relative;transform:translateY(15px)}.flow-step.visible{opacity:1;transform:translateY(0)}.flow-step-number{background:var(--gradient-gold);color:#fff;width:56px;height:56px;font-family:var(--font-heading);margin-bottom:var(--space-md);box-shadow:var(--shadow-gold);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:inline-flex}.flow-step-icon{margin-bottom:var(--space-xs);font-size:24px}.flow-step-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-xs);font-size:16px;font-weight:600}.flow-step-desc{color:var(--color-text-secondary);font-size:13px;line-height:1.6}.contact-layout{gap:var(--space-2xl);grid-template-columns:1fr 1.2fr;align-items:start;display:grid}.contact-methods{gap:var(--space-lg);flex-direction:column;display:flex}.contact-method-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-xl);transition:all var(--duration-normal) var(--ease-out);opacity:0;transform:translateY(15px)}.contact-method-card.visible{opacity:1;transform:translateY(0)}.contact-method-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gold-light)}.contact-method-icon{margin-bottom:var(--space-sm);font-size:32px;display:block}.contact-method-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-xs);font-size:18px;font-weight:600}.contact-method-desc{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:14px;line-height:1.6}.wechat-qr-placeholder{border:2px dashed var(--color-border);border-radius:var(--radius-md);width:160px;height:160px;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:14px;display:flex}.contact-form-wrapper{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-2xl);opacity:0;transform:translateY(20px)}.contact-form-wrapper.visible{opacity:1;transform:translateY(0)}.contact-form-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-xs);font-size:24px;font-weight:600}.contact-form-desc{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:14px}.form-group{margin-bottom:var(--space-lg)}.form-group label{color:var(--color-text);margin-bottom:var(--space-sm);font-size:14px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);transition:border-color var(--duration-fast);outline:none;padding:12px 16px;font-size:15px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px #c9a96e1a}.form-group textarea{resize:vertical;min-height:100px}.form-note{text-align:center;color:var(--color-text-muted);margin-top:var(--space-md);font-size:13px}@media (width<=1024px){.page-hero-title{font-size:32px}.pricing-detail-list{grid-template-columns:1fr}.addons-grid,.decision-grid{grid-template-columns:repeat(2,1fr)}.cases-page-grid,.testimonials-grid,.contact-layout{grid-template-columns:1fr}.flow-timeline{flex-wrap:wrap;justify-content:center}.flow-timeline:before{display:none}}@media (width<=640px){.page-hero{padding:calc(var(--header-height) + var(--space-2xl)) 0 var(--space-lg)}.page-hero-title{font-size:26px}.page-hero-subtitle{font-size:15px}.addons-grid,.decision-grid,.case-before-after{grid-template-columns:1fr}.flow-step{max-width:100%}.compare-feature-header{width:120px;padding:10px;font-size:13px}.compare-plan-header{padding:10px 6px;font-size:12px}.plan-header-name{font-size:12px}.compare-feature-name{padding:10px;font-size:13px}.compare-value{padding:10px 6px;font-size:13px}.contact-form-wrapper{padding:var(--space-xl)}}.diag-hero-section{position:relative}.diag-price-display{align-items:baseline;gap:var(--space-sm);margin:var(--space-lg) 0;justify-content:center;display:flex}.diag-price-main{font-family:var(--font-heading);color:var(--color-gold-dark);font-size:20px}.diag-price-main strong{font-size:48px;font-weight:700}.diag-price-old{color:var(--color-text-muted);font-size:18px;text-decoration:line-through}.diag-who-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.diag-who-item{text-align:center;padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);opacity:0;transform:translateY(15px)}.diag-who-item.visible{opacity:1;transform:translateY(0)}.diag-who-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-gold-light);transform:translateY(-4px)}.diag-who-icon{margin-bottom:var(--space-md);font-size:36px;display:block}.diag-who-item p{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.diag-progress{margin-bottom:var(--space-2xl);justify-content:center;align-items:center;gap:0;max-width:600px;margin-left:auto;margin-right:auto;display:flex}.diag-prog-step{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.prog-num{border:2px solid var(--color-border);width:36px;height:36px;font-family:var(--font-heading);color:var(--color-text-muted);transition:all var(--duration-normal);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.diag-prog-step.active .prog-num{background:var(--gradient-gold);border-color:var(--color-gold);color:#fff;box-shadow:var(--shadow-gold)}.diag-prog-step.done .prog-num{background:var(--color-gold-light);border-color:var(--color-gold-light);color:#fff}.prog-label{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.diag-prog-step.active .prog-label{color:var(--color-gold-dark);font-weight:500}.diag-prog-line{background:var(--color-border);height:2px;margin:0 var(--space-sm);flex:1;margin-bottom:20px}.diag-form-wrap{max-width:640px;margin:0 auto}.diag-form-step{display:none}.diag-form-step.active{animation:fadeInUp .4s var(--ease-out);display:block}.diag-step-header{margin-bottom:var(--space-xl)}.diag-step-header h3{font-family:var(--font-heading);color:var(--color-text);margin-bottom:4px;font-size:22px;font-weight:600}.diag-step-header p{color:var(--color-text-secondary);font-size:14px}.req{color:#e74c3c}.chip-group{gap:var(--space-sm);flex-wrap:wrap;display:flex}.chip{border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-bg-card);cursor:pointer;transition:all var(--duration-fast);padding:8px 18px;font-size:14px;font-weight:500}.chip:hover{border-color:var(--color-gold-light);color:var(--color-text)}.chip.active{border-color:var(--color-gold);color:var(--color-gold-dark);background:#c9a96e1f}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;cursor:pointer;transition:all var(--duration-fast);position:relative}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--color-gold);background:#c9a96e0a}.upload-input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-placeholder{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:6px;font-size:14px;display:flex}.upload-icon-emoji{font-size:32px}.upload-hint{color:var(--color-text-muted);font-size:12px}.upload-preview{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.preview-thumb{border-radius:var(--radius-sm);width:80px;height:80px;position:relative;overflow:hidden}.preview-thumb img{object-fit:cover;width:100%;height:100%}.preview-thumb .upload-overlay{border-radius:var(--radius-sm);background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.preview-thumb.uploaded .upload-overlay{background:#00b45066}.preview-thumb.upload-error .upload-overlay{background:#dc282880}.upload-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.upload-done{color:#fff;font-size:20px;font-weight:700}.upload-fail{color:#ff6b6b;font-size:18px;font-weight:700}.retry-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#fff3;border:1px solid #ffffff4d;padding:2px 8px;font-size:11px}.form-actions{margin-top:var(--space-xl)}.form-actions.two-btn{gap:var(--space-md);display:flex}.form-actions.two-btn .btn{flex:1}.diag-hidden{display:none!important}.diag-payment-card{text-align:center;background:var(--color-bg-card);border:1.5px solid var(--color-border-light);border-radius:var(--radius-lg);max-width:520px;padding:var(--space-2xl);margin:0 auto}.diag-pay-info{color:var(--color-text-secondary);margin:var(--space-lg) 0;font-size:15px;line-height:1.7}.diag-pay-summary{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl)}.diag-pay-row{color:var(--color-text-secondary);justify-content:space-between;padding:8px 0;font-size:15px;display:flex}.diag-pay-row.total{color:var(--color-text);font-size:18px;font-weight:600}.diag-pay-price{color:var(--color-text)}.diag-pay-total{color:var(--color-gold-dark);font-size:22px}.diag-pay-divider{background:var(--color-border-light);height:1px;margin:4px 0}.diag-pay-note{color:var(--color-text-muted);margin-top:var(--space-sm);text-align:center;font-size:12px}.diag-pay-trust{justify-content:center;gap:var(--space-lg);margin-top:var(--space-lg);color:var(--color-text-muted);font-size:13px;display:flex}.diag-success-card{text-align:center;background:var(--color-bg-card);border:1.5px solid var(--color-border-light);border-radius:var(--radius-lg);max-width:640px;padding:var(--space-2xl);margin:0 auto}.diag-success-icon{margin-bottom:var(--space-lg);font-size:56px}.lobster-channels{margin:var(--space-xl) 0}.channel-card{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center}.channel-card h3{font-family:var(--font-heading);margin:var(--space-sm) 0;font-size:18px;font-weight:600}.channel-card p{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:14px}.wechat-id-row{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-sm);background:#c9a96e0f;font-size:15px;display:flex}.lobster-prompt{margin:var(--space-xl) 0;padding:var(--space-lg);border-radius:var(--radius-md);background:#c9a96e0f}.lobster-prompt h4{margin-bottom:var(--space-md);font-size:15px}.lobster-prompt p{color:var(--color-text-secondary);margin-top:var(--space-md);font-size:13px}.prompt-keyword{align-items:center;gap:var(--space-md);background:var(--gradient-gold);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast);padding:12px 24px;font-size:16px;font-weight:600;display:inline-flex}.prompt-keyword:hover{box-shadow:var(--shadow-gold);transform:scale(1.03)}.keyword-copy{opacity:.8;font-size:12px}.diag-next-steps{margin-top:var(--space-xl);text-align:left}.diag-next-steps h3{font-family:var(--font-heading);margin-bottom:var(--space-md);text-align:center;font-size:17px;font-weight:600}.diag-next-list{gap:var(--space-sm);flex-direction:column;display:flex}.diag-next-item{align-items:center;gap:var(--space-md);padding:10px var(--space-md);background:var(--color-bg);border-radius:var(--radius-sm);font-size:14px;display:flex}.diag-next-num{background:var(--gradient-gold);color:#fff;width:28px;height:28px;font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}@media (width<=1024px){.diag-who-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.diag-who-grid{grid-template-columns:1fr}.diag-price-main strong{font-size:36px}.diag-progress{gap:2px}.prog-label{font-size:10px}.prog-num{width:30px;height:30px;font-size:12px}.form-actions.two-btn{flex-direction:column}.diag-pay-trust{align-items:center;gap:var(--space-sm);flex-direction:column}}.blog-filter-section{padding-top:0;padding-bottom:var(--space-lg)}.blog-filter{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.blog-filter-btn{border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-bg-card);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-size:14px;font-weight:500;font-family:var(--font-body);padding:8px 20px}.blog-filter-btn:hover,.blog-filter-btn.active{border-color:var(--color-gold);color:var(--color-gold-dark);background:#c9a96e14}.blog-grid-section{padding-top:0}.blog-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.blog-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);opacity:0;cursor:pointer;flex-direction:column;display:flex;overflow:hidden;transform:translateY(20px)}.blog-card.visible{opacity:1;transform:translateY(0)}.blog-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-gold-light);transform:translateY(-6px)}.blog-card-featured{grid-column:span 2}.blog-card-featured .blog-card-cover{height:200px}.blog-card-top{position:relative}.blog-card-cover{justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.blog-card-cover-icon{opacity:.3;transition:all var(--duration-normal);font-size:40px}.blog-card:hover .blog-card-cover-icon{opacity:.5;transform:scale(1.2)}.blog-card-meta{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg) 0;display:flex}.blog-card-category{border-radius:var(--radius-full);border:1px solid;padding:3px 10px;font-size:12px;font-weight:600}.blog-card-date{color:var(--color-text-muted);font-size:12px}.blog-card-body{padding:var(--space-md) var(--space-lg);flex:1}.blog-card-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-card-featured .blog-card-title{font-size:22px}.blog-card-excerpt{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-card-footer{padding:0 var(--space-lg) var(--space-lg);justify-content:space-between;align-items:center;display:flex}.blog-card-read-time{color:var(--color-text-muted);font-size:13px}.blog-card-link{transition:opacity var(--duration-fast);font-size:14px;font-weight:600}.blog-card:hover .blog-card-link{opacity:.8}.blog-empty{text-align:center;padding:var(--space-3xl);color:var(--color-text-muted);grid-column:1/-1}.blog-empty-icon{margin-bottom:var(--space-md);opacity:.5;font-size:48px;display:block}.blog-cta{margin-top:var(--space-2xl)}.about-hero{position:relative}.about-label{color:var(--color-gold-dark);border-radius:var(--radius-full);margin-bottom:var(--space-lg);letter-spacing:1px;background:#c9a96e1f;padding:4px 14px;font-size:13px;font-weight:600;display:inline-block}.about-story-grid{gap:var(--space-3xl);grid-template-columns:1.2fr 1fr;align-items:center;display:grid}.about-story-content{opacity:0;transform:translateY(20px)}.about-story-content.visible{opacity:1;transform:translateY(0)}.about-story-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-xl);font-size:32px;font-weight:700;line-height:1.3}.about-story-content p{color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:16px;line-height:1.9}.about-story-visual{gap:var(--space-lg);opacity:0;grid-template-columns:1fr 1fr;display:grid;transform:translateY(20px)}.about-story-visual.visible{opacity:1;transform:translateY(0)}.about-visual-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;transition:all var(--duration-normal) var(--ease-out)}.about-visual-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-gold-light);transform:translateY(-4px)}.about-visual-icon{margin-bottom:var(--space-md);font-size:32px}.about-visual-number{font-family:var(--font-heading);background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;display:block}.about-visual-label{color:var(--color-text-muted);margin-top:2px;font-size:13px;display:block}.about-values{background:var(--gradient-warm)}.about-values-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.about-value-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-xl);transition:all var(--duration-normal) var(--ease-out);opacity:0;transform:translateY(20px)}.about-value-card.visible{opacity:1;transform:translateY(0)}.about-value-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-gold-light);transform:translateY(-4px)}.about-value-icon{margin-bottom:var(--space-md);font-size:32px;display:block}.about-value-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-sm);font-size:17px;font-weight:600;line-height:1.4}.about-value-desc{color:var(--color-text-secondary);font-size:14px;line-height:1.7}.about-process{background:var(--color-bg)}.about-process-timeline{max-width:700px;margin:0 auto;padding-left:60px;position:relative}.about-process-timeline:before{content:"";background:var(--color-border);width:2px;position:absolute;top:0;bottom:0;left:24px}.about-timeline-item{gap:var(--space-xl);margin-bottom:var(--space-2xl);opacity:0;display:flex;position:relative;transform:translateY(20px)}.about-timeline-item.visible{opacity:1;transform:translateY(0)}.about-timeline-item:last-child{margin-bottom:0}.about-timeline-marker{position:absolute;top:0;left:-60px}.about-timeline-step{background:var(--gradient-gold);color:#fff;width:48px;height:48px;font-family:var(--font-heading);box-shadow:var(--shadow-gold);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:relative}.about-timeline-content{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-xl);transition:all var(--duration-normal) var(--ease-out);flex:1}.about-timeline-content:hover{box-shadow:var(--shadow-md);border-color:var(--color-gold-light)}.about-timeline-icon{margin-bottom:var(--space-sm);font-size:28px}.about-timeline-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-sm);font-size:20px;font-weight:600}.about-timeline-desc{color:var(--color-text-secondary);font-size:14px;line-height:1.7}.about-team{background:var(--gradient-warm)}.about-team-grid{gap:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.about-team-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all var(--duration-normal) var(--ease-out);opacity:0;transform:translateY(20px)}.about-team-card.visible{opacity:1;transform:translateY(0)}.about-team-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-gold-light);transform:translateY(-6px)}.about-team-avatar{width:72px;height:72px;margin:0 auto var(--space-md);background:#c9a96e1a;border-radius:50%;justify-content:center;align-items:center;font-size:32px;display:flex}.about-team-name{font-family:var(--font-heading);color:var(--color-text);margin-bottom:2px;font-size:18px;font-weight:600}.about-team-role{color:var(--color-gold-dark);margin-bottom:var(--space-md);font-size:13px;font-weight:500;display:block}.about-team-desc{color:var(--color-text-secondary);font-size:14px;line-height:1.7}@media (width<=1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-card-featured{grid-column:span 2}.about-story-grid{gap:var(--space-2xl);grid-template-columns:1fr}.about-values-grid,.about-team-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.blog-grid{grid-template-columns:1fr}.blog-card-featured{grid-column:span 1}.blog-card-featured .blog-card-cover{height:160px}.blog-card-featured .blog-card-title{font-size:18px}.about-story-title{font-size:26px}.about-story-visual{grid-template-columns:1fr 1fr}.about-values-grid,.about-team-grid{grid-template-columns:1fr}.about-process-timeline{padding-left:50px}.about-timeline-marker{left:-50px}.about-timeline-step{width:40px;height:40px;font-size:14px}}
