:root{color-scheme:light;--ink:#252a30;--muted:#727b84;--paper:#f3f5f6;--line:#e5e8ea;--accent:#e45f87;--accent-dark:#c7466c;--blue:#4d91c6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;line-height:1.75}
a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%;height:auto}.site-header{height:68px;padding:0 max(24px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:10;transition:background-color .28s,box-shadow .28s,backdrop-filter .28s}.site-header.is-top{background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.42) 66%,rgba(255,255,255,0));box-shadow:none}.site-header.is-scrolled{background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(31,38,46,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.brand{display:flex;width:138px;height:42px;align-items:center}.brand img{width:138px;max-height:38px;object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:30px;font-size:14px}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--accent);transition:right .2s}.site-header nav a:hover:after{right:0}main{min-height:calc(100vh - 150px)}main.standard-page{padding-top:68px}
.hero{height:min(510px,66vh);min-height:390px;position:relative;background:url("./theme/kratos-cover.png") center center/cover no-repeat;display:grid;place-items:center;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(32,38,44,.03),rgba(28,33,38,.3))}.hero-copy{position:relative;text-align:center;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.36);display:flex;flex-direction:column;align-items:center}.hero-copy h1{font-family:"Noto Serif SC","Songti SC",serif;font-size:48px;font-weight:600;margin:0}.hero-copy p{font-size:18px;margin:12px 0 0}.hero-scroll{position:absolute;bottom:18px;color:#fff;font-size:26px;animation:float 1.8s ease-in-out infinite}@keyframes float{50%{transform:translateY(6px)}}
.home-layout{width:min(1120px,calc(100% - 40px));margin:34px auto 60px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.feed{display:grid;gap:20px}.post-card{display:grid;grid-template-columns:245px minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden;min-height:190px;box-shadow:0 4px 16px rgba(40,50,60,.035);transition:transform .2s,box-shadow .2s}.post-card.no-thumbnail{grid-template-columns:minmax(0,1fr);min-height:0}.post-card.no-thumbnail .post-summary{min-height:190px}.post-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(40,50,60,.09)}.post-card>img{width:245px;height:100%;object-fit:cover}.post-summary{min-width:0;padding:22px 24px;display:flex;flex-direction:column}.category-label{align-self:flex-start;background:var(--blue);color:#fff;font-size:12px;padding:2px 9px;margin-bottom:7px}.post-card h2{font-size:20px;line-height:1.4;margin:0 0 9px;font-weight:600}.post-card h2 a:hover{color:var(--accent-dark)}.post-card p{margin:0;color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-meta{margin-top:auto;padding-top:13px;border-top:1px solid #f0f1f2;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.post-meta a{color:var(--accent-dark)}
.sidebar{display:grid;gap:20px;position:sticky;top:86px}.profile,.side-panel{background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden}.profile{text-align:center;padding-bottom:24px}.profile-cover{height:92px;background:url("./uploads/2022/12/sora-1024x576.png") center 38%/cover}.profile>img{width:76px;height:76px;object-fit:contain;border-radius:50%;background:#fff;border:4px solid #fff;margin:-38px auto 8px}.profile h2{font-size:18px;margin:0}.profile p{font-size:13px;color:var(--muted);margin:2px 0 0}.side-panel{padding:20px}.side-panel h2{font-size:16px;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line);position:relative}.side-panel h2:after{content:"";position:absolute;left:0;bottom:-1px;width:54px;height:2px;background:var(--accent)}.recent-list,.category-list{display:grid}.recent-list a{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13px}.recent-list time{color:var(--accent-dark)}.recent-list span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-list a{display:flex;justify-content:space-between;padding:7px 0;font-size:13px}.category-list strong{color:var(--accent-dark)}
.article{max-width:860px;margin:42px auto 60px;padding:44px 54px;background:#fff;border:1px solid var(--line);border-radius:4px}.back{display:inline-block;margin-bottom:30px;color:var(--muted);font-size:14px}.article header{text-align:center;padding-bottom:28px;border-bottom:1px solid var(--line)}.article h1{font-family:"Noto Serif SC","Songti SC",serif;font-size:38px;line-height:1.35;margin:8px 0 12px}.article time{font-size:13px;color:var(--muted)}.tags{display:flex;justify-content:center;gap:12px;font-size:13px;color:var(--accent-dark)}.content{margin-top:38px;font-size:16px}.content img{margin:28px auto;border-radius:2px}.content figure{margin:28px 0}.content figure img{margin:0 auto}.content figcaption{padding:8px 4px;color:var(--muted);font-size:13px;text-align:center}.content .title-theme{margin:52px 0 24px;padding-left:14px;border-left:4px solid var(--accent);font-size:26px}.content a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}.content iframe{max-width:100%}.media-link{display:inline-block}.video-player{width:100%;margin:28px 0;background:#17191c;border-radius:4px;overflow:hidden;box-shadow:0 8px 24px rgba(20,24,28,.14)}.video-player video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:contain}.music-player,.audio-player{margin:24px 0;padding:12px 14px 8px;background:#f7f8f9;border:1px solid var(--line);border-radius:4px}.music-player iframe{display:block;border:0}.music-player>a{display:block;margin:2px 8px 0;font-size:12px;text-align:right}.audio-label{padding:2px 4px 9px;font-size:14px;font-weight:600}.audio-player audio{display:block;width:100%;height:42px}
.listing{max-width:860px;margin:42px auto 60px;padding:40px 48px;background:#fff;border:1px solid var(--line);border-radius:4px}.listing h1{font-family:"Noto Serif SC","Songti SC",serif;font-size:36px;margin:0 0 28px}.archive-row,.category-row{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:14px 0;border-bottom:1px solid var(--line)}.archive-row time{color:var(--muted);font-size:14px}.archive-row:hover span,.category-row:hover span{color:var(--accent-dark)}.category-row{grid-template-columns:1fr auto}.category-row strong{color:var(--accent-dark)}
.empty{text-align:center;padding:120px 24px}.empty h1{font-size:40px}.site-footer{min-height:150px;padding:42px max(24px,calc((100% - 1120px)/2));background:#2c3036;color:#d9dde1;display:flex;align-items:center;border-top:4px solid var(--accent)}.footer-meta{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 24px;font-size:13px}.footer-meta a{color:#fff;border-bottom:1px solid rgba(255,255,255,.5);margin-left:2px}.footer-meta a:hover{color:#f6a8bf}
@media(max-width:900px){.home-layout{grid-template-columns:1fr}.sidebar{position:static;grid-template-columns:1fr 1fr}.profile{display:none}.hero{height:440px}.post-card{grid-template-columns:220px}.post-card>img{width:220px}}
@media(max-width:640px){.site-header{height:60px;padding:0 14px}.brand{width:104px;flex:0 0 104px}.brand img{width:104px}.site-header nav{gap:10px;font-size:13px;white-space:nowrap}main.standard-page{padding-top:60px}.hero{height:360px;min-height:0;background-position:56% center}.hero-copy h1{font-size:38px}.hero-copy p{font-size:14px;padding:0 24px}.home-layout{width:calc(100% - 24px);margin-top:18px}.post-card{grid-template-columns:1fr}.post-card>img{width:100%;height:auto;aspect-ratio:16/9}.post-summary{padding:18px}.sidebar{grid-template-columns:1fr}.article,.listing{margin:14px 12px 30px;padding:28px 20px}.article h1,.listing h1{font-size:30px}.archive-row{grid-template-columns:1fr;gap:2px}.site-footer{min-height:0;padding:34px 20px;text-align:left}.footer-meta{display:grid;gap:7px}}