.container[data-v-23c384b0]{max-width:1200px;margin:0 auto;padding:0 20px}.logo .domain[data-v-23c384b0]{color:var(--primary-color);letter-spacing:-.5px;font-size:1.8rem;font-weight:700}.image-placeholder[data-v-23c384b0]{color:#666;background-color:#f0f0f0;background-position:50%;background-size:cover;border:1px dashed #ddd;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:600px;height:300px;font-size:16px;display:flex}.header[data-v-23c384b0]{z-index:1000;background-color:#fff;position:-webkit-sticky;position:sticky;top:0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.header-content[data-v-23c384b0]{justify-content:space-between;align-items:center;height:80px;display:flex}.logo a[data-v-23c384b0]{color:#00a1d6;font-size:28px;font-weight:700;text-decoration:none}.nav ul[data-v-23c384b0]{gap:30px;list-style:none;display:flex}.nav a[data-v-23c384b0]{color:#333;font-size:16px;text-decoration:none;transition:color .3s}.nav a[data-v-23c384b0]:hover{color:#00a1d6}.premium-link[data-v-23c384b0]{transition:var(--transition);background-color:rgba(251,114,153,.1);border:1px solid transparent;border-radius:20px;padding:8px 16px;font-weight:500;position:relative;color:var(--primary-color)!important}.premium-link[data-v-23c384b0]:after{content:"";background-color:var(--primary-color);width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.premium-link[data-v-23c384b0]:hover:after{transform:scaleX(1)}.premium-link[data-v-23c384b0]:hover{border-color:var(--primary-color);transform:translateY(-1px);background-color:rgba(251,114,153,.2)!important}.mobile-menu-btn[data-v-23c384b0]{cursor:pointer;background:0 0;border:none;padding:10px;display:none}.menu-icon[data-v-23c384b0]{background-color:#333;width:24px;height:2px;display:block;position:relative}.menu-icon[data-v-23c384b0]:before,.menu-icon[data-v-23c384b0]:after{content:"";background-color:#333;width:24px;height:2px;transition:all .3s;position:absolute}.menu-icon[data-v-23c384b0]:before{top:-6px}.menu-icon[data-v-23c384b0]:after{bottom:-6px}.mobile-menu[data-v-23c384b0]{background-color:#fff;display:none;position:absolute;top:80px;left:0;right:0;box-shadow:0 4px 8px rgba(0,0,0,.1)}.mobile-menu ul[data-v-23c384b0]{margin:0;padding:0;list-style:none}.mobile-menu li[data-v-23c384b0]{border-bottom:1px solid #eee}.mobile-menu a[data-v-23c384b0]{color:#333;padding:15px 20px;text-decoration:none;display:block}.main[data-v-23c384b0]{padding:60px 0}.tutorial-content[data-v-23c384b0]{background-color:#fff;border-radius:12px;max-width:800px;margin:0 auto;padding:40px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.tutorial-content h1[data-v-23c384b0]{color:#333;text-align:left;margin-bottom:15px;font-size:36px}.intro[data-v-23c384b0]{color:#666;text-align:left;margin-bottom:60px;font-size:18px}.tutorial-section[data-v-23c384b0]{margin-bottom:80px}.tutorial-section h2[data-v-23c384b0]{color:#00a1d6;border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:15px;font-size:28px}.tutorial-section p[data-v-23c384b0]{color:#555;text-align:left;margin-bottom:20px;font-size:16px;line-height:1.8}.step-container[data-v-23c384b0]{flex-direction:column;gap:40px;display:flex}.step-item[data-v-23c384b0]{border-bottom:1px dashed #eee;align-items:flex-start;gap:30px;padding-bottom:40px;display:flex}.step-item[data-v-23c384b0]:last-child{border-bottom:none;padding-bottom:0}.step-number[data-v-23c384b0]{color:#fff;background-color:#00a1d6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:700;display:flex}.step-content[data-v-23c384b0]{flex:1}.step-content h3[data-v-23c384b0]{color:#333;text-align:left;margin-bottom:15px;font-size:22px}.step-content p[data-v-23c384b0]{color:#555;text-align:left;margin-bottom:20px;font-size:16px;line-height:1.8}.step-content a[data-v-23c384b0]{color:#00a1d6;text-decoration:underline}.step-image[data-v-23c384b0]{background-color:#f8f9fa;border:1px solid #eee;border-radius:8px;justify-content:center;align-items:center;margin:20px 0;padding:15px;display:flex}.step-image img[data-v-23c384b0]{border-radius:4px;max-width:100%;height:auto;box-shadow:0 2px 8px rgba(0,0,0,.1)}.tutorial-image[data-v-23c384b0]{border:1px solid #ddd;border-radius:8px;width:100%;max-width:600px;height:auto;box-shadow:0 2px 8px rgba(0,0,0,.1)}.tip-box[data-v-23c384b0]{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:20px 0;padding:15px}.tip-box strong[data-v-23c384b0]{color:#856404}.tip-box code[data-v-23c384b0]{color:#e83e8c;background-color:#f8f9fa;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:14px}.tips-container[data-v-23c384b0]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:30px;display:grid}.tip-item[data-v-23c384b0]{background-color:#f8f9fa;border-radius:10px;gap:15px;padding:25px;transition:transform .3s,box-shadow .3s;display:flex}.tip-item[data-v-23c384b0]:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.tip-icon[data-v-23c384b0]{color:#28a745;flex-shrink:0;font-size:28px}.tip-content h3[data-v-23c384b0]{color:#333;margin-bottom:10px;font-size:18px}.tip-content p[data-v-23c384b0]{color:#666;text-align:left;margin-bottom:0;font-size:14px}.faq-entry[data-v-23c384b0]{text-align:center;background-color:#e3f2fd;border-radius:10px;padding:30px}.faq-entry h2[data-v-23c384b0]{color:#1976d2;border-bottom:none;margin-bottom:15px;padding-bottom:0;font-size:24px}.faq-entry p[data-v-23c384b0]{color:#37474f;text-align:left;margin-bottom:0;font-size:16px}.faq-entry a[data-v-23c384b0]{color:#0d47a1;font-weight:500;text-decoration:underline}.footer[data-v-23c384b0]{color:#ecf0f1;background-color:#2c3e50;padding:60px 0 30px}.footer-content[data-v-23c384b0]{justify-content:space-between;margin-bottom:40px;display:flex}.footer-logo h3[data-v-23c384b0]{margin-bottom:10px;font-size:24px}.footer-logo p[data-v-23c384b0]{color:#bdc3c7}.footer-links[data-v-23c384b0]{gap:60px;display:flex}.link-group h4[data-v-23c384b0]{color:#ecf0f1;margin-bottom:15px;font-size:18px}.link-group ul[data-v-23c384b0]{margin:0;padding:0;list-style:none}.link-group li[data-v-23c384b0]{margin-bottom:10px}.link-group a[data-v-23c384b0]{color:#bdc3c7;text-decoration:none;transition:color .3s}.link-group a[data-v-23c384b0]:hover{color:#00a1d6}.footer-bottom[data-v-23c384b0]{text-align:center;border-top:1px solid #34495e;padding-top:20px}.footer-bottom p[data-v-23c384b0]{color:#bdc3c7;margin:5px 0;font-size:14px}@media (max-width:768px){.nav[data-v-23c384b0]{display:none}.mobile-menu-btn[data-v-23c384b0],.mobile-menu[data-v-23c384b0]{display:block}.tutorial-content[data-v-23c384b0]{padding:30px 20px}.tutorial-content h1[data-v-23c384b0]{font-size:28px}.intro[data-v-23c384b0]{font-size:16px}.tutorial-section h2[data-v-23c384b0]{font-size:24px}.step-item[data-v-23c384b0]{flex-direction:column;gap:20px}.step-number[data-v-23c384b0]{width:50px;height:50px;font-size:20px}.step-content h3[data-v-23c384b0]{font-size:20px}.tips-container[data-v-23c384b0]{grid-template-columns:1fr}.footer-content[data-v-23c384b0]{flex-direction:column;gap:40px}.footer-links[data-v-23c384b0]{flex-direction:column;gap:30px}}@media (max-width:480px){.tutorial-content[data-v-23c384b0]{padding:20px 15px}.tutorial-content h1[data-v-23c384b0]{font-size:24px}.tutorial-section h2[data-v-23c384b0]{font-size:20px}.step-content h3[data-v-23c384b0]{font-size:18px}}.icp-record[data-v-23c384b0]{color:#bdc3c7;margin-top:8px;font-size:12px}.icp-record a[data-v-23c384b0]{color:#bdc3c7;text-decoration:none}.icp-record a[data-v-23c384b0]:hover{color:#00a1d6}