a{color:inherit;text-decoration:none}
/* 瀑布流 */
#grid{position:relative;z-index:1;display:flex;gap:10px;padding:13px 16px 18px;align-items:flex-start}
#grid .col{flex:1;min-width:0;display:flex;flex-direction:column;gap:11px}
.cd{background:var(--card);border-radius:9px;box-shadow:0 1px 5px rgba(0,0,0,.04);overflow:hidden;font-size:12px}
.cd .pad{padding:12px 12px 0}
.cd .tx{color:#2f2f2f;line-height:20.5px;letter-spacing:.3px;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.cd .tx.s{-webkit-line-clamp:3;margin-top:9px}
.cd .cover{position:relative;display:block}
.cd .cover img{display:block;width:100%;height:auto;object-fit:cover;background:#eeeeec}
.cd .cnt{position:absolute;top:8px;right:8px;height:18px;padding:0 7px;border-radius:9px;background:rgba(60,60,60,.55);color:#fff;font-size:9.5px;display:flex;align-items:center;gap:4px}
.cd .cnt svg.i{width:11px;height:11px;stroke-width:1.6}
.tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.tags span{height:16.5px;padding:0 6px;border-radius:4px;background:#f1f1ef;color:#6a6a68;font-size:9px;display:flex;align-items:center}
.cd .ft{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:9.5px;color:#a3a3a0}
.cd .ft button{width:26px;height:16px;margin-right:-7px;color:#555;display:flex;align-items:center;justify-content:center}
.cd .ft svg.i{width:16px;height:16px;stroke-width:2.6}
.cd .hd2{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:#333}
.cd .hd2 svg.i{width:13px;height:13px;stroke-width:1.6}
.cd .hd2 .cp{margin-left:auto;font-weight:400;color:#9a9a98;font-size:9.5px;display:flex;align-items:center;gap:3px}
.cd .hd2 .cp svg.i{width:11px;height:11px}
.cd .mono{font-family:'Courier Prime',ui-monospace,monospace;font-size:9.4px;line-height:15px;color:#3a3a3a;margin-top:10px;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.cd .strip{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:9px}
.cd .strip img{width:100%;aspect-ratio:.66;object-fit:cover;border-radius:4px;display:block;background:#eeeeec}
.sw{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.sw div{width:30px;text-align:center;font-size:6.5px;color:#9a9a98;letter-spacing:-.1px}
.sw i{display:block;width:30px;height:30px;border-radius:50%;margin-bottom:4px;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08)}
.song{position:relative;display:flex;gap:9px;padding:7px;border-radius:7px;background:#f3f3f1}
.song img{width:52px;height:52px;border-radius:5px;object-fit:cover;flex:none;background:#e6e6e4}
.song div{min-width:0}
.song b{display:block;font-size:10.5px;font-weight:500;color:#222;margin-top:5px;padding-right:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.song span{display:block;font-size:9.5px;color:#6a6a68;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.song em{display:block;font-style:normal;font-size:9px;color:#9a9a98;margin-top:5px}
.ext{position:absolute;top:7px;right:7px;color:#9a9a98}
.ext svg.i{width:11px;height:11px}
.lk{position:relative;display:flex;gap:9px}
.lk img{width:64px;height:64px;border-radius:5px;object-fit:cover;flex:none;background:#eeeeec}
.lk div{min-width:0}
.lk b{font-size:10.8px;font-weight:500;color:#222;line-height:14px;padding-right:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.lk span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:9.3px;line-height:12.5px;color:#9a9a98;margin-top:4px}
.lk em{display:flex;align-items:center;gap:3px;font-style:normal;font-size:9px;color:#9a9a98;margin-top:5px;white-space:nowrap;overflow:hidden}
.lk em svg.i{width:9px;height:9px;flex:none}

/* 页（编辑） */
.pg{position:fixed;inset:0;z-index:20;background:var(--bg);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .32s cubic-bezier(.3,.7,.2,1)}
.pg.in{transform:none}
.nav{flex:none;display:flex;align-items:center;height:44px;margin-top:calc(var(--st) + 2px);padding:0 14px 0 8px;position:relative}
.nav .bk{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#333;position:relative;z-index:1}
.nav .bk svg.i{width:20px;height:20px;stroke-width:1.6}
.nav b{position:absolute;left:0;right:0;text-align:center;font-weight:500;font-size:14.5px;color:#333;letter-spacing:.5px;pointer-events:none}
.nav .done{margin-left:auto;height:29px;padding:0 15px;border-radius:15px;background:var(--dark);color:#fff;font-size:12.5px;position:relative}
.nav .done:disabled{opacity:.45}
.pg-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0 calc(var(--sb) + 24px)}
.blk{margin:0 16px 12px;background:var(--card);border-radius:12px;box-shadow:0 1px 6px rgba(0,0,0,.04)}
.blk textarea,.blk input,.meta input,.sht input{font:inherit;color:inherit;border:0;outline:0;background:none;width:100%;resize:none;-webkit-appearance:none;border-radius:0}
.ed-tx{display:block;padding:17px 18px;min-height:268px;font-size:15px;line-height:1.85;letter-spacing:.4px;color:#2f2f2f}
.ed-tx::placeholder,.ed-sub::placeholder,.ed-pr textarea::placeholder{color:#bdbdba}
.ed-sub{display:block;margin:0 16px 12px;padding:2px 2px;font:inherit;font-size:14px;line-height:1.8;color:#2f2f2f;border:0;outline:0;background:none;width:calc(100% - 32px);resize:none}
.ed-pr{display:flex;gap:12px;padding:15px 16px}
.ed-pr>svg.i{flex:none;width:16px;height:16px;margin-top:2px;color:#333}
.ed-pr textarea{font-family:'Courier Prime',ui-monospace,monospace;font-size:12.5px;line-height:1.6;min-height:62px;color:#333}
.ims{margin:0 16px 12px}
.ims .big{position:relative;border-radius:10px;overflow:hidden;background:#eeeeec}
.ims .big img{display:block;width:100%;aspect-ratio:1.22;object-fit:cover}
.ims .row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}
.ims .row:first-child{margin-top:0}
.ims .row>*{position:relative;border-radius:7px;overflow:hidden;background:#eeeeec;aspect-ratio:1.08}
.ims .row img{display:block;width:100%;height:100%;object-fit:cover}
.ims .add{display:flex;align-items:center;justify-content:center;color:#b5b5b2}
.ims .add svg.i{width:20px;height:20px}
.x{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:rgba(40,40,40,.55);color:#fff;display:flex;align-items:center;justify-content:center}
.x svg.i{width:9px;height:9px;stroke-width:2.2}
.up{position:absolute;inset:0;background:rgba(248,248,246,.6);display:flex;align-items:center;justify-content:center;font-size:11px;color:#666}
.url{display:flex;align-items:center;height:44px;padding:0 12px 0 14px;margin-bottom:10px}
.url input{font-size:12px;color:#555}
.url button{flex:none;color:#666;margin-left:8px}
.url svg.i{width:14px;height:14px}
.lkp{display:flex;gap:13px;padding:13px}
.lkp img{width:92px;height:80px;border-radius:6px;object-fit:cover;flex:none;background:#eeeeec}
.lkp div{min-width:0}
.lkp b{display:block;font-size:14px;font-weight:500;color:#222;line-height:19px;margin-top:6px}
.lkp span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:11.5px;line-height:15.5px;color:#9a9a98;margin-top:5px}
.lkp em{display:block;font-style:normal;font-size:11px;color:#aaa;margin-top:7px}
.lkp.ld{color:#aaa;font-size:12px;justify-content:center;padding:28px}
.cl-top{display:flex;align-items:center;justify-content:center;gap:18px;padding:22px 0 0}
.cl-top .bg{width:76px;height:76px;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08)}
.cl-top .bg input{position:absolute;inset:0;opacity:0;width:100%;height:100%}
.cl-top .hx{font-size:20px;letter-spacing:.5px;color:#333;width:104px}
.cl-top button{color:#666}
.cl-top button svg.i{width:16px;height:16px}
.cl-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 12px;padding:22px 10px 16px}
.cl-row>div{position:relative;width:46px;text-align:center;font-size:9.5px;color:#9a9a98}
.cl-row i{display:block;width:46px;height:46px;border-radius:50%;margin-bottom:6px;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08)}
.cl-row .on i{box-shadow:0 0 0 2.5px #fff,0 0 0 4px #555}
.cl-row .x{top:-5px;right:-5px;width:16px;height:16px}
.cl-row .pl i{border:1px dashed #c8c8c5;box-shadow:none;display:flex;align-items:center;justify-content:center;color:#b5b5b2}
.cl-row .pl svg.i{width:16px;height:16px}
.tagrow{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:2px 16px 0}
.tagrow .tg{height:28px;padding:0 10px;border-radius:7px;background:#ededeb;color:#555;font-size:12px;display:flex;align-items:center;gap:5px}
.tagrow input.tg{width:96px;border:0;outline:0;font:inherit;font-size:12px}
.tagrow .tools{margin-left:auto;display:flex;gap:17px;color:#444}
.tagrow .tools svg.i{width:17px;height:17px}
.meta{margin:14px 16px 0;border-top:1px solid #ececea}
.meta .r{display:flex;align-items:center;min-height:43px;border-bottom:1px solid #ececea;font-size:12.5px;position:relative}
.meta .r>svg.i{width:15px;height:15px;color:#555;flex:none}
.meta .r>label{width:76px;flex:none;padding-left:10px;color:#555}
.meta .r .v{flex:1;min-width:0;color:#8a8a88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meta .r input.v{font-size:12.5px;color:#555}
.meta .r input.v::placeholder{color:#b5b5b2;letter-spacing:2px}
.meta .r .chev{color:#aaa;width:14px;height:14px;flex:none}
.meta .r input[type=datetime-local]{position:absolute;inset:0;opacity:0;width:100%}
.bds{display:flex;gap:10px;align-items:center;overflow:hidden}
.bds span{display:flex;align-items:center;gap:6px;color:#555;white-space:nowrap}
.bds img,.bds i{width:22px;height:22px;border-radius:4px;object-fit:cover;background:#e6e6e4;flex:none}

/* 底部弹层 */
.mask{position:fixed;inset:0;z-index:30;background:rgba(30,30,30,.32);opacity:0;transition:opacity .25s;pointer-events:none}
.mask.in{opacity:1;pointer-events:auto}
.sht{position:fixed;left:0;right:0;bottom:0;z-index:31;background:#fbfbfa;border-radius:16px 16px 0 0;padding:8px 0 calc(var(--sb) + 14px);transform:translateY(105%);transition:transform .3s cubic-bezier(.3,.7,.2,1);max-height:86vh;display:flex;flex-direction:column}
.sht.in{transform:none}
.sht .hdl{width:34px;height:4px;border-radius:2px;background:#dadad7;margin:0 auto 8px;flex:none}
.sht .tt{display:flex;align-items:center;padding:6px 18px 10px 20px;font-size:16px;font-weight:600;color:#2b2b2b;flex:none}
.sht .tt button{margin-left:auto;color:#999}
.sht .tt svg.i{width:16px;height:16px}
.nw{padding:0 18px 0 20px}
.nw button{display:flex;align-items:center;width:100%;height:62px;border-bottom:1px solid #eeeeec;text-align:left}
.nw button:last-child{border-bottom:0}
.nw i{width:42px;height:42px;border-radius:9px;background:#f0f0ee;display:flex;align-items:center;justify-content:center;flex:none;margin-right:14px}
.nw i svg.i{width:19px;height:19px;color:#333}
.nw b{display:block;font-size:14px;font-weight:500;color:#2b2b2b}
.nw small{display:block;font-size:11.5px;color:#9a9a98;margin-top:3px}
.nw .chev{margin-left:auto;width:14px;height:14px;color:#aaa}
.srch{display:flex;align-items:center;gap:8px;height:34px;margin:0 18px 6px;padding:0 12px;border-radius:9px;background:#f0f0ee;color:#999;flex:none}
.srch svg.i{width:14px;height:14px;flex:none}
.srch input{font-size:12.5px;color:#333}
.bl{overflow-y:auto;padding:0 18px;flex:1;min-height:110px}
.bl button{display:flex;align-items:center;width:100%;height:50px;text-align:left;font-size:13px;color:#333}
.bl img,.bl i.cv{width:34px;height:34px;border-radius:6px;object-fit:cover;background:#e6e6e4;flex:none;margin-right:12px}
.bl i.cv{display:flex;align-items:center;justify-content:center;color:#999;font-style:normal}
.bl i.cv svg.i{width:16px;height:16px}
.bl .ck{margin-left:auto;width:17px;height:17px;border-radius:3px;border:1.3px solid #c4c4c1;flex:none;display:flex;align-items:center;justify-content:center;color:transparent}
.bl .on .ck{background:#3f3f3f;border-color:#3f3f3f;color:#fff}
.bl .ck svg.i{width:11px;height:11px;stroke-width:2.4}
.bl .nil{padding:22px 0;text-align:center;font-size:12px;color:#aaa}
.big-btn{height:44px;margin:12px 18px 0;border-radius:10px;background:var(--dark);color:#fff;font-size:14px;flex:none}
.menu{padding:0 20px}
.menu button{display:flex;align-items:center;gap:13px;width:100%;height:44px;font-size:13px;color:#333;border-bottom:1px solid #f0f0ee}
.menu button:last-child{border-bottom:0}
.menu svg.i{width:17px;height:17px;color:#555}
.menu .red,.menu .red svg.i{color:#c0453b}

/* 钥匙 */
#gate{position:fixed;inset:0;z-index:50;background:var(--bg);display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px}
#gate.in{display:flex}
#gate h1{font-family:var(--serif);font-weight:600;font-size:32px}
#gate p{font-size:12px;color:var(--ink2)}
#gate input{width:220px;height:42px;border-radius:12px;border:0;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.05);text-align:center;font:inherit;font-size:16px;letter-spacing:3px;outline:0}
#gate button{height:36px;padding:0 26px;border-radius:18px;background:var(--dark);color:#fff;font-size:13px}

#toast{position:fixed;left:50%;bottom:calc(var(--sb) + 90px);transform:translateX(-50%);z-index:60;background:rgba(50,50,50,.86);color:#fff;font-size:12.5px;padding:8px 16px;border-radius:18px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}
#toast.in{opacity:1}

/* 详情 */
.dt .nav{padding:0 12px 0 8px}
.dt .mo{margin-left:auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#333}
.dt .mo svg.i{width:20px;height:20px;stroke-width:2.6}
.dt .pg-body{padding:4px 0 20px}
.gal{position:relative;margin:0 28px;border-radius:9px;overflow:hidden;background:#eeeeec}
.gal-s{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.gal-s::-webkit-scrollbar{display:none}
.gal-s img{flex:none;width:100%;aspect-ratio:1.86;object-fit:cover;scroll-snap-align:center;display:block}
.pgn{position:absolute;top:10px;right:10px;height:19px;padding:0 8px;border-radius:10px;background:rgba(60,60,60,.45);color:#fff;font-size:10px;display:flex;align-items:center;letter-spacing:.5px}
.ths{display:grid;grid-template-columns:repeat(5,1fr);gap:7.5px;margin:9px 28px 0}
.ths img{width:100%;aspect-ratio:1.36;object-fit:cover;border-radius:6px;display:block;background:#eeeeec;box-sizing:border-box}
.ths img.on{box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #8a8a88}
.d-tx{margin:26px 28px 0;font-size:15.5px;line-height:25px;letter-spacing:2.2px;color:#2a2a2a;white-space:pre-wrap;word-break:break-word}
.d-pr{margin:20px 28px 0;background:var(--card);border-radius:9px;padding:13px 14px;box-shadow:0 1px 5px rgba(0,0,0,.04)}
.d-pr .hd2{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#333}
.d-pr .hd2 svg.i{width:14px;height:14px}
.d-pr .cp{margin-left:auto;display:flex;align-items:center;gap:3px;font-size:11px;color:#9a9a98}
.d-pr .cp svg.i{width:12px;height:12px}
.d-pr .mono{font-family:'Courier Prime',ui-monospace,monospace;font-size:12.5px;line-height:1.65;color:#333;margin-top:10px;white-space:pre-wrap;word-break:break-word}
.d-song{margin:20px 28px 0;padding:9px}
.d-song img{width:64px;height:64px}
.d-song b{font-size:13px;margin-top:8px}
.d-song span{font-size:11px}
.d-song em{font-size:10.5px}
.d-lk{margin:20px 28px 0}
.d-cl{display:flex;flex-wrap:wrap;gap:12px 10px;margin:22px 28px 0}
.d-cl div{width:46px;text-align:center;font-size:9px;color:#9a9a98}
.d-cl i{display:block;width:46px;height:46px;border-radius:50%;margin-bottom:5px;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08)}
.yc{margin:8px 28px 0 22px;font-family:var(--script);font-size:15px;letter-spacing:3px;color:#c6c6c2;transform:rotate(-3deg);transform-origin:left}
.d-tags{display:flex;flex-wrap:wrap;gap:7px;margin:16px 28px 0}
.d-tags span,.d-tags button{height:22px;padding:0 8px;border-radius:6px;background:#efefed;color:#555;font-size:11.2px;display:flex;align-items:center}
.d-tags button{width:24px;padding:0;justify-content:center;color:#666}
.d-tags svg.i{width:12px;height:12px}
.d-meta{margin:16px 28px 0}
.d-meta .r{min-height:33.6px;font-size:11.2px;border-bottom:0}
.d-meta .r:first-child{margin-top:6px}
.d-meta .r>svg.i{width:13px;height:13px}
.d-meta .r>label{width:96px;padding-left:15px;color:#777}
.d-meta .r .v{color:#6a6a68}
.d-meta .rb{align-items:flex-start;padding-top:6px}
.d-meta .rb>svg.i,.d-meta .rb>label{margin-top:8px}
.d-bds{display:flex;flex-wrap:wrap;gap:7px;flex:1}
.d-bds span{height:30px;padding:0 9px 0 3px;border-radius:6px;background:#f2f2f0;display:flex;align-items:center;gap:7px;font-size:9.5px;color:#555}
.d-bds img,.d-bds i{width:25px;height:25px;border-radius:4px;object-fit:cover;background:#e3e3e0}
.d-bds button{width:30px;height:30px;border-radius:6px;background:#f2f2f0;display:flex;align-items:center;justify-content:center;color:#555}
.d-bds svg.i{width:13px;height:13px}
.rel-h{display:flex;align-items:center;gap:12px;margin:30px 28px 0;font-size:10.5px;color:#888}
.rel-h::after{content:"";flex:1;height:1px;background:#ececea}
.rel{display:flex;gap:8px;overflow-x:auto;padding:12px 28px 4px 21px;scrollbar-width:none}
.rel::-webkit-scrollbar{display:none}
.mn{flex:none;height:71px;border-radius:7px;overflow:hidden;background:var(--card);box-shadow:0 1px 5px rgba(0,0,0,.04)}
.mn-song{width:168px;display:flex;align-items:center;gap:9px;padding:0 8px;background:#f0f0ee;position:relative}
.mn-song img{width:43px;height:43px;border-radius:4px;object-fit:cover;flex:none;background:#e3e3e0}
.mn-song div{min-width:0}
.mn-song b{display:block;font-size:10.5px;font-weight:500;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:18px}
.mn-song span{display:block;font-size:9.5px;color:#555;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mn-song em{display:block;font-style:normal;font-size:9px;color:#888;margin-top:3px}
.mn-song .play{position:absolute;right:8px;bottom:9px;width:16px;height:16px;border-radius:50%;background:#555}
.mn-song .play::after{content:"";position:absolute;left:6px;top:4.5px;border-left:5.5px solid #fff;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent}
.mn-pr,.mn-tx{width:131px;padding:10px 9px;font-size:8.5px;line-height:13px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;word-break:break-word}
.mn-pr{font-family:'Courier Prime',ui-monospace,monospace}
.mn-tx{font-size:9.5px;line-height:14px}
.mn-img{width:81px}
.mn-img img{width:100%;height:100%;object-fit:cover;display:block}
.mn-lk{width:150px;display:flex;align-items:center;gap:8px;padding:0 8px}
.mn-lk img{width:48px;height:48px;border-radius:4px;object-fit:cover;flex:none}
.mn-lk b{font-size:9.5px;font-weight:500;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.mn-cl{width:120px;display:flex;align-items:center;justify-content:center;gap:3px}
.mn-cl i{width:19px;height:19px;border-radius:50%}
.dbar{flex:none;display:flex;background:rgba(250,250,249,.96);border-top:1px solid #ececea;padding:0 4px calc(var(--sb) + var(--sbX))}
.dbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 0 9px;font-size:9.4px;color:#666}
.dbar svg.i{width:18px;height:18px;color:#444;stroke-width:1.5}

/* 板子 */
#v-boards .hd h1.zh{font-family:'Songti SC','Noto Serif CJK SC','Source Han Serif SC',serif;font-weight:600;font-size:24px;letter-spacing:1px}
#v-boards .cat.fd{width:22px;height:22px;margin-left:14px;color:#a8a8a5}
#v-boards .cat.fd svg.i{width:22px;height:22px;stroke-width:1.3}
#v-boards .hd-act svg.i{width:23px;height:23px}
.bchips{display:flex;gap:9px;align-items:center;padding:0 16px 0 14px;margin-top:16px}
.bchips .chip{height:28px;padding:0 16px;border-radius:14px;font-size:12px}
.bchips .nb{margin-left:auto;height:30px;padding:0 12px 0 10px;border-radius:8px;background:var(--dark);color:#fff;font-size:12px;display:flex;align-items:center;gap:6px}
.bchips .nb svg.i{width:14px;height:14px;stroke-width:1.8}
.bsr{margin:12px 16px 0}
.bgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;padding:14px 16px 20px}
.bc{background:var(--card);border-radius:9px;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.04)}
.bcv{position:relative;height:116px;background:#eeeeec}
.bcv img{width:100%;height:100%;object-fit:cover;display:block}
.bcv .hw{position:absolute;left:16px;top:34%;font-family:var(--script);font-size:17px;letter-spacing:2px;color:rgba(255,255,255,.92);transform:rotate(-6deg);text-shadow:0 1px 6px rgba(0,0,0,.12);max-width:70%;line-height:1.1}
.bn{display:flex;align-items:center;padding:10px 8px 0 9px}
.bn b{font-size:12px;font-weight:500;color:#2b2b2b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bn button{margin-left:auto;width:24px;height:16px;color:#555;display:flex;align-items:center;justify-content:center;flex:none}
.bn svg.i{width:16px;height:16px;stroke-width:2.6}
.bk2{font-size:8.6px;color:#9a9a98;padding:4px 9px 0}
.b4{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:10px 8px 9px}
.b4 span{aspect-ratio:1;border-radius:4px;overflow:hidden;background:#f1f1ef;display:block}
.b4 img{width:100%;height:100%;object-fit:cover;display:block}
.tn-cl{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%}
.tn-cl b{display:block}
.tn-tx{display:block;padding:4px;font-size:6px;line-height:8px;color:#777;font-style:normal;overflow:hidden;height:100%;word-break:break-all}
.bnil{grid-column:1/-1;text-align:center;padding:60px 0;font-size:12px;color:#aaa;width:100%}
.nm{margin:4px 18px 0;height:40px}
.nm input{font-size:14px}
.cvs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 18px;overflow-y:auto}
.cvs img,.cvs button{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block;background:#efefed}
.cvs button{display:flex;align-items:center;justify-content:center;color:#999}
.bp .mo{margin-left:auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#333;position:relative}
.bp .mo svg.i{width:20px;height:20px;stroke-width:2.6}
.bp-n{text-align:center;font-size:10.5px;color:#9a9a98;margin-top:-6px}
.bp-g{display:flex;gap:10px;padding:12px 16px 18px;align-items:flex-start}
.bp-g .col{flex:1;min-width:0;display:flex;flex-direction:column;gap:11px}
.tab .on[data-tab=boards] svg path+path,.tab .on[data-tab=trash] svg path+path{stroke:#fff}

/* Moon 栏 */
#main.mmode{overflow:hidden;display:flex;flex-direction:column}
#v-moon:not([hidden]){flex:1;display:flex;flex-direction:column;min-height:0}
#v-moon .mn-ic{width:24px;height:24px;margin-left:18px;color:#555}
#v-moon .mn-ic svg.i{width:24px;height:24px;stroke-width:1.4}
.m-act{align-items:center;gap:12px!important}
.m-act svg.i{width:19px!important;height:19px!important}
.m-act .kept{height:30px;padding:0 12px 0 10px;border-radius:15px;background:#efefed;font-size:11.5px;color:#333;display:flex;align-items:center;gap:6px}
.m-act .kept svg.i{width:14px!important;height:14px!important}
.mchips .chip{padding:0 13px}
.mdeck{flex:1;min-height:0;position:relative;margin-top:14px}
.mc{position:absolute;top:0;bottom:6px;left:50%;width:236px;margin-left:-118px;background:var(--card);border-radius:9px;box-shadow:0 4px 18px rgba(0,0,0,.07);overflow:hidden;display:flex;flex-direction:column;padding:6px 6px 0;touch-action:pan-y}
.mc.pc{z-index:3}
.mc.pl,.mc.pr{top:46px;bottom:-30px;transform:scale(.92);opacity:.95;z-index:1;pointer-events:none}
.mc.pl{margin-left:calc(-118px - 258px);transform-origin:right top}
.mc.pr{margin-left:calc(-118px + 258px);transform-origin:left top}
.m-big{position:relative;border-radius:6px;overflow:hidden;flex:1;min-height:120px;background:#eeeeec}
.m-big img{width:100%;height:100%;object-fit:cover;display:block}
.m-big .pgn{top:8px;right:8px}
.m-ext{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:5px;background:rgba(60,60,60,.4);color:#fff;display:flex;align-items:center;justify-content:center}
.m-ext svg.i{width:11px;height:11px}
.m-ths{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:5px;flex:none}
.m-ths img{width:100%;aspect-ratio:1.06;object-fit:cover;border-radius:5px;display:block}
.m-ths img.on{box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #8a8a88}
.mpad{padding:6px 7px 0;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.mbadge{align-self:flex-start;height:22px;padding:0 9px 0 7px;border-radius:11px;border:1px solid #ececea;font-size:10px;color:#444;display:flex;align-items:center;gap:5px;flex:none}
.mbadge svg.i{width:12px;height:12px}
.m-ti{font-family:'EB Garamond','Songti SC','Noto Serif CJK SC',serif;font-weight:500;font-size:20px;line-height:1.25;color:#222;margin-top:14px;flex:none}
.m-url{font-size:8.6px;color:#9a9a98;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}
.m-lim{width:100%;flex:1;min-height:60px;object-fit:cover;border-radius:5px;margin-top:14px;display:block}
.m-desc{font-family:'EB Garamond','Songti SC',serif;font-size:11.5px;line-height:1.45;color:#444;margin-top:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;flex:none}
.m-mono{font-size:11px!important;line-height:17px!important;-webkit-line-clamp:7!important;margin-top:14px!important;flex:none}
.m-pg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:12px}
.m-pg img{width:100%;aspect-ratio:.8;object-fit:cover;border-radius:4px}
.m-cl{display:flex;flex-wrap:wrap;gap:14px 10px;margin-top:30px;justify-content:center}
.m-cl div{width:58px;text-align:center;font-size:9px;color:#9a9a98}
.m-cl i{display:block;width:58px;height:58px;border-radius:50%;margin-bottom:6px;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08)}
.m-tx{padding:12px 7px 0;font-size:13px;line-height:21px;letter-spacing:.6px;color:#2f2f2f;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;flex:none;white-space:pre-wrap}
.m-tx.solo{flex:1;-webkit-line-clamp:14;font-size:15px;line-height:26px;padding-top:18px}
.m-tags{display:flex;flex-wrap:wrap;gap:6px;padding:10px 7px 0;flex:none}
.m-tags:empty{display:none}
.m-tags span{height:20px;padding:0 7px;border-radius:5px;background:#f1f1ef;color:#6a6a68;font-size:9.5px;display:flex;align-items:center}
.mc .m-ft{flex:none;padding:10px 7px 10px}
.mnil{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.mnil .hw2{font-family:var(--script);font-size:24px;letter-spacing:2px;color:#9a9a98}
.mnil p{font-size:12px;color:#aaa}
.mbtns{flex:none;display:flex;align-items:flex-start;justify-content:center;gap:40px;padding:18px 0 14px;position:relative}
.mbtns.off{opacity:.35;pointer-events:none}
.mbtns>button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10.5px;color:#555}
.mbtns i{width:61px;height:61px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.mbtns .mb-x i{background:#e9e6e2;color:#666}
.mbtns .mb-ok i{background:#3e3e3e;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.mbtns .mb-ok{color:#2b2b2b;font-weight:500}
.mbtns svg.i{width:20px;height:20px}
.sw-l,.sw-r{position:absolute;top:22px;width:62px;font-family:var(--script);font-size:11px;line-height:15px;letter-spacing:1.2px;color:#8a8a88;text-align:center}
.sw-l{left:24px}.sw-r{right:24px}
.sw-l svg,.sw-r svg{width:56px;height:14px;fill:none;stroke:#8a8a88;stroke-width:1;stroke-linecap:round;display:block;margin:0 auto 8px}
.sw-l span{display:block;transform:rotate(-6deg)}.sw-r span{display:block;transform:rotate(-6deg)}
.mhelp{padding:0 20px 6px;font-size:13px;line-height:1.75;color:#444}
.mhelp p+p{margin-top:8px}
.mhelp b{font-weight:600;color:#222}
.mc .m-ft{display:flex;align-items:center;justify-content:space-between;font-size:9.5px;color:#a3a3a0}
.mc .m-ft button{width:26px;height:16px;margin-right:-7px;color:#555;display:flex;align-items:center;justify-content:center}
.mc .m-ft svg.i{width:16px;height:16px;stroke-width:2.6}
.mchips{gap:7px}
.mchips .chip{height:25px;padding:0 11px;font-size:10.5px}

/* 回收站 */
#v-trash .hd h1.zh{font-family:'Songti SC','Noto Serif CJK SC','Source Han Serif SC',serif;font-weight:600;font-size:24px;letter-spacing:1px}
#v-trash .cat.fd{width:22px;height:22px;margin-left:14px;color:#a8a8a5}
#v-trash .cat.fd svg.i{width:22px;height:22px;stroke-width:1.3}
.t-clr{font-size:13px;color:#555}
.t-tip{display:flex;gap:9px;align-items:flex-start;margin:16px 16px 0;padding:11px 13px;border-radius:9px;background:#efefed;font-size:11px;line-height:17px;color:#7a7a78}
.t-tip svg.i{width:15px;height:15px;flex:none;margin-top:1px;color:#9a9a98}
.t-g{display:flex;gap:10px;padding:13px 16px 18px;align-items:flex-start}
.t-g .col{flex:1;min-width:0;display:flex;flex-direction:column;gap:11px}
.tcd{position:relative}
.tcd .ft span{line-height:15px}
.tck{position:absolute;top:8px;right:8px;z-index:2;width:20px;height:20px;border-radius:50%;border:1.3px solid #c9c9c6;background:rgba(255,255,255,.75);display:flex;align-items:center;justify-content:center;color:transparent}
.tck svg.i{width:12px;height:12px;stroke-width:2.4}
.tcd.on .tck{background:var(--dark);border-color:var(--dark);color:#fff}
.tcd.on{box-shadow:0 0 0 1.5px var(--dark)}
.t-bar{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 16px;background:rgba(248,248,246,.96);border-top:1px solid #ececea}
.t-all{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#444;margin-right:auto}
.t-all i{width:17px;height:17px;border-radius:4px;border:1.3px solid #c4c4c1;display:flex;align-items:center;justify-content:center;color:transparent}
.t-all i svg.i{width:11px;height:11px;stroke-width:2.6}
.t-all.on i{background:var(--dark);border-color:var(--dark);color:#fff}
.t-del,.t-ok{height:38px;padding:0 20px;border-radius:9px;font-size:12.5px}
.t-del{background:#e9e9e7;color:#c0453b}
.t-ok{background:var(--dark);color:#fff}
.t-del:disabled,.t-ok:disabled{background:#e9e9e7;color:#b5b5b2}
.t-sure{padding:0 20px;font-size:13px;color:#666;line-height:20px}
.big-btn.red{background:#c0453b}
.t-sh{position:relative;padding:0 18px}
.t-x{position:absolute;right:16px;top:-6px;color:#999;z-index:2}
.t-x svg.i{width:16px;height:16px}
.t-pic{display:block;width:100%;height:auto;max-height:36vh;object-fit:cover;border-radius:10px;margin-top:22px;background:#eeeeec}
.t-cl{display:flex;height:110px;overflow:hidden}
.t-cl i{flex:1}
.t-txt{padding:18px;font-size:13px;line-height:21px;color:#444;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;background:#f1f1ef}
.t-nm{display:block;font-size:16px;font-weight:600;color:#2b2b2b;margin-top:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t-ty{font-size:11px;color:#9a9a98;margin-top:4px}
.t-mt{display:flex;flex-direction:column;gap:5px;font-size:11.5px;color:#888;margin-top:14px}
.t-sh .big-btn{display:block;width:100%;margin:16px 0 0}
.t-two{display:flex;gap:10px;margin-top:10px}
.t-two button{flex:1;height:42px;border-radius:10px;background:#efefed;font-size:12.5px;color:#444;display:flex;align-items:center;justify-content:center;gap:7px}
.t-two svg.i{width:16px;height:16px}
.t-two .red{color:#c0453b;background:#f6ecea}
#v-trash:not([hidden]){min-height:100%;display:flex;flex-direction:column}
#v-trash .t-g{flex:1}
.tcd .cnt{right:auto;left:8px}
.tcd .ext{display:none}
.tck+.pad>:first-child{padding-right:24px}
.t-sh img.t-pic{aspect-ratio:16/10;max-height:none}
/* 我 */
#v-me .hd h1.zh{font-family:'Songti SC','Noto Serif CJK SC','Source Han Serif SC',serif;font-weight:600;font-size:24px;letter-spacing:1px}
#v-me .hd .cat{margin-left:14px;color:#8a8a88}
#v-me .hd-act svg.i{width:22px;height:22px;stroke-width:1.4}
.me-pf{display:flex;align-items:center;gap:16px;margin:20px 18px 0}
.me-pf .av{width:74px;height:74px;border-radius:50%;object-fit:cover;flex:none;background:#eeeeec;display:flex;align-items:center;justify-content:center;color:#8a8a88}
.me-pf i.av svg{width:40px;height:40px}
.me-pf b{display:block;font-family:var(--serif),'Songti SC','Noto Serif CJK SC',serif;font-size:20px;font-weight:600;color:#2b2b2b;letter-spacing:.5px}
.me-pf span{display:block;font-size:11.5px;color:#8a8a88;margin-top:4px}
.me-pf em{display:inline-block;font-style:normal;font-size:10px;color:#6a6a68;background:#eeeeec;border-radius:10px;padding:2px 10px;margin-top:9px}
.me-n{display:flex;margin:22px 16px 0}
.me-n button{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}
.me-n button+button::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:#e4e4e1}
.me-n b{font-size:17px;font-weight:500;color:#2b2b2b}
.me-n span{font-size:10px;color:#9a9a98;margin-top:2px}
.me-mc{position:relative;margin:20px 16px 0;height:118px;border-radius:12px;overflow:hidden;background:#e7e1d8}
.me-mc::before{content:"";position:absolute;inset:0;background:url(window.png) left top/58% 190% no-repeat;opacity:.5;transform:scaleX(-1);-webkit-mask-image:linear-gradient(90deg,#000 28%,transparent 56%);mask-image:linear-gradient(90deg,#000 28%,transparent 56%)}
.me-mc .hw{position:absolute;right:26px;top:50%;transform:translateY(-50%) rotate(-5deg);font-family:var(--script);font-size:20px;line-height:1.05;letter-spacing:1px;color:#6b6458;z-index:1}
.me-mc .us{position:absolute;left:12px;bottom:0;z-index:1;display:flex;align-items:flex-end;gap:12px}
.me-mc .q{height:96px;width:auto;display:block}
.me-mc .mid{display:flex;flex-direction:column;align-items:center;gap:4px;padding-bottom:28px}
.me-mc .mid img{width:15px;height:auto;display:block}
.me-ls{margin:14px 16px 0;background:var(--card);border-radius:12px;box-shadow:0 1px 5px rgba(0,0,0,.04);padding:0 14px}
.me-ls button{display:flex;align-items:center;gap:12px;width:100%;height:46px;font-size:13px;color:#333;border-bottom:1px solid #f0f0ee}
.me-ls button:last-child{border-bottom:0}
.me-ls svg.i{width:17px;height:17px;color:#555;flex:none}
.me-ls em{margin-left:auto;font-style:normal;font-size:11.5px;color:#a3a3a0}
.me-ls .chev{width:13px;height:13px;color:#b5b5b2;margin-left:6px}
.me-ls button:not(:has(em)) .chev{margin-left:auto}
.me-gi{font-family:var(--script);font-size:16px;color:#9a9a98;text-align:right;line-height:1.1;letter-spacing:1px;margin:18px 34px 26px 0;transform:rotate(-5deg)}
.pf-av{display:flex;flex-direction:column;align-items:center;gap:7px;margin:2px auto 12px;font-size:11px;color:#8a8a88;flex:none}
.pf-av img,.pf-av i{width:72px;height:72px;border-radius:50%;object-fit:cover;background:#eeeeec;display:flex;align-items:center;justify-content:center;color:#8a8a88}
.pf-av i svg{width:38px;height:38px}
.sht .nm+.nm{margin-top:8px}
/* 我的颜色 */
.cp .bp-n{margin:0 0 4px}
.cp-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 16px}
.cp-g button{display:flex;flex-direction:column;align-items:center;background:var(--card);border-radius:10px;padding:14px 6px 11px;box-shadow:0 1px 5px rgba(0,0,0,.04)}
.cp-g i{width:54px;height:54px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.cp-g b{font-size:11.5px;font-weight:500;color:#333;margin-top:9px;letter-spacing:.3px}
.cp-g small{font-size:9.5px;color:#a3a3a0;margin-top:2px}
/* 偏好 */
.pf .pg-body{padding-top:6px}
.pf-s{margin:0 16px 12px;background:var(--card);border-radius:12px;box-shadow:0 1px 5px rgba(0,0,0,.04);padding:13px 14px 2px}
.pf-s h4{font-size:12.5px;font-weight:600;color:#2b2b2b;margin-bottom:2px}
.pf-th{display:flex;gap:10px;padding:10px 0 13px}
.pf-th button{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;color:#555}
.pf-th i{position:relative;display:block;width:100%;height:62px;border-radius:9px;border:1.5px solid transparent;box-shadow:0 0 0 1px #e4e4e1}
.pf-th .on i{border-color:#3b3b3b;box-shadow:none}
.th-light{background:linear-gradient(90deg,#fff 20% 47%,#e9e6e1 47% 80%) center/100% 66% no-repeat,#f6f6f4}
.th-dark{background:linear-gradient(90deg,#3c3c3c 20% 47%,#2e2e2e 47% 80%) center/100% 66% no-repeat,#1c1c1c}
.th-auto{background:linear-gradient(90deg,#f6f6f4 50%,#1c1c1c 50%)}
.pf-th .ck{position:absolute;right:5px;bottom:5px;width:15px;height:15px;border-radius:50%;background:#3b3b3b;color:#fff;display:none;align-items:center;justify-content:center}
.pf-th .on .ck{display:flex}
.pf-th .ck svg.i{width:9px;height:9px;stroke-width:3}
.pf-r{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 0;border-bottom:1px solid #f0f0ee;text-align:left}
.pf-r:last-child{border-bottom:0}
.pf-r>svg.i{width:17px;height:17px;color:#555;flex:none}
.pf-r>div{flex:1;min-width:0}
.pf-r b{display:block;font-size:13px;font-weight:400;color:#333}
.pf-r small{display:block;font-size:10.5px;color:#a3a3a0;margin-top:2px}
.pf-r em{font-style:normal;font-size:11.5px;color:#9a9a98;white-space:nowrap}
.pf-r .chev{width:13px;height:13px;color:#b5b5b2;flex:none}
.pf-r.red b,.pf-r.red>svg.i{color:#c0453b}
.tgl{width:42px;height:25px;border-radius:13px;background:#e3e3e0;position:relative;flex:none;transition:background .2s}
.tgl::after{content:"";position:absolute;left:2px;top:2px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:transform .2s}
.tgl.on{background:#3b3b3b}
.tgl.on::after{transform:translateX(17px)}
.menu.pick .ck{margin-left:auto;width:15px;height:15px;opacity:0}
.menu.pick .on .ck{opacity:1}
.wp{margin-top:12px!important}
.big-btn:disabled{opacity:.4}
/* 导出 */
.ex .pg-body{padding-left:16px;padding-right:16px}
.ex-hero{display:flex;align-items:center;gap:12px;margin:2px 0 4px}
.ex-hero img{width:146px;flex:none}
.ex-hero h3{font-size:15px;font-weight:600;color:#2b2b2b}
.ex-hero .hw{font-family:var(--script);font-size:14px;color:#8a8a88;margin-top:4px;letter-spacing:.5px}
.ex-hero p{font-size:11px;color:#9a9a98;line-height:17px;margin-top:6px}
.ex-h{font-size:12.5px;font-weight:600;color:#2b2b2b;margin:16px 2px 8px}
.ex-o{background:var(--card);border-radius:12px;box-shadow:0 1px 5px rgba(0,0,0,.04);padding:0 14px}
.ex-o button{display:flex;align-items:center;gap:11px;width:100%;height:43px;font-size:13px;color:#333;border-bottom:1px solid #f0f0ee}
.ex-o button:last-child{border-bottom:0}
.ex-o i{width:17px;height:17px;border-radius:4px;border:1.3px solid #c4c4c1;display:flex;align-items:center;justify-content:center;color:transparent;flex:none}
.ex-o .on i{background:#3b3b3b;border-color:#3b3b3b;color:#fff}
.ex-o i svg.i{width:11px;height:11px;stroke-width:2.6}
.ex-o em{font-style:normal;color:#a3a3a0;font-size:11.5px}
.ex-f{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ex-f button{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;text-align:left;background:var(--card);border-radius:10px;padding:11px 12px;border:1.3px solid transparent;box-shadow:0 1px 5px rgba(0,0,0,.04)}
.ex-f>button>svg.i{grid-row:span 2;width:17px;height:17px;color:#555}
.ex-f b{font-size:12.5px;font-weight:500;color:#2b2b2b}
.ex-f small{font-size:10px;color:#9a9a98}
.ex-f .ck{position:absolute;right:8px;top:8px;width:15px;height:15px;border-radius:50%;background:#3b3b3b;color:#fff;display:none;align-items:center;justify-content:center}
.ex-f .on{border-color:#3b3b3b}
.ex-f .on .ck{display:flex}
.ex-f .ck svg.i{width:9px;height:9px;stroke-width:3}
.ex .big-btn{display:block;width:100%;margin:18px 0 0}
.ex-st{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:9vh}
.ex-st h3{font-size:17px;font-weight:600;color:#2b2b2b}
.ex-st p{font-size:12px;color:#8a8a88;margin-top:6px}
.ex-st img{width:250px;margin:26px 0 24px}
.ex-st .bar{width:78%;height:5px;border-radius:3px;background:#e9e9e7;overflow:hidden}
.ex-st .bar i{display:block;height:100%;width:0;background:#3b3b3b;transition:width .2s}
.ex-st .pc{font-size:13px;font-weight:500;margin-top:12px;color:#333}
.ex-st small{font-size:11px;color:#9a9a98;margin-top:4px}
.ex-ok img{width:230px;margin:6px 0 20px}
.ex-two{display:flex;gap:10px;width:100%;margin-top:28px}
.ex-two button{flex:1;height:44px;border-radius:10px;background:#e9e9e7;font-size:13px;color:#333}
.ex-two button:first-child{background:var(--dark);color:#fff}
.ex-st .ex-tip{font-size:10.5px;color:#a3a3a0;margin-top:12px}
.ex-fr{position:fixed;left:-10px;top:0;width:1px;height:1px;opacity:0;pointer-events:none;border:0}
/* 底栏小点：Moon 栏有新东西 */
.tab button{position:relative}
.tab .dot::after{content:"";position:absolute;top:calc(var(--tbT) + 1px);left:calc(50% + 8px);width:7px;height:7px;border-radius:50%;background:#c0453b;box-shadow:0 0 0 1.5px #fafaf9}

/* 首页搜索条、筛选 */
.hsr{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin:14px 16px 0}
.hsr[hidden],.fbar[hidden]{display:none}
.hsr .srch{flex:1;margin:0}
.hsr input{font:inherit;font-size:12.5px;color:#333;border:0;outline:0;background:none;width:100%;-webkit-appearance:none;border-radius:0}
.hsr button{font-size:12.5px;color:#555}
.hd-act .dot{position:relative}
.hd-act .dot::after{content:"";position:absolute;top:0;right:-2px;width:6px;height:6px;border-radius:50%;background:#c0453b;box-shadow:0 0 0 1.5px #fafaf9}
.fbar{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 16px 0}
.fbar em{font-style:normal;font-size:11px;color:#999;margin-right:2px}
.fbar span{height:22px;padding:0 6px 0 8px;border-radius:11px;background:#ececea;font-size:11px;color:#444;display:flex;align-items:center;gap:3px}
.fbar span svg.i{width:11px;height:11px;color:#888}
.fbar button{font-size:11px;color:#999;margin-left:2px}
.nores{position:relative;z-index:1;padding:70px 0;text-align:center;font-size:12px;color:#aaa}
.fs{overflow:auto;padding:0 20px 4px}
.fs h5{font-size:12px;font-weight:600;color:#2b2b2b;margin:12px 0 8px}
.fs h5:first-child{margin-top:2px}
.fs-ch{display:flex;flex-wrap:wrap;gap:7px}
.fs-ch button{height:26px;padding:0 12px;border-radius:13px;background:var(--chip);font-size:11.5px;color:#3a3a3a;display:flex;align-items:center;gap:5px}
.fs-ch button.on{background:var(--dark);color:#fff}
.fs-ch i{font-style:normal;font-size:10px;opacity:.5}
.fs-nil{font-size:11.5px;color:#aaa}
.fs-ft{display:flex;gap:10px;margin:16px 18px 0;flex:none}
.fs-ft .big-btn{flex:1;margin:0}
.fs-rs{height:44px;padding:0 22px;border-radius:10px;background:#efefed;color:#333;font-size:14px}