/* 安装步骤、真实界面和图文操作共享样式；截图始终保留完整比例。 */
.app-shot { margin: 30px 0 0; min-width: 0; }
.app-shot > a { display: block; border: 1px solid #d4d6cb; border-radius: 12px; overflow: hidden; background: #e9e7df; cursor: zoom-in; box-shadow: 0 22px 48px -34px #27312650; }
.app-shot img { display: block; width: 100%; height: auto; }
.app-shot figcaption { display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: space-between; font-size: 12px; line-height: 1.8; color: var(--muted); margin-top: 15px; }
.app-shot figcaption a { display: inline-flex; gap: 5px; align-items: center; color: var(--ink); }
.app-shot figcaption svg { width: 14px; height: 14px; }
.home-install { display: grid; grid-template-columns: .9fr 1.1fr; gap: 20px 70px; padding-block: 10px 80px; }
.home-install h2 { font-size: clamp(24px, 2.5vw, 32px); font-weight: 600; letter-spacing: -.8px; margin: 0 0 25px; }
.home-install ol { list-style: none; padding: 0; margin: 0; }
.home-install li { display: flex; align-items: center; gap: 22px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.home-install li span { color: #a9532e; font-size: 13px; }
.home-install li strong { font-weight: 500; }
.home-install > p { grid-column: 2; margin: 0; font-size: 13px; line-height: 1.9; color: var(--muted); }
.home-install > p a { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.install-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; padding-block: 56px 45px; }
.install-heading h2, .download-next h2 { margin: 0 0 18px; font-size: clamp(26px, 3vw, 36px); font-weight: 600; line-height: 1.4; letter-spacing: -1px; }
.install-heading > p:last-child { font-size: 14px; line-height: 1.8; color: var(--muted); }
.install-steps { margin: 0; padding: 0; list-style: none; }
.install-steps > li { display: grid; grid-template-columns: 35px 1fr; gap: 16px; padding: 0 0 24px; margin-bottom: 24px; border-bottom: 1px solid var(--line); }
.install-steps > li:last-child { margin: 0; border: 0; padding: 0; }
.install-steps > li > span { font-size: 22px; color: #a9532e; }
.install-steps h3 { margin: 0 0 10px; font-size: 19px; font-weight: 600; }
.install-steps p, .first-open p, .first-open li, .download-next p, .download-update p { font-size: 15px; line-height: 1.9; color: var(--muted); }
.install-steps p { margin: 0; }
.install-steps strong, .first-open strong, .download-update strong { color: var(--ink); font-weight: 550; }
.install-steps a, .first-open a, .download-signing a { text-decoration: underline; text-underline-offset: 4px; }
.first-open { background: #eeece3; border-left: 3px solid #c4673a; padding: 28px 34px; }
.first-open-heading { display: flex; align-items: center; gap: 12px; }
.first-open-heading svg { width: 21px; flex: none; color: #a9532e; }
.first-open h2 { font-size: 21px; margin: 0; line-height: 1.5; font-weight: 600; }
.first-open ol { padding-left: 23px; }
.first-open li { padding: 4px 0 4px 5px; }
.first-open .install-note { font-size: 13px; margin: 12px 0 0; }
.install-note a { display: inline; color: var(--ink); }
.install-note svg { width: 13px; height: 13px; vertical-align: middle; }
.guide-download { margin-top: 24px; font-size: 14px; }
.walkthrough-nav { display: flex; gap: 12px 26px; flex-wrap: wrap; padding-top: 18px; font-size: 14px; }
.walkthrough { padding-top: 55px; }
.walkthrough + .walkthrough { margin-top: 40px; border-top: 1px solid var(--line); }
.walkthrough-heading { display: flex; gap: 24px; }
.walkthrough-heading > span { font-size: 35px; color: #a9532e; letter-spacing: -1.5px; }
.walkthrough-heading .ui-path { font-size: 12px; margin: 0 0 10px; }
.walkthrough h3 { font-size: clamp(23px, 2.8vw, 30px); line-height: 1.5; letter-spacing: -.6px; margin: 0; font-weight: 600; }
.task-steps { font-size: 15px; line-height: 1.95; color: var(--muted); padding-left: 24px; margin: 24px 0; max-width: 920px; }
.task-steps li { padding-left: 5px; margin: 8px 0; }
.walkthroughs .screenshot-credit { font-size: 12px; margin-top: 24px; }
.download-next { padding-block: 60px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; border-bottom: 1px solid var(--line); }
.download-next .app-shot { margin: 0; }
.download-next .text-button { font-size: 14px; margin-top: 12px; }
.download-update { padding-block: 40px; max-width: 840px; }
.download-update h2 { font-size: 25px; font-weight: 600; margin: 0 0 18px; }
.release-details { border-top: 1px solid var(--line); }
.release-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-block: 25px; cursor: pointer; font-size: 15px; list-style: none; }
.release-details > summary::-webkit-details-marker { display: none; }
.release-details > summary svg { width: 18px; flex: none; }
.release-details[open] > summary svg { transform: rotate(45deg); }
.release-details .download-details { border: 0; padding-top: 10px; }
/* 原生 dialog 保留键盘焦点约束；无脚本时链接直接打开原图。 */
.screenshot-dialog { width: min(1460px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); border: 0; border-radius: 14px; padding: 14px; background: var(--paper); color: var(--ink); }
.screenshot-dialog::backdrop { background: #141a17dd; }
.screenshot-dialog-bar { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 0 0 12px; }
.screenshot-dialog-bar p { margin: 0; font-size: 13px; line-height: 1.5; }
.screenshot-dialog button { border: 1px solid #c9cec5; border-radius: 6px; padding: 10px 16px; background: transparent; font-size: 13px; flex: none; }
.screenshot-dialog img { display: block; width: 100%; height: auto; max-height: calc(100dvh - 160px); object-fit: contain; border-radius: 7px; }
@media (max-width: 1000px) { .install-section, .download-next, .home-install { gap: 30px; } }
@media (max-width: 700px) { .install-section, .download-next, .home-install { grid-template-columns: 1fr; } .home-install { padding-block: 0 50px; } .home-install > p { grid-column: 1; } .install-section { padding-block: 35px; gap: 20px; } .first-open { padding: 22px; } .first-open h2 { font-size: 19px; } .walkthrough { padding-top: 35px; } .walkthrough + .walkthrough { margin-top: 28px; } .walkthrough-heading { gap: 16px; } .walkthrough-heading > span { font-size: 29px; } .download-next { padding-block: 40px; } .app-shot { margin-top: 24px; } }
@media (max-width: 390px) { .first-open { padding: 20px 16px; } .first-open-heading { align-items: flex-start; } .first-open-heading svg { margin-top: 3px; } .install-steps > li { grid-template-columns: 28px 1fr; gap: 10px; } .screenshot-dialog-bar { align-items: flex-start; gap: 10px; } }

.screenshot-original { display: inline-block; font-size: 13px; padding: 12px 0 0; text-decoration: underline; text-underline-offset: 4px; }