*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background:#f4f5f7}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#1f2329;font-size:15px;line-height:1.6;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.hide{display:none!important}.view{max-width:640px;margin:0 auto;min-height:100vh}.wm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;background-repeat:repeat}.toast{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:90;max-width:80%;padding:10px 16px;border-radius:8px;background:#000000c7;color:#fff;font-size:14px;text-align:center}.auth{padding:calc(env(safe-area-inset-top) + 56px) 24px 40px}.auth h1{font-size:24px;font-weight:600}.auth .sub{color:#8a8f99;font-size:13px;margin-top:6px}.tabs{display:flex;gap:24px;margin:32px 0 8px}.tabs button{font-size:16px;color:#8a8f99;padding-bottom:6px;border-bottom:2px solid transparent}.tabs button.on{color:#1f2329;font-weight:600;border-color:#2f6bff}.field{display:flex;align-items:center;border-bottom:1px solid #e3e5e8;margin-top:12px}.field input{flex:1;min-width:0;height:50px;border:0;outline:0;background:transparent;font-size:16px}.field .code-btn{flex:none;color:#2f6bff;font-size:14px;padding-left:12px}.field .code-btn:disabled{color:#b1b5bd}.primary{display:block;width:100%;height:48px;margin-top:32px;border-radius:24px;background:#2f6bff;color:#fff;font-size:16px;font-weight:500}.primary:disabled{opacity:.55}.links{display:flex;justify-content:space-between;margin-top:16px;font-size:13px;color:#8a8f99}.links button{color:#2f6bff;font-size:13px}.tip{margin-top:28px;font-size:12px;color:#8a8f99;line-height:1.8}.reg-line{margin-top:18px;text-align:center;font-size:14px;color:#5c6270}.reg-line a{color:#2f6bff;text-decoration:none;font-weight:600}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;max-width:640px;margin:0 auto;background:#fff;border-top:1px solid #eceef2;padding-bottom:env(safe-area-inset-bottom)}.tabbar a,.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 0 6px;font-size:12px;color:#8a8f99;text-decoration:none;background:none;border:0}.tabbar .ic{font-size:20px;line-height:1;filter:grayscale(1);opacity:.6}.tabbar .on{color:#2f6bff}.tabbar .on .ic{filter:none;opacity:1}.view.with-tab{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.pwd-rule{font-size:12px;color:#8a8f99;margin-top:8px}.back-link{color:#2f6bff;font-size:14px}.head{position:sticky;top:0;z-index:10;background:#fff;padding:calc(env(safe-area-inset-top) + 12px) 16px 10px;box-shadow:0 1px #eceef1}.me{display:flex;align-items:center;justify-content:space-between}.me .name{font-weight:600;font-size:16px}.me .idt{font-size:12px;color:#2f6bff;background:#eaf0ff;border-radius:10px;padding:1px 8px;margin-left:6px}.me .logout{font-size:13px;color:#8a8f99}.search{margin-top:10px;display:flex;align-items:center;background:#f2f3f5;border-radius:18px;padding:0 14px;height:36px}.search input{flex:1;border:0;outline:0;background:transparent;font-size:14px}.chips{display:flex;gap:8px;overflow-x:auto;margin-top:10px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips button{flex:none;padding:4px 14px;border-radius:14px;background:#f2f3f5;font-size:13px;color:#4e5461}.chips button.on{background:#2f6bff;color:#fff}.section{padding:14px 16px 4px;font-size:14px;font-weight:600;color:#4e5461}.cards{padding:0 12px 24px;display:grid;gap:10px}.card{display:flex;gap:12px;background:#fff;border-radius:10px;padding:10px;color:inherit;text-decoration:none}.card .thumb{position:relative;flex:none;width:112px;height:72px;border-radius:6px;overflow:hidden;background:#e8eaed center / cover no-repeat}.card .badge{position:absolute;left:4px;top:4px;font-size:11px;color:#fff;background:#0000008c;border-radius:4px;padding:0 5px}.card .dur{position:absolute;right:4px;bottom:4px;font-size:11px;color:#fff;background:#0000008c;border-radius:4px;padding:0 5px}.card .body{flex:1;min-width:0;display:flex;flex-direction:column}.card .t{font-size:15px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .s{margin-top:2px;font-size:12px;color:#8a8f99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .p{margin-top:auto;font-size:12px;color:#2f6bff}.pin-tag{color:#f53f3f;font-size:12px;margin-right:4px}.empty{padding:80px 24px;text-align:center;color:#8a8f99;font-size:14px}.empty b{display:block;color:#4e5461;font-size:16px;margin-bottom:6px}.bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top) + 10px) 12px 10px;background:#fff;box-shadow:0 1px #eceef1}.bar .back{font-size:14px;color:#2f6bff;flex:none}.bar .bt{flex:1;min-width:0;font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding-right:40px}.player{position:relative;background:#000;overflow:hidden}.player .blur{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;background:#111 center / cover no-repeat;filter:blur(24px) brightness(.5)}.player video{position:relative;display:block;width:100%;max-height:70vh;margin:0 auto;background:transparent;object-fit:contain}.player.vert video{height:70vh}.resume{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#fff7e6;color:#b25e00;font-size:13px}.resume button{color:#2f6bff;font-size:13px}.speeds{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;font-size:13px;color:#8a8f99;overflow-x:auto}.speeds button{flex:none;padding:2px 10px;border-radius:12px;background:#f2f3f5;color:#4e5461;font-size:13px}.speeds button.on{background:#2f6bff;color:#fff}.chapters{background:#fff;margin-top:8px;padding:10px 12px}.chapters h3,.article h3.sec{font-size:14px;color:#4e5461;margin-bottom:6px}.chapters button{display:flex;width:100%;gap:10px;padding:7px 0;text-align:left;font-size:14px;border-bottom:1px solid #f2f3f5}.chapters button:last-child{border-bottom:0}.chapters .ct{flex:none;color:#2f6bff;font-variant-numeric:tabular-nums}.chapters button.on{color:#2f6bff;font-weight:500}.article{background:#fff;margin-top:8px;padding:16px}.article h1{font-size:19px;font-weight:600;line-height:1.45}.article .meta{font-size:12px;color:#8a8f99;margin:6px 0 14px}.rich{font-size:15px;line-height:1.75;word-break:break-word}.rich p{margin:0 0 10px}.rich img{max-width:100%;height:auto;border-radius:6px;display:block;margin:8px auto}.rich video{max-width:100%;max-height:70vh;display:block;margin:8px auto;background:#000}.rich h1,.rich h2,.rich h3{margin:16px 0 8px;line-height:1.4}.rich ul,.rich ol{padding-left:1.4em;margin-bottom:10px}.rich blockquote{border-left:3px solid #d0d5dd;padding-left:10px;color:#5f6673;margin:10px 0}.rich table{border-collapse:collapse;max-width:100%}.rich td,.rich th{border:1px solid #e3e5e8;padding:4px 6px}.rich a{color:#2f6bff}.nav{display:flex;gap:10px;padding:16px 12px calc(env(safe-area-inset-bottom) + 20px)}.nav button{flex:1;height:44px;border-radius:22px;background:#fff;border:1px solid #d0d5dd;font-size:14px}.nav button.next{background:#2f6bff;border-color:#2f6bff;color:#fff}.nav button:disabled{opacity:.45}.zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000000eb;display:flex;align-items:center;justify-content:center}.zoom img{max-width:100%;max-height:100%;object-fit:contain}.loading{padding:120px 0;text-align:center;color:#8a8f99;font-size:14px}