.home-hero{grid-template-columns:minmax(0,40%) 1fr;height:100svh;display:grid;position:relative;overflow:hidden}.hero-pan{z-index:0;width:auto;max-width:none;height:100%;animation:30s ease-in-out forwards hero-pan;position:absolute;top:0;left:0}@keyframes hero-pan{0%{transform:translate(0)}to{transform:translate(calc(100vw - 100%))}}.main-info{z-index:1;background:linear-gradient(90deg,#faf6efeb 0%,#faf6efd1 55%,#faf6ef00 100%);align-items:center;display:flex;position:relative}.main-info .container{box-sizing:border-box;padding:0 clamp(1.5rem,4vw,3rem)}.text-area{box-sizing:border-box;padding-top:5.5rem;position:relative}.text-area:before{content:"";background-image:var(--hero-avatar);background-position:50%;background-size:cover;border:2px solid #f7d4e1;border-radius:50%;width:4.5rem;height:4.5rem;animation:12s linear infinite hero-avatar-spin;position:absolute;top:0;left:0;box-shadow:0 2px 10px #463b402e}@keyframes hero-avatar-spin{to{transform:rotate(360deg)}}.site-intro{color:#463b40;margin:0;font-family:Lolita,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:400;line-height:2.1}.site-name{color:#c05283;text-shadow:0 2px 12px #faf6efe6;margin-bottom:.6rem;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.4;display:inline-block}.text-area hr{border:none;border-top:2px dashed #f0b4cb;margin:1.4rem 0 1.1rem}.links{flex-wrap:wrap;display:flex}.link-block{height:3rem;padding:0 .25rem}.link{box-sizing:border-box;color:#c05283;white-space:nowrap;background:#faf6efe0;border:1px solid #f7d4e1;border-radius:999px;justify-content:center;align-items:center;height:3rem;padding:0;line-height:3rem;transition:all .25s;display:flex;overflow:hidden}.link-name{opacity:1;max-width:0;transition:max-width .5s,opacity .5s;overflow:hidden}.link-block:hover .link{padding:0 .75rem 0 .25rem}.link-block:hover .link-name{max-width:4rem}.link iconify-icon{flex-shrink:0;width:2rem;height:2rem;margin:.5rem;font-size:2rem}.hero-guide{z-index:2;flex-direction:column;align-items:center;gap:.2rem;animation:1.6s ease-in-out infinite guide-bounce;display:none;position:absolute;bottom:1.5rem;left:50%}.hero-guide-arrow{border-bottom:3px solid #d96f9c;border-right:3px solid #d96f9c;width:.9rem;height:.9rem;transform:rotate(45deg)}.hero-guide-text{color:#c05283;white-space:nowrap;background:#faf6efd9;border-radius:.3rem;padding:.1rem .4rem;font-size:.7rem}@keyframes guide-bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}@media (width<=767px){.home-hero{grid-template-columns:1fr}.main-info{background:linear-gradient(#faf6efe0 0%,#faf6efc7 60%,#faf6ef8c 100%)}.main-info .container{padding:0 clamp(1.25rem,8vw,2.5rem)}.hero-guide{display:flex}}.feed-masonry{align-items:flex-start;gap:1rem;padding:0 clamp(.75rem,3vw,2.5rem);display:flex}.mf-col{flex-direction:column;flex:1 1 0;gap:1rem;min-width:0;display:flex}.mf-card{color:#463b40;background-color:#faf6efe0;background-image:url(/_astro/bg.CwbnWMtb.png);background-repeat:repeat;border:2px solid #d4ae58;border-radius:.6rem;flex-direction:column;gap:.4rem;padding:.5rem;display:flex;box-shadow:0 2px 8px #463b400d}.mf-cover{aspect-ratio:4/3;background:#fbe9ef;border-radius:.4rem;display:block;overflow:hidden}.mf-img{object-fit:cover;width:100%;height:100%}.mf-body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.mf-title{color:#463b40;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.95rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.mf-meta{color:#85777d;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.mf-cat{color:#c05283;background:#fbe9ef;border-radius:999px;padding:.05rem .4rem}.mf-date{color:#b3a5ab}.mf-desc{color:#85777d;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.5;display:-webkit-box;overflow:hidden}.post-feed{width:100%;max-width:100vw;margin-inline:auto;padding:2rem 0 1rem}.feed-cats{z-index:1;margin-inline:auto;width:100%;max-width:1600px;margin-bottom:.7rem;padding-block:.5rem;position:relative;top:0}.feed-cats-track{scrollbar-width:none;border-bottom:2px dashed #f7d4e180;flex-wrap:nowrap;gap:.5rem;padding-bottom:1rem;padding-left:clamp(.75rem,3vw,2.5rem);display:flex;overflow-x:auto}.feed-cat{color:#85777d;cursor:pointer;background:#faf6efcc;border:1px solid #fbe9ef;border-radius:8px;flex:none;align-items:center;gap:.35rem;padding:.3rem .9rem;font-size:1rem;transition:all .2s;display:inline-flex}.feed-cat:first-child{background:#faf6ef;position:sticky;left:0}.feed-cat:last-child{margin-inline-end:3rem}.feed-cat:hover{color:#d96f9c}.feed-cat.active{color:#fff;background:#d96f9c;border-color:#d96f9c;font-weight:600}.feed-cat-count{opacity:1;font-size:1rem}.feed-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%;max-width:1600px;margin-inline:auto;padding:0 clamp(.75rem,3vw,2.5rem);display:grid}@media (width>=561px){.feed-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=768px){.post-feed{padding-left:auto;padding-right:auto}}@media (width>=1024px){.feed-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1280px){.feed-list{grid-template-columns:repeat(5,minmax(0,1fr))}}.feed-list.is-hidden{display:none}.feed-card{isolation:isolate;color:#463b40;border-radius:.7rem;flex-direction:column;gap:.5rem;padding:.6rem;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #463b400d}.feed-card:after{content:"";z-index:-1;opacity:.65;pointer-events:none;background:#fdf5f8;border-radius:.7rem;transition:opacity .15s,transform .15s;position:absolute;inset:0;transform:scale(1)}.feed-card:hover:after{opacity:.9;transform:scale(1.05)}.feed-card-img-wrap{aspect-ratio:16/7;background:#fbe9ef;border-radius:.5rem;width:100%;display:block;overflow:hidden}.feed-card-img-fallback{background-color:#fdf5f8;background-image:repeating-linear-gradient(178deg,#e691b400 0 24px,#e691b466 24px 27px,#e691b400 27px 35px,#e691b466 35px 38px,#e691b400 38px 62px,#e691b454 62px 86px,#e691b426 86px 89px,#e691b454 89px 97px,#e691b426 97px 100px,#e691b454 100px 124px,#e691b400 124px),repeating-linear-gradient(268deg,#e691b400 0 24px,#e691b466 24px 27px,#e691b400 27px 35px,#e691b466 35px 38px,#e691b400 38px 62px,#e691b454 62px 86px,#e691b426 86px 89px,#e691b454 89px 97px,#e691b426 97px 100px,#e691b454 100px 124px,#e691b400 124px),repeating-linear-gradient(125deg,#0000 0 4px,#e691b433 4px 6px,#0000 6px 10px,#e691b433 10px)}.feed-card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.feed-card:hover .feed-card-img{transform:scale(1.05)}.feed-card-body{flex-direction:column;gap:.3rem;min-width:0;display:flex}.feed-card-title{color:#463b40;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:700;line-height:1.4;transition:color 50ms;display:-webkit-box;overflow:hidden}.feed-card:hover .feed-card-title{color:#d96f9c}.feed-card-meta{color:#463b40;align-items:center;gap:.6rem;font-size:.8rem;display:flex}.feed-card-cat{color:#c05283;background:#fbe9ef;border-radius:999px;padding:.05rem .45rem}.feed-card-desc{color:#463b40;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.feed-sentinel{height:1px}.feed-loading{text-align:center;color:#b3a5ab;padding:.5rem 0;font-size:.8rem}@media (width<=560px){.feed-card{padding:.5rem}}@media (width<=768px){.feed-card:after{display:none}}