.code-photo-section[data-v-f086301f]{background-color:#fff;flex-direction:column;align-items:center;width:100%;padding:60px 20px;display:flex}.title-container[data-v-f086301f]{text-align:center;width:100%;max-width:1200px;margin-bottom:40px}.section-title[data-v-f086301f]{color:#1e1e1e;margin:0;font-size:42px;font-weight:700}.content-wrapper[data-v-f086301f]{align-items:stretch;gap:0;width:100%;max-width:1200px;display:flex}.code-container[data-v-f086301f]{background-color:#1e1e1e;border-radius:0;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000026}.code-header[data-v-f086301f]{background-color:#2d2d2d;gap:8px;padding:12px 16px;display:flex}.code-dot[data-v-f086301f]{border-radius:50%;width:12px;height:12px}.code-dot-red[data-v-f086301f]{background-color:#ff5f56}.code-dot-yellow[data-v-f086301f]{background-color:#ffbd2e}.code-dot-green[data-v-f086301f]{background-color:#27c93f}.code-block[data-v-f086301f]{flex:1;padding:24px;overflow-x:auto}.code-text[data-v-f086301f]{color:#d4d4d4;margin:0;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.6}.photo-container[data-v-f086301f]{flex:1}.photo-image[data-v-f086301f]{object-fit:cover;border-radius:0;width:100%;height:100%}@media (width<=1024px){.section-title[data-v-f086301f]{font-size:36px}.code-text[data-v-f086301f]{font-size:13px}}@media (width<=768px){.code-photo-section[data-v-f086301f]{padding:40px 16px}.title-container[data-v-f086301f]{margin-bottom:30px}.section-title[data-v-f086301f]{font-size:32px}.content-wrapper[data-v-f086301f]{flex-direction:column;gap:0}.code-text[data-v-f086301f]{font-size:12px}.photo-container[data-v-f086301f]{height:350px}}@media (width<=480px){.code-photo-section[data-v-f086301f]{padding:30px 12px}.title-container[data-v-f086301f]{margin-bottom:20px}.section-title[data-v-f086301f]{font-size:28px}.code-block[data-v-f086301f]{padding:16px}.code-text[data-v-f086301f]{font-size:11px}.photo-container[data-v-f086301f]{height:280px}}.img-overlay-1[data-v-f086301f]{width:600px;height:500px;display:inline-block;position:relative}.img-overlay-1 img[data-v-f086301f]{object-fit:cover;z-index:-1;width:100%;height:100%;display:block}.img-overlay-1[data-v-f086301f]:after{content:"";background:var(--2051ec28);width:100%;height:100%;position:absolute;top:0;left:0}