:root{--blue:#2563eb;--blue-dark:#1d4ed8;--orange:#f59e0b;--ink:#0f172a;--text:#334155;--muted:#64748b;--line:#e5e7eb;--bg:#f7f8fa;--white:#fff;--radius:12px;--shadow:0 8px 28px rgba(15,23,42,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{height:68px;display:flex;align-items:center;gap:34px}.brand{font-weight:900;font-size:21px;color:var(--ink);display:flex;align-items:center;gap:9px}.brand-icon{display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--blue);color:var(--blue);border-radius:8px}.main-nav{display:flex;gap:28px;height:100%;align-items:center}.main-nav a{height:100%;display:flex;align-items:center;position:relative;font-weight:650}.main-nav a.active{color:var(--blue)}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--blue);border-radius:3px}.search{margin-left:auto;display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:white}.search input{width:210px;border:0;outline:0;padding:9px 12px;background:transparent}.search button{border:0;background:var(--blue);color:white;padding:0 15px;cursor:pointer}.menu-toggle{display:none;margin-left:auto;border:0;background:none;font-size:24px}.hero-grid{display:grid;grid-template-columns:1.8fr .75fr;gap:18px;padding-top:28px}.hero{min-height:310px;padding:48px;border-radius:16px;background:linear-gradient(120deg,rgba(239,246,255,.96),rgba(255,247,237,.87)),radial-gradient(circle at 75% 20%,#bfdbfe,transparent 42%);box-shadow:var(--shadow);display:flex;align-items:center}.eyebrow{display:inline-block;color:var(--blue);font-weight:800;font-size:12px;letter-spacing:1.4px}.hero h1,.page-head h1{margin:8px 0 8px;color:var(--ink);font-size:clamp(32px,4vw,48px);line-height:1.22}.hero p{font-size:17px;margin:0 0 25px;color:var(--muted)}.hero-actions{display:flex;gap:12px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:10px 18px;border-radius:9px;font-weight:750}.btn.primary{background:var(--blue);color:white}.btn.primary:hover{background:var(--blue-dark)}.btn.warm{background:#fff7e6;color:#b45309;border:1px solid #fbbf24}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.popular{padding:20px}.popular h2,.related h2{font-size:17px;margin:0 0 12px;color:var(--ink)}.popular>a{display:flex;gap:10px;padding:9px 0;border-top:1px solid #f1f5f9;line-height:1.35}.popular b{flex:0 0 23px;height:23px;text-align:center;background:#eff6ff;color:var(--blue);border-radius:6px}.popular a:first-of-type b{background:#fee2e2;color:#ef4444}.section{padding-top:40px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-head h2{margin:0;color:var(--ink);font-size:24px}.section-head>a{color:var(--blue);font-weight:700}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 15px rgba(15,23,42,.04);transition:.2s}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.article-card img,.cover-placeholder{width:100%;aspect-ratio:16/8.5;object-fit:cover}.cover-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#ffedd5);color:white;font-size:55px;font-weight:900}.card-body{padding:17px}.card-body h3{margin:8px 0 6px;color:var(--ink);font-size:18px}.card-body p{margin:0 0 11px;color:var(--muted)}small{color:var(--muted)}.chip{display:inline-block;padding:2px 8px;background:#eff6ff;color:var(--blue);border-radius:6px;font-size:12px;font-weight:700}.today-joke{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(100deg,#fff7ed,#fffbeb);border:1px solid #fed7aa;padding:30px 35px;border-radius:16px;overflow:hidden}.today-joke p{font-size:18px;color:var(--ink);max-width:780px}.smile{font-size:110px;line-height:1;color:rgba(245,158,11,.16)}.warm-text{color:#d97706}.joke-actions{display:flex;align-items:center;gap:22px;color:var(--blue);font-weight:700}.joke-actions form{margin:0}.plain-btn{border:0;background:none;color:inherit;padding:0;cursor:pointer;font-weight:700}.page-head{padding:55px 0 25px}.page-head p{margin:0;color:var(--muted);font-size:17px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.filters a{background:white;border:1px solid var(--line);border-radius:20px;padding:6px 15px}.filters a.active{background:var(--blue);border-color:var(--blue);color:white}.article-list{display:grid;gap:14px}.article-row{display:grid;grid-template-columns:230px 1fr;gap:22px;background:white;border:1px solid var(--line);padding:16px;border-radius:var(--radius)}.article-row img{width:230px;height:150px;object-fit:cover;border-radius:9px}.article-row h2{font-size:22px;margin:7px 0 5px;color:var(--ink)}.article-row p{margin:0 0 9px;color:var(--muted)}.pagination{display:flex;justify-content:center;gap:7px;margin:25px 0}.pagination a{display:grid;place-items:center;min-width:36px;height:36px;background:white;border:1px solid var(--line);border-radius:7px}.pagination a.active{color:white;background:var(--blue);border-color:var(--blue)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;padding-top:35px}.article-detail{background:white;padding:42px 48px;border:1px solid var(--line);border-radius:var(--radius)}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb a{color:var(--blue)}.article-detail>h1{font-size:38px;line-height:1.25;color:var(--ink);margin:20px 0 10px}.meta{color:var(--muted);margin-bottom:24px}.article-cover{width:100%;max-height:430px;object-fit:cover;border-radius:10px;margin-bottom:28px}.prose{font-size:17px;line-height:1.9;color:#273449}.prose h2{font-size:26px;color:var(--ink);margin-top:1.7em;border-left:4px solid var(--blue);padding-left:12px}.prose h3{font-size:21px;color:var(--ink)}.prose img{margin:22px auto;border-radius:8px}.prose blockquote{margin:20px 0;padding:12px 18px;background:#f8fafc;border-left:4px solid #94a3b8}.prose pre{overflow:auto;background:#0f172a;color:#e2e8f0;padding:18px;border-radius:9px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px;margin-top:32px}.tag-row span{color:var(--blue);background:#eff6ff;padding:3px 9px;border-radius:6px}.related{align-self:start;padding:20px;position:sticky;top:88px}.related a{display:block;padding:11px 0;border-top:1px solid var(--line)}.jokes-head{display:flex;justify-content:space-between;align-items:center}.joke-list{display:grid;gap:14px}.joke-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px 25px;box-shadow:0 3px 13px rgba(15,23,42,.035)}.joke-card p{font-size:17px;color:var(--ink);margin:13px 0 20px;white-space:normal}.joke-top{display:flex;justify-content:space-between}.warm-chip{background:#fff7ed;color:#c2410c}.narrow{max-width:820px}.joke-card.single{padding:35px}.joke-card.single p{font-size:20px}.search-results{display:grid;gap:14px;padding-bottom:30px}.search-results article{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.search-results h2{margin:7px 0 3px;color:var(--ink)}.search-results p{margin:0;color:var(--muted)}.empty{grid-column:1/-1;padding:45px;background:white;border:1px dashed #cbd5e1;border-radius:var(--radius);text-align:center;color:var(--muted)}.muted{color:var(--muted)}.error-page{text-align:center;padding:100px 0}.error-page>b{font-size:80px;color:#dbeafe}.error-page h1{font-size:35px;color:var(--ink);margin:0}.error-page .btn{margin-top:15px}footer{margin-top:60px;border-top:1px solid var(--line);background:white}.footer-inner{min-height:85px;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}
@media(max-width:860px){.header-inner{gap:15px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;height:auto;background:white;padding:12px 18px;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{padding:8px}.main-nav a.active:after{display:none}.search{display:none}.hero-grid,.article-layout{grid-template-columns:1fr}.article-grid{grid-template-columns:repeat(2,1fr)}.related{position:static}.article-detail{padding:30px}.hero{padding:35px}.article-detail>h1{font-size:31px}}
@media(max-width:580px){.container{width:min(100% - 24px,1180px)}.hero-grid{padding-top:12px}.hero{padding:28px 22px;min-height:330px}.hero-actions{flex-direction:column}.article-grid{grid-template-columns:1fr}.article-row{grid-template-columns:1fr}.article-row img{width:100%;height:180px}.article-detail{padding:24px 19px}.article-detail>h1{font-size:28px}.article-layout{padding-top:15px}.jokes-head{align-items:flex-start;gap:15px}.jokes-head .btn{white-space:nowrap}.today-joke{padding:24px}.smile{display:none}.footer-inner{padding:22px 0;display:grid;gap:6px}}
.joke-rich{font-size:17px;color:var(--ink);line-height:1.8;margin:13px 0 20px}.joke-rich p{margin:.65em 0}.joke-rich h2,.joke-rich h3{line-height:1.35}.joke-rich blockquote{margin:14px 0;padding:10px 15px;border-left:4px solid #f59e0b;background:#fffaf0}.joke-rich ul,.joke-rich ol{padding-left:24px}.joke-rich a{color:var(--blue);text-decoration:underline}
.joke-rich pre{overflow:auto;background:#0f172a;color:#e2e8f0;padding:16px;border-radius:8px;font:14px/1.65 Consolas,monospace}.joke-rich img{max-width:100%;height:auto;border-radius:8px}
.masonry-grid{display:block;column-count:3;column-gap:16px}.masonry-item{display:inline-block;width:100%;margin:0 0 16px;break-inside:avoid;page-break-inside:avoid}.infinite-sentinel{min-height:80px;display:grid;place-items:center;color:var(--muted);cursor:pointer}.infinite-sentinel span{padding:9px 18px;background:#fff;border:1px solid var(--line);border-radius:20px}.infinite-sentinel.loading span{color:var(--blue)}.infinite-sentinel.failed span{color:#dc2626}.article-row>div:first-child:empty{display:none}@media(max-width:900px){.masonry-grid{column-count:2}}@media(max-width:580px){.masonry-grid{column-count:1}}
.article-row:not(:has(img)){grid-template-columns:1fr}
.joke-list.masonry-grid{display:block;column-count:3;column-gap:16px}.joke-list.masonry-grid .masonry-item{display:inline-block;width:100%;margin:0 0 16px;break-inside:avoid;page-break-inside:avoid}@media(max-width:900px){.joke-list.masonry-grid{column-count:2}}@media(max-width:580px){.joke-list.masonry-grid{column-count:1}}
.joke-list.masonry-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:8px;gap:16px;column-count:auto!important}.joke-list.masonry-grid .masonry-item{display:block!important;width:auto;margin:0!important;break-inside:auto;page-break-inside:auto;align-self:start}
body .joke-list.masonry-grid{display:block!important;position:relative;column-count:auto!important;min-height:120px}body .joke-list.masonry-grid .masonry-item{position:absolute;top:0;left:0;display:block!important;width:auto;margin:0!important;break-inside:auto;transition:transform .22s ease}
body .gallery-grid.masonry-grid{display:block!important;position:relative;min-height:120px}body .gallery-grid.masonry-grid .masonry-item{position:absolute;top:0;left:0;display:block!important;width:auto;margin:0!important;transition:transform .22s ease}.gallery-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(15,23,42,.06)}.gallery-card img{display:block;width:100%;height:auto}.gallery-card figcaption{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;color:var(--ink)}.gallery-card figcaption small{white-space:nowrap;color:var(--muted)}
.simple-pagination{justify-content:space-between}.simple-pagination a{padding:0 18px;min-width:96px}