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