:root{--yl-bg:#fff;--yl-surface:#fff;--yl-surface-strong:#f7f7f7;--yl-border:#e8e8e8;--yl-border-strong:#d8d8d8;--yl-text:#111;--yl-text-soft:#666;--yl-accent:#111;--yl-radius-lg:16px;--yl-radius-md:12px;--yl-radius-sm:8px}*,:before,:after{box-sizing:border-box}html{background:var(--yl-bg);color:var(--yl-text)}body{min-height:100vh;color:var(--yl-text);margin:0;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.yl-auth[hidden],.yl-user[hidden]{display:none!important}.yl-shell{min-height:100vh;padding:12px 16px calc(88px + env(safe-area-inset-bottom))}.yl-header,.yl-main__inner,.yl-tabbar{width:min(100%,780px);margin:0 auto}.yl-header__inner{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.yl-brand{width:var(--yl-logo-width);min-width:0;height:var(--yl-logo-height);border-radius:var(--yl-logo-radius);flex:none;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.yl-brand img{object-fit:cover;object-position:center;width:100%;height:100%}.yl-brand span{letter-spacing:0;text-align:center;white-space:nowrap;font-size:.95rem;font-weight:700}.yl-search{flex:auto;align-items:center;min-width:0;display:flex}.yl-search__button{width:100%;min-height:var(--yl-search-height);border:1px solid var(--yl-border-strong);border-radius:var(--yl-radius-sm);background:var(--yl-surface);color:var(--yl-text-soft);text-align:left;cursor:pointer;padding:0 12px}.yl-search__button:hover{color:var(--yl-text);border-color:#cfcfcf}.yl-search__button.is-disabled,.yl-search__button:disabled{cursor:not-allowed;opacity:.55;transform:none}.yl-search__hint{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.yl-auth{flex:none;align-items:center;gap:4px;display:flex}.yl-auth--single{gap:0}.yl-auth__action{border:1px solid var(--yl-border-strong);border-radius:var(--yl-radius-sm);background:var(--yl-surface);color:var(--yl-text);white-space:nowrap;justify-content:center;align-items:center;font-size:.82rem;display:flex}.yl-auth__action--login{width:var(--yl-login-width);min-height:var(--yl-login-height)}.yl-auth__action--register{width:var(--yl-register-width);min-height:var(--yl-register-height)}.yl-user{min-width:0;max-width:none;color:var(--yl-text);flex:0 auto;align-items:center;gap:0;display:none}.yl-user.is-visible{display:flex}.yl-user__avatar-frame{width:calc(max(var(--yl-login-height), var(--yl-register-height)) * var(--yl-avatar-scale) / 100);height:calc(max(var(--yl-login-height), var(--yl-register-height)) * var(--yl-avatar-scale) / 100);border:1px solid var(--yl-border-strong);background:#d8d8d8;border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.yl-user__avatar{object-fit:cover;width:100%;height:100%}.yl-user__avatar-fallback{color:#0000;-webkit-user-select:none;user-select:none;background:#d8d8d8;width:100%;height:100%}.yl-main{padding-top:12px}.article-shell,.archive-list{margin-bottom:12px}.article-shell__eyebrow{color:var(--yl-text-soft);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.75rem;font-weight:500}.article-shell__title{margin:0;font-size:1.15rem;line-height:1.4}.news-list{gap:0;display:grid}.news-card__link{border-bottom:1px solid var(--yl-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.news-card__link:hover{border-bottom-color:var(--yl-border-strong)}.news-card__body{min-width:0}.news-card__title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;line-height:1.4;overflow:hidden}.news-card__meta,.article-shell__meta{color:var(--yl-text-soft);flex-wrap:nowrap;gap:8px;margin-top:6px;font-size:.82rem;display:flex;overflow:hidden}.news-card__author,.news-card__time,.article-shell__author,.article-shell__time,.article-shell__visit{align-items:center;display:inline-flex}.news-card__cover{border-radius:var(--yl-radius-sm);border:1px solid var(--yl-border);background:var(--yl-surface-strong);flex:0 0 88px;width:88px;height:64px;overflow:hidden}.news-card__cover img,.article-shell__cover img{object-fit:cover;width:100%;height:100%}.yl-pagination{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.yl-pagination__item,.yl-pagination__status,.article-shell__nav-link{border:1px solid var(--yl-border-strong);border-radius:var(--yl-radius-sm);background:var(--yl-surface);text-align:center;white-space:nowrap;justify-content:center;align-items:center;min-height:36px;padding:0 12px;display:flex}.yl-pagination__status{color:var(--yl-text-soft)}.yl-pagination__item.is-disabled,.article-shell__nav-link.is-disabled{color:#76654a8c}.taxonomy-tree{gap:8px;margin:0;padding:0;list-style:none;display:grid}.taxonomy-tree .taxonomy-tree{border-left:1px solid var(--yl-border);margin-top:8px;padding-left:12px}.taxonomy-tree__link,.term-grid__item{border-bottom:1px solid var(--yl-border);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.taxonomy-tree__name,.term-grid__name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.taxonomy-tree__count{color:var(--yl-text-soft);white-space:nowrap;font-size:.82rem}.taxonomy-tree__desc{color:var(--yl-text-soft);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:.82rem;overflow:hidden}.term-grid{grid-template-columns:1fr;gap:0;display:grid}.yl-empty{color:var(--yl-text-soft);text-align:center;padding:20px 0}.article-shell{padding:4px 0 0}.article-shell__cover{aspect-ratio:16/9;border-radius:var(--yl-radius-md);border:1px solid var(--yl-border);margin-top:12px;overflow:hidden}.article-shell__content{color:var(--yl-text);margin-top:16px}.article-shell__content img{border-radius:18px}.article-shell__content pre,.article-shell__content blockquote,.article-shell__content table{max-width:100%;overflow-x:auto}.article-shell__taxonomy{border-top:1px solid var(--yl-border);gap:10px;margin-top:16px;padding-top:12px;display:grid}.article-shell__taxonomy-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.article-shell__taxonomy-label{color:var(--yl-text-soft);font-size:.82rem}.article-shell__chip{background:var(--yl-surface-strong);min-height:28px;color:var(--yl-text);border:1px solid var(--yl-border);border-radius:999px;align-items:center;padding:0 10px;font-size:.82rem;display:inline-flex}.article-shell__nav{border-top:1px solid var(--yl-border);gap:8px;margin-top:16px;padding-top:12px;display:grid}.article-shell__comment{margin-top:16px}.archive-list{gap:12px;display:grid}.archive-year{padding:8px 0 0}.archive-year__title{margin:0;font-size:1rem}.archive-year__month{margin-top:10px}.archive-year__month-title{color:var(--yl-text-soft);margin:0 0 6px;font-size:.82rem}.archive-year__posts{gap:0;margin:0;padding:0;list-style:none;display:grid}.archive-year__link{border-bottom:1px solid var(--yl-border);justify-content:space-between;gap:8px;padding:10px 0;display:flex}.archive-year__post:last-child .archive-year__link{border-bottom:none}.archive-year__post-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.archive-year__time{color:var(--yl-text-soft);white-space:nowrap;font-size:.82rem}.yl-tabbar{left:50%;bottom:calc(10px + env(safe-area-inset-bottom));z-index:20;background:0 0;padding:0 16px;position:fixed;transform:translate(-50%)}.yl-tabbar__track{border:1px solid var(--yl-border);background:var(--yl-tabbar-bg);scrollbar-width:none;border-radius:16px;gap:4px;width:100%;padding:6px;display:grid;overflow-x:auto;box-shadow:0 6px 20px #00000014}.yl-tabbar__track::-webkit-scrollbar{display:none}.yl-tabbar__item{border-radius:var(--yl-radius-sm);min-width:0;min-height:44px;color:var(--yl-tabbar-color);white-space:nowrap;text-align:center;text-overflow:ellipsis;justify-content:center;align-items:center;padding:0 6px;font-size:.98rem;font-weight:700;display:flex;overflow:hidden}.yl-tabbar__item.is-active{background:var(--yl-tabbar-active-bg);color:var(--yl-tabbar-active-color)}.yl-tabbar__track.is-dense{gap:2px;padding:5px}.yl-tabbar__track.is-dense .yl-tabbar__item{min-height:42px;padding:0 4px;font-size:.9rem}@media (width>=700px){.article-shell__nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=699px){.yl-shell{padding-left:12px;padding-right:12px}.yl-brand{width:var(--yl-logo-width);height:var(--yl-logo-height)}.yl-auth{gap:4px}.yl-search__button{min-height:var(--yl-search-height)}.yl-auth__action{min-width:0}.yl-auth__action--login{width:var(--yl-login-width);min-height:var(--yl-login-height)}.yl-auth__action--register{width:var(--yl-register-width);min-height:var(--yl-register-height)}.yl-user{max-width:none}.archive-year__link{align-items:center}}
