.page-header{padding:var(--space-20) 0 var(--space-12);background:linear-gradient(180deg,var(--color-primary-lighter) 0%,#fff 100%);text-align:center}
.page-header .section-tag{margin-bottom:var(--space-4)}
.page-header h1{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4)}
.page-header p{font-size:var(--text-lg);color:var(--color-text-dim);max-width:600px;margin:0 auto}

.about-hero{padding:var(--space-16) 0}
.about-hero-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);display:grid;grid-template-columns:1fr 2fr;gap:var(--space-12);align-items:start}
.about-portrait{position:sticky;top:calc(var(--nav-height) + var(--space-6))}
.about-portrait-img{width:42%;aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-lg);display:block;margin:0 auto}
.about-portrait-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}
.about-content h2{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-4);margin-top:var(--space-8)}
.about-content h2:first-child{margin-top:0}
.about-content p{font-size:var(--text-base);line-height:1.8;color:var(--color-text-dim);margin-bottom:var(--space-4)}
.about-content strong{color:var(--color-text);font-weight:600}
.about-timeline{margin:var(--space-8) 0;padding-left:var(--space-6);border-left:3px solid var(--color-primary-light)}
.about-timeline-item{position:relative;padding-bottom:var(--space-6)}
.about-timeline-item::before{content:'';position:absolute;left:calc(-1 * var(--space-6) - 7px);top:4px;width:12px;height:12px;background:var(--color-primary);border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--color-primary)}
.about-timeline-year{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-1)}
.about-timeline-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1)}
.about-timeline-desc{font-size:var(--text-sm);color:var(--color-text-dim)}
.about-skills{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-6) 0}
.about-skill{padding:var(--space-2) var(--space-4);background:var(--color-primary-lighter);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500}

.service-table{width:100%;border-collapse:collapse;margin:var(--space-8) 0;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}
.service-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}
.service-table th,.service-table td{padding:var(--space-4) var(--space-5);text-align:left;border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}
.service-table th{background:var(--color-bg-alt);font-weight:600;color:var(--color-text);font-size:var(--text-sm)}
.service-table td:first-child{font-weight:500;color:var(--color-text)}
.service-table tr:last-child td{border-bottom:none}
.service-table .check{color:var(--color-success);font-weight:700}
.service-table .cross{color:var(--color-text-light)}

/* 服务表移动端：隐藏表格，显示卡片 */
.service-cards-mobile{display:none}
@media(max-width:768px){
  .service-table-wrapper{display:none}
  .service-cards-mobile{display:block}
  .service-cards-mobile .svc-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}
  .service-cards-mobile .svc-card-header{padding:var(--space-4) var(--space-5);font-size:var(--text-lg);font-weight:700;color:#fff;text-align:center}
  .service-cards-mobile .svc-card:nth-child(1) .svc-card-header{background:linear-gradient(135deg,#2563EB,#3B82F6)}
  .service-cards-mobile .svc-card:nth-child(2) .svc-card-header{background:linear-gradient(135deg,#0D9488,#14B8A6)}
  .service-cards-mobile .svc-card:nth-child(3) .svc-card-header{background:linear-gradient(135deg,#7C3AED,#8B5CF6)}
  .service-cards-mobile .svc-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-5);border-bottom:1px solid #f0f0f0;font-size:var(--text-sm)}
  .service-cards-mobile .svc-row:last-child{border-bottom:none}
  .service-cards-mobile .svc-label{color:var(--color-text-dim);font-weight:500;flex-shrink:0;margin-right:var(--space-3)}
  .service-cards-mobile .svc-value{font-weight:600;text-align:right}
  .service-cards-mobile .svc-check{color:var(--color-success);font-weight:700;font-size:var(--text-base)}
  .service-cards-mobile .svc-cross{color:var(--color-text-light)}
  .service-cards-mobile .svc-fullrow{padding:var(--space-3) var(--space-5);border-bottom:1px solid #f0f0f0;font-size:var(--text-sm);background:var(--color-bg-alt)}
  .service-cards-mobile .svc-fullrow .svc-label{display:block;margin-bottom:var(--space-1)}
  .service-cards-mobile .svc-fullrow .svc-value{text-align:left;font-weight:500}
  .service-cards-mobile .svc-btn-row{padding:var(--space-4) var(--space-5)}
  .service-cards-mobile .svc-btn-row .btn{width:100%}
}

.faq-list{max-width:var(--max-width-narrow);margin:0 auto}
.faq-item{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden;transition:all var(--transition-fast)}
.faq-item:hover{border-color:var(--color-primary-light)}
.faq-question{padding:var(--space-5) var(--space-6);font-size:var(--text-base);font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);user-select:none}
.faq-question::after{content:'+';font-size:var(--text-xl);color:var(--color-text-light);transition:transform var(--transition-fast);flex-shrink:0}
.faq-item.open .faq-question::after{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-base);padding:0 var(--space-6)}
.faq-item.open .faq-answer{max-height:300px;padding-bottom:var(--space-5)}
.faq-answer p{font-size:var(--text-sm);line-height:1.7;color:var(--color-text-dim)}

.contact-form{max-width:var(--max-width-narrow);margin:0 auto;background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg)}
.contact-form h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}
.contact-form p{font-size:var(--text-sm);color:var(--color-text-dim);margin-bottom:var(--space-6)}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
@media (max-width:768px){.contact-form-row{grid-template-columns:1fr}}

.methodology-filters{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin-bottom:var(--space-8)}
.methodology-filter{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:500;color:var(--color-text-dim);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}
.methodology-filter:hover{border-color:var(--color-primary);color:var(--color-primary)}
.methodology-filter.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.methodology-search{max-width:400px;margin:0 auto var(--space-8);position:relative}
.methodology-search input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);outline:none}
.methodology-search input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lighter)}
.methodology-search svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-light)}
.methodology-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}
.methodology-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);cursor:pointer}
.methodology-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.methodology-card-tag{display:inline-block;font-size:var(--text-xs);font-weight:600;padding:2px var(--space-2);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}
.methodology-card-tag.strategy{background:var(--color-primary-light);color:var(--color-primary)}
.methodology-card-tag.theory{background:var(--color-accent-light);color:var(--color-accent)}
.methodology-card-tag.practice{background:var(--color-highlight-light);color:var(--color-highlight)}
.methodology-card-tag.career{background:var(--color-success-light);color:var(--color-success)}
.methodology-card h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);line-height:1.4}
.methodology-card p{font-size:var(--text-sm);color:var(--color-text-dim);line-height:1.6;margin-bottom:var(--space-4)}
.methodology-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--color-text-light)}
@media (max-width:1024px){.methodology-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.methodology-cards{grid-template-columns:1fr}.about-hero-container{grid-template-columns:1fr}.about-portrait{position:static;max-width:300px;margin:0 auto}}

.decision-sidebar{background:var(--color-bg-alt);border-right:1px solid var(--color-border);overflow-y:auto;padding:var(--space-4)}
.decision-main{overflow-y:auto;position:relative;background:var(--color-bg-alt)}
.decision-detail-panel{background:#fff;border-left:1px solid var(--color-border);overflow-y:auto;padding:var(--space-6)}
.workshop-sidebar{background:var(--color-bg-alt);border-right:1px solid var(--color-border);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}
.workshop-main{overflow-y:auto;background:var(--color-bg-alt);padding:var(--space-6)}

/* 方法论统计栏 */
.methodology-stats{display:flex;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-8);flex-wrap:wrap}
.methodology-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}
.methodology-stat-num{font-size:var(--text-3xl);font-weight:700;color:var(--color-primary);line-height:1}
.methodology-stat-label{font-size:var(--text-xs);color:var(--color-text-light)}

/* 加载状态 */
.methodology-loading{grid-column:1/-1;text-align:center;padding:var(--space-16);color:var(--color-text-light)}
.methodology-loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto var(--space-4);animation:spin 0.8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.methodology-card-read{color:var(--color-primary);font-weight:600;white-space:nowrap}

/* ========== 文章弹窗 ========== */
.article-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);backdrop-filter:blur(4px)}
.article-modal-overlay.active{opacity:1;visibility:visible}
.article-modal{background:#fff;width:90%;max-width:800px;height:85vh;border-radius:var(--radius-xl);display:flex;flex-direction:column;box-shadow:0 25px 60px rgba(0,0,0,0.2);transform:scale(0.95) translateY(20px);transition:transform var(--transition-base)}
.article-modal-overlay.active .article-modal{transform:scale(1) translateY(0)}

.article-modal-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-shrink:0}
.article-modal-header-info{flex:1;min-width:0}
.article-modal-category{display:inline-block;font-size:var(--text-xs);font-weight:600;color:#fff;padding:3px var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}
.article-modal-title{font-size:var(--text-xl);font-weight:700;line-height:1.4;margin-bottom:var(--space-2)}
.article-modal-meta{display:flex;gap:var(--space-2);flex-wrap:wrap}
.article-modal-tag{font-size:var(--text-xs);color:var(--color-text-light);background:var(--color-bg-alt);padding:2px var(--space-2);border-radius:var(--radius-sm)}
.article-modal-close{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-light);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}
.article-modal-close:hover{background:var(--color-bg-alt);color:var(--color-text)}

.article-modal-body{flex:1;overflow-y:auto;padding:var(--space-8)}
.article-modal-footer{padding:var(--space-5) var(--space-8);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-shrink:0;background:var(--color-bg-alt);border-radius:0 0 var(--radius-xl) var(--radius-xl)}
.article-modal-nav{display:flex;gap:var(--space-3)}
.article-nav-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text-dim);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}
.article-nav-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}
.article-modal-cta{text-align:right}
.article-modal-cta p{font-size:var(--text-xs);color:var(--color-text-light);margin-bottom:var(--space-1)}

/* ========== 文章内容排版 ========== */
.article-content{font-size:var(--text-base);line-height:1.85;color:var(--color-text)}
.article-content h1{font-size:var(--text-2xl);font-weight:700;margin:var(--space-8) 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-primary-lighter)}
.article-content h1:first-child{margin-top:0}
.article-content h2{font-size:var(--text-xl);font-weight:700;margin:var(--space-8) 0 var(--space-4);color:var(--color-text)}
.article-content h3{font-size:var(--text-lg);font-weight:600;margin:var(--space-6) 0 var(--space-3)}
.article-content h4{font-size:var(--text-base);font-weight:600;margin:var(--space-5) 0 var(--space-2)}
.article-content h5,.article-content h6{font-size:var(--text-sm);font-weight:600;margin:var(--space-4) 0 var(--space-2)}
.article-content p{margin-bottom:var(--space-4);color:var(--color-text-dim)}
.article-content strong{color:var(--color-text);font-weight:600}
.article-content em{font-style:italic;color:var(--color-text)}
.article-content a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid var(--color-primary-light)}
.article-content a:hover{border-bottom-color:var(--color-primary)}
.article-content ul,.article-content ol{margin:var(--space-4) 0;padding-left:var(--space-6)}
.article-content li{margin-bottom:var(--space-2);color:var(--color-text-dim);line-height:1.8}
.article-content li::marker{color:var(--color-primary)}
.article-content blockquote{margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);background:var(--color-primary-lighter);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0}
.article-content blockquote p{margin-bottom:0;color:var(--color-text);font-style:italic}
.article-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-4) 0;box-shadow:var(--shadow-md)}
.article-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}
.article-content code{font-family:'SF Mono','Monaco','Menlo',monospace;font-size:0.9em;background:var(--color-bg-alt);padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-accent)}
.article-content pre{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;margin:var(--space-4) 0}
.article-content pre code{background:none;padding:0}
.article-content mark{background:#FEF3C7;color:#92400E;padding:1px 4px;border-radius:2px}
.article-content del{color:var(--color-text-light)}
.article-content table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;font-size:var(--text-sm)}
.article-content th,.article-content td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);text-align:left}
.article-content th{background:var(--color-bg-alt);font-weight:600}

/* 文章底部CTA */
.article-content-cta{margin-top:var(--space-8);padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-lighter) 0%,#fff 100%);border-radius:var(--radius-lg);border:1px solid var(--color-primary-light);text-align:center}
.article-content-cta p{font-size:var(--text-sm);color:var(--color-text-dim);margin-bottom:var(--space-4)}
.article-content-cta-buttons{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}

/* 文章付费引导 */
.article-paywall{margin-top:var(--space-8);padding:var(--space-6) var(--space-6) var(--space-6);background:linear-gradient(135deg,#f0f4ff 0%,#fff 100%);border-radius:var(--radius-lg);border:1px solid var(--color-primary-light);text-align:center}
.article-paywall-divider{width:60px;height:3px;background:var(--color-primary);border-radius:var(--radius-full);margin:0 auto var(--space-4)}
.article-paywall-text{font-size:var(--text-base);color:var(--color-text);font-weight:500;line-height:1.7}

/* 弹窗响应式 */
@media (max-width:768px){
  .article-modal{width:95%;height:90vh;border-radius:var(--radius-lg)}
  .article-modal-header{padding:var(--space-4) var(--space-5)}
  .article-modal-body{padding:var(--space-5)}
  .article-modal-footer{flex-direction:column;align-items:stretch;padding:var(--space-4) var(--space-5)}
  .article-modal-cta{text-align:center}
  .article-modal-nav{justify-content:center}
  .methodology-stats{gap:var(--space-4)}
}