/* Gray Hole · get-started / quiet product-first pass */
.gs-page{--gs-line:color-mix(in srgb,var(--line,#e7e7e7) 88%,transparent);--gs-muted:var(--muted,#8a8a8a);background:var(--canvas,#fff);color:var(--ink,#161616)}
.gs-page .nav{border-bottom:1px solid var(--gs-line)}
.gs-main{min-height:calc(100vh - 64px)}
.gs-page .wrap{max-width:1180px;margin:0 auto;padding-left:28px;padding-right:28px}

/* hero 是唯一视觉中心：标题 + Add to Chrome，其余全部让位。
   「已装用户」入口收在右上内容缘（绝对定位，不进居中流）。 */
.gs-hero{position:relative;text-align:center;padding-top:96px;padding-bottom:112px}
/* H1 对齐首页标题的字号与呼吸感：不设宽度上限，一行放下 */
.gs-hero h1{margin:0 auto;font-size:clamp(36px,5vw,56px);line-height:1.08;letter-spacing:-.045em;font-weight:700}
.gs-lead{max-width:670px;margin:22px auto 0;color:var(--body,#555);font-size:16px;line-height:1.65}
.gs-hero-actions{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:30px}
.gs-primary{min-width:164px}
.gs-already{position:absolute;top:14px;right:28px;color:var(--body,#555);font-size:13px;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 38%,transparent);text-underline-offset:4px}
.gs-already:hover{color:var(--ink,#161616);text-decoration-color:currentColor}
.gs-store-note{margin:11px auto 0;color:var(--body,#565656);font-size:12px;line-height:1.5}
.gs-store-status{max-width:690px;margin:22px auto 0;color:var(--body,#555);font-size:13px;line-height:1.6}
.gs-store-status p{margin:0}.gs-store-status a{text-decoration:underline;text-underline-offset:3px}
.gs-banner{max-width:720px;margin:18px auto 0;padding-top:15px;border-top:1px solid var(--gs-line);font-size:12px;color:var(--body,#555)}

/* CTA 与三步流程之间留白：hero 的 padding-bottom 提供（桌面 ≥96px，≤640px ≥48px）。
   #pin 的 scroll-margin 让「跳到固定步骤」落点不被吸顶导航盖住。 */
.gs-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:0;padding-bottom:76px}
.gs-step{min-width:0}
#pin{scroll-margin-top:76px}
.gs-step header{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.gs-step header span{font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gs-muted);letter-spacing:.12em}
.gs-step h2{margin:0;font-size:17px;line-height:1.25;letter-spacing:-.025em}
.gs-step>p{margin:13px 0 0;color:var(--body,#666);font-size:12.5px;line-height:1.55;max-width:34ch}
.gs-step>.gs-tip{margin-top:9px;color:var(--body,#565656);font-size:12px;line-height:1.55}
/* 三框统一 16:10：pin 图按此比例重制，save/library 由 object-fit 裁齐，行高完全一致 */
.gs-shot{position:relative;margin:0;overflow:hidden;border:1px solid var(--gs-line);border-radius:12px;background:#fafafa;aspect-ratio:16/10}
.gs-shot img{width:100%;height:100%;display:block;object-fit:cover}
.gs-shot-save img{object-position:center 43%}
.gs-shot-library img{object-position:left top}

/* 权限说明：默认折叠，一句话答案 + 链接收进详情 */
.gs-perm-sec{padding-top:0;padding-bottom:64px}
.gs-perm{max-width:690px;margin:0 auto;border-top:1px solid var(--gs-line);padding-top:18px}
.gs-perm summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;font-size:13px;font-weight:600;color:var(--ink,#161616)}
.gs-perm summary::-webkit-details-marker{display:none}
.gs-perm summary .chev{flex:none;stroke:var(--gs-muted);fill:none;stroke-width:2;transition:transform .15s ease}
.gs-perm[open] summary .chev{transform:rotate(90deg)}
.gs-perm>p{margin:9px 0 0 23px;color:var(--body,#666);font-size:12.5px;line-height:1.6}
.gs-perm p a{color:inherit;text-decoration:underline;text-underline-offset:3px}

.gs-footer{display:flex;justify-content:space-between;padding-top:24px;padding-bottom:34px;color:var(--gs-muted);font-size:11px}
.gs-footer a{color:inherit;text-decoration:none}

@media(max-width:900px){
  .gs-hero{padding-top:64px;padding-bottom:96px}
  .gs-flow{grid-template-columns:1fr;max-width:680px;gap:44px}
  .gs-step>p{max-width:none}
}
@media(max-width:640px){
  .gs-page .wrap{padding-left:18px;padding-right:18px}
  .gs-hero{padding-top:52px;padding-bottom:56px}
  .gs-lead{font-size:14px}
  .gs-hero-actions{flex-direction:column;gap:12px}
  /* 窄屏下右上角绝对定位会压标题：回收到文档流，排在 CTA 之后 */
  .gs-already{position:static;display:block;margin-top:14px;text-align:center}
  .gs-flow{gap:38px;padding-bottom:54px}
  .gs-footer{display:block;line-height:2}
}