/* Shared editorial pages extend the existing Prism visual system. */
.hero #hero-title {font-size:clamp(42px,4.6vw,64px);letter-spacing:-2px;line-height:1.22;}
.desktop-nav {gap:22px;}
.nav-actions {gap:18px;}
.language-link {font-size:13px;white-space:nowrap;}
.content-page {padding-top:30px;padding-bottom:72px;}
.breadcrumbs {display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted);margin-bottom:52px;}
.breadcrumbs a:hover {text-decoration:underline;}
.page-intro {max-width:920px;margin-bottom:52px;}
.page-intro h1 {font-size:clamp(36px,4.4vw,62px);line-height:1.23;letter-spacing:-1.8px;margin:18px 0 24px;text-wrap:balance;}
.page-lead {font-size:19px;line-height:1.85;color:#5c6159;max-width:790px;}
.page-content {max-width:1040px;}
.page-content p + p {margin-top:16px;}
.page-content a:not(.button),.resource-grid a {text-decoration:underline;text-underline-offset:4px;text-decoration-color:#445ee04d;}
.page-content .button {text-decoration:none;}
.page-content li {line-height:1.9;}
.content-section {margin-top:60px;padding-top:36px;border-top:1px solid var(--line);scroll-margin-top:110px;}
.content-section h2 {font-size:clamp(25px,3vw,34px);letter-spacing:-.8px;margin-bottom:24px;line-height:1.4;}
.content-section h3 {font-size:20px;margin:24px 0 12px;}
.info-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.info-card {padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);}
.info-card h3 {margin:0 0 16px;font-size:21px;}
.info-card p {color:#5a5f57;}
.info-card .button {margin-top:22px;}
.info-card .price-display {font-size:44px;color:var(--ink);line-height:1.35;margin:12px 0 20px;}
.price-display small {font-size:16px;font-weight:400;color:var(--muted);}
.page-actions {display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:26px 0;}
.page-content > .download-platforms {margin-top:0;}
.content-note {padding:22px 26px;border-left:3px solid var(--accent);background:var(--soft);border-radius:0 8px 8px 0;line-height:1.9;}
.guide-steps {list-style:none;counter-reset:steps;padding:0;}
.guide-steps li {counter-increment:steps;position:relative;padding:0 0 28px 58px;margin-bottom:22px;border-bottom:1px solid var(--line);}
.guide-steps li::before {content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--accent);font-size:20px;line-height:1.4;}
.guide-steps h3 {margin:0 0 12px;}
.guide-steps p {max-width:860px;}
.table-scroll {overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff;}
.comparison-table {width:100%;border-collapse:collapse;text-align:left;min-width:510px;font-size:15px;}
.comparison-table caption {text-align:left;padding:20px;color:var(--muted);font-size:13px;}
.comparison-table th,.comparison-table td {padding:17px 20px;border-top:1px solid var(--line);}
.comparison-table thead {background:var(--soft);}
.comparison-table tbody th {font-weight:450;}
.comparison-table td {white-space:nowrap;}
.answer-list {margin:0;}
.answer-list dt {font-size:19px;font-weight:600;margin:28px 0 12px;}
.answer-list dd {margin:0;line-height:1.9;color:#5a5f57;}
.page-content pre {overflow-x:auto;padding:24px;background:#252724;color:#f7f7f2;border-radius:12px;font-size:13px;line-height:1.8;max-width:100%;}
.page-content :not(pre) > code {overflow-wrap:anywhere;font-size:.9em;background:var(--soft);padding:2px 5px;}
.page-content blockquote {margin:0;padding:28px;border-left:3px solid var(--accent);background:var(--soft);font-size:19px;line-height:1.9;}
.page-content blockquote + p {margin-top:22px;}
.page-end {margin-top:72px;border-top:1px solid var(--line);padding-top:36px;}
.page-end > p {font-size:24px;}
.resource-grid {margin-top:32px;}
.resource-grid p {font-size:15px;}
.resource-grid .info-card h3 {font-size:20px;}
.site-footer > div {flex-wrap:wrap;row-gap:14px;}
.site-footer small {line-height:1.7;}
.test-meta {display:flex;flex-wrap:wrap;gap:10px 24px;margin:0 0 24px;padding:18px 0;border-block:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.8;}
.guide-toc {margin:28px 0;padding:24px 28px;border:1px solid var(--line);border-radius:12px;background:var(--paper);}
.guide-toc ol {display:flex;flex-wrap:wrap;gap:8px 32px;padding-left:20px;margin:14px 0 0;}
.guide-figure {margin:32px 0;}
.guide-figure img {display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;}
.guide-figure figcaption {margin-top:12px;font-size:14px;line-height:1.8;color:var(--muted);}
.result-table {min-width:0;table-layout:fixed;}
.result-table th,.result-table td {white-space:normal;overflow-wrap:anywhere;vertical-align:top;}
.result-table th:first-child {width:28%;}
.result-table th:last-child {width:25%;}
.guide-boundary {margin-top:24px;}
.table-scroll + p {margin-top:20px;}
@media(max-width:760px) {.guide-toc ol{display:block;}.result-table th,.result-table td{padding:12px 10px;font-size:13px;}.test-meta{display:grid;gap:5px;}}
@media(max-width:1050px) {.desktop-nav {display:none;}.menu-toggle {display:flex;}.page-intro {max-width:850px;}}
@media(max-width:760px) {
 .content-page {padding-top:24px;padding-bottom:40px;}
 .breadcrumbs {margin-bottom:34px;}
 .page-intro {margin-bottom:32px;}
 .page-intro h1 {font-size:36px;letter-spacing:-1px;}
 .page-lead {font-size:17px;}
 .info-grid {grid-template-columns:1fr;gap:16px;}
 .info-card {padding:23px;}
 .content-section {margin-top:40px;padding-top:28px;}
 .guide-steps li {padding-left:42px;}
 .page-content pre {padding:18px;font-size:12px;}
 .page-content blockquote {padding:22px;font-size:17px;}
 .nav-actions {gap:12px;}
 .nav-actions > .language-link {display:none;}
 .hero #hero-title {font-size:44px;letter-spacing:-1.5px;}
 .page-end {margin-top:46px;}
}
@media(max-width:380px) {.hero #hero-title{font-size:38px;}.page-intro h1{font-size:32px;}.brand{font-size:19px;}.nav-actions .button-small{padding-left:12px;padding-right:12px;}}
/* ---- 2026-09-27: feature pages, screenshots, richer footer ---- */
.desktop-nav a[aria-current="page"] {color:var(--accent);}
.page-meta {margin-top:18px;font-size:13px;color:var(--muted);}
.plain-list {padding-left:22px;margin:18px 0 0;}
.plain-list li + li {margin-top:8px;}
.page-content .plain-list li {line-height:1.85;}
.wrap-table {min-width:560px;}
.wrap-table.cols-2 {min-width:0;}
.wrap-table.cols-4 {min-width:680px;}
.wrap-table.cols-5 {min-width:760px;}
.wrap-table th,.wrap-table td {white-space:normal;vertical-align:top;line-height:1.75;}
.wrap-table tbody th {min-width:150px;font-weight:520;}
.wrap-table tbody th code,.page-content code.token {white-space:nowrap;overflow-wrap:normal;}
.content-section .table-scroll + p,.content-section .table-scroll + aside,.content-section .table-scroll + .plain-list {margin-top:20px;}
.content-section > p + .table-scroll,.content-section > p + .plain-list,.content-section > .plain-list + p {margin-top:18px;}
.badge {display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:560;letter-spacing:.2px;background:var(--soft);color:#3c4fc0;border:1px solid #445ee026;vertical-align:middle;}
.badge-pro {background:#f5f0ff;color:#6b3fd6;border-color:#6b3fd626;}
.shot {margin:30px 0;}
.shot img {display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 40px #25272414;}
.shot figcaption {margin-top:12px;font-size:14px;line-height:1.75;color:var(--muted);}
.page-content > .shot:not(.shot-wide),.content-section > .shot:not(.shot-wide) {max-width:820px;}
.shot-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:30px 0;align-items:start;}
.shot-pair .shot {margin:0;}
.feature-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:8px;}
.feature-card {position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 24px 26px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .2s,transform .2s;text-decoration:none!important;}
.feature-card:hover {border-color:#445ee066;transform:translateY(-2px);color:inherit;}
.feature-card strong {font-size:18px;font-weight:600;line-height:1.45;padding-right:18px;}
.feature-card strong::after {content:"→";position:absolute;right:22px;top:24px;color:var(--accent);font-weight:400;}
.feature-card > span:not(.badge) {font-size:14.5px;line-height:1.75;color:#5a5f57;}
.feature-card .badge {align-self:flex-start;}
.release-entry {margin-top:44px;padding-top:34px;border-top:1px solid var(--line);scroll-margin-top:110px;}
.release-entry h2 {font-size:clamp(24px,2.6vw,30px);letter-spacing:-.6px;}
.release-entry header p {margin-top:8px;font-size:14px;color:var(--muted);}
.release-entry > p {margin-top:16px;}
.release-entry + .content-note,.page-content .plain-list + .content-note {margin-top:30px;}
.info-grid + .content-note {margin-top:24px;}
.info-grid-3 {grid-template-columns:repeat(3,minmax(0,1fr));}
/* footer */
.footer {border-top:1px solid var(--line);background:#f1f2ec;margin-top:0;}
.footer-top {display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:56px;padding-top:56px;padding-bottom:40px;}
.footer-brand p {margin:16px 0 22px;font-size:14px;color:var(--muted);line-height:1.8;}
.footer-columns {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;}
.footer-title {font-size:13px;font-weight:600;letter-spacing:.3px;color:var(--ink);margin-bottom:14px;}
.footer-columns ul {list-style:none;padding:0;margin:0;}
.footer-columns li + li {margin-top:10px;}
.footer-columns a {font-size:13.5px;color:#595e56;}
.footer-columns a:hover {color:var(--accent);}
.footer-bottom {padding-top:18px;padding-bottom:30px;border-top:1px solid var(--line);}
.footer-bottom small {font-size:12px;color:#8a8f84;line-height:1.7;}
html[lang="en"] .footer-columns {grid-template-columns:repeat(3,minmax(0,1fr));}
/* home page additions */
.interface-section {padding-top:96px;}
.interface-section .shot {margin:0;}
.interface-section .shot img {border-radius:16px;}
.interface-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px;}
.interface-grid .shot img {aspect-ratio:auto;}
.home-feature-cards {margin-top:34px;}
.use-case-link {margin-top:20px;font-size:14px;}
.use-case-link a {text-decoration:underline;text-underline-offset:4px;text-decoration-color:#445ee04d;}
.faq-list details > p a {text-decoration:underline;text-underline-offset:3px;}
@media(max-width:1050px) {.footer-columns {grid-template-columns:repeat(3,minmax(0,1fr));}.feature-cards {grid-template-columns:repeat(2,minmax(0,1fr));}.interface-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px) {
 .footer-top {grid-template-columns:1fr;gap:34px;padding-top:40px;}
 .footer-columns {grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;}
 .feature-cards,.shot-pair,.interface-grid,.info-grid-3 {grid-template-columns:1fr;}
 .shot img {border-radius:10px;}
 .interface-section {padding-top:64px;}
 .wrap-table tbody th {min-width:110px;}
}
.demo-heading .demo-title {font-weight:560;line-height:1.3;color:var(--ink);}
.interface-card {display:block;color:inherit;}
.interface-card:hover {color:inherit;}
.interface-card:hover img {border-color:#445ee066;}
.interface-grid .shot img {aspect-ratio:16/11;object-fit:cover;object-position:top center;}
.interface-grid .shot-bottom img {object-position:bottom center;}
.interface-card figcaption {color:#4d5249;}
.interface-card:hover figcaption {color:var(--accent);}

/* Language switcher (all pages) */
.lang-switch{position:relative;font-size:14px}
.lang-switch>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;cursor:pointer;white-space:nowrap;color:var(--ink)}
.lang-switch>summary::-webkit-details-marker{display:none}
.lang-switch>summary:hover,.lang-switch[open]>summary{background:var(--soft)}
.lang-switch>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lang-switch svg{fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
.lang-switch ul{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:200px;max-height:min(70vh,470px);overflow:auto;margin:0;padding:6px;list-style:none;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 44px rgba(37,39,36,.14)}
.lang-switch li a{display:block;padding:8px 12px;border-radius:8px;color:var(--ink);white-space:nowrap}
.lang-switch li a:hover{background:var(--soft)}
.lang-switch li a[aria-current]{font-weight:600;color:var(--accent)}
@media (max-width:760px){.lang-switch>summary span{display:none}.lang-switch>summary{padding:8px}
  /* Phones: the header is the anchor, so the menu spans the screen instead of running off its left edge. */
  .lang-switch{position:static}.lang-switch ul{left:16px;right:16px;top:calc(100% + 4px);min-width:0;max-height:calc(100vh - 96px);display:grid;grid-template-columns:1fr 1fr;gap:2px}}
/* Pro checkout: Alipay / WeChat Pay and card / PayPal */
.buy-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.buy-options .button{margin-top:0}
.plan-card .buy-options{flex-direction:column;align-items:stretch;margin-top:24px}
.button-outline{background:var(--paper);color:var(--ink);border-color:var(--line)}
.button-outline:hover{border-color:var(--ink);color:var(--ink)}
.buy-note{font-size:13px;color:var(--muted);margin-top:12px}
.price-alt{font-size:14px;color:var(--muted);margin:-12px 0 16px}