:root {
  --accent: #2f7b6a;
  --dark: #183b34;
  --soft: #edf8f4;
  --page: #ffffff;
  --text: #17201d;
  --muted: #718078;
  --line: #dce4df;
  --radius: 8px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--page); color: var(--text); font-family: Arial, "Microsoft YaHei", sans-serif; line-height: 1.65; }
a { color: inherit; text-decoration: none; }
.container { max-width: 1160px; }
.site-header { position: relative; z-index: 5; background: var(--page); border-bottom: 1px solid var(--line); }
.brand { color: var(--accent); font-size: 22px; font-weight: 900; }
.site-header nav a { color: var(--muted); font-size: 14px; }
.header-action { padding: 8px 14px; border: 1px solid var(--accent); color: var(--accent); border-radius: var(--radius); }
.hero { min-height: 630px; padding: 72px 0; display: flex; align-items: center; }
.eyebrow { display: inline-block; color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: 1.5px; margin-bottom: 12px; }
.hero h1 { max-width: 850px; margin: 0 0 20px; font-size: clamp(42px, 5vw, 68px); line-height: 1.05; letter-spacing: -1px; }
.lead { max-width: 720px; color: var(--muted); font-size: 18px; }
.parser-form { max-width: 760px; margin-top: 28px; }
.parser-form .form-control { min-height: 56px; border-radius: var(--radius); }
.btn-primary { background: var(--accent); border-color: var(--accent); }
.hero-image { width: 100%; max-height: 470px; object-fit: contain; }
.section-block { padding: 72px 0; }
.section-heading { max-width: 720px; margin-bottom: 30px; }
.section-heading h2, .section-block h2 { font-size: clamp(30px, 4vw, 44px); line-height: 1.18; font-weight: 800; }
.section-heading p, .section-block p { color: var(--muted); }
.feature-card, .scenario-card { padding: 25px; border: 1px solid var(--line); background: var(--page); border-radius: var(--radius); }
.feature-card .card-index { color: var(--accent); font-weight: 900; }
.feature-card h3, .scenario-card h3 { margin: 28px 0 8px; font-size: 20px; }
.scenario-card { min-height: 240px; display: flex; flex-direction: column; justify-content: flex-end; background: var(--soft); }
.scenario-card small { color: var(--accent); font-weight: 700; }
.process-section { background: var(--soft); }
.process-list { list-style: none; padding: 0; margin: 0; }
.process-list li { display: flex; gap: 22px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.process-list li > b { min-width: 36px; color: var(--accent); font-size: 22px; }
.process-list h3 { margin: 0; font-size: 20px; }
.process-list p { margin: 5px 0 0; }
.format-panel { padding: 35px; background: var(--dark); color: #ffffff; border-radius: var(--radius); }
.format-table { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 25px; border-top: 1px solid #ffffff33; }
.format-table > div { padding: 22px; border-right: 1px solid #ffffff33; }
.format-table b, .format-table span, .format-table small { display: block; }
.format-table b { color: var(--accent); font-size: 25px; }
.format-table small { color: #ffffff99; }
.faq-list details { padding: 18px 0; border-top: 1px solid var(--line); }
.faq-list summary { cursor: pointer; font-weight: 700; }
.faq-list p { margin: 8px 0 0; }
.final-cta { padding: 65px 0; background: var(--accent); color: #ffffff; }
.final-cta h2 { font-size: 38px; }
.final-cta p { max-width: 720px; color: #ffffffcc; }
footer { color: var(--muted); font-size: 13px; border-top: 1px solid var(--line); }
.content-flow { display: flex; flex-direction: column; }
.flow-0 .features-section { order: 1; } .flow-0 .process-section { order: 2; } .flow-0 .scenarios-section { order: 3; } .flow-0 .format-section { order: 4; } .flow-0 .faq-section { order: 5; }
.flow-1 .scenarios-section { order: 1; } .flow-1 .features-section { order: 2; } .flow-1 .format-section { order: 3; } .flow-1 .process-section { order: 4; } .flow-1 .faq-section { order: 5; }
.flow-2 .process-section { order: 1; } .flow-2 .features-section { order: 2; } .flow-2 .scenarios-section { order: 3; } .flow-2 .faq-section { order: 4; } .flow-2 .format-section { order: 5; }
.flow-3 .features-section { order: 1; } .flow-3 .scenarios-section { order: 2; } .flow-3 .process-section { order: 3; } .flow-3 .format-section { order: 4; } .flow-3 .faq-section { order: 5; }
.flow-4 .format-section { order: 1; } .flow-4 .features-section { order: 2; } .flow-4 .process-section { order: 3; } .flow-4 .scenarios-section { order: 4; } .flow-4 .faq-section { order: 5; }
.flow-5 .scenarios-section { order: 1; } .flow-5 .format-section { order: 2; } .flow-5 .features-section { order: 3; } .flow-5 .faq-section { order: 4; } .flow-5 .process-section { order: 5; }
.flow-6 .process-section { order: 1; } .flow-6 .scenarios-section { order: 2; } .flow-6 .format-section { order: 3; } .flow-6 .features-section { order: 4; } .flow-6 .faq-section { order: 5; }
.flow-7 .format-section { order: 1; } .flow-7 .process-section { order: 2; } .flow-7 .scenarios-section { order: 3; } .flow-7 .faq-section { order: 4; } .flow-7 .features-section { order: 5; }
.flow-8 .features-section { order: 1; } .flow-8 .format-section { order: 2; } .flow-8 .faq-section { order: 3; } .flow-8 .scenarios-section { order: 4; } .flow-8 .process-section { order: 5; }
.flow-9 .faq-section { order: 1; } .flow-9 .features-section { order: 2; } .flow-9 .process-section { order: 3; } .flow-9 .format-section { order: 4; } .flow-9 .scenarios-section { order: 5; }
.flow-10 .scenarios-section { order: 1; } .flow-10 .process-section { order: 2; } .flow-10 .features-section { order: 3; } .flow-10 .faq-section { order: 4; } .flow-10 .format-section { order: 5; }
.flow-11 .faq-section { order: 1; } .flow-11 .scenarios-section { order: 2; } .flow-11 .features-section { order: 3; } .flow-11 .process-section { order: 4; } .flow-11 .format-section { order: 5; }
.flow-12 .features-section { order: 1; } .flow-12 .format-section { order: 2; } .flow-12 .process-section { order: 3; } .flow-12 .faq-section { order: 4; } .flow-12 .scenarios-section { order: 5; }
.flow-13 .process-section { order: 1; } .flow-13 .faq-section { order: 2; } .flow-13 .scenarios-section { order: 3; } .flow-13 .features-section { order: 4; } .flow-13 .format-section { order: 5; }
.flow-14 .format-section { order: 1; } .flow-14 .scenarios-section { order: 2; } .flow-14 .features-section { order: 3; } .flow-14 .process-section { order: 4; } .flow-14 .faq-section { order: 5; }
.flow-15 .features-section { order: 1; } .flow-15 .faq-section { order: 2; } .flow-15 .format-section { order: 3; } .flow-15 .process-section { order: 4; } .flow-15 .scenarios-section { order: 5; }
.flow-16 .scenarios-section { order: 1; } .flow-16 .features-section { order: 2; } .flow-16 .faq-section { order: 3; } .flow-16 .format-section { order: 4; } .flow-16 .process-section { order: 5; }
.flow-17 .format-section { order: 1; } .flow-17 .faq-section { order: 2; } .flow-17 .process-section { order: 3; } .flow-17 .features-section { order: 4; } .flow-17 .scenarios-section { order: 5; }
.flow-18 .process-section { order: 1; } .flow-18 .format-section { order: 2; } .flow-18 .features-section { order: 3; } .flow-18 .scenarios-section { order: 4; } .flow-18 .faq-section { order: 5; }
.flow-19 .faq-section { order: 1; } .flow-19 .format-section { order: 2; } .flow-19 .scenarios-section { order: 3; } .flow-19 .process-section { order: 4; } .flow-19 .features-section { order: 5; }
.hero-centered { text-align: center; background: var(--soft); }
.hero-centered .parser-form { margin-left: auto; margin-right: auto; }
.hero-chips span, .soft-options span { display: inline-block; margin: 12px 4px 0; padding: 7px 13px; border: 1px solid var(--line); background: var(--page); border-radius: 99px; font-size: 13px; }
.workspace-grid { display: grid; grid-template-columns: 250px 1fr; gap: 25px; }
.workspace-grid aside, .workspace-main { padding: 28px; border: 1px solid var(--line); background: var(--soft); }
.workspace-grid aside a { display: block; padding: 13px 0; border-bottom: 1px solid var(--line); color: var(--muted); }
.workspace-grid aside a.active { color: var(--accent); font-weight: 800; }
.hero-editorial { background: var(--soft); }
.editorial-poster { min-height: 460px; padding: 35px; background: linear-gradient(150deg, var(--dark) 0 58%, var(--accent) 58% 76%, #efc44d 76%); color: #ffffff; display: flex; flex-direction: column; justify-content: space-between; }
.editorial-poster strong { font-size: 55px; line-height: 0.95; }
.hero-search { background: var(--dark); color: #ffffff; }
.hero-search .lead { color: #ffffffaa; }
.search-heading { max-width: 900px; }
.search-metrics { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 30px; border: 1px solid #ffffff33; }
.search-metrics div { padding: 20px; border-right: 1px solid #ffffff33; }
.search-metrics b, .search-metrics span { display: block; }
.search-metrics b { color: var(--accent); }
.hero-tool { padding: 28px; border: 1px solid var(--line); background: var(--soft); border-radius: var(--radius); }
.hero-tool img { width: 100%; max-height: 300px; object-fit: contain; }
.hero-brutal { border-bottom: 3px solid var(--dark); }
.brutal-note { padding: 28px; border: 3px solid var(--dark); box-shadow: 12px 12px 0 var(--accent); font-size: 24px; font-weight: 900; }
.soft-tool { max-width: 800px; margin: 30px auto 0; padding: 24px; background: var(--page); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 20px 45px #192f2512; }
.mini-timeline { border-left: 2px solid var(--accent); }
.mini-timeline div { padding: 20px 25px; }
.mini-timeline b { display: block; color: var(--accent); }
.hero-terminal { background: var(--dark); }
.terminal-window { border: 1px solid #ffffff33; background: #07100d; color: #ffffff; }
.terminal-bar { padding: 12px 18px; border-bottom: 1px solid #ffffff22; }
.terminal-bar i { display: inline-block; width: 10px; height: 10px; margin-right: 5px; border-radius: 50%; background: var(--accent); }
.terminal-bar span { margin-left: 12px; color: #ffffff99; }
.terminal-content { padding: 45px; }
.terminal-content .lead { color: #ffffffaa; }
.terminal-content .form-control { background: #020705; color: #ffffff; border-color: #ffffff33; }
.hero-magazine { border-top: 12px solid var(--accent); background: #f7faf8; }
.magazine-kicker { padding-bottom: 18px; margin-bottom: 42px; border-bottom: 1px solid var(--dark); color: var(--dark); font-size: 13px; font-weight: 800; }
.magazine-stamp { padding: 28px; border: 1px solid var(--dark); color: var(--dark); font-size: 30px; font-weight: 900; text-align: right; }
.magazine-stamp small { font-size: 11px; font-weight: 700; }
.hero-quote { background: var(--soft); }
.hero-quote .quote-mark { height: 70px; color: var(--accent); font: 110px/1 Georgia, serif; }
.hero-quote blockquote { max-width: 1000px; margin: 0 0 24px; color: var(--dark); font: 700 58px/1.15 Georgia, "Microsoft YaHei", serif; }
.quote-byline { margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--dark); font-size: 12px; font-weight: 800; }
.hero-dashboard { background: #f7f4ef; }
.dashboard-top { display: grid; grid-template-columns: 1fr 160px; gap: 40px; align-items: end; }
.dashboard-badge { padding: 24px; background: var(--dark); color: #ffffff; font-size: 24px; font-weight: 900; line-height: 1.1; }
.dashboard-console { display: grid; grid-template-columns: 260px 1fr; gap: 20px; margin-top: 34px; padding: 22px; border: 1px solid var(--dark); background: #ffffff; }
.dashboard-console b, .dashboard-console span { display: block; }
.dashboard-console span { color: var(--muted); font-size: 13px; }
.dashboard-console form { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.hero-notes { background: #eef3fb; }
.notes-paper { position: relative; max-width: 940px; padding: 52px 58px 35px 100px; border-left: 1px solid #e45d5d; background-color: #fffef8; background-image: repeating-linear-gradient(#fffef8 0, #fffef8 37px, #dce5ee 38px); box-shadow: 0 18px 45px #21324718; }
.notes-paper::before { content: ""; position: absolute; top: 0; bottom: 0; left: 78px; border-left: 1px solid #f0a7a7; }
.notes-paper h1, .notes-paper p, .notes-paper form, .notes-paper .eyebrow, .notes-line { position: relative; }
.notes-line { margin-top: 34px; color: var(--accent); font-size: 11px; font-weight: 800; }
.hero-frame { background: var(--dark); color: #ffffff; }
.hero-frame .lead { color: #ffffffb0; }
.frame-layout { display: grid; grid-template-columns: 1fr 430px; gap: 70px; align-items: center; }
.frame-preview { padding: 18px; border: 1px solid #ffffff4d; background: #081817; }
.frame-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; aspect-ratio: 4 / 3; }
.frame-grid span { background: var(--accent); }
.frame-grid span:nth-child(2), .frame-grid span:nth-child(3) { opacity: 0.42; }
.hero-converter { border-top: 1px solid var(--dark); border-bottom: 1px solid var(--dark); }
.converter-head { max-width: 900px; }
.converter-path { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 20px; align-items: center; margin: 32px 0; }
.converter-path span { padding: 24px; border: 1px solid var(--dark); background: var(--soft); text-align: center; font-weight: 800; }
.converter-path b { color: var(--accent); font-size: 28px; }
.hero-sound { background: #160e14; color: #ffffff; }
.sound-panel { max-width: 950px; padding: 42px; border: 1px solid #ffffff29; }
.hero-sound .lead { color: #ffffffaa; }
.sound-wave { display: flex; align-items: center; gap: 8px; height: 75px; margin-bottom: 26px; }
.sound-wave i { width: 7px; height: 25%; background: var(--accent); }
.sound-wave i:nth-child(2), .sound-wave i:nth-child(8) { height: 45%; }
.sound-wave i:nth-child(3), .sound-wave i:nth-child(7) { height: 75%; }
.sound-wave i:nth-child(4), .sound-wave i:nth-child(6) { height: 100%; }
.hero-meter { background: #f4f7f5; }
.meter-intro { max-width: 880px; }
.meter-board { margin-top: 35px; padding: 28px; border: 1px solid var(--dark); background: #ffffff; }
.meter-row { display: grid; grid-template-columns: 150px 1fr 120px; gap: 20px; align-items: center; padding: 12px 0; }
.meter-row div { height: 10px; background: #e4ebe7; }
.meter-row i { display: block; height: 100%; background: var(--accent); }
.meter-row b { font-size: 13px; text-align: right; }
.hero-local { background: var(--soft); }
.local-shell { display: grid; grid-template-columns: 230px 1fr; border: 1px solid var(--dark); background: #ffffff; }
.local-sidebar { padding: 35px 28px; background: var(--dark); color: #ffffff; }
.local-sidebar b, .local-sidebar span { display: block; }
.local-sidebar b { margin-bottom: 55px; color: var(--accent); }
.local-sidebar span { padding: 13px 0; border-top: 1px solid #ffffff2b; font-size: 13px; }
.local-main { padding: 55px; }
.hero-choices { background: #fffaf3; }
.choices-head { max-width: 940px; }
.choice-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin: 34px 0; border-top: 1px solid var(--dark); border-left: 1px solid var(--dark); }
.choice-grid div { min-height: 130px; padding: 24px; border-right: 1px solid var(--dark); border-bottom: 1px solid var(--dark); }
.choice-grid b, .choice-grid span { display: block; }
.choice-grid b { color: var(--accent); font-size: 27px; }
@media (max-width: 767px) {
  .hero { min-height: auto; padding: 48px 0; }
  .hero h1 { font-size: 42px; }
  .section-block { padding: 52px 0; }
  .parser-form .input-group, .soft-tool .input-group { display: block; }
  .parser-form .btn, .soft-tool .btn { width: 100%; min-height: 50px; margin-top: 8px; }
  .format-table, .search-metrics { grid-template-columns: 1fr; }
  .format-table > div, .search-metrics div { border-right: 0; border-bottom: 1px solid #ffffff33; }
  .workspace-grid { grid-template-columns: 1fr; }
  .editorial-poster { min-height: 340px; margin-top: 20px; }
  .editorial-poster strong { font-size: 40px; }
  .terminal-content { padding: 25px; }
  .hero-quote blockquote { font-size: 40px; }
  .dashboard-top, .dashboard-console, .frame-layout, .local-shell { grid-template-columns: 1fr; }
  .dashboard-console form { grid-template-columns: 1fr; }
  .dashboard-badge { max-width: 150px; }
  .notes-paper { padding: 38px 22px; background-image: none; }
  .notes-paper::before { display: none; }
  .converter-path, .choice-grid { grid-template-columns: 1fr 1fr; }
  .converter-path b { display: none; }
  .meter-row { grid-template-columns: 1fr; gap: 8px; }
  .meter-row b { text-align: left; }
  .local-main, .sound-panel { padding: 28px; }
  .final-cta { padding: 50px 0; }
}
.news-section{background:#f5f7f8}.news-card{height:100%;border:1px solid var(--line);background:#fff;overflow:hidden}.news-card img{width:100%;height:138px;object-fit:cover;display:block}.news-card-body{padding:18px 20px}.news-card-body small,.news-card-body .news-tag{color:var(--accent);font-weight:700}.news-card-body h3{font-size:19px;line-height:1.35;margin:8px 0}.news-card-body p{color:var(--muted);font-size:14px;margin:0 0 12px}.news-card-body a{color:var(--accent);font-weight:700;font-size:14px}.news-list{display:grid;border-top:1px solid var(--line)}.news-row{display:grid;grid-template-columns:110px 1fr 120px;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.news-row time{color:var(--muted);font-size:13px}.news-row h3{margin:0;font-size:18px}.news-row a{color:var(--accent);font-weight:700;text-align:right}.news-index-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border-top:1px solid var(--line)}.news-index-item{padding:18px 18px 4px 0;border-right:1px solid var(--line)}.news-index-item+.news-index-item{padding-left:18px}.news-index-item h3{font-size:18px;margin:6px 0}.news-index-item a{color:var(--accent);font-weight:700;font-size:14px}.news-ticket{background:var(--dark);color:#fff;padding:25px 28px;margin-bottom:24px}.news-ticket h2{margin-top:8px}.news-console{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--dark);padding-bottom:16px;margin-bottom:20px}.news-console-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--dark);border:1px solid var(--dark)}.news-console-grid .news-card-body{min-height:150px;background:#fff}@media(max-width:767px){.news-row{grid-template-columns:1fr;gap:6px}.news-row a{text-align:left}.news-index-grid,.news-console-grid{grid-template-columns:1fr}.news-index-item,.news-index-item+.news-index-item{padding:16px 0;border-right:0;border-bottom:1px solid var(--line)}}
.news-console-grid > [class*="col-"]{width:auto!important;max-width:none!important;flex:none!important}.news-console-grid .news-card{width:100%;min-width:0}.news-console-grid{align-items:stretch}.news-console-grid .news-card-body{overflow-wrap:anywhere}@media(max-width:767px){.news-console-grid > [class*="col-"]{width:100%!important}}.article-shell{max-width:1160px;margin:auto;padding:56px 20px}.article-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px}.article-card{background:var(--page,#fff);border:1px solid var(--line,#dce4df);padding:24px;border-radius:8px}.article-links a{display:block;padding:11px 0;border-bottom:1px solid var(--line,#dce4df)}.friend-links{padding:30px 0;border-top:1px solid var(--line,#dce4df)}.friend-links a{margin-right:18px;display:inline-block}@media(max-width:768px){.article-grid{grid-template-columns:1fr}}

/* SEO 关键词（拆散布局：每个区块各放 1 个，不做集中堆叠） */
.seo-key-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0}
.seo-key-line>span{color:var(--muted,#687972);font-size:13px;line-height:1}
.seo-key-line a{display:inline-block;color:var(--muted,#687972);font-size:13px;line-height:1;padding:6px 12px;border:1px solid var(--line,#dce6e1);border-radius:20px;text-decoration:none;transition:color .2s,border-color .2s}
.seo-key-line a:hover{color:var(--accent,var(--blue,#2468e8));border-color:var(--accent,var(--blue,#2468e8))}
/* 通用分页样式（列表页） */
.pagebar{padding:20px;overflow:hidden;clear:both}
.pagebar .pagination{display:flex;justify-content:center;margin-top:10px}
.pagination a{background:#fff;border:1px solid #ccc;color:#333;font-size:12px;padding:8px 10px;margin:0 2px;border-radius:3px;line-height:100%}
.pagination span{color:#333;font-size:12px;padding:7px 2px;margin:0 2px;border-radius:3px}
.pagination a:hover{color:#333;border:1px solid #333}
.pagination a.page-num-current{color:#fff;background:#333;border:1px solid #333}
.pagination .st{font-family:宋体}
/* 页脚链接（含网站地图） */
.footer-links{display:flex;flex-wrap:wrap;gap:8px 16px}
.footer-links a{color:var(--accent,var(--blue,#2468e8));text-decoration:none}
.footer-links a:hover{text-decoration:underline}
/* 列表栏目导航（原筛选按钮改为栏目链接） */
.filter-bar a,.tabbar a{display:inline-flex;align-items:center;border:1px solid var(--line,#dce6e1);background:#fff;color:var(--muted,#687972);font-size:14px;padding:9px 16px;min-height:44px}
.filter-bar a.is-active,.tabbar a.is-active{background:var(--accent,var(--blue,#2468e8));border-color:var(--accent,var(--blue,#2468e8));color:#fff;font-weight:700}