.post-card:nth-child(n+4){content-visibility:auto;contain-intrinsic-size:auto 280px}.page-container{min-height:100vh;display:flex;flex-direction:column;position:relative}.hero-background{position:fixed;inset:0;z-index:-1;background-color:var(--color-bg);background-image:linear-gradient(rgba(194,65,59,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(194,65,59,.03) 1px,transparent 1px);background-size:60px 60px;background-position:center center;html[data-theme=dark] &{background-color:var(--color-bg);background-image:linear-gradient(rgba(232,115,106,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(232,115,106,.04) 1px,transparent 1px)}}.main-content{flex:1;display:flex;flex-direction:column;width:100%;max-width:1040px;margin:0 auto;padding:0 24px}.hero-masthead{position:relative;padding:5rem 0 3rem;text-align:center;&:before{content:"";display:block;width:48px;height:4px;background:var(--color-accent);margin:0 auto 2rem;position:relative}&:after{content:"";position:absolute;top:5rem;left:50%;transform:translate(-50%);width:120px;height:120px;border:1px solid rgba(194,65,59,.08);border-radius:50%;pointer-events:none}}.hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:1.1;color:var(--color-title);margin:0 0 .5rem;letter-spacing:-.02em}.hero-title-accent{color:var(--color-accent)}.hero-subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-muted);font-weight:400;letter-spacing:.08em;text-transform:uppercase;margin:0 0 1.5rem}.hero-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto;max-width:360px;&:before,&:after{content:"";flex:1;height:1px;background:var(--color-border)}}.hero-divider-dot{width:6px;height:6px;background:var(--color-accent);border-radius:50%;flex-shrink:0}.hero-stats{display:flex;justify-content:center;gap:2.5rem;margin-top:2rem;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.hero-stat{text-align:center}.hero-stat-value{display:block;font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-title);line-height:1.2}.hero-typewriter{text-align:center;margin:-1rem auto -6rem;font-size:1.05em;color:var(--color-muted);min-height:1.8em}.talk-container{width:100%;max-width:720px;margin:0 auto 3rem;position:relative}#bber-talk{display:flex;align-items:center;width:100%;height:44px;padding:0 20px;background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-xl);font-size:var(--text-sm);overflow:hidden;position:relative;html[data-theme=dark] &{background:var(--color-surface)}&:before{content:"";width:8px;height:8px;background:var(--color-accent);border-radius:50%;margin-right:14px;flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.index-talk-icon{display:none}.talk-wrap{flex:1;overflow:hidden;min-width:0}.talk-list{margin:0;height:44px;display:flex;align-items:center;transition:opacity .3s ease;& li{list-style:none;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0;.datetime{margin-right:4px;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}& a{text-decoration:none;color:var(--color-body);&:hover{color:var(--color-accent)}}}}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-border);position:relative;&:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:var(--color-accent)}}.section-label{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-title);margin:0;font-weight:400;letter-spacing:-.01em}.section-link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:color .2s ease;&:hover{color:var(--color-accent)}}.posts-home{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;margin-bottom:3rem}.post-featured{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease;&:hover{border-color:#c2413b33;box-shadow:var(--shadow-lg);html[data-theme=dark] &{border-color:#e8736a33}}&:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:linear-gradient(45deg,transparent 50%,rgba(194,65,59,.06) 50%);pointer-events:none}}.post-featured-cover{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--radius-md)}.post-featured-body{display:flex;flex-direction:column;gap:.75rem}.post-featured-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em}.post-featured-title{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;margin:0;font-weight:400;& a{color:var(--color-title);text-decoration:none;transition:color .2s ease;&:hover{color:var(--color-accent)}}}.post-featured-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.post-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;transition:border-color .3s ease,transform .3s ease;position:relative;&:hover{border-color:#c2413b40;transform:translateY(-2px);html[data-theme=dark] &{border-color:#e8736a40}}&:before{content:"";position:absolute;left:-1px;top:20%;height:60%;width:3px;background:var(--color-accent);border-radius:0 2px 2px 0;opacity:0;transform:scaleY(0);transition:opacity .3s ease,transform .3s ease}&:hover:before{opacity:1;transform:scaleY(1)}}.post-card-title{font-family:var(--font-heading);font-size:var(--text-lg);line-height:1.3;margin:0;font-weight:400;& a{color:var(--color-title);text-decoration:none;transition:color .2s ease;&:hover{color:var(--color-accent)}}}.post-card-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.view-all{grid-column:1 / -1;text-align:center;padding-top:.5rem}.view-all-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);text-decoration:none;padding:.6rem 2rem;border:1px solid var(--color-accent);border-radius:var(--radius-full);transition:all .3s ease;&:hover{background:var(--color-accent);color:#fff}}.photos-section{margin-bottom:3rem}.photos-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:200px 200px;gap:.75rem;&:is(.photos-grid--large){grid-template-columns:2fr 1fr 1fr 1fr;grid-template-rows:200px 200px 200px}}.photo-item{position:relative;overflow:hidden;border-radius:var(--radius-md);cursor:pointer;&:first-child{grid-column:1;grid-row:1 / 3;.photos-grid--large &{grid-column:1 / 3;grid-row:1 / 3}}& img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}&:hover img{transform:scale(1.05)}}.photo-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;padding:1rem;.photo-item:hover &{opacity:1}}.photo-caption{color:#fff;font-size:var(--text-sm);font-family:var(--font-body)}.friends-section{width:100vw;max-width:none;margin:0 calc(-50vw + 50%) 3rem;box-sizing:border-box;padding:2rem 0;background:var(--color-surface-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.friends-inner{max-width:var(--content-width);margin:0 auto;padding:0 24px}#friArticle{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.fri-item{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1.2rem .5rem .5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all .3s ease;text-decoration:none;&:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}}.fri-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.fri-cont{display:flex;flex-direction:column;line-height:1.2}.fri-title{font-size:var(--text-sm);color:var(--color-body);white-space:nowrap;max-width:200px;text-overflow:ellipsis;overflow:hidden;& a{text-decoration:none;color:inherit;display:inline-flex;align-items:center;min-height:24px}}.fri-updated{font-size:var(--text-xs);color:var(--color-muted);font-style:italic}.media-duo{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem}.media-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;.section-header{margin-bottom:1rem}}.media-items{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.media-item{text-align:center;&:hover .media-item-cover img{transform:scale(1.08)}}.media-item-cover{position:relative;overflow:hidden;border-radius:var(--radius-md);margin-bottom:.5rem;aspect-ratio:3 / 4;& img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}}.media-item-title{font-size:var(--text-sm);line-height:1.3;margin:0;& a{color:var(--color-body);text-decoration:none;&:hover{color:var(--color-accent)}}}.media-item-rating{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.25rem}.rating{font-size:var(--text-xs);display:flex;align-items:center;gap:.25rem}.allstardark{position:relative;color:#fccd59;height:14px;width:70px;background-size:auto 100%;background-repeat:repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05MDguMSAzNTMuMWwtMjUzLjktMzYuOUw1NDAuNyA4Ni4xYy0zLjEtNi4zLTguMi0xMS40LTE0LjUtMTQuNS0xNS44LTcuOC0zNS0xLjMtNDIuOSAxNC41TDM2OS44IDMxNi4ybC0yNTMuOSAzNi45Yy03IDEtMTMuNCA0LjMtMTguMyA5LjMtMTIuMyAxMi43LTEyLjEgMzIuOS42IDQ1LjNsMTgzLjcgMTc5LjEtNDMuNCAyNTIuOWMtMS4yIDYuOS0uMSAxNC4xIDMuMiAyMC4zIDguMiAxNS42IDI3LjYgMjEuNyA0My4yIDEzLjRMNTEyIDc1NGwyMjcuMSAxMTkuNGM2LjIgMy4zIDEzLjQgNC40IDIwLjMgMy4yIDE3LjQtMyAyOS4xLTE5LjUgMjYuMS0zNi45bC00My40LTI1Mi45IDE4My43LTE3OS4xYzUtNC45IDguMy0xMS4zIDkuMy0xOC4zIDIuNy0xNy41LTkuNS0zMy43LTI3LTM2LjN6TTY2NC44IDU2MS42bDM2LjEgMjEwLjNMNTEyIDY3Mi43IDMyMy4xIDc3MmwzNi4xLTIxMC4zLTE1Mi44LTE0OUw0MTcuNiAzODIgNTEyIDE5MC43IDYwNi40IDM4MmwyMTEuMiAzMC43LTE1Mi44IDE0OC45eiIgZmlsbD0iI2Y5OWIwMSIvPjwvc3ZnPg==)}.allstarlight{position:absolute;left:0;top:0;color:#f99b01;height:14px;overflow:hidden;background-size:auto 100%;background-repeat:repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik05MDguMSAzNTMuMWwtMjUzLjktMzYuOUw1NDAuNyA4Ni4xYy0zLjEtNi4zLTguMi0xMS40LTE0LjUtMTQuNS0xNS44LTcuOC0zNS0xLjMtNDIuOSAxNC41TDM2OS44IDMxNi4ybC0yNTMuOSAzNi45Yy03IDEtMTMuNCA0LjMtMTguMyA5LjMtMTIuMyAxMi43LTEyLjEgMzIuOS42IDQ1LjNsMTgzLjcgMTc5LjEtNDMuNCAyNTIuOWMtMS4yIDYuOS0uMSAxNC4xIDMuMiAyMC4zIDguMiAxNS42IDI3LjYgMjEuNyA0My4yIDEzLjRMNTEyIDc1NGwyMjcuMSAxMTkuNGM2LjIgMy4zIDEzLjQgNC40IDIwLjMgMy4yIDE3LjQtMyAyOS4xLTE5LjUgMjYuMS0zNi45bC00My40LTI1Mi45IDE4My43LTE3OS4xYzUtNC45IDguMy0xMS4zIDkuMy0xOC4zIDIuNy0xNy41LTkuNS0zMy43LTI3LTM2LjN6IiBmaWxsPSIjZjk5YjAxIi8+PC9zdmc+)}.rating_nums{font-size:var(--text-xs);color:var(--color-muted)}@media(prefers-reduced-motion:no-preference){@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fade-up .6s var(--ease-out) both}.stagger-children>*{opacity:0;animation:fade-up .6s var(--ease-out) forwards;&:nth-child(1){animation-delay:.05s}&:nth-child(2){animation-delay:.1s}&:nth-child(3){animation-delay:.15s}&:nth-child(4){animation-delay:.2s}&:nth-child(5){animation-delay:.25s}&:nth-child(6){animation-delay:.3s}}}@media(prefers-reduced-motion:reduce){.stagger-children>*{opacity:1}}@media(max-width:768px){.hero-masthead{padding:3rem 0 2rem;&:after{width:80px;height:80px;top:3rem}}.hero-stats{gap:1.5rem}.posts-home{grid-template-columns:1fr;gap:1rem}.post-featured{grid-template-columns:1fr;gap:1rem;padding:1.25rem}.photos-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-auto-rows:160px;&:is(.photos-grid--large){grid-template-columns:1fr 1fr;grid-template-rows:auto}}.photo-item:first-child{grid-column:1 / -1;grid-row:auto;.photos-grid--large &{grid-column:1 / -1;grid-row:auto}}#goods{grid-template-columns:repeat(2,1fr)}.media-duo{grid-template-columns:1fr}.media-items{grid-template-columns:repeat(2,1fr)}}@media(max-width:450px){.main-content{padding:0 16px}.hero-masthead{padding:2.5rem 0 1.5rem;&:after{display:none}}.hero-stats{gap:1rem;flex-wrap:wrap}.hero-stat-value{font-size:var(--text-lg)}.posts-home{grid-template-columns:1fr}.photos-grid,.photos-grid--large{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-auto-rows:140px;gap:.5rem}#goods{grid-template-columns:repeat(2,1fr);gap:.75rem}.goods-bankuai{padding:.75rem}.goods-duiqi{height:100px}.media-items{grid-template-columns:repeat(2,1fr);gap:.75rem}.media-panel{padding:1rem}.friends-section{padding:1.25rem 0}.friends-inner{padding:0 16px}#friArticle{gap:.5rem}.fri-item{padding:.4rem .9rem .4rem .4rem}}.typewriter[data-astro-cid-33dwphjn]{position:relative}.typewriter[data-astro-cid-33dwphjn]:after{content:"|";animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.talk-list[data-astro-cid-rmdcqj7m]{will-change:transform,opacity;transition:opacity .25s ease,transform .25s ease}.fri-item[data-astro-cid-esti3jpo]:nth-child(n+6){content-visibility:auto;contain-intrinsic-size:auto 64px}.media-grid[data-astro-cid-w3p2zzb4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}.rating-badge[data-astro-cid-w3p2zzb4]{display:inline-block;padding:2px 8px;border-radius:4px;background:#0009;color:gold;font-size:.8rem;font-weight:600}.media-item-title[data-astro-cid-w3p2zzb4]{font-size:.85rem;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}