:root{--vf-content-width:60%}
.vf-container,.vf-header__inner,.hero-content,.platforms>p,.platform-list,.steps,main>.adsbygoogle,footer>.footer-brand,footer>p,footer>small{width:var(--vf-content-width);max-width:none;margin-inline:auto}
.hero,.platforms,.steps,footer{padding-inline:0}
.download-box{width:100%;max-width:none}
footer>small{display:block}
.vf-header{position:relative;z-index:5;background:#000;border-bottom:0;color:#fff;font:14px/1.5 Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif}
.vf-header *{box-sizing:border-box}
.vf-header [hidden]{display:none!important}
.vf-header a{color:#fff;text-decoration:none}
.vf-header button{font:inherit;color:inherit;cursor:pointer}
.vf-header a:focus-visible,.vf-header button:focus-visible{outline:2px solid #4fe09c;outline-offset:4px}
.vf-header__inner{display:flex;align-items:center;gap:20px;min-height:66px;padding:0}
.vf-header__brand{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 106px;width:106px;height:34px;font-size:22px;font-weight:800;letter-spacing:-1px}
.vf-header__logo{width:34px;height:34px;object-fit:contain}
.vf-header__content{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;min-width:0}
.vf-header__nav,.vf-header__actions{display:flex;align-items:center;gap:14px}
.vf-header__nav{flex:0 1 537px;max-width:537px;height:39px;justify-content:space-evenly;gap:8px}
.vf-header__actions{flex-shrink:0;margin-inline-start:auto}
.vf-header__nav>a,.vf-header__disclosure{white-space:nowrap;padding:9px 0}
.vf-header__nav>a:hover,.vf-header__nav>a[aria-current="page"],.vf-header__nav>a.vf-header__link--current,.vf-header__disclosure.vf-header__link--current,.vf-header__disclosure:hover{color:#31d98b}
.vf-header__dropdown{position:relative}
.vf-header__mobile-youtube,.vf-header__nav>a.vf-header__mobile-link{display:none}
.vf-header__mobile-youtube:hover,.vf-header__mobile-youtube[aria-current="page"]{color:#31d98b}
.vf-header__menu a[aria-current="page"]{color:#31d98b}
#vf-more-menu{max-height:calc(100vh - 100px);overflow-y:auto}
.vf-header__disclosure{display:flex;direction:ltr;align-items:center;gap:7px;border:0;background:transparent}
.vf-header__menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:155px;padding:6px;background:#141414;border:1px solid #343434;border-radius:9px;box-shadow:0 10px 24px #0005}
.vf-header__menu a,.vf-header__menu button{display:block;width:100%;padding:9px 12px;border:0;border-radius:5px;background:transparent;text-align:start;white-space:nowrap}
.vf-header__menu a:hover,.vf-header__menu button:hover,.vf-header__menu a:focus,.vf-header__menu button:focus{background:#25372e;color:#65efac}
.vf-header__account{display:flex;align-items:center;gap:7px;max-width:150px;padding:8px;border:0;background:transparent}
.vf-header__account i{font-size:21px}
.vf-header__account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:12px}
.vf-header__account span[data-i18n]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.vf-header__account:disabled{cursor:default}
.vf-header__app{position:relative;text-align:center;flex-shrink:0}
.vf-header__app>button{border:0;border-radius:24px;background:#31d98b;color:#061c10;padding:10px 22px;font-weight:700;white-space:nowrap}
.vf-header__app button:disabled{cursor:not-allowed}
.vf-header__app small{display:block;margin-top:3px;color:#b9c8bf;font-size:10px}
.vf-header__toggle{display:none;border:1px solid #444;border-radius:6px;background:transparent;padding:8px 12px;font-size:21px!important}
@media(max-width:991px){
    :root{--vf-content-width:calc(100% - 32px)}
}
@media(max-width:1599px){
    .vf-header__inner{flex-wrap:wrap;justify-content:space-between;min-height:66px;gap:0;padding:8px 0}
    .vf-header__toggle{display:block}
    .vf-header__content{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:18px;padding:18px 0 8px}
    .vf-header.vf-header--expanded .vf-header__content{display:flex}
    .vf-header__nav{flex:0 1 auto;max-width:none;height:auto;align-items:stretch;flex-direction:column;gap:0}
    .vf-header__nav>a,.vf-header__nav .vf-header__disclosure{display:flex;width:100%;padding:11px 0}
    .vf-header__actions{flex-wrap:wrap;margin-inline-start:0;gap:16px;justify-content:space-between;border-top:1px solid #333;padding-top:16px}
    .vf-header__nav .vf-header__menu{position:static;margin:0;box-shadow:none}
    .vf-header__app>button{padding:10px 16px}
}
@media(max-width:767px){
    .vf-header__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
    .vf-header__brand{max-width:100%;justify-content:flex-start}
    .vf-header__brand span{text-overflow:ellipsis;white-space:nowrap}
    .vf-header__logo{flex-shrink:0}
    .vf-header__mobile-youtube{display:none}
    .vf-header__toggle{justify-self:end}
    .vf-header__content{grid-column:1 / -1}
    .vf-header__nav>a.vf-header__mobile-link{display:flex}
    .vf-header__nav>a.vf-header__desktop-link{display:flex}
    .vf-header__nav>.vf-header__more{display:none}
}
.vf-header__theme{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid #16A34A;border-radius:19px;background:transparent;opacity:1}
.vf-app-modal{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:10;width:406px;max-width:calc(100vw - 40px);color:#f3f4f6;font:14px/1.5 Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif}
.vf-app-modal[hidden]{display:none!important}
.vf-app-modal *{box-sizing:border-box}
.vf-app-dialog{position:relative;width:100%;border:1px solid #343434;border-radius:16px;padding:20px 16px 16px;background:#141414;box-shadow:0 10px 24px #0005;text-align:center}
.vf-app-close{position:absolute;top:6px;inset-inline-end:6px;width:28px;height:28px;border:0;border-radius:8px;padding:0;background:transparent;color:inherit;font:24px/1 Arial,sans-serif;cursor:pointer}
.vf-app-close:hover{background:#ffffff12}
.vf-app-close:focus-visible{outline:2px solid #31d98b;outline-offset:2px}
.vf-app-dialog h2{margin:0 24px 6px;font-size:18px;font-weight:700}
.vf-app-dialog>p{margin:0 0 14px;color:#b9c8bf}
.vf-app-stores{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.vf-app-card{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;height:52px;border:1px solid #47534c;border-radius:13px;padding:10px;background:#25372e;color:#b9c8bf;font-weight:600;white-space:nowrap;opacity:1;transform:none;transition:transform .18s ease,border-color .18s ease}
.vf-app-card--ios{width:173px}
.vf-app-card--android{width:187px}
.vf-app-card:hover{transform:translateY(-3px);border-color:#31d98b}
.vf-app-card>i{font-size:24px;color:#31d98b}
@media(max-width:480px){
    .vf-header__app{margin-inline-start:auto}
}
@media(prefers-reduced-motion:reduce){.vf-app-card{transition:none}}

/* 导航及其浮层保持深色，主题仅改变下方页面和切换按钮边框。 */
html[data-vf-theme="light"]{color-scheme:light;--vf-surface:#fff;--vf-border:#dfe5f1;--vf-text:#17213c;--vf-muted:#586780}
html[data-vf-theme="dark"]{color-scheme:dark;--ink:#edf1f7;--muted:#aab6c8;--line:#343434;--vf-surface:#141414;--vf-border:#343434;--vf-text:#edf1f7;--vf-muted:#aab6c8}
html[data-vf-theme="light"] body{background:#f6f8f6;color:var(--vf-text)}
html[data-vf-theme="light"] .vf-header__theme{border-color:#FFFFFF1A}
html[data-vf-theme="dark"] body{background:#0b0b0b;color:var(--vf-text)}
.hero{padding-block:108px 62px;background:linear-gradient(180deg,#010F11 17.61%,#16A34A 53.85%,rgba(246,248,246,0) 100%)}
.hero h1{width:min(100%,698px);min-height:61px;margin:0 auto 20px;font-size:48px;line-height:61px;letter-spacing:-1.7px;color:#fff;overflow-wrap:break-word}
.hero .hero-subtitle{width:min(100%,740px);min-height:28px;margin:0 auto 53px;font-size:14px;line-height:28px;color:#fff;text-shadow:0 1px 3px #010f11}
.hero[data-platform="home"] h1{position:relative;left:50%;transform:translateX(-50%);width:max-content;max-width:none;font-family:"SF Pro","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:700;font-style:normal;font-size:56px;line-height:60.48px;letter-spacing:0;text-align:center;white-space:nowrap;overflow-wrap:normal}
.hero[data-platform="home"] .hero-subtitle{font-family:"SF Pro","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400;font-style:normal;font-size:17.5px;line-height:28px;letter-spacing:0;text-align:center}
@media(max-width:1250px){.hero[data-platform="home"] h1{font-size:clamp(12px,4.4vw,56px);line-height:1.08;min-height:0}}
.hero .download-box{width:min(100%,720px);height:64px;border-radius:16px;gap:8px}
.hero .download-box button{flex-shrink:0;background:#16a34a;box-shadow:none}
.hero .download-box .paste-button{padding-inline:14px;background:#e7f6ed;color:#126333}
.hero .hint{color:#163e27}
.hero .form-message{height:auto;min-height:17px}
.hero .form-message.error{color:#852132}
.hero .form-message.success{color:#14532d}
html[data-vf-theme="dark"] .hero{background:linear-gradient(180deg,#010F11 17.61%,rgba(22,163,74,0) 100%)}
html[data-vf-theme="dark"] .hero .hero-subtitle{color:#fff}
html[data-vf-theme="dark"] .hero .form-message.error{color:#ffadb9}
html[data-vf-theme="dark"] .hero .form-message.success{color:#65efac}
@media(max-width:991px){
    .hero{padding-block:64px 46px}
    .hero h1{font-size:clamp(28px,5vw,48px);line-height:1.25;min-height:0;letter-spacing:-.8px}
    .hero .hero-subtitle{margin-bottom:32px}
}
@media(max-width:767px){
    .hero #download-form{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;grid-template-rows:64px auto;align-items:center;gap:12px 8px;height:auto;min-height:0;padding:0;border:0;background:transparent;box-shadow:none}
    .hero #download-form::before{content:"";position:absolute;inset:0 0 auto;height:64px;box-sizing:border-box;border:1px solid var(--vf-border);border-radius:16px;background:var(--vf-surface);pointer-events:none}
    .hero #download-form .input-icon{position:relative;grid-column:1;grid-row:1;margin-left:12px}
    .hero #download-form input{position:relative;grid-column:2;grid-row:1;min-width:0;width:100%;height:48px;padding:0;border:0;background:transparent}
    .hero #download-form .paste-button{position:relative;grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:80px;height:40px;min-height:0;margin-right:8px;padding:0;border:1px solid var(--vf-border);border-radius:10px;opacity:1;font-family:"SF Pro","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21.6px;letter-spacing:0;text-align:center;white-space:nowrap}
    .hero #download-button{grid-column:1 / -1;grid-row:2;justify-self:center;box-sizing:border-box;width:350px;max-width:100%;height:48px;min-height:48px;margin:0;border-radius:12px;opacity:1}
}
html[data-vf-theme="dark"] .hero-glow{opacity:.12}
html[data-vf-theme="dark"] .download-box,html[data-vf-theme="dark"] .step-grid article,html[data-vf-theme="dark"] .login-dialog,html[data-vf-theme="dark"] .google-login-button{background:var(--vf-surface);border-color:var(--vf-border);color:var(--vf-text)}
html[data-vf-theme="dark"] .download-box input{background:transparent;color:var(--vf-text)}
html[data-vf-theme="dark"] .download-box input::placeholder{color:var(--vf-muted)}
html[data-vf-theme="dark"] .hero-subtitle,html[data-vf-theme="dark"] .hint,html[data-vf-theme="dark"] .eyebrow,html[data-vf-theme="dark"] .platforms>p,html[data-vf-theme="dark"] .platform,html[data-vf-theme="dark"] .section-heading>span,html[data-vf-theme="dark"] .step-grid p,html[data-vf-theme="dark"] .login-dialog p,html[data-vf-theme="dark"] footer small{color:var(--vf-muted)}
html[data-vf-theme="dark"] .tiktok .platform-icon{color:var(--vf-text)}
html[data-vf-theme="dark"] .step-icon,html[data-vf-theme="dark"] .google-icon{background:#262b42}
html[data-vf-theme="dark"] .step-grid article:nth-child(2) .step-icon{background:#30253e}
html[data-vf-theme="dark"] .step-grid article:nth-child(3) .step-icon{background:#20382f}
html[data-vf-theme="dark"] .oauth-url{background:#20242b;color:var(--vf-muted)}
html[data-vf-theme="dark"] footer{background:#101010;color:var(--vf-muted)}

.hero .download-box button:disabled,.hero .download-box input:disabled{opacity:.65;cursor:wait}
.hero .download-box button .fa-spinner{display:inline-block}
.download-results{position:fixed;inset:0;box-sizing:border-box;width:920px;height:530px;max-width:calc(100% - 32px);max-height:calc(100% - 24px);margin:auto;padding:40px 44px 28px;border:1px solid var(--vf-border,#dfe5f1);border-radius:22px;background:var(--vf-surface,#fff);color:var(--vf-text,#17213c);box-shadow:0 24px 80px #0004;overflow:auto;overscroll-behavior:contain;text-align:left}
.download-results *{box-sizing:border-box}
.download-results::backdrop{background:rgba(0,0,0,.6)}
.download-results h2{margin:0;font-size:24px;line-height:34px;font-weight:700;overflow-wrap:anywhere}
.download-results p{line-height:1.5;overflow-wrap:anywhere}
.results-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:inherit;font-size:26px;cursor:pointer}
.results-ad{position:relative;display:flex;align-items:center;justify-content:center;height:120px;margin-bottom:25px;border:1px dashed #c9d2e0;border-radius:14px;color:#98a2b3;font-size:13px}
.ad-badge{position:absolute;top:10px;left:12px;padding:3px 10px;border-radius:6px;background:#101728;color:#fff;font-size:10px;font-weight:600;letter-spacing:.4px}
.resource-card+.resource-card{margin-top:28px;padding-top:28px;border-top:1px solid var(--vf-border,#dfe5f1)}
.resource-info{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;align-items:start}
.resource-side{min-width:0}
.resource-preview-box{width:250px;height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;background:#eef0f3}
.resource-preview{display:block;width:100%;height:100%;object-fit:cover}
.resource-preview-status{color:var(--vf-muted,#586780);font-size:13px;text-align:center;padding:12px}
.resource-preview-status[hidden]{display:none}
.results-disclaimer{margin:14px 0 0;font-size:12px;line-height:1.6;color:var(--vf-muted,#586780);text-align:center}
.resource-main{min-width:0}
.resource-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}
.resource-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#e3e8ef;color:#586780;font-size:10px}
.resource-author,.resource-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 0;color:var(--vf-muted,#586780);font-size:13px}
.resource-meta{gap:18px;margin-top:8px}
.resource-links{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px}
.resource-link{display:block;padding:12px 16px;border:1px solid var(--vf-border,#dfe5f1);border-radius:8px;background:var(--vf-surface,#fff);color:var(--vf-text,#17213c);text-decoration:none;overflow-wrap:anywhere;font-size:14px;line-height:1.5}
.resource-link:hover{border-color:#15803d}
.resource-primary{display:block;width:100%;margin:18px 0 12px;padding:10px 20px;border:0;border-radius:8px;background:#15803d;color:#fff;text-align:center;text-decoration:none;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;cursor:pointer}
.resource-primary:hover{background:#166534}
.resource-primary:disabled{opacity:.65;cursor:not-allowed;font-size:14px}
.resource-quality{border:1px solid var(--vf-border,#dfe5f1);border-radius:8px;background:var(--vf-surface,#fff)}
.resource-quality>summary{padding:11px 16px;cursor:pointer;font-size:14px;font-weight:600;text-align:center;list-style:none}
.resource-quality>summary::-webkit-details-marker{display:none}
.resource-note,.resource-headers{font-size:13px;color:var(--vf-muted,#586780)}
.resource-headers summary{cursor:pointer;padding:8px 0}
.resource-headers pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
.results-actions{margin:14px 0 0 280px;text-align:center}
.results-another{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--vf-text,#17213c);font:inherit;font-size:13px;cursor:pointer}
.results-another:hover{color:#15803d}
.download-results a:focus-visible,.download-results button:focus-visible,.download-results summary:focus-visible{outline:2px solid #16a34a;outline-offset:3px}
@media(max-width:991px){.download-results{height:auto;padding:36px 24px 24px}.results-actions{margin-left:0}.results-ad{height:100px}}
@media(max-width:767px){.download-results{width:380px;height:430px;max-width:calc(100% - 22px);border-radius:22px}.resource-info{grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:16px}.resource-preview-box{width:100%;height:auto;aspect-ratio:1}.download-results h2{font-size:19px;line-height:28px}}
@media(max-width:480px){.download-results{padding:32px 16px 16px}.resource-info{grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px}.download-results h2{font-size:17px;line-height:24px}.resource-author,.resource-meta{font-size:12px}.resource-primary{font-size:14px}.results-ad{height:80px}}
