.guide-hero{position: relative;padding-top: calc(var(--nav-h) + clamp(44px,8vw,92px));padding-bottom: clamp(28px,4vw,44px);overflow: hidden}.guide-hero::before{content: "";position: absolute;left: 50%;top: -130px;width: 720px;height: 520px;max-width: 120vw;transform: translateX(-50%);background: radial-gradient( circle,color-mix(in srgb,var(--accent) 38%,transparent) 0%,transparent 64% );filter: blur(26px);opacity: 0.45;pointer-events: none;z-index: 0}.guide-hero .container{position: relative;z-index: 1;max-width: 820px}.guide-hero h1{font-size: clamp(34px,6vw,60px);line-height: 1.03;letter-spacing: -0.035em;font-weight: 400;margin-top: 16px}.guide-hero .lead{max-width: 600px}.guide-back{display: inline-flex;align-items: center;gap: 7px;font-size: 14px;color: var(--muted-foreground);transition: color 0.2s}.guide-back:hover{color: var(--foreground)}.guide-back svg{transition: transform 0.25s var(--ease)}.guide-back:hover svg{transform: translateX(-3px)}.steps-mini{display: flex;align-items: stretch;gap: 10px;flex-wrap: wrap;margin-top: 30px}.steps-mini .s{flex: 1 1 0;min-width: 150px;display: flex;gap: 12px;align-items: flex-start;padding: 16px 18px;border: 1px solid var(--border);border-radius: var(--r-card);background: var(--card)}.steps-mini .s .n{flex: none;width: 26px;height: 26px;border-radius: 50%;display: grid;place-items: center;font-family: var(--font-mono);font-size: 12px;color: var(--primary-foreground);background: var(--accent)}.steps-mini .s h4{font-size: 15px;font-weight: 500;letter-spacing: -0.01em}.steps-mini .s p{font-size: 13px;line-height: 1.45;color: var(--muted-foreground);margin-top: 3px}.guide-section{padding-block: clamp(36px,5vw,56px)}.guide-section .container{max-width: 920px}.guide-section-head{max-width: 640px;margin-bottom: 28px}.guide-section-head h2{font-size: clamp(24px,3vw,34px);margin-top: 10px}.guide-section-head p{color: var(--muted-foreground);margin-top: 12px;line-height: 1.6}.video-frame{position: relative;aspect-ratio: 16 / 9;width: 100%;border-radius: var(--r-card);overflow: hidden;border: 1px solid var(--border);background: radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,var(--accent) 22%,var(--card)) 0%,var(--card) 60%)}.video-frame iframe,.video-frame video{position: absolute;inset: 0;width: 100%;height: 100%;border: 0;display: block}.video-ph{position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 16px;text-align: center;padding: 24px;cursor: default}.video-ph .play{width: 76px;height: 76px;border-radius: 50%;display: grid;place-items: center;color: #fff;background: linear-gradient(135deg,#4f8ff7,#8a74e6 55%,#e06a9c);box-shadow: 0 14px 40px -12px color-mix(in srgb,#6f78ec 80%,transparent);transition: transform 0.3s var(--ease)}.video-frame:hover .video-ph .play{transform: scale(1.06)}.video-ph .play svg{margin-left: 4px}.video-ph .cap{font-size: 14px;color: var(--muted-foreground);max-width: 360px}.video-ph .cap strong{color: var(--foreground);font-weight: 500}.platform-switch{display: flex;flex-wrap: wrap;gap: 6px;padding: 6px;border: 1px solid var(--border);border-radius: var(--r-full);background: var(--card);width: fit-content;max-width: 100%;margin-bottom: 28px}.platform-switch button{display: inline-flex;align-items: center;gap: 8px;padding: 9px 18px;border: 0;border-radius: var(--r-full);background: transparent;color: var(--muted-foreground);font-family: inherit;font-size: 14.5px;font-weight: 450;cursor: pointer;white-space: nowrap;transition: color 0.25s var(--ease),background-color 0.25s var(--ease)}.platform-switch button svg{width: 16px;height: 16px;flex: none}.platform-switch button:hover{color: var(--foreground)}.platform-switch button[aria-selected="true"]{background: var(--secondary);color: var(--secondary-foreground)}.platform-panel[hidden]{display: none}.platform-panel{animation: guide-fade 0.45s var(--ease)}@keyframes guide-fade{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: none}}.panel-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 18px;align-items: start}.app-card{border: 1px solid var(--border);border-radius: var(--r-card);background: var(--card);padding: 24px}.app-card.featured{border-color: color-mix(in srgb,var(--accent) 55%,var(--border))}.app-head{display: flex;align-items: center;gap: 14px}.app-logo{flex: none;width: 52px;height: 52px;border-radius: 14px;display: grid;place-items: center;color: #fff;background: linear-gradient(135deg,#4f8ff7,#8a74e6);font-weight: 600;font-size: 22px}.app-name{display: flex;align-items: center;gap: 8px;font-size: 18px;font-weight: 500;letter-spacing: -0.01em}.app-badge{font-size: 11px;letter-spacing: 0.06em;text-transform: uppercase;color: var(--primary-foreground);background: var(--accent);padding: 3px 9px;border-radius: var(--r-full)}.app-sub{font-size: 13.5px;color: var(--muted-foreground);margin-top: 2px}.app-card p.app-desc{color: var(--muted-foreground);font-size: 14.5px;line-height: 1.55;margin-top: 14px}.app-dl{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 18px}.dl-btn{display: inline-flex;align-items: center;gap: 8px;padding: 9px 16px;border-radius: var(--r-full);border: 1px solid var(--border);background: var(--background);color: var(--foreground);font-size: 14px;transition: transform 0.25s var(--ease),border-color 0.25s var(--ease),background-color 0.25s var(--ease)}.dl-btn svg{flex: none}.dl-btn:hover{transform: translateY(-2px);border-color: color-mix(in srgb,var(--accent) 70%,var(--border));background: color-mix(in srgb,var(--accent) 12%,var(--background))}.dl-btn.primary{background: var(--secondary);color: var(--secondary-foreground);border-color: transparent}.dl-btn.primary:hover{filter: brightness(1.06)}.app-soon{margin-top: 14px;border: 1px dashed var(--border);border-radius: var(--r-card);background: color-mix(in srgb,var(--muted) 60%,transparent);padding: 16px 18px;display: flex;align-items: center;gap: 12px;color: var(--muted-foreground);font-size: 13.5px;line-height: 1.45}.app-soon svg{flex: none;opacity: 0.7}.steps-card{border: 1px solid var(--border);border-radius: var(--r-card);background: var(--card);padding: 24px 24px 26px}.steps-card h3{font-size: 16px;font-weight: 500;margin-bottom: 18px}.steps-list{list-style: none;counter-reset: gstep;display: grid;gap: 18px}.steps-list li{position: relative;padding-left: 40px}.steps-list li::before{counter-increment: gstep;content: counter(gstep);position: absolute;left: 0;top: -1px;width: 26px;height: 26px;border-radius: 50%;display: grid;place-items: center;font-family: var(--font-mono);font-size: 12px;color: var(--foreground);background: color-mix(in srgb,var(--accent) 26%,var(--background))}.steps-list li h4{font-size: 15px;font-weight: 500;letter-spacing: -0.01em}.steps-list li p{font-size: 14px;line-height: 1.55;color: var(--muted-foreground);margin-top: 4px}.import-actions{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 12px}.import-btn{display: inline-flex;align-items: center;gap: 7px;padding: 8px 14px;border-radius: var(--r-full);border: 1px solid var(--border);background: var(--background);color: var(--foreground);font-family: inherit;font-size: 13.5px;cursor: pointer;transition: transform 0.2s var(--ease),border-color 0.2s var(--ease),background-color 0.2s var(--ease)}.import-btn svg{flex: none}.import-btn:hover{transform: translateY(-1px);border-color: color-mix(in srgb,var(--accent) 70%,var(--border))}.import-btn.copied{border-color: #34c759;color: #34c759}.tv-note{display: flex;gap: 12px;margin-top: 16px;padding: 14px 16px;border: 1px solid color-mix(in srgb,var(--accent) 50%,var(--border));border-radius: var(--r-card);background: color-mix(in srgb,var(--accent) 10%,var(--background));font-size: 13.5px;line-height: 1.5;color: var(--muted-foreground)}.tv-note svg{flex: none;color: var(--foreground)}.tv-note strong{color: var(--foreground);font-weight: 500}.qr-block{display: grid;grid-template-columns: auto 1fr;gap: clamp(24px,4vw,40px);align-items: center;border: 1px solid var(--border);border-radius: var(--r-card);background: var(--card);padding: clamp(24px,3vw,36px)}.qr-plate{flex: none;width: 168px;height: 168px;border-radius: 18px;background: #fff;display: grid;place-items: center;padding: 14px;box-shadow: 0 10px 30px -16px rgba(0,0,0,0.4)}.qr-plate img{width: 100%;height: 100%}.qr-text h3{font-size: clamp(19px,2.2vw,24px);letter-spacing: -0.01em}.qr-text p{color: var(--muted-foreground);font-size: 14.5px;line-height: 1.55;margin-top: 10px;max-width: 420px}.qr-text .hero-actions{justify-content: flex-start;margin-top: 18px}.guide-contact{margin-top: clamp(36px,5vw,56px);border: 1px solid var(--border);border-radius: 24px;background: var(--surface);padding: clamp(30px,4vw,46px);text-align: center}.guide-contact h2{font-size: clamp(22px,3vw,30px);margin-top: 0}.guide-contact p{color: var(--muted-foreground);max-width: 460px;margin: 12px auto 0;line-height: 1.6}.guide-contact .hero-actions{margin-top: 26px}@media (max-width: 820px){.panel-grid{grid-template-columns: 1fr}.qr-block{grid-template-columns: 1fr;justify-items: center;text-align: center}.qr-text p{margin-inline: auto}.qr-text .hero-actions{justify-content: center}}@media (max-width: 560px){.steps-mini .s{flex-basis: 100%}.platform-switch{width: 100%;justify-content: flex-start;overflow-x: auto;flex-wrap: nowrap}.platform-switch button{padding: 9px 14px}}