/* 全局样式补充 */
@keyframes float {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(30px, -30px); }
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes gradient {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes shimmer {
  0% { background-position: -1000px 0; }
  100% { background-position: 1000px 0; }
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-feature-settings: 'cv11', 'ss01';
  -webkit-font-smoothing: antialiased;
}

/* 工具类 */
@layer utilities {
  .glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
  }
  .gradient-text {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  .scrollbar-thin::-webkit-scrollbar { width: 6px; height: 6px; }
  .scrollbar-thin::-webkit-scrollbar-track { background: transparent; }
  .scrollbar-thin::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
  .scrollbar-thin::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
}

/* 输入框聚焦 */
input:focus, textarea:focus, select:focus {
  outline: none;
}

/* 加载动画 */
.loader {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* 卡片hover 3D效果 */
.feature-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px -10px rgba(99, 102, 241, 0.15);
}

/* 首页：编辑工作台风格 */
.home-page {
  --home-bg: #f5f5ef;
  --home-surface: #ffffff;
  --home-ink: #18201b;
  --home-muted: #617067;
  --home-brand: #183d2f;
  --home-brand-strong: #102d22;
  --home-line: #dfe2da;
  --home-soft: #e8eee8;
  background: var(--home-bg);
  color: var(--home-ink);
  font-family: 'Noto Sans SC','Microsoft YaHei',sans-serif;
}
.home-page > .fixed.-z-10 { display: none; }
.home-page nav { background: rgba(245,245,239,.94); border-color: var(--home-line); backdrop-filter: blur(12px); }
.home-page nav > div > a > div { background: var(--home-brand); box-shadow: none; border-radius: .6rem; }
.home-page .home-hero { display: grid; grid-template-columns: 1.02fr .98fr; gap: 5rem; align-items: center; min-height: 610px; }
.home-hero-copy { text-align: left; }
.home-hero-copy .inline-flex { background: #e8eee8; border-color: #ccd8cf; color: #365345; animation: none; }
.home-hero-copy h1 { color: var(--home-ink); font-family: 'Noto Serif SC','Songti SC',serif; font-size: clamp(3rem,5.5vw,5rem); line-height: 1.08; letter-spacing: -.045em; animation: none; }
.home-hero-copy p { margin-left: 0; max-width: 36rem; color: var(--home-muted); line-height: 1.75; }
.home-hero-copy > div:last-child { justify-content: flex-start; animation: none; }
.home-page a.bg-\[\#07C160\] { background: var(--home-brand); box-shadow: none; }
.home-page a.bg-\[\#07C160\]:hover { background: var(--home-brand-strong); transform: translateY(-2px); }
.home-page a:focus-visible, .home-page button:focus-visible, .home-page summary:focus-visible { outline: 3px solid rgba(24,61,47,.3); outline-offset: 3px; }
.hero-workspace { border: 1px solid #ced4cc; border-radius: 1.4rem; background: #fff; overflow: hidden; box-shadow: 0 30px 70px -45px rgba(24,61,47,.55); transform: rotate(1deg); }
.hero-workspace-bar { height: 48px; display: flex; align-items: center; gap: 7px; padding: 0 16px; border-bottom: 1px solid #e5e8e2; background: #fafaf7; }
.hero-workspace-bar span { width: 8px; height: 8px; border-radius: 50%; background: #ccd2ca; }
.hero-workspace-bar b { margin-left: 8px; font-size: 12px; color: #647068; font-weight: 600; }
.hero-workspace-body { min-height: 390px; display: grid; grid-template-columns: 66px 1fr; }
.hero-workspace aside { border-right: 1px solid #e8ebe6; background: #f7f8f4; padding: 25px 18px; display: flex; flex-direction: column; gap: 18px; }
.hero-workspace aside i { width: 28px; height: 28px; border-radius: 8px; background: #e4e9e3; }
.hero-workspace aside i:first-child { background: #183d2f; }
.hero-document { padding: 48px 42px; }
.hero-document small { color: #829087; font-size: 11px; letter-spacing: .08em; }
.hero-document h3 { margin: 10px 0 30px; font-family: Georgia,'Songti SC',serif; font-size: 25px; color: #1d2821; }
.hero-document p { height: 9px; border-radius: 9px; background: #e7eae5; margin: 13px 0; }
.hero-document p.short { width: 68%; }
.hero-document-note { display: inline-block; margin-top: 46px; padding: 9px 12px; border-radius: 8px; background: #eaf2ed; color: #315844; font-size: 12px; }
.home-page .home-section { border-top: 1px solid var(--home-line); }
.home-page .section-heading { text-align: left; display: flex; justify-content: space-between; align-items: end; gap: 2rem; }
.home-page .section-heading h2 { font-family: 'Noto Serif SC','Songti SC',serif; font-size: 2rem; font-weight: 700; letter-spacing: -.025em; }
.home-page .section-heading p { margin-top: 0; }
.home-page #featureCards { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; background: #dfe3dc; border: 1px solid #dfe3dc; border-radius: 1rem; overflow: hidden; }
.home-page .feature-card { border: 0; border-radius: 0; box-shadow: none; min-height: 260px; isolation: isolate; }
.home-page .feature-card::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: 0; background: radial-gradient(300px circle at var(--pointer-x,50%) var(--pointer-y,50%), rgba(24,61,47,.09), transparent 62%); transition: opacity .25s ease; }
.home-page .feature-card:hover { transform: none; box-shadow: inset 0 0 0 1px var(--home-brand); z-index: 1; }
.home-page .feature-card:hover::before { opacity: 1; }
.home-page .feature-card:hover > div:nth-of-type(2) { transform: rotate(-4deg) scale(1.05); }
.home-page .feature-card > div:nth-of-type(2) { transition: transform .25s ease; }
.home-page .feature-card > div:nth-of-type(2) { background: #edf1ec !important; color: #183d2f; box-shadow: none; filter: grayscale(1); }
.home-page .feature-card .bg-gradient-to-r { background: #183d2f; box-shadow: none; }
.home-page .process-panel { background: var(--home-brand); border-radius: 1rem; }
.home-page .process-panel > div[class*="absolute"] { display: none; }
.home-page #pricingCards { grid-template-columns: repeat(4,minmax(0,1fr)); }
.home-page #pricingCards > div { border-color: #d9ddd6; border-radius: .9rem; box-shadow: none; transform: none; }
.home-page #pricingCards .ring-2 { --tw-ring-color: #183d2f; }
.home-page #pricingCards .bg-gradient-to-r { background: #183d2f; box-shadow: none; }
.home-faq { display: grid; grid-template-columns: 280px 1fr; gap: 5rem; border-top: 1px solid var(--home-line); }
.home-faq .section-heading { display: block; }
.home-faq > .space-y-3 details { background: transparent; border-width: 0 0 1px; border-radius: 0; padding: 1.3rem 0; }
.home-faq details[open] summary { color: var(--home-brand); }
.home-faq details[open] p { animation: answer-in .25s ease-out; }
.final-cta > div { background: #e8eee8; border-color: #ccd8cf; box-shadow: none; }
.reveal-section { opacity: 0; transform: translateY(22px); transition: opacity .65s ease, transform .65s cubic-bezier(.22,1,.36,1); }
.reveal-section.is-visible { opacity: 1; transform: translateY(0); }
@keyframes answer-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .home-page *, .home-page *::before, .home-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .reveal-section { opacity: 1; transform: none; }
}
@media (max-width: 800px) {
  .home-page .home-hero { grid-template-columns: 1fr; gap: 2.5rem; min-height: auto; }
  .home-hero-copy h1 { font-size: 2.85rem; }
  .hero-workspace { transform: none; }
  .home-page .section-heading { display: block; }
  .home-page .section-heading p { margin-top: .5rem; }
  .home-page #featureCards, .home-page #pricingCards { grid-template-columns: 1fr; }
  .home-faq { grid-template-columns: 1fr; gap: 0; }
}

/* 首页 v4：现代出版物 */
.home-page {
  --home-bg: #f5f3ee;
  --home-surface: #ffffff;
  --home-ink: #17181c;
  --home-muted: #696c75;
  --home-brand: #4659d4;
  --home-brand-strong: #3446bd;
  --home-line: #dedcd6;
  --home-soft: #e9ecff;
  background: var(--home-bg);
}
.home-page nav { background: rgba(255,255,255,.82); border-color: rgba(23,24,28,.08); box-shadow: 0 1px 0 rgba(23,24,28,.03); }
.home-page nav > div > a > div { background: var(--home-ink); color: #fff; border-radius: .75rem; }
.home-page nav a, .home-page nav button { color: #4f525b; }
.home-page .home-hero { position: relative; min-height: 680px; gap: 6rem; }
.home-page .home-hero::before { content: ''; position: absolute; width: 520px; height: 520px; right: -130px; top: 20px; border-radius: 48% 52% 58% 42%; background: #e4e8ff; transform: rotate(-12deg); z-index: -1; }
.home-hero-copy .inline-flex { background: #fff; border-color: #d8dbe9; color: #555b76; box-shadow: 0 8px 24px -20px rgba(23,24,28,.5); }
.home-hero-copy .inline-flex .bg-emerald-500 { background: var(--home-brand); }
.home-hero-copy h1 { color: var(--home-ink); font-size: clamp(3.1rem,5vw,4.9rem); line-height: 1.14; letter-spacing: -.05em; }
.home-hero-copy p { color: var(--home-muted); font-size: 1.05rem; }
.home-page a.bg-\[\#07C160\] { background: var(--home-brand); color: #fff; border-radius: .8rem; box-shadow: 0 14px 32px -20px rgba(70,89,212,.8); }
.home-page a.bg-\[\#07C160\]:hover { background: var(--home-brand-strong); box-shadow: 0 18px 38px -18px rgba(70,89,212,.72); }
.hero-workspace { position: relative; border: 1px solid rgba(23,24,28,.1); border-radius: 1.1rem; background: var(--home-surface); box-shadow: 0 36px 90px -46px rgba(35,42,82,.35); transform: rotate(1deg); }
.hero-workspace::after { content: ''; position: absolute; inset: 22px -22px -22px 22px; border-radius: 1.1rem; border: 1px solid rgba(70,89,212,.14); z-index: -1; }
.hero-workspace-bar { background: #f7f7f8; border-color: #e7e6e2; }
.hero-workspace-body { min-height: 420px; }
.hero-workspace aside { background: #20232d; border: 0; }
.hero-workspace aside i { background: #343846; }
.hero-workspace aside i:first-child { background: #7181ed; }
.hero-document-note { background: var(--home-soft); color: #3d4bb0; }
.section-rail { position: fixed; right: 24px; top: 50%; z-index: 35; display: flex; flex-direction: column; gap: 13px; transform: translateY(-50%); }
.section-rail a { width: 7px; height: 7px; border-radius: 50%; background: #b8b8b4; box-shadow: 0 0 0 5px transparent; transition: .25s ease; }
.section-rail a.active { background: var(--home-brand); box-shadow: 0 0 0 5px rgba(70,89,212,.12); }
.home-page .home-section, .home-faq { padding-top: 6rem; padding-bottom: 6rem; border-color: var(--home-line); }
.home-page .section-heading h2 { font-size: clamp(2.15rem,3.6vw,3.3rem); color: var(--home-ink); }
.home-page #featureCards { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 16px; border: 0; background: transparent; overflow: visible; counter-reset: tool; }
.home-page .feature-card { counter-increment: tool; grid-column: span 6; min-height: 300px; padding: 2rem; border: 1px solid rgba(23,24,28,.09); border-radius: 1.25rem; background: rgba(255,255,255,.86); box-shadow: 0 18px 50px -42px rgba(23,24,28,.45); backdrop-filter: blur(8px); }
.home-page .feature-card:nth-child(1), .home-page .feature-card:nth-child(4) { grid-column: span 7; }
.home-page .feature-card:nth-child(2), .home-page .feature-card:nth-child(3) { grid-column: span 5; }
.home-page .feature-card::after { content: '0' counter(tool); position: absolute; top: 1.55rem; right: 1.7rem; color: #b6b7bd; font: 600 .72rem/1 'Noto Sans SC',sans-serif; letter-spacing: .12em; }
.home-page .feature-card::before { background: radial-gradient(340px circle at var(--pointer-x,50%) var(--pointer-y,50%), rgba(70,89,212,.09), transparent 64%); }
.home-page .feature-card:hover { border-color: rgba(70,89,212,.34); box-shadow: 0 24px 60px -38px rgba(70,89,212,.42); transform: translateY(-5px); }
.home-page .feature-card > div:nth-of-type(2) { background: var(--home-soft) !important; color: var(--home-brand); filter: none; border-radius: 1rem; }
.home-page .feature-card .bg-gradient-to-r { background: var(--home-brand); }
.home-page .process-panel { border-radius: 1.5rem; background: #20232d; box-shadow: 0 30px 70px -50px rgba(23,24,28,.7); }
.home-page .process-panel .text-cyan-400 { color: #9faaf5; }
.home-page #pricingCards { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.home-page #pricingCards > div { border-radius: 1rem; background: rgba(255,255,255,.9); border-color: rgba(23,24,28,.09); }
.home-page #pricingCards > div:hover { border-color: rgba(70,89,212,.28); box-shadow: 0 20px 50px -40px rgba(70,89,212,.5); transform: translateY(-4px); }
.home-page #pricingCards .ring-2 { --tw-ring-color: rgba(70,89,212,.24); }
.home-page #pricingCards .bg-gradient-to-r { background: var(--home-brand); }
.home-faq > .space-y-3 details { border-color: #d3d1cb; }
.home-faq details[open] summary { color: var(--home-brand); }
.final-cta > div { border-radius: 1.5rem; background: #e9ecff; border-color: #d6dcff; }
@media (max-width: 800px) {
  .home-page .home-hero { min-height: auto; padding-top: 4.5rem; padding-bottom: 4.5rem; }
  .home-page .home-hero::before, .section-rail { display: none; }
  .home-page #featureCards { grid-template-columns: 1fr; }
  .home-page .feature-card:nth-child(n) { grid-column: auto; min-height: 270px; }
  .home-page .home-section, .home-faq { padding-top: 4rem; padding-bottom: 4rem; }
}

/* Toast */
.toast {
  position: fixed;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  color: white;
  z-index: 100;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
  animation: toastIn 0.3s ease-out;
}
.toast.success { background: #10b981; }
.toast.error { background: #ef4444; }
.toast.info { background: #3b82f6; }

@keyframes toastIn {
  from { opacity: 0; transform: translate(-50%, -20px); }
  to { opacity: 1; transform: translate(-50%, 0); }
}

/* 文本截断 */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 渐变文字 */
.text-gradient {
  background: linear-gradient(135deg, #6366f1, #06b6d4, #8b5cf6);
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradient 6s ease infinite;
}

/* 滑入动画 */
.fade-in {
  animation: fadeUp 0.6s ease-out;
}

/* 移动端优化 */
@media (max-width: 640px) {
  /* 防止表格溢出 */
  table { display: block; overflow-x: auto; white-space: nowrap; }
  /* 减小标题字号 */
  h1 { font-size: 1.5rem; }
  h2 { font-size: 1.25rem; }
  /* 优化触摸区域 */
  button, a { -webkit-tap-highlight-color: transparent; }
  /* 防止输入框缩放 */
  input, textarea, select { font-size: 16px; }
}

/* 移动端侧边栏优化 */
@media (max-width: 1023px) {
  nav#sidebar {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  nav#sidebar::-webkit-scrollbar { display: none; }
}

/* 排版预览样式 */
.fmt-heading { font-weight: 700; margin: 1.5em 0 0.8em; color: #1a1a2e; }
.fmt-heading:first-child { margin-top: 0; }
.fmt-highlight { background: linear-gradient(120deg, rgba(99,102,241,0.15) 0%, rgba(6,182,212,0.15) 100%); padding: 2px 6px; border-radius: 4px; font-weight: 600; color: #4338ca; }

/* ================= 视觉升级 v2 ================= */

/* 页面背景：柔和渐变 + 光晕装饰 */
.page-bg {
  min-height: 100vh;
  background:
    radial-gradient(ellipse 70% 45% at 15% -5%, rgba(99,102,241,0.09), transparent),
    radial-gradient(ellipse 55% 40% at 95% 0%, rgba(6,182,212,0.07), transparent),
    radial-gradient(ellipse 45% 35% at 80% 100%, rgba(139,92,246,0.05), transparent),
    linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  background-attachment: fixed;
}

/* 精致卡片 */
.panel-card {
  background: #fff;
  border: 1px solid rgba(226,232,240,0.85);
  border-radius: 1.25rem;
  box-shadow: 0 1px 2px rgba(15,23,42,0.03), 0 10px 30px -14px rgba(15,23,42,0.10);
  transition: box-shadow .3s ease, border-color .3s ease, transform .3s ease;
}
.panel-card:hover {
  border-color: rgba(99,102,241,0.18);
  box-shadow: 0 2px 4px rgba(15,23,42,0.04), 0 20px 48px -18px rgba(99,102,241,0.22);
}

/* 侧边导航 */
.side-nav {
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(226,232,240,0.85);
  border-radius: 1.25rem;
  box-shadow: 0 1px 2px rgba(15,23,42,0.03), 0 10px 30px -14px rgba(15,23,42,0.10);
  padding: 8px;
}
.side-nav a {
  border-radius: 0.8rem;
  transition: all .2s ease;
}
.side-nav a.active {
  background: linear-gradient(135deg, #eef2ff, #ecfeff);
  color: #4f46e5;
  font-weight: 600;
  box-shadow: inset 0 0 0 1px rgba(99,102,241,0.18), 0 4px 12px -4px rgba(99,102,241,0.25);
}
.side-nav a:not(.active):hover {
  background: #f1f5f9;
  color: #1e293b;
}

/* 页面大标题（渐变文字） */
.panel-title {
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -0.02em;
  background: linear-gradient(120deg, #0f172a 0%, #4f46e5 55%, #0891b2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media (max-width: 640px) {
  .panel-title { font-size: 1.25rem; }
}

/* 热门/推荐徽章 */
.badge-gradient {
  background: linear-gradient(135deg, #f59e0b, #ec4899);
  box-shadow: 0 2px 8px -2px rgba(236,72,153,0.5);
}

/* 标题图标容器 */
.icon-tile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.9rem;
  height: 2.9rem;
  border-radius: 0.95rem;
  background: linear-gradient(135deg, #eef2ff, #ecfeff);
  font-size: 1.5rem;
  flex-shrink: 0;
  box-shadow: inset 0 0 0 1px rgba(99,102,241,0.14), 0 6px 16px -8px rgba(99,102,241,0.4);
}

/* 按钮：主渐变 */
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  width: 100%;
  padding: .8rem 1rem;
  border-radius: .9rem;
  background: linear-gradient(135deg, #4f46e5 0%, #0891b2 100%);
  color: #fff;
  font-weight: 600;
  font-size: .95rem;
  box-shadow: 0 8px 20px -8px rgba(79,70,229,0.55);
  transition: all .25s ease;
  border: none;
  cursor: pointer;
}
.btn-primary:hover {
  box-shadow: 0 12px 28px -10px rgba(79,70,229,0.65);
  transform: translateY(-1px);
  filter: brightness(1.04);
}
.btn-primary:disabled {
  opacity: .7;
  cursor: not-allowed;
  transform: none;
}

/* 区块小标题 */
.section-title {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .95rem;
  font-weight: 600;
  color: #1e293b;
}
.section-title::before {
  content: '';
  width: 4px;
  height: 16px;
  border-radius: 2px;
  background: linear-gradient(180deg, #6366f1, #06b6d4);
}

/* 页面主体区域淡入 */
.page-fade-in {
  animation: fadeUp .55s ease-out;
}

/* 首页视觉基准 20260801k */
:root { --ink:#17191c; --muted:#697078; --line:#deded8; --paper:#fbfaf7; --teal:#079783; --amber:#c97a08; --soft:#f3f1eb; }
.landing-page { margin:0; color:var(--ink); background:var(--paper); font-family:"Noto Sans SC","Microsoft YaHei",sans-serif; }
.landing-page * { box-sizing:border-box; }
.site-header { height:76px; padding:0 3.1vw; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:40; background:rgba(251,250,247,.94); border-bottom:1px solid var(--line); backdrop-filter:blur(14px); }
.brand { display:flex; align-items:center; gap:13px; color:var(--ink); text-decoration:none; font-size:26px; }
.brand-mark { width:36px; height:36px; display:grid; place-items:center; border-radius:9px; color:#f3b649; background:#111418; font-size:15px; }
.desktop-nav { display:flex; gap:40px; margin-left:80px; }
.desktop-nav a,.quiet-link { color:#33383d; text-decoration:none; font-size:14px; transition:color .2s; }
.desktop-nav a:hover,.quiet-link:hover { color:var(--teal); }
.header-actions { display:flex; align-items:center; gap:10px; }
.wechat-button,.dashboard-button { border:0; border-radius:8px; padding:11px 21px; color:#fff; background:var(--teal); font-weight:600; cursor:pointer; text-decoration:none; font-size:14px; box-shadow:0 8px 22px rgba(7,151,131,.15); transition:transform .2s,background .2s; }
.wechat-button:hover,.hero-cta:hover { background:#087f70; transform:translateY(-1px); }
.wechat-button i,.hero-cta i { margin-right:7px; }
.logout-button,.mobile-menu-button { border:0; background:transparent; color:#555; padding:9px; cursor:pointer; font-size:17px; }
.mobile-menu-button { display:none; }.mobile-menu { display:none; }.is-hidden,.hidden { display:none!important; }
.nav-user { display:flex; align-items:center; gap:7px; color:#333; text-decoration:none; font-size:13px; }.nav-user img,#navAvatar img { width:32px; height:32px; border-radius:50%; }

.hero-shell { width:min(1380px,94vw); min-height:700px; margin:0 auto; display:grid; grid-template-columns:37% 63%; align-items:center; gap:38px; padding:44px 0 34px; }
.hero-copy { padding:6px 0 0 14px; }
.eyebrow { display:inline-flex; margin:0 0 25px; padding:7px 14px; border:1px solid #cfe5df; border-radius:999px; color:var(--teal); font-size:13px; font-weight:600; background:#f9fdfb; }
.hero-copy h1 { margin:0; font-family:"Noto Serif SC",serif; font-size:clamp(38px,3.1vw,52px); line-height:1.52; letter-spacing:-.035em; font-weight:800; }
.hero-copy h1 em { color:var(--amber); font-style:normal; }
.hero-intro { margin:24px 0 18px; color:#4c5358; font-size:18px; }
.hero-benefits { list-style:none; padding:0; margin:0 0 26px; display:grid; gap:10px; color:#565d62; font-size:14px; }
.hero-benefits i { color:var(--teal); margin-right:9px; }
.hero-cta { display:block; width:320px; padding:15px 22px; border:0; border-radius:7px; background:var(--teal); color:#fff; font-size:17px; font-weight:700; cursor:pointer; box-shadow:0 10px 25px rgba(7,151,131,.16); transition:.2s; }
.quiet-link { display:inline-block; margin-top:24px; }.quiet-link i { margin-left:7px; font-size:12px; }

.result-preview { display:grid; grid-template-columns:minmax(0,1fr) 250px; min-height:590px; background:#fff; border:1px solid #d9dad6; border-radius:11px; overflow:hidden; box-shadow:0 12px 40px rgba(25,30,32,.035); }
.article-proof { padding:31px 34px 25px; border-right:1px solid #dedfdb; }
.proof-kicker { color:#5d6668; font-size:13px; margin-bottom:25px; }.proof-kicker i { color:var(--teal); margin-right:8px; }
.article-proof h2 { margin:0 0 8px; font:700 27px/1.45 "Noto Serif SC",serif; }
.article-meta { display:flex; gap:20px; color:#8a8f92; font-size:12px; margin-bottom:25px; }
.article-proof p { margin:0 0 14px; color:#484f52; font:400 14px/1.9 "Noto Serif SC",serif; }
.article-proof blockquote { margin:16px 0; padding:11px 14px; background:#edf6f3; border:0; border-radius:3px; color:#3f4d4c; font:13px/1.75 "Noto Serif SC",serif; }
.article-proof hr { border:0; border-top:1px solid #e2e2dd; margin:21px 0; }
.article-proof h3 { font:700 17px "Noto Serif SC",serif; margin:0 0 12px; }
.article-proof footer { display:flex; gap:25px; margin-top:23px; padding-top:17px; border-top:1px solid #e3e3df; color:#8a8f92; font-size:11px; }
.trace-panel { padding:30px 21px; background:#fdfdfb; }
.trace-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; font-size:15px; }.trace-title span { color:var(--teal); background:#edf6f3; padding:4px 8px; border-radius:11px; font-size:10px; }
.trace-item { margin-bottom:25px; }.trace-item>div { display:flex; justify-content:space-between; font-size:13px; }.trace-item>div span { color:#747b7e; }
.trace-item progress { display:block; width:100%; height:6px; margin:10px 0 7px; accent-color:var(--teal); }.trace-item p { margin:0; color:#92989a; font-size:10px; line-height:1.5; }
.zero-score { margin-top:26px; padding:17px; border:1px solid #79b9ae; border-radius:8px; text-align:center; display:flex; flex-direction:column; align-items:center; }.zero-score span { font-size:12px; }.zero-score strong { color:var(--teal); font:600 39px/1.15 "Noto Serif SC",serif; }.zero-score em { color:var(--teal); font-size:12px; font-style:normal; font-weight:700; }.zero-score small { margin-top:7px; color:#7c8385; font-size:9px; }
.disclaimer { color:#8b9193; font-size:9px; line-height:1.65; margin-top:18px; }

.process-section,.content-section { width:min(1280px,90vw); margin:0 auto; padding:28px 0 70px; }
.section-rule { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:32px; }.section-rule span { height:1px; background:#deded8; }.section-rule h2 { font:700 22px "Noto Serif SC",serif; }
.process-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:55px; margin-top:32px; }.process-grid article { display:grid; grid-template-columns:55px 55px 1fr; align-items:center; gap:14px; }.process-grid b { color:var(--teal); font-size:38px; font-weight:600; }.process-icon { width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:#f0ede5; font-size:19px; }.process-grid h3 { margin:0 0 8px; font-size:16px; }.process-grid p { margin:0; color:#70777a; font-size:12px; line-height:1.7; }
.content-section { padding-top:70px; }.muted-section { width:100%; padding-left:max(5vw,calc((100vw - 1280px)/2)); padding-right:max(5vw,calc((100vw - 1280px)/2)); background:#f3f1eb; }
.section-heading p { margin:0 0 9px; color:var(--teal); font-size:13px; font-weight:700; }.section-heading h2 { margin:0 0 30px; font:700 31px "Noto Serif SC",serif; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.feature-card { border:1px solid #deded8!important; border-radius:8px!important; box-shadow:none!important; }.feature-card:hover { transform:translateY(-3px); border-color:#9ccfc6!important; }.feature-card>div:first-of-type { background:var(--teal)!important; box-shadow:none!important; }
.feature-card { display:block; padding:25px; color:var(--ink); text-decoration:none; background:#fff; transition:.2s; }.feature-icon { width:43px; height:43px; display:grid; place-items:center; border-radius:7px; color:#fff; }.feature-card h3 { margin:21px 0 9px; font-size:17px; }.feature-card p { min-height:48px; margin:0 0 18px; color:#6c7376; font-size:13px; line-height:1.8; }.feature-card>span { color:var(--teal); font-size:12px; font-weight:700; }.feature-card>span i { margin-left:5px; }
.pricing-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }.pricing-grid>div { border-radius:8px!important; box-shadow:none!important; }
.price-card { position:relative; padding:23px; background:#fff; border:1px solid #ddd; border-radius:8px; }.price-card.recommended { border-color:var(--teal); }.price-card small { position:absolute; top:-11px; right:14px; padding:4px 8px; border-radius:10px; background:var(--teal); color:#fff; }.price-card p { margin:0 0 14px; color:#6d7477; font-size:13px; }.price-card strong { display:block; font:700 31px "Noto Serif SC",serif; }.price-card strong i { font-size:15px; font-style:normal; }.price-card>span { display:block; margin:8px 0 20px; color:var(--teal); font-size:13px; }.price-card a { display:block; padding:10px; border:1px solid #d4d6d3; border-radius:6px; color:#333; text-align:center; text-decoration:none; font-size:13px; }.price-card.recommended a { color:#fff; border-color:var(--teal); background:var(--teal); }
.faq-section { max-width:920px; }.faq-section details { border-top:1px solid #ddd; padding:19px 0; }.faq-section summary { cursor:pointer; font-weight:600; }.faq-section details p { color:#687074; line-height:1.8; }
.site-footer { min-height:100px; padding:0 5vw; border-top:1px solid #deded8; display:flex; align-items:center; gap:25px; color:#8a8f91; font-size:12px; }.site-footer strong { color:#222; font-size:18px; }.site-footer span:last-child { margin-left:auto; }

.login-modal { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:20px; background:rgba(20,24,24,.46); backdrop-filter:blur(4px); }
.login-dialog { width:min(430px,94vw); position:relative; padding:26px 22px 18px; background:#fff; border-radius:12px; box-shadow:0 24px 80px rgba(0,0,0,.22); text-align:center; }.login-dialog h2 { margin:0 0 8px; font-size:20px; }.login-dialog>p { margin:0 0 14px; color:#858b8e; font-size:13px; }.login-frame-wrap { position:relative; }.login-dialog iframe { width:100%; height:430px; border:0; display:block; }.login-brand-cover { position:absolute; left:25%; right:25%; bottom:49px; z-index:2; min-height:29px; display:grid; place-items:center; background:#fff; color:#333; font-size:13px; }.login-dialog small { color:#a0a5a7; font-size:10px; }.login-close { position:absolute; right:13px; top:12px; border:0; background:transparent; color:#777; cursor:pointer; font-size:17px; }

@media (max-width:1000px) { .desktop-nav{display:none}.mobile-menu-button{display:block}.mobile-menu{position:fixed;z-index:39;top:76px;left:0;right:0;padding:15px 5vw;background:#fff;border-bottom:1px solid #ddd}.mobile-menu:not(.hidden){display:flex;gap:20px;flex-wrap:wrap}.mobile-menu a{color:#333;text-decoration:none;font-size:14px}.hero-shell{grid-template-columns:1fr;padding-top:55px}.hero-copy{max-width:680px}.result-preview{min-height:0}.process-grid{gap:20px}.pricing-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px) { .site-header{height:64px;padding:0 16px}.brand{font-size:21px}.brand-mark{width:32px;height:32px}.wechat-button{padding:9px 12px}.wechat-button span{display:none}.hero-shell{width:auto;margin:0 18px;padding:38px 0 25px;gap:30px}.hero-copy{padding:0}.eyebrow{margin-bottom:16px}.hero-copy h1{font-size:34px;line-height:1.45}.hero-intro{font-size:16px}.hero-benefits{font-size:13px}.hero-cta{width:100%}.result-preview{grid-template-columns:1fr}.article-proof{padding:24px 20px;border-right:0}.article-proof h2{font-size:22px}.article-proof footer{flex-wrap:wrap;gap:8px 18px}.trace-panel{border-top:1px solid #ddd}.process-section,.content-section{width:auto;margin:0 18px;padding:32px 0 50px}.section-rule{gap:12px}.section-rule h2{font-size:18px}.process-grid,.feature-grid{grid-template-columns:1fr}.process-grid article{grid-template-columns:48px 48px 1fr}.process-grid b{font-size:31px}.pricing-grid{grid-template-columns:1fr}.muted-section{margin:0;width:100%;padding-left:18px;padding-right:18px}.site-footer{flex-wrap:wrap;padding:25px 18px}.site-footer span:last-child{margin-left:0;width:100%}.login-dialog iframe{height:400px} }

/* 登录后编辑工作台：中文编辑部 */
.studio-page{margin:0;background:#f7f6f2;color:#17191c;font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;overflow-x:hidden}.studio-page *{box-sizing:border-box}.studio-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.studio-shell>aside,.studio-sidebar{background:#11191e!important;color:#eef4f1;padding:22px 18px;min-height:100vh}.studio-brand{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;gap:0 11px;color:#fff;text-decoration:none;padding:0 8px 24px}.studio-brand .brand-mark{grid-row:1/3;width:32px;height:32px;background:#fff;color:#c97a08;font-size:14px;border-radius:7px}.studio-brand strong{font:700 23px/1.25 "Noto Serif SC",serif}.studio-brand small{color:#aeb9b5;font-size:11px}.studio-new{display:block;margin:4px 0 25px;padding:12px 16px;border-radius:7px;background:#078b7a;color:#fff;text-decoration:none;font-size:14px;font-weight:700}.studio-new i{margin-right:10px}.studio-sidebar>a:first-child{display:none!important}.side-nav{display:flex;flex-direction:column;gap:3px}.side-nav .nav-group{display:block;margin:18px 12px 6px;color:#82908b;font-size:11px;letter-spacing:.12em}.side-nav a{display:flex!important;align-items:center;gap:12px;padding:10px 13px!important;border-radius:6px!important;color:#c5cfcb!important;text-decoration:none;font-size:13px!important}.side-nav a:hover{background:#1c282d!important;color:#fff!important}.side-nav a.active{background:#087b70!important;color:#fff!important}.side-nav .nav-icon{width:18px;text-align:center}.studio-main{min-width:0;background:#f8f7f4}.studio-topbar{height:58px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e2e2de;color:#62696c;font-size:12px}.studio-topbar>div{display:flex;align-items:center;gap:12px}.studio-topbar i{font-size:9px;color:#adb1b0}.studio-topbar strong{color:#272b2d}.studio-topbar b{color:#17191c;font-size:15px}.studio-topbar a{color:#078b7a;text-decoration:none}.studio-steps{height:76px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-bottom:1px solid #e0e1dd;padding:0 46px}.studio-steps a{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;color:#42484a;text-decoration:none}.studio-steps a:not(:last-child)::after{content:'›';position:absolute;right:-4px;color:#c9cdca;font-size:25px}.studio-steps b{width:27px;height:27px;display:grid;place-items:center;border:1px solid #9fa7a4;border-radius:50%;font-size:12px}.studio-steps .current b{border-color:#079783;background:#079783;color:#fff}.studio-steps span{font-size:13px;font-weight:700}.studio-steps small{display:block;margin-top:3px;color:#8e9592;font-size:10px;font-weight:400}.format-workspace{height:calc(100vh - 134px);display:grid;grid-template-columns:minmax(620px,1fr) 322px;gap:12px;padding:14px}.preview-pane,.settings-pane{background:#fff;border:1px solid #dedfdb;border-radius:8px;overflow:hidden}.preview-pane{display:flex;flex-direction:column}.preview-toolbar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e4e4df}.preview-toolbar button{height:50px;padding:0 12px;border:0;background:transparent;color:#596063;font-size:12px;cursor:pointer}.preview-toolbar button i{margin-right:6px}.preview-toolbar button.active{color:#111;border-bottom:2px solid #079783}.preview-toolbar>div:last-child button{height:30px;border:1px solid #dedfdb;border-radius:5px;margin-left:5px}.article-canvas{flex:1;overflow:auto;padding:40px max(44px,8vw);background:#fdfcf9}.source-entry{max-width:760px;margin:0 auto}.source-entry>p{margin:0 0 16px;font:700 32px "Noto Serif SC",serif}.source-entry textarea{width:100%;min-height:520px;padding:24px;border:1px solid #d8dad6;border-radius:6px;background:#fff;color:#303638;font:15px/1.95 "Noto Serif SC",serif;resize:none}.source-entry textarea:focus{border-color:#079783;box-shadow:0 0 0 3px rgba(7,151,131,.09)}.source-entry footer{display:flex;justify-content:space-between;padding-top:10px;color:#8a9190;font-size:11px}.settings-pane{padding:20px 18px;overflow:auto}.settings-pane h2{margin:0 0 19px;font-size:17px}.settings-pane section{padding:0 0 19px;margin-bottom:19px;border-bottom:1px solid #e5e5e1}.settings-pane label{display:block;margin-bottom:10px;color:#272c2e;font-size:13px;font-weight:700}.settings-pane label small{color:#909694;font-weight:400}.layout-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.layout-choices button{height:72px;border:1px solid #dfe1de;border-radius:6px;background:#fff;color:#78807d;cursor:pointer}.layout-choices button i,.layout-choices button span{display:block}.layout-choices button i{font-size:20px;margin-bottom:8px}.layout-choices button span{font-size:11px;font-weight:700}.layout-choices button.active{border-color:#079783;color:#078b7a;background:#f4fbf9}.setting-row{display:flex;justify-content:space-between;align-items:center}.setting-row label{margin:0}.setting-row label small{display:block;margin-top:4px;font-size:10px}.setting-row input{width:38px;height:21px;accent-color:#079783}.image-options input,.image-options select,.size-hint{width:100%;padding:10px 11px;border:1px solid #dadcd9;border-radius:5px;background:#fff;color:#444;font-size:12px}.size-hint{background:#f7f7f4}.cost-box{padding:14px;border:1px solid #dedfdb;border-radius:6px;background:#f8f8f5}.cost-box small,.cost-box span{display:block;color:#7f8684;font-size:10px}.cost-box strong{display:block;margin:7px 0;color:#078b7a;font-size:20px}.studio-submit{width:100%;margin-top:15px;padding:13px;border:0;border-radius:6px;background:#079783;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.studio-submit:hover{background:#087f70}.studio-submit i{margin-right:7px}
body.page-bg>div.max-w-7xl{max-width:none!important;margin:0!important;padding:0!important}body.page-bg>div.max-w-7xl>div{min-height:100vh;grid-template-columns:232px minmax(0,1fr)!important;gap:0!important}body.page-bg>div.max-w-7xl>div>aside{position:sticky!important;top:0!important;height:100vh;padding:22px 18px}body.page-bg>div.max-w-7xl>div>main{padding:28px 34px;background:#f8f7f4}.page-bg{background:#f8f7f4}.page-bg .panel-card{border:1px solid #dedfdb;border-radius:8px;box-shadow:none}.page-bg .panel-title{font-family:"Noto Serif SC","Songti SC",serif}.page-bg .btn-primary{background:#079783!important;border-radius:6px!important;box-shadow:none!important}.page-bg .icon-tile{background:#edf5f2!important;color:#079783!important}.page-bg .bg-gradient-to-br,.page-bg .bg-gradient-to-r{background:#079783!important}.page-bg .side-nav{margin-top:18px}
@media(max-width:900px){.studio-shell{display:block}.studio-shell>aside{min-height:auto}.studio-brand,.studio-new{display:none}.studio-sidebar{min-height:auto!important;height:auto!important;position:static!important}.side-nav{flex-direction:row;overflow:auto}.side-nav .nav-group{display:none}.studio-topbar{padding:0 14px}.studio-topbar>div:first-child{display:none}.studio-steps{padding:0 8px}.studio-steps small{display:none}.format-workspace{height:auto;grid-template-columns:1fr;padding:10px}.preview-pane{min-height:650px}.settings-pane{order:-1}.article-canvas{padding:28px 18px}body.page-bg>div.max-w-7xl>div{display:block!important}body.page-bg>div.max-w-7xl>div>aside{height:auto!important;min-height:auto!important;position:static!important}body.page-bg>div.max-w-7xl>div>main{padding:20px 14px}}

/* 公众号式图文阅读排版 */
.wechat-article{max-width:720px;margin:0 auto;color:#2b2f32;text-align:left;font-size:16px;line-height:1.95;letter-spacing:.02em;word-break:break-word}.wechat-article p{margin:0 0 1.15em}.wechat-article h2{margin:2em 0 .9em;padding-left:12px;border-left:4px solid #079783;color:#171b1d;font-size:21px;line-height:1.45}.wechat-article h3,.wechat-article h4{margin:1.6em 0 .75em;color:#202527;font-size:18px;line-height:1.5}.wechat-article strong,.wechat-article b{color:#15191b}.wechat-article ul,.wechat-article ol{margin:1em 0;padding-left:1.6em}.wechat-article blockquote{margin:1.4em 0;padding:12px 16px;border-left:3px solid #9bcfc5;background:#f5faf8;color:#596360}.wechat-article img{display:block;width:100%;height:auto;min-height:180px;margin:1.6em auto;border-radius:8px;background:linear-gradient(100deg,#f0f2f1 30%,#fafbfa 50%,#f0f2f1 70%);box-shadow:0 8px 24px rgba(24,44,39,.08);object-fit:cover}.article-image-error{margin:1.5em 0;padding:40px 16px;border:1px dashed #d8ddda;border-radius:8px;background:#fafbfa;color:#9aa19e;text-align:center;font-size:13px}