:root{--ink:#2B3C45;--rose:#A76BF6;--mint:#F1F9B4;--sky:#89FF94;--ink3:#91C3DF;--card:#fff;--grape:#66F1FB;--ink2:#59ADCF;--sakura:#C1B0FC;--line:#EDC0DC;--r:14px;--paper:#FBF0F7;--butter:#FF97C4;--frame:2.5px solid var(--ink);}
*{padding:0;margin:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{line-height:1.65;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink);}
::selection{background:var(--sakura);}
a{text-decoration:none;color:inherit;}
img{width:100%;display:block;background:#E9F1F7;height:100%;object-fit:cover;}
.nb87-wrap{margin:0 auto;max-width:1240px;padding:0 22px;}
.nb87-hd{position:sticky;backdrop-filter:blur(10px);border-bottom:var(--frame);top:0;background:rgba(251,240,247/.94);z-index:90;}
.nb87-hd-in{height:70px;align-items:center;gap:20px;display:flex;}
.nb87-logo{flex:none;display:flex;align-items:center;gap:9px;}
.nb87-logo svg{display:block;height:36px;width:36px;}
.nb87-logo b{font-size:19px;font-weight:900;}
.nb87-logo b i{font-style:normal;color:var(--rose);}
.nb87-nv{gap:6px;list-style:none;display:flex;}
.nb87-nv a{border-radius:999px;color:var(--ink2);font-size:14.5px;font-weight:800;display:block;transition:.2s;padding:7px 15px;}
.nb87-nv a:hover{color:var(--grape);background:#EFFCFF;}
.nb87-nv a.nb87-on{background:var(--ink);color:#fff;}
.nb87-hd-right{align-items:center;gap:10px;margin-left:auto;display:flex;}
.nb87-hd-search{padding:5px 6px 5px 14px;border:2px dashed var(--ink2);align-items:center;width:220px;display:flex;border-radius:999px;}
.nb87-hd-search input{color:var(--ink);background:none;min-width:0;border:0;font-size:13.5px;width:100%;outline:0;}
.nb87-hd-cta{color:var(--ink);font-weight:900;background:var(--butter);box-shadow:3px 3px 0 rgba(43,60,69/.18);padding:8px 16px;font-size:13px;border:var(--frame);border-radius:999px;}
.nb87-burger{border:0;font-size:23px;cursor:pointer;background:none;color:var(--ink);display:none;}
.nb87-hero{position:relative;background:#E9EBF6;border-bottom:var(--frame);overflow:hidden;height:440px;}
.nb87-slide{transition:opacity .7s;inset:0;opacity:0;pointer-events:none;position:absolute;}
.nb87-slide.nb87-on{pointer-events:auto;opacity:1;}
.nb87-slide .nb87-bgimg{position:absolute;inset:0;}
.nb87-slide .nb87-bgimg img{object-fit:cover;height:100%;width:100%;}
.nb87-slide .nb87-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(43,60,69/.72) 2%,rgba(43,60,69/.18) 55%,transparent 82%)}
.nb87-sl-in{grid-template-columns:minmax(0,1fr) 300px;gap:30px;height:100%;position:relative;display:grid;z-index:3;align-items:center;}
.nb87-sl-tag{transform:rotate(-2deg);font-size:11.5px;font-weight:900;border-radius:16px;background:#fff;padding:3px 12px;display:inline-block;letter-spacing:1.5px;border:var(--frame);}
.nb87-slide h1,.nb87-slide h2{text-shadow:0 4px 18px rgba(43,60,69/.55);margin:14px 0 8px;color:#fff;font-weight:900;font-size:clamp(28px,3.4vw,46px);}
.nb87-slide .nb87-sub{color:#fdf6ff;max-width:520px;font-size:15px;text-shadow:0 2px 10px rgba(43,60,69/.5);}
.nb87-sl-meta{gap:9px;flex-wrap:wrap;margin-top:14px;display:flex;}
.nb87-sl-meta span{font-size:12px;border-radius:999px;padding:2px 12px;font-weight:800;background:rgba(255,255,255,.9);border:2px solid var(--ink);}
.nb87-sl-btns{gap:12px;display:flex;margin-top:20px;}
.nb87-btn{gap:8px;cursor:pointer;font-size:14.5px;box-shadow:4px 4px 0 rgba(43,60,69/.25);padding:12px 26px;font-weight:900;transition:.2s;display:inline-flex;border-radius:999px;align-items:center;}
.nb87-btn-p{color:#fff;border:0;background:var(--ink);}
.nb87-btn-p:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(193,176,252/.7);}
.nb87-btn-g{border:var(--frame);background:#fff;color:var(--ink);}
.nb87-today{border:var(--frame);padding:16px 18px;background:var(--card);box-shadow:7px 7px 0 rgba(255,151,196/.85);border-radius:var(--r);}
.nb87-today h3{border-bottom:2px dashed var(--line);align-items:center;padding-bottom:9px;gap:8px;font-size:15.5px;display:flex;}
.nb87-today h3::after{content:"18 部在追";margin-left:auto;font-size:10.5px;font-weight:900;background:var(--sky);border:2px solid var(--ink);border-radius:999px;padding:1px 9px}
.nb87-today ul{list-style:none;}
.nb87-today li{display:grid;align-items:center;grid-template-columns:56px 1fr auto;border-bottom:1.5px dashed var(--line);gap:10px;font-size:13.5px;padding:7.5px 0;}
.nb87-today li:last-child{border-bottom:0;}
.nb87-today li time{font-weight:900;color:#fff;text-align:center;padding:2px 0;background:var(--grape);border-radius:18px;font-size:11px;}
.nb87-today li b{font-weight:800;}
.nb87-today li small{font-size:11px;display:block;color:var(--ink2);font-weight:400;}
.nb87-today li .nb87-ep{padding:0 8px;font-weight:900;font-size:11px;border-radius:999px;border:2px solid var(--ink);background:var(--butter);}
.nb87-dots{left:0;position:absolute;z-index:6;bottom:16px;right:0;}
.nb87-dots .nb87-wrap{gap:10px;display:flex;align-items:center;}
.nb87-dots button{cursor:pointer;border:2px solid var(--ink);padding:0;width:28px;height:5px;background:#fff;border-radius:18px;}
.nb87-dots button.nb87-on{background:var(--rose);}
.nb87-arws{display:flex;margin-left:auto;gap:8px;}
.nb87-arw{border:var(--frame);background:#fff;width:38px;font-size:16px;cursor:pointer;height:38px;border-radius:50%;font-weight:900;}
.nb87-arw:hover{background:var(--butter);}
.nb87-sec{padding:42px 0 0;}
.nb87-sec-h{margin-bottom:18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.nb87-sec-h h2{font-size:23px;font-weight:900;}
.nb87-kick{letter-spacing:1.5px;font-size:11px;border-radius:24px;background:var(--butter);font-weight:900;transform:rotate(-1.5deg);display:inline-block;border:2px solid var(--ink);padding:2px 10px;}
.nb87-sec-h small{color:var(--ink2);font-size:13px;}
.nb87-sec-h .nb87-more{border-radius:999px;font-size:13px;margin-left:auto;box-shadow:3px 3px 0 rgba(43,60,69/.16);padding:6px 18px;border:var(--frame);background:#fff;font-weight:900;}
.nb87-sec-h .nb87-more:hover{color:#fff;background:var(--ink);}
.nb87-shelf{overflow-x:auto;padding:4px 4px 16px;gap:14px;scroll-snap-type:x mandatory;display:flex;}
.nb87-shelf::-webkit-scrollbar{height:8px;}
.nb87-shelf::-webkit-scrollbar-thumb{background:var(--sakura);border-radius:16px;}
.nb87-bk{border:var(--frame);scroll-snap-align:start;position:relative;transition:.24s;background:var(--card);border-radius:22px;overflow:hidden;flex:0 0 168px;}
.nb87-bk:hover{transform:translateY(-6px);box-shadow:0 12px 0 rgba(193,176,252/.75);}
.nb87-bk .nb87-art{aspect-ratio:3/4;}
.nb87-bk .nb87-b{border-top:2px dashed var(--line);padding:9px 11px 11px;}
.nb87-bk h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;}
.nb87-bk small{font-size:11px;color:var(--ink2);}
.nb87-bk .nb87-pin{position:absolute;background:var(--rose);border:2px solid var(--ink);z-index:2;font-size:10px;top:8px;color:#fff;left:8px;font-weight:900;padding:0 7px;border-radius:24px;transform:rotate(-3deg);}
.nb87-bk .nb87-pin.nb87-p2{background:var(--grape);}
.nb87-bk .nb87-pin.nb87-p3{color:var(--ink);background:var(--sky);}
.nb87-bk .nb87-rate{bottom:62px;background:#fff;border:2px solid var(--ink);color:var(--rose);position:absolute;padding:0 8px;z-index:2;font-weight:900;right:8px;border-radius:999px;font-size:11px;}
.nb87-pick{border:var(--frame);overflow:hidden;box-shadow:9px 9px 0 var(--mint);display:grid;border-radius:18px;grid-template-columns:300px minmax(0,1fr);background:var(--card);}
.nb87-pick .nb87-left{position:relative;border-right:var(--frame);}
.nb87-pick .nb87-left .nb87-no{transform:rotate(-3deg);padding:2px 9px;position:absolute;font-weight:900;background:#fff;top:10px;border-radius:16px;border:2px solid var(--ink);font-size:11px;z-index:2;left:10px;}
.nb87-pick .nb87-rgt{padding:24px 28px;}
.nb87-pick h3{font-size:26px;font-weight:900;}
.nb87-pick .nb87-meta{margin:8px 0 12px;display:flex;flex-wrap:wrap;font-size:13px;color:var(--ink2);gap:12px;}
.nb87-pick .nb87-meta b{color:var(--rose);}
.nb87-pick .nb87-syn{font-size:14px;border:2px dashed var(--grape);background:#fdf9ff;color:#357EB6;border-radius:16px;padding:13px 15px;}
.nb87-panes{grid-template-columns:repeat(3,1fr);display:grid;margin-top:14px;gap:11px;}
.nb87-pane{background:var(--paper);padding:10px 12px;border-radius:24px;border:2px solid var(--ink);}
.nb87-pane b{font-size:12.5px;display:block;margin-bottom:3px;}
.nb87-pane p{color:var(--ink2);font-size:12px;}
.nb87-pick .nb87-acts{margin-top:16px;gap:11px;display:flex;flex-wrap:wrap;align-items:center;}
.nb87-masonry{columns:5;column-gap:14px;}
.nb87-tile{border:var(--frame);margin-bottom:14px;background:var(--card);transition:.24s;overflow:hidden;break-inside:avoid;border-radius:16px;}
.nb87-tile:hover{transform:translateY(-5px);box-shadow:6px 8px 0 rgba(102,241,251/.28);}
.nb87-tile .nb87-art{position:relative;}
.nb87-tile .nb87-rate{position:absolute;background:#fff;z-index:2;left:8px;padding:0 9px;border:2px solid var(--ink);font-size:11.5px;border-radius:999px;top:8px;font-weight:900;color:var(--rose);}
.nb87-tile .nb87-b{border-top:2px dashed var(--line);padding:10px 12px 12px;}
.nb87-tile h3{font-size:14.5px;}
.nb87-tile .nb87-t2{display:flex;justify-content:space-between;gap:8px;margin-top:5px;font-size:11.5px;color:var(--ink2)}
.nb87-tile .nb87-t2 b{color:var(--rose);}
.nb87-upd{border:var(--frame);padding:6px 18px 12px;border-radius:var(--r);background:var(--card);}
.nb87-upd-row{grid-template-columns:66px minmax(0,1fr) auto;display:grid;border-bottom:2px dashed var(--line);padding:10px 0;gap:13px;align-items:center;}
.nb87-upd-row:last-child{border-bottom:0;}
.nb87-upd-row .nb87-th{border:2px solid var(--ink);border-radius:24px;overflow:hidden;width:66px;aspect-ratio:1/1;}
.nb87-upd-row h4{font-size:14.5px;}
.nb87-upd-row small{color:var(--ink2);display:block;font-size:11.5px;}
.nb87-upd-row .nb87-ep{color:var(--rose);font-weight:900;font-size:12px;white-space:nowrap;}
.nb87-tabs{margin-bottom:14px;display:flex;flex-wrap:wrap;gap:9px;}
.nb87-tabs button{color:var(--ink2);background:#fff;cursor:pointer;border:var(--frame);box-shadow:3px 3px 0 rgba(43,60,69/.15);padding:7px 20px;font-weight:900;font-size:13.5px;border-radius:999px;}
.nb87-tabs button.nb87-on{background:var(--ink);color:#fff;}
.nb87-board2{border-radius:var(--r);border:var(--frame);box-shadow:7px 7px 0 rgba(255,151,196/.85);padding:10px 20px;background:var(--card);}
.nb87-row2{gap:13px;border-bottom:2px dashed var(--line);grid-template-columns:40px 58px minmax(0,1fr) 120px 84px;padding:10px 0;display:grid;align-items:center;}
.nb87-row2:last-child{border-bottom:0;}
.nb87-row2 .nb87-rk{place-items:center;border:2px solid var(--ink);background:#EFFCFF;font-weight:900;width:34px;display:grid;height:34px;border-radius:22px;color:var(--grape);}
.nb87-row2:nth-child(1) .nb87-rk{color:#fff;background:var(--rose);}
.nb87-row2:nth-child(2) .nb87-rk{background:var(--butter);}
.nb87-row2:nth-child(3) .nb87-rk{background:var(--sky);}
.nb87-row2 .nb87-th{aspect-ratio:3/4;width:58px;border-radius:18px;overflow:hidden;border:2px solid var(--ink);}
.nb87-row2 h3{font-size:14.5px;}
.nb87-row2 small{font-weight:400;font-size:11.5px;display:block;color:var(--ink2);}
.nb87-row2 .nb87-bar{overflow:hidden;height:8px;background:var(--line);border-radius:18px;}
.nb87-row2 .nb87-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--sakura),var(--grape))}
.nb87-row2 .nb87-heat{text-align:right;font-weight:900;color:var(--rose);font-size:13px;}
.nb87-row2 .nb87-heat small{color:var(--ink2);display:block;font-weight:700;}
.nb87-shelves{grid-template-columns:1fr 1fr;display:grid;gap:16px;}
.nb87-sh-card{background:var(--card);border-radius:var(--r);padding:14px 16px;border:var(--frame);}
.nb87-sh-card h3{font-size:16px;display:flex;gap:8px;margin-bottom:10px;align-items:center;}
.nb87-sh-card h3 span{background:var(--butter);font-size:10.5px;border-radius:16px;padding:0 8px;font-weight:900;border:2px solid var(--ink);}
.nb87-minis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.nb87-mini .nb87-art{aspect-ratio:3/4;border-radius:22px;overflow:hidden;border:2px solid var(--ink);}
.nb87-mini .nb87-art img{min-width:0;height:100%;display:block;width:100%;object-fit:cover;}
.nb87-mini b{overflow:hidden;white-space:nowrap;margin-top:5px;text-overflow:ellipsis;display:block;font-size:11.5px;}
.nb87-mini small{color:var(--ink2);font-size:10.5px;}
.nb87-specials{gap:16px;grid-template-columns:repeat(3,1fr);display:grid;}
.nb87-sp{position:relative;display:block;border:var(--frame);border-radius:var(--r);overflow:hidden;min-height:200px;}
.nb87-sp .nb87-bg{position:absolute;inset:0;}
.nb87-sp::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(43,60,69/.86) 6%,rgba(43,60,69/.12) 62%,transparent)}
.nb87-sp .nb87-txt{z-index:2;position:absolute;right:16px;bottom:14px;left:16px;color:#fff;}
.nb87-sp .nb87-txt span{border-radius:22px;font-weight:900;display:inline-block;padding:1px 9px;color:var(--ink);font-size:10.5px;margin-bottom:7px;background:var(--butter);}
.nb87-sp .nb87-txt h3{font-size:18px;font-weight:900;}
.nb87-sp .nb87-txt p{color:#E6EEF5;font-size:12.5px;}
.nb87-sp:hover{transform:translateY(-4px);}
.nb87-news4{display:grid;gap:14px;grid-template-columns:repeat(4,1fr);}
.nb87-nw{border-radius:20px;background:var(--card);overflow:hidden;display:block;transition:.22s;border:var(--frame);}
.nb87-nw:hover{transform:translateY(-4px);box-shadow:5px 7px 0 rgba(102,241,251/.25);}
.nb87-nw .nb87-th{aspect-ratio:16/10;border-bottom:2px solid var(--ink);}
.nb87-nw .nb87-b{padding:10px 12px 13px;}
.nb87-nw .nb87-cat{border:2px solid var(--ink);background:var(--mint);border-radius:16px;padding:0 8px;font-weight:900;font-size:10.5px;display:inline-block;}
.nb87-nw h4{font-size:14px;line-height:1.5;margin:7px 0 4px;}
.nb87-nw time{font-size:11px;color:var(--ink3);}
.nb87-chats{grid-template-columns:repeat(3,1fr);display:grid;gap:16px;}
.nb87-chat{border:var(--frame);background:var(--card);padding:15px 17px;border-radius:14px;}
.nb87-chat .nb87-who{display:flex;margin-bottom:8px;align-items:center;gap:10px;}
.nb87-chat .nb87-who img{width:40px;border-radius:50%;border:2px solid var(--ink);flex:none;height:40px;}
.nb87-chat .nb87-who b{font-size:13.5px;}
.nb87-chat .nb87-who small{color:var(--ink2);font-size:11px;display:block;}
.nb87-chat .nb87-st{font-size:12px;color:var(--rose);margin-left:auto;font-weight:900;}
.nb87-chat p{font-size:13.3px;}
.nb87-chat .nb87-foot{margin-top:9px;display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink3)}
.nb87-chat .nb87-foot b{color:var(--grape);}
.nb87-about{display:grid;border-radius:20px;box-shadow:10px 10px 0 var(--grape);grid-template-columns:1.3fr 1fr;background:var(--card);border:3px solid var(--ink);overflow:hidden;}
.nb87-about .nb87-pic{min-height:240px;border-right:3px solid var(--ink);}
.nb87-about .nb87-b{padding:26px 30px;}
.nb87-about h3{margin-bottom:9px;font-weight:900;font-size:21px;}
.nb87-about p{font-size:13.6px;color:#357EB6;}
.nb87-about .nb87-num{grid-template-columns:1fr 1fr;display:grid;margin-top:14px;gap:10px;}
.nb87-about .nb87-num div{background:#fff;padding:10px 12px;border-radius:22px;border:2px solid var(--ink);text-align:center;}
.nb87-about .nb87-num b{font-size:19px;color:var(--rose);display:block;}
.nb87-about .nb87-num span{color:var(--ink2);font-size:11px;}
.nb87-ft{color:#C0DFED;font-size:13px;background:var(--ink);margin-top:52px;padding:40px 0 20px;}
.nb87-ft-grid{gap:24px;display:grid;margin-bottom:22px;grid-template-columns:1.5fr 1fr 1fr 1fr;}
.nb87-ft h4{font-size:15px;margin-bottom:9px;color:#fff;}
.nb87-ft a{padding:3.5px 0;display:block;color:#B1D7E8;}
.nb87-ft a:hover{color:var(--sakura);}
.nb87-ft .nb87-brand{align-items:center;margin-bottom:9px;gap:9px;display:flex;}
.nb87-ft .nb87-brand svg{height:30px;width:30px;}
.nb87-ft .nb87-brand b{font-size:17px;color:#fff;font-weight:900;}
.nb87-copy{font-size:12px;color:#76AFD7;padding-top:14px;text-align:center;border-top:1px solid #3582B6;}
.nb87-page-top{padding:36px 0 6px;}
.nb87-page-top .nb87-crumbs{color:var(--ink2);margin-bottom:8px;font-size:12.5px;}
.nb87-page-top h1{font-size:30px;font-weight:900;}
.nb87-page-top p{margin-top:7px;color:var(--ink2);}
.nb87-chips{display:flex;gap:10px;flex-wrap:wrap;}
.nb87-chips a{background:#fff;border:var(--frame);font-size:13px;border-radius:999px;box-shadow:2px 2px 0 rgba(43,60,69/.15);font-weight:800;padding:7px 17px;}
.nb87-chips a b{margin-left:5px;font-size:11px;color:var(--rose);}
.nb87-chips a:hover{color:#fff;background:var(--ink);}
.nb87-tl{gap:12px;display:grid;}
.nb87-tl article{gap:13px;display:grid;background:var(--card);padding:13px 16px;border-radius:18px;border:var(--frame);align-items:center;grid-template-columns:76px 1fr auto;}
.nb87-tl .nb87-th{border:2px solid var(--ink);aspect-ratio:1/1;width:76px;overflow:hidden;border-radius:16px;}
.nb87-tl h4{font-size:14.5px;}
.nb87-tl small{font-size:11.5px;color:var(--ink2);display:block;}
.nb87-tl .nb87-ep{font-weight:900;color:var(--rose);font-size:12px;}
@media (max-width:1200px){.nb87-masonry{columns:4;}
.nb87-news4{grid-template-columns:1fr 1fr;}
.nb87-shelves{grid-template-columns:1fr;}}
@media (max-width:960px){.nb87-hero{height:400px;}
.nb87-sl-in{grid-template-columns:1fr;}
.nb87-today{display:none;}
.nb87-masonry{columns:3;}
.nb87-pick{grid-template-columns:240px minmax(0,1fr);}
.nb87-chats{grid-template-columns:1fr 1fr;}
.nb87-about{grid-template-columns:1fr;}
.nb87-about .nb87-pic{border-bottom:3px solid var(--ink);border-right:0;}
.nb87-row2{grid-template-columns:36px 52px minmax(0,1fr) 70px;}
.nb87-row2 .nb87-bar{display:none;}}
@media (max-width:620px){.nb87-hd-in{gap:10px;}
.nb87-nv{background:var(--paper);border-bottom:var(--frame);padding:10px 16px;flex-direction:column;top:70px;left:0;display:none;right:0;position:absolute;}
.nb87-nv.nb87-open{display:flex;}
.nb87-burger{margin-left:auto;display:block;}
.nb87-hd-search,.nb87-hd-cta{display:none;}
.nb87-hero{height:380px;}
.nb87-slide h1,.nb87-slide h2{font-size:25px;}
.nb87-sl-btns .nb87-btn{padding:10px 18px;font-size:13px;}
.nb87-masonry{columns:2;column-gap:11px;}
.nb87-shelf .nb87-bk{flex-basis:140px;}
.nb87-pick{grid-template-columns:1fr;}
.nb87-pick .nb87-left{border-right:0;border-bottom:var(--frame);}
.nb87-pick .nb87-left .nb87-art{aspect-ratio:3/4;}
.nb87-panes{grid-template-columns:1fr;}
.nb87-news4,.nb87-chats,.nb87-specials{grid-template-columns:1fr;}
.nb87-minis{grid-template-columns:repeat(2,minmax(0,1fr));}
.nb87-ft-grid{grid-template-columns:1fr 1fr;}
.nb87-row2{grid-template-columns:32px 46px minmax(0,1fr) 64px;}
.nb87-row2 .nb87-rk{width:30px;font-size:13px;height:30px;}}
/* 卡片式图片 */
img{border-radius:18px;object-fit:cover;max-width:100%;}
.ph img,.card img{border-radius:18px;}