[v-cloak] { display: none !important; }
/* 企智社 SPA CSS - extracted */
.login-page{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);}
.login-card{background:#fff;padding:32px;border-radius:8px;width:420px;box-shadow:0 2px 12px rgba(0,0,0,.15);}
.customer-portal .el-header{background:#fff;}
.el-menu{border-right:none!important;}
.el-header{box-shadow:0 1px 4px rgba(0,0,0,.08);z-index:1;}
.el-main{padding:20px 24px;}
.el-card{margin-bottom:16px;}
.el-container .el-container{height:100%;}
/* 表格容器：水平滚动，避免列被挤压 */
.el-table{overflow-x:auto;}
/* 表格单元格内容单行省略，避免挤列 */
.admin-table .el-table__cell{white-space:nowrap;}
.admin-table .el-table__cell .cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/* Landing Page */
.landing-page{background:#f5f7fa;}
.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 48px;background:rgba(26,26,46,.95);color:#fff;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.landing-logo{font-size:22px;font-weight:bold;letter-spacing:1px;cursor:default;display:inline-flex;align-items:center;gap:8px;}
.landing-logo-img{height:36px;width:36px;object-fit:contain;border-radius:6px;background:transparent;}
.landing-logo-sub{font-size:11px;font-weight:300;opacity:.6;margin-left:8px;letter-spacing:2px;}
/* Tab Menu */
.tab-menu{display:flex;align-items:center;gap:2px;}
.tab-menu-item{color:rgba(255,255,255,.7);text-decoration:none;font-size:14px;padding:8px 14px;border-radius:6px;transition:all .25s;cursor:pointer;position:relative;white-space:nowrap;}
.tab-menu-item:hover{color:#fff;background:rgba(255,255,255,.1);}
.tab-menu-active{color:#fff!important;background:rgba(255,255,255,.15);}
.tab-menu-active::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:20px;height:3px;border-radius:2px;background:linear-gradient(90deg,#667eea,#764ba2);}
.nav-links{display:flex;align-items:center;gap:4px;}
.nav-link{color:rgba(255,255,255,.75);text-decoration:none;font-size:14px;padding:6px 14px;border-radius:6px;transition:all .2s;cursor:pointer;}
.nav-link:hover{color:#fff;background:rgba(255,255,255,.1);}
/* Hero */
.landing-hero{text-align:center;padding:120px 24px 100px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 40%,#0f3460 100%);color:#fff;position:relative;overflow:hidden;}
.hero-grid-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;}
.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:orbFloat 8s ease-in-out infinite;}
.hero-orb-1{width:400px;height:400px;background:rgba(102,126,234,.2);top:-100px;right:-100px;animation-delay:0s;}
.hero-orb-2{width:300px;height:300px;background:rgba(118,75,162,.15);bottom:-50px;left:-50px;animation-delay:-3s;}
.hero-orb-3{width:250px;height:250px;background:rgba(15,52,96,.3);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-6s;}
@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(30px,-30px) scale(1.1);}}
.hero-orb-3{animation:orbFloat2 10s ease-in-out infinite;}
@keyframes orbFloat2{0%,100%{transform:translate(-50%,-50%) scale(1);}50%{transform:translate(-40%,-60%) scale(1.15);}}
.hero-content{position:relative;z-index:1;animation:heroFadeIn 1s ease-out;}
@keyframes heroFadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.hero-content h1{font-size:52px;margin-bottom:16px;line-height:1.3;font-weight:800;letter-spacing:-1px;}
.hero-sub{font-size:18px;margin-bottom:24px;opacity:.85;line-height:1.6;max-width:640px;margin-left:auto;margin-right:auto;}
.hero-badge{display:inline-block;padding:4px 20px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);font-size:12px;letter-spacing:2px;margin-bottom:28px;color:rgba(255,255,255,.8);}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:36px;}
.hero-tags span{padding:8px 20px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:13px;color:rgba(255,255,255,.85);transition:all .3s;}
.hero-tags span:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);}
.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
/* Stats Bar */
.stats-bar{display:flex;justify-content:center;align-items:center;gap:0;padding:32px 24px;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-bottom:1px solid #e5e7eb;flex-wrap:wrap;}
.stat-item{text-align:center;padding:0 40px;}
.stat-num{font-size:28px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.stat-label{font-size:13px;color:#888;margin-top:4px;}
.stat-divider{width:1px;height:40px;background:#e0e0e0;}
/* Section Common */
.section-label{text-align:center;font-size:11px;letter-spacing:3px;color:#999;margin-bottom:8px;font-weight:500;}
.section-title-accent{width:40px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;margin:12px auto 0;}
.landing-section{padding:72px 48px;}.landing-section>*{max-width:1100px;margin-left:auto;margin-right:auto;}
.section-title{text-align:center;font-size:28px;margin-bottom:12px;color:#1a1a2e;font-weight:700;}
.section-title::after{content:'';display:block;width:40px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;margin:12px auto 0;}
/* Service Grid */
.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;}
.service-card{text-align:center;padding:36px 20px 28px;background:#fff;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.06);transition:all .35s;cursor:pointer;border:1px solid #f0f0f0;position:relative;overflow:hidden;}
.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .35s;}
.service-card:hover::before{opacity:1;}
.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.1);border-color:transparent;}
.service-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 16px;transition:transform .3s;}
.service-card:hover .service-icon{transform:scale(1.1);}
.service-card h3{font-size:16px;margin-bottom:8px;color:#303133;}
.service-price{font-size:20px;font-weight:bold;color:#e6a23c;margin-bottom:8px;}
.service-price-note{font-size:12px;font-weight:400;color:#999;}
.service-card p{font-size:13px;color:#666;line-height:1.6;margin-bottom:12px;min-height:40px;}
.brand-tag{margin:0 auto 8px;display:table;}
/* Why Choose */
.why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;}
.why-card{text-align:center;padding:36px 24px;background:#fff;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.06);transition:all .3s;}
.why-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.1);}
.why-icon-wrap{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 16px;}
.why-card h3{font-size:17px;margin-bottom:8px;color:#303133;}
.why-card p{font-size:13px;color:#666;line-height:1.7;}
/* Free Trial */
.free-trial-section{padding:60px 48px;border-radius:0;}
/* Role Grid */
.role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;}
.role-card{text-align:center;padding:32px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.06);transition:all .35s;cursor:pointer;border:1px solid #f0f0f0;}
.role-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.1);}
.role-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 12px;}
.role-card h3{font-size:16px;margin-bottom:4px;color:#303133;}
.role-card p{font-size:13px;color:#666;margin-bottom:8px;}
/* Template Page */
.template-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:24px;}
.template-card{max-width:500px;width:100%;background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.1);padding:40px;}
/* Process Steps */
.process-steps{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;}
.process-step{text-align:center;flex:1;min-width:200px;max-width:280px;padding:36px 24px;background:#f8f9ff;border-radius:16px;position:relative;transition:all .3s;}
.process-step:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.08);}
.process-num{font-size:36px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.3;position:absolute;top:12px;right:16px;}
.process-icon{font-size:36px;margin-bottom:12px;}
.process-step h3{font-size:16px;margin-bottom:6px;color:#303133;}
.process-step p{font-size:13px;color:#666;line-height:1.6;}
.process-arrow{font-size:28px;color:#ccc;font-weight:300;flex-shrink:0;}
/* Platforms */
.landing-platforms{background:#fff;}
.platform-badges{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;}
.platform-badge{padding:14px 32px;background:linear-gradient(135deg,#f0f5ff,#e8f0ff);color:#409eff;border-radius:24px;font-size:15px;font-weight:500;border:1px solid #d0e4ff;transition:all .3s;}
.platform-badge:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(64,158,255,.2);}
/* Pricing */
.pricing-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;max-width:1000px;margin:0 auto;}
.pricing-card{text-align:center;padding:28px 20px;background:#fff;border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.06);position:relative;transition:all .3s;}
.pricing-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.1);transform:translateY(-3px);}
.pricing-card.featured{border:2px solid #e6a23c;transform:scale(1.03);}
.pricing-card.featured:hover{transform:scale(1.03) translateY(-3px);}
.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#e6a23c;color:#fff;padding:4px 16px;border-radius:10px;font-size:12px;font-weight:bold;}
.price{font-size:30px;font-weight:bold;color:#409eff;margin:12px 0;}
.pricing-card p{font-size:13px;color:#666;margin:4px 0;}
/* SEO Article Grid */
.seo-article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}
.seo-article-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:24px;transition:all .3s;cursor:pointer;}
.seo-article-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:transparent;}
.seo-article-card h3{font-size:16px;color:#303133;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.seo-article-card .seo-article-meta{font-size:12px;color:#999;margin-bottom:8px;}
.seo-article-card p{font-size:13px;color:#666;line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.seo-article-link{font-size:13px;color:#409eff;font-weight:500;}
.seo-article-card:hover .seo-article-link{text-decoration:underline;}
/* Bottom CTA */
.bottom-cta{text-align:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;border-radius:0;max-width:100%;padding:80px 24px;}
/* Order Form */
.landing-order{background:#fff;}
.order-form-wrap{max-width:600px;margin:0 auto;}
.order-status-wrap{max-width:500px;margin:0 auto;}
/* Footer */
.landing-footer{background:#0f0f23;color:#999;font-size:14px;}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;max-width:1100px;margin:0 auto;padding:48px 48px 32px;}
.footer-col{display:flex;flex-direction:column;gap:8px;}
.footer-col-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px;}
.footer-logo-img{height:28px;width:28px;object-fit:contain;border-radius:5px;}
.footer-link{font-size:13px;color:#999;cursor:pointer;transition:color .2s;}
.footer-link:hover{color:#667eea;}
.footer-contact{display:flex;flex-direction:column;gap:4px;margin-top:12px;font-size:13px;color:#777;}
.footer-bottom{text-align:center;padding:20px 24px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:#666;}
/* Report Page */
.report-page{background:#f0f2f5;min-height:100vh;}
.report-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:48px 24px;text-align:center;}
.report-body{max-width:1000px;margin:24px auto;padding:0 24px 48px;}
.report-score-card{text-align:center;}
.report-upsell{border:2px solid #e6a23c;}
.kw-card{border:1px solid #ebeef5;border-radius:8px;padding:12px;background:#fff;transition:box-shadow .2s;}
.kw-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.08);}
.kw-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.kw-card-title{font-size:15px;font-weight:500;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;}
.kw-card-body{display:flex;gap:12px;font-size:13px;color:#666;margin-bottom:8px;flex-wrap:wrap;}
.kw-card-actions{display:flex;gap:6px;}

/* 平板断点 769-1024px */
@media (min-width:769px) and (max-width:1024px){
  .landing-hero{padding:90px 24px 70px;}
  .hero-content h1{font-size:40px;line-height:1.28;}
  .hero-sub{font-size:16px;}
  .hero-badge{font-size:11px;}
  .hero-tags span{font-size:12px;padding:6px 14px;}
  .section-title{font-size:24px;}
  .landing-section{padding:60px 24px;}
  .footer-inner{grid-template-columns:1fr 1fr;gap:24px;padding:40px 24px;}
}

@media(max-width:768px){
  /* 导航 */
  .landing-nav{padding:10px 12px;flex-wrap:wrap;gap:8px;}
  .landing-logo{font-size:17px;gap:6px;white-space:nowrap;}
  .landing-logo-img{height:28px;width:28px;}
  .landing-logo-sub{display:none;}
  .tab-menu{gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;}
  .tab-menu::-webkit-scrollbar{display:none;}
  .tab-menu-item{font-size:12px;padding:6px 9px;white-space:nowrap;}
  .tab-menu-active::after{width:16px;height:2px;}

  /* Hero */
  .landing-hero{padding:70px 16px 55px;}
  .hero-content h1{font-size:26px;line-height:1.25;margin-bottom:12px;}
  .hero-sub{font-size:15px;line-height:1.55;margin-bottom:18px;}
  .hero-badge{font-size:11px;padding:3px 14px;margin-bottom:18px;}
  .hero-tags{gap:8px;margin-bottom:24px;}
  .hero-tags span{font-size:12px;padding:5px 11px;}
  .hero-actions{flex-direction:column;gap:12px;align-items:stretch;width:100%;max-width:320px;margin:0 auto;}
  .hero-actions .el-button{width:100%;margin:0;font-size:15px;padding:12px 0 !important;height:auto !important;}

  /* 统计条 */
  .stats-bar{flex-direction:column;gap:16px;padding:24px 16px;}
  .stat-item{padding:0;}
  .stat-divider{display:none;}
  .stat-num{font-size:24px;}

  /* 通用区块 */
  .landing-section{padding:44px 16px;}
  .section-title{font-size:22px;}

  /* 服务网格 */
  .service-grid{grid-template-columns:1fr;gap:16px;}
  .service-card{padding:28px 20px 22px;}

  /* 为什么选择 */
  .why-grid{grid-template-columns:1fr;gap:16px;}

  /* 流程 */
  .process-steps{flex-direction:column;gap:16px;}
  .process-arrow{transform:rotate(90deg);}
  .process-step{min-width:auto;max-width:none;padding:28px 20px;}

  /* 角色 */
  .role-grid{grid-template-columns:1fr;gap:16px;}

  /* 定价 */
  .pricing-cards{grid-template-columns:1fr;}
  .pricing-card.featured{transform:none;}
  .pricing-card.featured:hover{transform:translateY(-3px);}

  /* 文章 */
  .seo-article-grid{grid-template-columns:1fr;}

  /* 底部 CTA */
  .bottom-cta{padding:52px 16px;}
  .bottom-cta h2{font-size:22px !important;}
  .bottom-cta p{font-size:14px !important;}

  /* Footer */
  .footer-inner{grid-template-columns:1fr;gap:28px;text-align:center;padding:36px 20px;}
  .footer-col{align-items:center;}
  .footer-col-title{font-size:14px;}
  .footer-col img{width:140px !important;height:140px !important;}
  .footer-bottom{padding:16px 16px;font-size:11px;}

  /* 报告页 */
  .report-body{padding:0 12px 24px;}
}

/* 统一表格样式 - 黄色表头 */
.admin-table .el-table__header th.el-table__cell{background-color:#fafafa;color:#e6a23c;font-weight:600;}
.admin-table .el-table__body td.el-table__cell{padding:8px 0;}
.admin-table .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#fafafa;}
.admin-table .el-tag{margin:0;}
.admin-table .el-button--small{padding:5px 12px;}