.guide-page{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:72px 0 100px}.guide-intro{max-width:820px;margin-bottom:70px}.guide-intro h1{font-size:clamp(48px,7vw,88px)}.guide-intro>p:last-child{max-width:720px;color:var(--muted);font-size:21px}.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:60px;align-items:center;padding:58px 0;border-bottom:1px solid var(--line)}.step-copy{display:grid;grid-template-columns:44px 1fr;gap:6px 18px}.step-number{grid-row:1/4;color:var(--blue);font-size:13px;font-weight:800}.step-copy h2{margin:0;font-size:29px;line-height:1.15}.step-copy p{grid-column:2;margin:8px 0 0;color:var(--muted)}.ui-sample{border:1px solid #cbd7e4;border-radius:8px;background:#f4f8fc;box-shadow:0 14px 36px #17203314}.browser-bar{display:flex;align-items:center;gap:7px;padding:10px 12px;background:#e9eef4;border-bottom:1px solid #cbd7e4}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#97a5b6}.browser-bar span{margin-left:8px;padding:5px 10px;border-radius:4px;background:#fff;color:#657184;font-size:12px}.browser-content{display:grid;gap:12px;padding:24px}.browser-content span{padding:12px;border-left:3px solid var(--blue);background:#fff;color:#536176;font-size:13px}.extension-sample{padding:18px;background:#f2f9ff}.extension-head{display:flex;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid #d7e0e5}.extension-head small{color:#075e96}.extension-head span{padding:4px 7px;border:1px solid #8bb7d4;border-radius:4px;color:#075989;font-size:12px}.extension-sample p{margin:12px 0 0;color:#53677a}.action-sample{display:grid;justify-items:center;gap:13px;padding:38px 20px;background:#f2f9ff}.action-sample button{border:1px solid #075e96;border-radius:5px;background:#075e96;color:#fff;padding:13px 18px;font:700 16px/1.2 inherit;pointer-events:none}.action-sample span{color:#53677a;font-size:12px}.result-sample{padding:20px;background:#f2f9ff}.result-title{display:flex;justify-content:space-between}.result-title span{color:var(--green);font-size:13px;font-weight:800}.result-sample p{display:grid;gap:4px;padding:14px;background:#fff;border:1px solid #d7e0e5;border-radius:5px}.result-sample small{color:#53677a}.result-empty{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #d7e0e5}.result-empty span{color:var(--green)}.refresh-sample{display:flex;align-items:center;justify-content:center;gap:14px;padding:42px 20px}.mini-button{padding:9px 13px;border:1px solid #8bb7d4;border-radius:5px;background:#fff;color:#075989;font-weight:700}.primary-mini{background:#075e96;color:#fff}.names-guide{padding:80px 0 0}.names-guide h2{max-width:760px;margin:0 0 28px;font-size:clamp(32px,5vw,54px);line-height:1.1}.filename-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.filename-list code{padding:18px;border:1px solid var(--line);border-radius:6px;background:var(--soft);overflow-wrap:anywhere}.names-guide>p:not(.eyebrow){max-width:820px;color:var(--muted);font-size:17px}.matching-explanation{margin:0 0 26px;padding:18px;border-left:4px solid var(--amber);background:#fff4de;color:#3d4656!important}.guide-note{margin-top:30px;padding:18px;border-left:4px solid var(--blue);background:#eaf2ff;color:#29445f!important}@media(max-width:760px){.guide-page{width:min(100% - 28px,1120px);padding-top:50px}.guide-intro{margin-bottom:42px}.step{grid-template-columns:1fr;gap:26px;padding:42px 0}.step-copy{grid-template-columns:32px 1fr}.step-copy h2{font-size:24px}.filename-list{grid-template-columns:1fr}}