*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,微软雅黑,Hiragino Sans GB,WenQuanYi Micro Hei,Arial,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}a{text-decoration:none;color:inherit}a:hover{text-decoration:none}button{cursor:pointer;border:none;outline:none}button:hover{filter:brightness(1.1)}button:active{filter:brightness(.9)}input,select{outline:none;border:1px solid #ddd}input:focus,select:focus{border-color:#0093ff}iframe{border:none}.header[data-v-312cc272]{background:#fff;box-shadow:0 2px 8px #0000000f;position:sticky;top:0;z-index:100}.header-content[data-v-312cc272]{max-width:1200px;margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between}.logo[data-v-312cc272]{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#333}.logo-icon[data-v-312cc272]{font-size:24px}.logo-text[data-v-312cc272]{background:linear-gradient(135deg,#0093ff,#00c853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.env-badge[data-v-312cc272]{font-size:10px;padding:2px 6px;background:#ff9800;color:#fff;border-radius:4px;font-weight:400;-webkit-text-fill-color:white}.nav-desktop[data-v-312cc272]{display:flex;gap:8px}.nav-item[data-v-312cc272]{padding:8px 16px;font-size:14px;color:#666;border-radius:6px;transition:all .3s}.nav-item[data-v-312cc272]:hover,.nav-item.active[data-v-312cc272]{color:#0093ff;background:#0093ff14}.menu-btn[data-v-312cc272]{display:none;background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:8px}.nav-mobile[data-v-312cc272]{display:none;flex-direction:column;background:#fff;border-top:1px solid #eee;padding:8px 0}.nav-mobile .nav-item[data-v-312cc272]{padding:12px 20px;border-radius:0}.slide-enter-active[data-v-312cc272],.slide-leave-active[data-v-312cc272]{transition:all .3s ease}.slide-enter-from[data-v-312cc272],.slide-leave-to[data-v-312cc272]{opacity:0;transform:translateY(-10px)}@media (max-width: 768px){.nav-desktop[data-v-312cc272]{display:none}.menu-btn[data-v-312cc272]{display:block}.nav-mobile[data-v-312cc272]{display:flex}.header-content[data-v-312cc272]{height:56px}.logo[data-v-312cc272]{font-size:18px}.logo-icon[data-v-312cc272]{font-size:22px}}.footer[data-v-7381d284]{background:#fff;border-top:1px solid #eee;padding:30px 20px;margin-top:40px}.footer-content[data-v-7381d284]{max-width:900px;margin:0 auto;text-align:center}.friend-links[data-v-7381d284]{margin-bottom:20px;font-size:14px}.links-label[data-v-7381d284]{color:#666}.link-item[data-v-7381d284]{color:#0093ff;margin-left:8px}.link-item[data-v-7381d284]:hover{text-decoration:underline}.disclaimer[data-v-7381d284]{font-size:12px;color:#999;line-height:1.8;margin-bottom:20px}.disclaimer p[data-v-7381d284]{margin-bottom:4px}.copyright[data-v-7381d284]{font-size:12px;color:#bbb;padding-top:20px;border-top:1px solid #f0f0f0}@media (max-width: 768px){.footer[data-v-7381d284]{padding:24px 16px;margin-top:30px}.friend-links[data-v-7381d284]{font-size:13px}.disclaimer[data-v-7381d284]{font-size:11px;line-height:1.6}.copyright[data-v-7381d284]{font-size:11px}}.home-container[data-v-cfb7e168]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-cfb7e168]{flex:1;padding:20px}.content-wrapper[data-v-cfb7e168]{max-width:900px;margin:0 auto}.title-section[data-v-cfb7e168]{text-align:center;margin-bottom:24px}.main-title[data-v-cfb7e168]{font-size:28px;font-weight:700;margin-bottom:16px}.main-title a[data-v-cfb7e168]{color:#333;transition:color .3s}.main-title a[data-v-cfb7e168]:hover{color:#0093ff}.subtitle[data-v-cfb7e168]{font-size:14px;letter-spacing:1px;margin-bottom:8px}.highlight[data-v-cfb7e168]{color:#ee4000;font-weight:500}.dev-info[data-v-cfb7e168]{margin-top:12px;padding:6px 12px;background:#e3f2fd;color:#1976d2;font-size:12px;border-radius:4px;display:inline-block}.guide-section[data-v-cfb7e168]{background-color:#f9f9f9;border-radius:8px;padding:20px;margin-bottom:24px}.guide-title[data-v-cfb7e168]{font-size:16px;font-weight:700;margin-bottom:12px;color:#333}.guide-steps[data-v-cfb7e168]{color:#666;font-size:14px;line-height:2}.guide-steps p[data-v-cfb7e168]{margin-bottom:4px}.guide-steps p[data-v-cfb7e168]:last-child{font-size:12px;color:#f99}.player-section[data-v-cfb7e168]{margin-bottom:24px}.player-wrapper[data-v-cfb7e168]{background:#000;border-radius:8px;overflow:hidden;position:relative;padding-bottom:56.25%;height:0}.video-player[data-v-cfb7e168]{position:absolute;top:0;left:0;width:100%;height:100%}.control-section[data-v-cfb7e168]{background:#fff;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.input-group[data-v-cfb7e168]{margin-bottom:16px}.input-label[data-v-cfb7e168]{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#555}.api-select[data-v-cfb7e168],.url-input[data-v-cfb7e168]{width:100%;padding:12px 16px;font-size:14px;border-radius:6px;border:1px solid #ddd;transition:border-color .3s}.api-select[data-v-cfb7e168]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.api-select[data-v-cfb7e168]:focus,.url-input[data-v-cfb7e168]:focus{border-color:#0093ff}.button-group[data-v-cfb7e168]{display:flex;gap:12px;margin-top:20px}.btn[data-v-cfb7e168]{flex:1;padding:14px 24px;font-size:16px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary[data-v-cfb7e168]{background:linear-gradient(135deg,#00c853,#00a043);color:#fff;box-shadow:0 4px 12px #00c8534d}.btn-primary[data-v-cfb7e168]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00c85366}.btn-secondary[data-v-cfb7e168]{background:linear-gradient(135deg,#0093ff,#07c);color:#fff;box-shadow:0 4px 12px #0093ff4d}.btn-secondary[data-v-cfb7e168]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0093ff66}.btn-icon[data-v-cfb7e168]{font-size:14px}.platforms-section[data-v-cfb7e168]{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000000d}.section-title[data-v-cfb7e168]{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;margin-bottom:20px;color:#333}.title-bar[data-v-cfb7e168]{width:4px;height:18px;background:#0093ff;border-radius:2px}.platforms-grid[data-v-cfb7e168]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.platform-item[data-v-cfb7e168]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:8px;transition:all .3s;background:#f9f9f9}.platform-item[data-v-cfb7e168]:hover{background:#f0f0f0;transform:translateY(-4px)}.platform-icon[data-v-cfb7e168]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700}.platform-name[data-v-cfb7e168]{font-size:13px;color:#666}@media (max-width: 768px){.main-content[data-v-cfb7e168]{padding:12px}.main-title[data-v-cfb7e168]{font-size:22px}.subtitle[data-v-cfb7e168]{font-size:13px}.guide-section[data-v-cfb7e168]{padding:16px}.guide-steps[data-v-cfb7e168]{font-size:13px}.control-section[data-v-cfb7e168]{padding:16px}.button-group[data-v-cfb7e168]{flex-direction:column}.btn[data-v-cfb7e168]{width:100%;padding:12px 20px;font-size:15px}.platforms-grid[data-v-cfb7e168]{grid-template-columns:repeat(4,1fr);gap:8px}.platform-item[data-v-cfb7e168]{padding:12px 8px}.platform-icon[data-v-cfb7e168]{width:40px;height:40px;font-size:16px;border-radius:10px}.platform-name[data-v-cfb7e168]{font-size:11px}}@media (max-width: 480px){.platforms-grid[data-v-cfb7e168]{grid-template-columns:repeat(4,1fr)}.platform-name[data-v-cfb7e168]{font-size:10px}}