.mf-shell{width:100%;height:100vh;color:#fff;isolation:isolate;-webkit-font-smoothing:antialiased;background:#050705;height:100dvh;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;position:fixed;inset:0;overflow:hidden}.mf-shell button,.mf-shell a{-webkit-tap-highlight-color:transparent}:is(.mf-shell button:focus-visible,.mf-shell a:focus-visible,.mf-shell input:focus-visible){outline-offset:3px;outline:2px solid #c4f36c}.mf-scroll{scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;outline:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden auto}.mf-scroll::-webkit-scrollbar{display:none}.mf-slide{isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always;background:#071009;block-size:100%;inline-size:100%;position:relative;overflow:hidden}.mf-video{object-fit:cover;object-position:center;background:#071009;width:100%;height:100%;display:block;position:absolute;inset:0}.mf-video-shade{z-index:1;pointer-events:none;background:linear-gradient(#0000008c 0,#00000014 18%,#0000 40%,#0000001f 53%,#000000a6 78%,#000000e0 100%);position:absolute;inset:0}.mf-header{z-index:20;min-height:calc(73px + env(safe-area-inset-top,0px));padding:calc(9px + env(safe-area-inset-top,0px)) 13px 14px;pointer-events:none;background:linear-gradient(#00000073,#0000);justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:0 0 auto}.mf-header>*,.mf-header button,.mf-header a{pointer-events:auto}.mf-brand{text-shadow:0 1px 9px #0008;align-items:center;gap:7px;height:44px;font-weight:600;display:flex}.mf-brand>svg{color:#c4f36c;stroke-width:1.8px}.mf-brand>span{letter-spacing:.5px;white-space:nowrap;font-size:13px}.mf-brand>span>span{color:#c4f36c}.mf-top-tabs{top:calc(9px + env(safe-area-inset-top,0px));align-items:center;gap:22px;height:44px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.mf-top-tabs button{color:#d5d7d2a6;text-shadow:0 1px 8px #0009;white-space:nowrap;height:44px;padding:0 1px;font-size:15px;font-weight:600;position:relative}.mf-top-tabs button.mf-selected{color:#fff}.mf-top-tabs .mf-selected:after{content:"";background:#c4f36c;border-radius:3px;width:22px;height:3px;position:absolute;bottom:0;left:calc(50% - 11px)}.mf-collection-title{white-space:nowrap;text-shadow:0 1px 8px #0009;font-size:16px;font-weight:600}.mf-search-toggle{color:#fff;text-shadow:0 1px 8px #0009;place-items:center;width:44px;height:44px;padding:0;display:grid}.mf-search-toggle.mf-selected{color:#c4f36c}.mf-search-panel{z-index:30;top:calc(66px + env(safe-area-inset-top,0px));max-height:calc(100% - 155px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#10170ff2;border:1px solid #657a4b7a;border-radius:13px;padding:15px;position:absolute;left:12px;right:12px;overflow:auto;box-shadow:0 16px 55px #0008}.mf-search-input{color:#a9c28c;border-bottom:1px solid #70845a77;align-items:center;gap:10px;min-height:44px;padding-bottom:4px;display:flex}.mf-search-input input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;height:40px;font-size:13px}.mf-search-input input::placeholder{color:#b4c4a5b3}.mf-search-input button{color:#b4c4a5;place-items:center;width:34px;height:40px;padding:0;display:grid}.mf-category-list{flex-wrap:wrap;gap:7px;padding-top:16px;display:flex}.mf-category-list button{color:#d4dfc9;background:#26351b8a;border:1px solid #526742;border-radius:5px;min-height:36px;padding:8px 12px;font-size:11px;line-height:1.4}.mf-category-list button.mf-selected{color:#243819;background:#c4f36c;border-color:#c4f36c;font-weight:600}.mf-search-foot{color:#99ad86;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;display:flex}.mf-search-foot button{color:#c4f36c;align-items:center;gap:5px;min-height:36px;padding:9px 0 9px 10px;font-size:11px;display:flex}.mf-video-label{top:calc(78px + env(safe-area-inset-top,0px));z-index:2;color:#f3f7edc7;letter-spacing:.6px;text-shadow:0 1px 6px #0009;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;left:18px}.mf-video-label>span{background:#c4f36c;border-radius:50%;width:2px;height:2px}.mf-watermark{z-index:2;right:15px;top:calc(85px + env(safe-area-inset-top,0px));letter-spacing:2px;opacity:.65;writing-mode:vertical-rl;pointer-events:none;font-size:6px;position:absolute}.mf-central-play{z-index:3;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02080226;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:70px;height:70px;padding:0;display:grid;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.mf-central-play>svg:not(.mf-spinner){margin-left:5px}.mf-central-play.mf-buffering{pointer-events:none;background:#0003;border-color:#ffffff26;width:52px;height:52px}.mf-spinner{animation:1s linear infinite mf-spin}@keyframes mf-spin{to{transform:rotate(360deg)}}.mf-video-error{z-index:5;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c160de8;border:1px solid #75865a55;border-radius:12px;flex-direction:column;align-items:center;gap:13px;padding:24px 19px;display:flex;position:absolute;top:32%;left:14%;right:14%}.mf-video-error>svg{color:#c4f36c}.mf-video-error b{font-size:14px;font-weight:500}.mf-video-error>span{color:#b7c8a6;font-size:11px;line-height:1.8}.mf-video-error>button{color:#c4f36c;border:1px solid #86a55b7a;border-radius:5px;min-height:38px;padding:10px 18px;font-size:11px}.mf-caption{z-index:3;left:17px;right:78px;bottom:calc(109px + env(safe-area-inset-bottom,0px));pointer-events:none;text-shadow:0 1px 8px #0008;position:absolute}.mf-creator{align-items:center;gap:7px;min-height:27px;margin-bottom:10px;display:flex}.mf-creator>span{color:#223d15;background:#c4f36c;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;box-shadow:0 0 0 1px #e2f5ca77}.mf-creator>b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.mf-creator>i{color:#263f16;background:#c4f36c;border-radius:50%;flex-shrink:0;place-items:center;width:12px;height:12px;font-style:normal;display:grid}.mf-caption h2{letter-spacing:.2px;-webkit-line-clamp:2;text-wrap:pretty;-webkit-box-orient:vertical;margin:0 0 8px;font-size:22px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.mf-caption p{color:#f1f5ebdb;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:12px;line-height:1.65;display:-webkit-box;overflow:hidden}.mf-tags{flex-wrap:wrap;gap:4px 9px;display:flex}.mf-tags>button{color:#e6f3d9;pointer-events:auto;padding:3px 0;font-size:11px;line-height:1.5}.mf-actions{z-index:5;right:10px;bottom:calc(125px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;gap:15px;width:51px;display:flex;position:absolute}.mf-rail-avatar{color:#233b15;background:#c4f36c;border:2px solid #fff;border-radius:50%;place-items:center;width:43px;height:43px;margin-bottom:3px;display:grid;box-shadow:0 3px 15px #0004}.mf-actions>button{color:#fff;filter:drop-shadow(0 1px 4px #0005);flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;min-height:51px;padding:0;display:flex}.mf-actions>button>span{letter-spacing:.3px;text-shadow:0 1px 5px #0008;font-size:10px;font-weight:500}.mf-actions .mf-liked{color:#ff547d}.mf-actions .mf-saved{color:#c4f36c}.mf-actions .mf-sound{gap:5px;min-height:48px;margin-top:4px}.mf-progress{z-index:6;left:12px;right:15px;bottom:calc(56px + env(safe-area-inset-bottom,0px));align-items:center;gap:8px;height:43px;display:flex;position:absolute}.mf-progress>button{color:#fff;flex-shrink:0;place-items:center;width:34px;height:43px;padding:0;display:grid}.mf-progress>span{color:#e3eadfc9;font-variant-numeric:tabular-nums;min-width:27px;font-family:Arial,sans-serif;font-size:9px;line-height:1}.mf-progress input{-webkit-appearance:none;appearance:none;accent-color:#c4f36c;touch-action:pan-x;cursor:pointer;outline-offset:0;background:0 0;flex:1;min-width:0;height:35px;margin:0}.mf-progress input::-webkit-slider-runnable-track{background:linear-gradient(to right,#c4f36c 0,#c4f36c var(--mf-progress,0%),#ffffff5e var(--mf-progress,0%),#ffffff5e 100%);border-radius:4px;height:2px}.mf-progress input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#c4f36c;border-radius:50%;width:6px;height:6px;margin-top:-2px;box-shadow:0 0 0 3px #0000}.mf-progress input::-moz-range-track{background:#ffffff5e;height:2px}.mf-progress input::-moz-range-progress{background:#c4f36c;height:2px}.mf-progress input::-moz-range-thumb{background:#c4f36c;border:0;border-radius:50%;width:6px;height:6px}.mf-swipe-hint{z-index:2;color:#ffffffbd;text-shadow:0 1px 8px #000;letter-spacing:1px;pointer-events:none;flex-direction:column;align-items:center;gap:4px;font-size:10px;display:flex;position:absolute;top:56%;left:50%;transform:translate(-50%)}.mf-swipe-hint>svg{animation:1.5s ease-in-out infinite mf-swipe}@keyframes mf-swipe{0%,to{opacity:.5;transform:translateY(3px)}50%{opacity:1;transform:translateY(-4px)}}.mf-bottom-nav{z-index:25;height:calc(58px + env(safe-area-inset-bottom,0px));padding:5px 10px calc(4px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080d09e8;border-top:1px solid #ffffff13;justify-content:space-around;align-items:center;display:flex;position:absolute;inset:auto 0 0}.mf-bottom-nav>button,.mf-bottom-nav>a{color:#aeb8a7;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:48px;height:48px;padding:0;display:flex}.mf-bottom-nav>button>span,.mf-bottom-nav>a>span{letter-spacing:.3px;font-size:9px;line-height:1.3}.mf-bottom-nav .mf-selected{color:#fff}.mf-bottom-nav .mf-selected>svg{color:#c4f36c}.mf-bottom-nav .mf-nav-create>span{color:#1c3511;background:#c4f36c;border-radius:8px;place-items:center;width:43px;height:31px;font-size:27px;font-weight:400;line-height:1;display:grid}.mf-bottom-nav .mf-nav-create:disabled>span{color:#b8c8ab;background:#46573b}.mf-empty{text-align:center;scroll-snap-align:start;background:radial-gradient(at 50% 45%,#22311a,#070c07 75%);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:110px 32px 130px;display:flex}.mf-empty>svg{color:#c4f36c}.mf-empty h1{letter-spacing:.5px;margin:23px 0 12px;font-size:23px;font-weight:500}.mf-empty p{color:#b0c09e;max-width:260px;margin:0;font-size:13px;line-height:1.9}.mf-empty>button{color:#213715;background:#c4f36c;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:43px;margin-top:27px;padding:11px 18px;font-size:12px;display:flex}@media (max-width:360px){.mf-brand>span{font-size:11px}.mf-brand{gap:5px}.mf-brand>svg{width:19px}.mf-top-tabs{gap:17px;left:54%}.mf-top-tabs button{font-size:14px}.mf-caption{left:14px;right:71px}.mf-caption h2{font-size:20px}.mf-caption p{font-size:11px}.mf-tags>button{font-size:10px}.mf-actions{right:7px}.mf-progress{left:8px;right:12px}}@media (max-height:590px){.mf-caption{bottom:calc(97px + env(safe-area-inset-bottom,0px))}.mf-caption h2{-webkit-line-clamp:1;font-size:18px}.mf-caption p{display:none}.mf-creator{margin-bottom:5px}.mf-actions{bottom:calc(107px + env(safe-area-inset-bottom,0px));gap:6px}.mf-rail-avatar{display:none}.mf-actions>button{min-height:43px}.mf-actions>button svg{width:24px;height:24px}.mf-actions>button>span{font-size:8px}.mf-tags>button{font-size:10px}.mf-swipe-hint{display:none}.mf-video-label{top:calc(65px + env(safe-area-inset-top,0px))}}@media (prefers-reduced-motion:reduce){.mf-spinner,.mf-swipe-hint>svg{animation:none}.mf-scroll{scroll-behavior:auto}}