/* 发现页（生活专题 / 全部更新）：复用 public_base 的站头与页脚组件，
   只把页面调色板对齐首页的珍珠白与浅玉蓝，不另起一套外壳。 */
:root{
--mm-layout-max:1184px;
--mm-layout-gutter:28px;
--paper:#ffffff;
--surface:#ffffff;
--ink:#1f2328;
--muted:#637078;
--line:#d8dee2;
--green:#1e695e;
--green-2:#2b8272;
--soft:#e4f1f2;
--shadow:none;
--radius:8px;
--band:#f6f8f7;
--jade-mid:#69a68f;
--jade-pale:#dcecef}
.discovery-page{max-width:calc(var(--mm-layout-max) + 2 * var(--mm-layout-gutter));margin:auto;padding:40px var(--mm-layout-gutter) 72px}
.discovery-hero{
padding:34px 36px;
margin-bottom:34px;
border-radius:8px;
border:1px solid var(--line);
background:#f6f8f7}
.discovery-hero .eyebrow{margin:0 0 10px;color:var(--green);font-size:12px;letter-spacing:.18em;font-weight:600;text-transform:none}
.discovery-hero h1{margin:0 0 12px;font-family:inherit;font-size:clamp(28px,3.4vw,38px);font-weight:700;line-height:1.4;color:var(--ink)}
.discovery-hero p{max-width:44em;margin:0;color:#5d7183;font-size:15px;line-height:1.95}
.discovery-hero>span{display:inline-block;margin-top:14px;font-size:13px;color:#8091a1}
.card-chip{
display:inline-flex;
align-items:center;
gap:6px;
font-size:12px;
color:#5b6b80;
background:transparent;
border-radius:0;
padding:2px 0}
.latest-copy .card-chip,.topic-body .card-chip{align-self:flex-start}
.cat-icon{flex:0 0 auto}
.cat-icon-food-kitchen{color:#e4825f}
.cat-icon-home-daily{color:#4f9e86}
.cat-icon-digital-tools{color:#5a8fd6}
.cat-icon-travel-services{color:#7b82d6}
.cat-icon-science-culture{color:#3f9ba6}
.cat-icon-hobbies-crafts{color:#bf8a5c}
.photo-fallback{
position:absolute;
inset:0;
display:grid;
place-items:center;
color:#9ac3bd;
background:#f0f4f2}
.photo-fallback svg{width:40px;height:40px}

/* 生活专题列表 */
.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:20px}
.topic-card{
display:flex;
flex-direction:column;
min-width:0;
background:var(--surface);
border:1px solid var(--line);
border-radius:8px;
overflow:hidden;
text-decoration:none;
color:inherit;
box-shadow:var(--shadow);
transition:box-shadow .25s,transform .25s}
.topic-card:hover{border-color:#99b6aa}
.topic-photo{
position:relative;
aspect-ratio:4/3;
overflow:hidden;
background:var(--jade-pale);
clip-path:none}
.topic-photo img{width:100%;height:100%;object-fit:cover;display:block}
.topic-body{display:flex;flex-direction:column;gap:8px;padding:14px 20px 22px}
.topic-body h2{margin:2px 0 0;font-size:20px;font-weight:700;line-height:1.5}
.topic-body p{
margin:0;
font-size:13px;
line-height:1.8;
color:var(--muted);
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden}
.topic-meta{font-size:11px;color:#8b9aa9;line-height:1.7}
.topic-go{font-size:13px;font-weight:600;color:var(--green)}

/* 全部更新列表 */
.latest-archive{list-style:none;margin:0;padding:0}
.latest-archive li+li{border-top:1px solid var(--line)}
.latest-item{
display:grid;
grid-template-columns:200px minmax(0,1fr);
gap:22px;
padding:20px 0;
text-decoration:none;
color:inherit}
.latest-photo{position:relative;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--jade-pale)}
.latest-photo img{width:100%;height:100%;object-fit:cover;display:block}
.latest-item.no-media{grid-template-columns:minmax(0,1fr)}
.latest-item.no-media .latest-photo{display:none}
.latest-item.no-media .latest-copy{padding-left:18px;border-left:2px solid #d7eae5}
.latest-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.latest-copy h2{margin:0;font-size:20px;font-weight:650;line-height:1.55}
.latest-item:hover .latest-copy h2{color:var(--green)}
.latest-copy p{
margin:0;
font-size:14px;
line-height:1.85;
color:var(--muted);
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden}
.latest-meta{font-size:12px;color:#8b9aa9}
.evidence-notice{
display:inline-block;
padding:2px 8px;
border-radius:5px;
font-size:11px;
color:#8a5a1f;
background:#fbf1e2}

/* 状态与收尾 */
.honest-empty{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.honest-empty strong{display:block;font-size:19px;color:var(--ink);margin-bottom:6px}
.primary-link{
display:inline-block;
margin-top:16px;
min-height:44px;
border:0;
border-radius:6px;
padding:11px 20px;
background:var(--green);
color:#fff;
font-weight:600;
text-decoration:none}
.primary-link:hover{background:#17564d}
.discovery-next{
display:flex;
justify-content:space-between;
align-items:center;
gap:24px;
flex-wrap:wrap;
margin-top:40px;
padding:26px 30px;
background:var(--band);
border-radius:var(--radius)}
.discovery-next h2{margin:0 0 4px;font-size:19px;color:var(--ink)}
.discovery-next p{margin:0;color:var(--muted);font-size:13px}
.discovery-links{display:flex;flex-wrap:wrap;gap:8px 10px}
.discovery-links a{
padding:8px 14px;
border:1px solid var(--line);
border-radius:6px;
background:#fff;
color:#3f6b62;
font-size:13px;
text-decoration:none}
.discovery-links a:hover{color:var(--green);border-color:#99b6aa}
@media(max-width:860px){
:root{--mm-layout-gutter:18px}
.discovery-page{padding:26px var(--mm-layout-gutter) 56px}
.discovery-hero{padding:26px 22px;margin-bottom:24px}
.topic-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.latest-item{grid-template-columns:132px minmax(0,1fr);gap:14px;padding:16px 0}
.latest-copy h2{font-size:17px}
.latest-copy p{font-size:13px}
.discovery-next{padding:20px}
}
@media(max-width:560px){
.topic-grid{grid-template-columns:minmax(0,1fr)}
.latest-item{grid-template-columns:104px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
.topic-card{transition:none}
}