.jy-page{--jy-ink:#143749;--jy-muted:#687986;--jy-rule:#d9dcd6;color:var(--jy-ink);background-color:#f8f5eb;background-image:linear-gradient(rgba(248,245,235,.30),rgba(248,245,235,.30)),url('/experience/yuni-journal-neutral.png');background-position:center top;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;min-height:100dvh;padding-top:var(--ui-header-height,72px);font-family:'Microsoft YaHei',sans-serif}
.jy-main{width:90%;max-width:1500px;margin:auto;padding:24px 0 16px}
.jy-directory{display:flex;flex-wrap:wrap;gap:10px}.jy-directory a{font-size:13px;line-height:20px;padding:7px 16px;border:1px solid #d4dfe4;background:#fffefbf2;border-radius:5px;color:#21475e;text-decoration:none}.jy-directory .active{background:#235875;color:#fff;border-color:#235875}
.jy-masthead{display:flex;justify-content:space-between;align-items:flex-end;padding:28px 0 24px;gap:30px}.jy-eyebrow{font-family:Georgia,'Times New Roman',serif;font-size:11px;letter-spacing:2.4px}.jy-masthead h1{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-size:43px;font-weight:600;letter-spacing:3px;line-height:1.3;margin:9px 0 10px}.jy-masthead p{font-size:14px;margin:0;color:#536d7b;line-height:1.8;letter-spacing:.5px}.jy-masthead-note{padding:0 5px 4px 24px;border-left:1px solid #a8b6bb}.jy-masthead-note p{font-family:SimSun,serif;font-size:15px}.jy-masthead-note span{display:block;color:var(--jy-muted);font-size:11px;margin-top:10px}
.jy-panels{display:grid;grid-template-columns:1.03fr 1.05fr 1fr;gap:20px;align-items:stretch}.jy-panel{min-width:0;border:1px solid #d7ded8;border-radius:20px;background:#fffdf7ef;overflow:hidden}.jy-panel-heading{padding:22px 24px 20px;border-bottom:1px solid #e1e3d9}.jy-heading-fans{background:#dce6d7cc}.jy-heading-island{background:#dbe7edcc}.jy-heading-psychology{background:#f0e7cfcc}.jy-panel-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-family:Georgia,serif;font-size:12px;color:#57717b}.jy-entry{font-family:'Microsoft YaHei',sans-serif;font-size:11px;text-decoration:none;color:#315d73;padding:5px 10px;border:1px solid #bccbd0;border-radius:4px;white-space:nowrap;background:#fffefa88}.jy-panel h2{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-size:27px;line-height:1.35;font-weight:600;letter-spacing:.5px;margin:0 0 10px}.jy-panel-heading p{font-size:12px;line-height:1.9;margin:0;color:#526c77;min-height:23px}.jy-panel-content{padding:4px 24px 10px}
.jy-story-link{text-decoration:none;color:inherit}.jy-story-link:hover h3{text-decoration:underline;text-underline-offset:4px}.jy-fan-item{padding:18px 0;border-bottom:1px solid var(--jy-rule)}.jy-fan-item:last-child{border-bottom:0}.jy-byline{display:flex;gap:10px;align-items:center;font-size:11px;color:#6b7d84;margin-bottom:9px}.jy-index{font-family:Georgia,serif;font-size:11px;color:#83959b}.jy-fan-item h3,.jy-reading-item h3,.jy-comic-feature h3{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-size:18px;font-weight:600;line-height:1.65;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.jy-story-link p{font-size:12px;color:#6b7b85;line-height:1.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 10px}.jy-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:10px;line-height:1.6;color:#839099}.jy-fan-item .jy-meta>span:first-child{display:none}
.jy-reading-tags{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 9px}.jy-tag{flex:1;white-space:nowrap;font-size:11px;padding:7px 6px;min-height:32px;border:1px solid #d5dfe0;border-radius:4px;background:#fffefa;color:#526b79;text-align:center;text-decoration:none;cursor:pointer}.jy-tag.selected{background:#235875;border-color:#235875;color:#fff}.jy-tag:hover,.jy-entry:hover{border-color:#315c72}.jy-tag-description{font-size:10px!important;color:#83919a;line-height:1.7!important;margin:0 0 5px!important}.jy-clear-filter{border:0;background:none;font-size:10px;color:#315c72;text-decoration:underline;padding:0;min-height:0}.jy-reading-item{display:grid;gap:14px;padding:18px 0;border-bottom:1px solid var(--jy-rule);min-width:0}.jy-reading-item:last-child{border-bottom:0}.jy-reading-item.has-image{grid-template-columns:105px minmax(0,1fr)}.jy-reading-image{display:block;width:105px;height:120px;overflow:hidden;border-radius:5px}.jy-reading-image img{width:100%;height:100%;object-fit:cover}.jy-category{display:block;color:#7c8e94;font-size:10px;letter-spacing:.5px;line-height:1.7;margin-bottom:6px}.jy-reading-item.text-only h3{font-size:21px;line-height:1.6}.jy-reading-item.text-only .jy-story-link p{-webkit-line-clamp:4}
.jy-comic-feature{padding:18px 0 8px}.jy-comic-cover{display:block;margin-bottom:14px;height:224px;border-radius:5px;overflow:hidden;background:#f4f1e8}.jy-comic-cover img{width:100%;height:100%;object-fit:contain}.jy-comic-feature h3{font-size:23px;line-height:1.5}.jy-comic-pages{display:flex;gap:10px;overflow-x:auto;margin:12px 0}.jy-comic-pages a{display:block;flex:0 0 96px;height:76px;border:1px solid #e0e3da;border-radius:4px;overflow:hidden;background:#f8f5ed}.jy-comic-pages img{width:100%;height:100%;object-fit:contain}.jy-comic-excerpt{font-size:12px;line-height:1.8;color:#6b7b85}.jy-empty{padding:24px 0;font-size:13px;line-height:1.8;color:#788a92}
.jy-picks{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;margin-top:20px;padding:24px;background:#fffdf7e8;border:1px solid #d7ded8;border-radius:18px}.jy-picks-heading h2{font-family:SimSun,serif;font-size:26px;font-weight:600;margin:9px 0 12px;line-height:1.4}.jy-picks-heading p{font-size:11px;line-height:1.8;color:#7b8c95;margin:0}.jy-picks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.jy-pick{min-width:0;padding-left:18px;border-left:1px solid #dadfd8}.jy-pick-link{display:flex;gap:12px;align-items:flex-start;text-decoration:none;color:inherit}.jy-pick-link img{width:72px;height:105px;object-fit:cover;border-radius:4px;flex:none}.jy-pick h3{font-family:SimSun,serif;font-size:15px;line-height:1.65;font-weight:600;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.jy-pick-date{color:#839099;font-size:10px}.jy-footer{display:flex;justify-content:space-between;padding:16px 0 0;font-family:Georgia,SimSun,serif;font-size:10px;color:#829095;letter-spacing:1px}
.jy-detail .add1-column-banner{background-size:cover;background-position:center;border:1px solid #dedfd4;border-radius:12px;height:auto;min-height:124px;padding:24px 28px}.jy-detail .add1-column-banner h1{font-family:SimSun,serif;font-size:31px!important;font-weight:600}.jy-detail .add1-column-banner p{font-size:13px}.jy-detail .add1-column-content{background:#fffefaee;border-radius:14px;padding-top:24px}.jy-detail .add1-column-tabs .button{font-family:SimSun,serif;font-size:16px}.jy-detail-filters{padding:0 0 20px;border-bottom:1px solid #dde2da;margin-bottom:22px}.jy-detail-filters .jy-reading-tags{max-width:650px}.jy-detail-filters .jy-tag{font-size:13px}.jy-detail .add1-story-summary{padding:22px 0;border-bottom:1px solid #dde2da}.jy-detail .add1-story-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#7d8e98;margin-bottom:12px}.jy-detail .add1-story-summary h2{font-family:SimSun,serif;font-size:25px;margin:0 0 16px}.jy-detail .add1-story-preview p{font-size:14px;line-height:1.8;max-width:850px;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.jy-detail .add1-post{scroll-margin-top:calc(var(--ui-header-height,72px) + 18px)}.jy-editor-tag[hidden]{display:none!important}
@media(max-width:1250px){.jy-main{width:94%}.jy-panels{gap:14px}.jy-panel-heading{padding:20px 18px}.jy-panel-content{padding-left:18px;padding-right:18px}.jy-panel h2{font-size:25px}.jy-reading-item.has-image{grid-template-columns:80px minmax(0,1fr);gap:10px}.jy-reading-image{width:80px;height:105px}.jy-picks{gap:14px;grid-template-columns:120px minmax(0,1fr);padding:20px}.jy-picks-grid{gap:10px}.jy-pick{padding-left:10px}.jy-pick-link{gap:8px}.jy-pick-link img{width:52px;height:85px}}
@media(max-width:950px){.jy-panels{grid-template-columns:1fr 1fr}.jy-panel-comic{grid-column:1/-1}.jy-panel-comic .jy-panel-content{max-width:680px;margin:auto}.jy-comic-cover{height:280px}.jy-picks{grid-template-columns:1fr}.jy-picks-heading p{display:none}.jy-picks-grid{grid-template-columns:1fr 1fr}.jy-pick{padding:12px 0;border:0}.jy-pick-link img{width:75px;height:90px}}
@media(max-width:600px){.jy-main{width:92%;padding-top:16px}.jy-directory{gap:6px}.jy-directory a{padding:6px 10px;font-size:11px}.jy-masthead{padding:25px 0 20px;align-items:flex-start}.jy-masthead h1{font-size:35px}.jy-masthead-note{display:none}.jy-masthead p{font-size:12px}.jy-eyebrow{font-size:10px;letter-spacing:1.7px}.jy-panels{grid-template-columns:1fr;gap:16px}.jy-panel-comic{grid-column:auto}.jy-panel-heading{padding:20px}.jy-panel-content{padding:0 20px 10px}.jy-panel h2{font-size:26px}.jy-panel-heading p{font-size:12px}.jy-reading-item.has-image{grid-template-columns:90px minmax(0,1fr)}.jy-reading-image{width:90px;height:110px}.jy-comic-cover{height:245px}.jy-picks{padding:20px;margin-top:16px;gap:8px}.jy-picks-grid{grid-template-columns:1fr}.jy-pick{border-top:1px solid #dadfd8;padding:14px 0}.jy-pick h3{-webkit-line-clamp:2;font-size:16px}.jy-footer{gap:15px;font-size:9px}.jy-detail .add1-column-content{padding:18px 14px}.jy-detail .add1-column-banner{padding:24px 18px}.jy-detail .add1-column-banner h1{font-size:28px!important}.jy-detail .add1-column-tabs .button{font-size:13px}.jy-detail .add1-story-summary h2{font-size:22px}}
.jy-masthead{padding:18px 0}.jy-masthead h1{font-size:40px;line-height:1.2;margin:8px 0 7px}.jy-panel-heading{padding-top:18px;padding-bottom:16px}.jy-reading-item{padding-top:14px;padding-bottom:14px}.jy-reading-item .jy-story-link p{-webkit-line-clamp:2}.jy-reading-item.text-only .jy-story-link p{-webkit-line-clamp:3}.jy-reading-item.text-only h3{font-size:19px}@media(max-width:600px){.jy-masthead{padding:24px 0 20px}.jy-masthead h1{font-size:35px}.jy-panel-heading{padding-top:20px;padding-bottom:20px}}

.jy-comic-gallery{display:grid;grid-template-columns:repeat(var(--jy-preview-count),minmax(0,1fr));gap:10px;height:224px;margin-bottom:12px;min-width:0}
.jy-comic-gallery .jy-comic-preview{display:block;min-width:0;min-height:0;height:100%;margin:0;overflow:hidden;border-radius:5px;background:#f4f1e8}
.jy-comic-gallery .jy-comic-preview img{display:block;width:100%;height:100%;object-fit:contain}
.ui-home .jy-home-title-link{color:inherit;text-decoration:none}.ui-home .jy-home-title-link:hover{text-decoration:underline;text-underline-offset:4px}
.ui-home .ui-story-heading .jy-home-open{flex:none;width:auto;min-width:0;min-height:30px;margin-left:auto;padding:6px 10px;font-size:12px;white-space:nowrap}
@media(min-width:1100px) and (min-height:640px){.jy-comic-feature>.jy-comic-gallery{flex:1;height:auto;min-height:90px;margin-bottom:8px}}
@media(max-width:600px){.jy-comic-gallery{height:190px;gap:8px}.ui-home .ui-story-heading .jy-home-open{font-size:11px;padding:6px 8px}}