.bp-hero{padding:140px 24px 0;text-align:center;max-width:820px;margin:0 auto}.bp-meta{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5);font-size:var(--text-sm);color:var(--fg-secondary)}.bp-meta-item{display:inline-flex;align-items:center;gap:6px}.bp-meta-item .base-icon{width:14px;height:14px;color:var(--fg-tertiary)}.bp-meta-dot{width:4px;height:4px;border-radius:var(--radius-pill);background:var(--fg-tertiary)}.bp-hero h1{font-size:clamp(var(--text-xl),4vw,var(--text-3xl));font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);color:var(--fg-primary);margin:0 0 var(--sp-5)}.bp-lang{display:inline-flex;align-items:center;gap:2px;max-width:100%;padding:3px;margin:0 auto var(--sp-5);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:transparent;font-family:var(--font-ui);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bp-lang::-webkit-scrollbar{display:none}.bp-lang a,.bp-lang .is-active{flex:none;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-pill);color:var(--fg-secondary);text-decoration:none;white-space:nowrap;font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);transition:color var(--dur-fast) var(--ease-std),background var(--dur-fast) var(--ease-std)}.bp-lang a:hover{color:var(--fg-primary);background:var(--bg-inset)}.bp-lang a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.bp-lang .is-active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-ink);cursor:default}.bp-lang__flag{flex:none;display:block;width:18px;height:12px;border-radius:2px;overflow:hidden}@media(max-width:480px){.bp-lang a,.bp-lang .is-active{padding:0 8px;gap:5px}}.bp-hero-img{width:100%;max-width:900px;margin:40px auto 0;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-inset)}.bp-hero-img img{width:100%;height:auto;display:block}.bp-content{max-width:740px;margin:0 auto;padding:48px 24px 80px}.bp-content h2,.bp-content h3{font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--fg-primary);margin:40px 0 16px;line-height:var(--lh-snug)}.bp-content h2{font-size:var(--text-xl)}.bp-content h3{font-size:var(--text-lg)}.bp-content p{font-size:var(--text-md);line-height:var(--lh-relaxed);color:var(--fg-secondary);margin:0 0 20px}.bp-content strong{color:var(--fg-primary)}.bp-content img{width:100%;border-radius:var(--radius-md);margin:28px 0}.bp-content ul,.bp-content ol{color:var(--fg-secondary);font-size:var(--text-md);line-height:var(--lh-relaxed);margin:0 0 20px;padding-left:24px}.bp-content li{margin-bottom:8px}.bp-content a:not(.base-btn):not(.base-icon-btn){color:var(--accent-ink);text-decoration:none}.bp-content a:not(.base-btn):not(.base-icon-btn):hover{text-decoration:underline}.bp-video{position:relative;width:100%;padding-bottom:56.25%;margin:28px 0;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-inset)}.bp-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.bp-video__facade{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--border-subtle);border-radius:inherit;background:transparent;color:var(--fg-primary);font:inherit;cursor:pointer}.bp-video__facade:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-2px}.bp-video__facade:hover .bp-video__play{background:var(--bg-inset)}.bp-video__play{pointer-events:none}.bp-video__note{font-size:var(--text-xs);color:var(--fg-tertiary);text-align:center}.bp-content .base-card{margin:0 0 28px}.bp-content .base-card>:first-child{margin-top:0}.bp-content .base-card>:last-child{margin-bottom:0}.bp-content table{width:100%;border-collapse:collapse;margin:28px 0;font-size:var(--text-sm);line-height:var(--lh-normal);border-top:1px solid var(--border-subtle)}.bp-content th,.bp-content td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle)}.bp-content td{color:var(--fg-secondary)}.bp-content th{color:var(--fg-primary);font-weight:var(--fw-semibold)}.bp-content thead th{border-bottom-color:var(--border-default)}section.bp-faq{opacity:1}.bp-content .bp-faq-item{padding:var(--sp-5) 0;border-top:1px solid var(--border-subtle)}.bp-content .bp-faq-item:last-child{border-bottom:1px solid var(--border-subtle)}.bp-content .bp-faq-item h3{font-size:var(--text-md);font-weight:var(--fw-semibold);margin:0 0 var(--sp-2)}.bp-content .bp-faq-item p{margin:0}.bp-content .bp-faq-item p+p{margin-top:var(--sp-3)}.bp-content .bp-back{margin:0 0 var(--sp-8) calc(-1 * var(--sp-3))}.bp-share{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-6) 0;margin-top:var(--sp-12);border-top:1px solid var(--border-subtle)}.bp-share span{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--fg-secondary);margin-right:var(--sp-1)}.bp-share .bp-brand-icon{width:16px;height:16px;fill:currentColor;display:block}.bp-share a.bp-copied{color:var(--accent-ink);border-color:var(--accent-border);background:var(--accent-soft)}@media(max-width:768px){.bp-hero{padding:120px 16px 0}.bp-content{padding:32px 16px 60px}.bp-content p,.bp-content li{overflow-wrap:break-word}.bp-content a:not(.base-btn):not(.base-icon-btn){overflow-wrap:anywhere}}@media(max-width:600px){.bp-hero{padding:110px 16px 0}.bp-content{padding:24px 16px 50px}.bp-content h2{font-size:var(--text-lg);margin-top:1.4em}.bp-content h3{font-size:var(--text-md)}.bp-content p,.bp-content ul,.bp-content ol{font-size:var(--text-base)}.bp-share{flex-wrap:wrap}.bp-content .bp-back{margin-bottom:var(--sp-5)}.bp-content th,.bp-content td{padding:10px 8px}.bp-content .base-card{padding:var(--sp-5) var(--sp-4)}}@media(max-width:480px){.bp-hero{padding:100px 16px 0}.bp-content{padding:20px 16px 40px}.bp-content ul,.bp-content ol{padding-left:1.2em}.bp-meta{row-gap:6px}.bp-meta>.bp-meta-dot:first-of-type{flex-basis:100%;height:0;background:none}}@media(max-width:768px){.bp-hero-img{width:auto;margin:32px 16px 0;border-radius:var(--radius-md)}}