/*
Theme Name: CoffeeYo Portal
Template: astra
Version: 1.0
Description: Coffee industry portal homepage for coffeeyo.com (CN/EN)
*/

:root{
  --cy-brown:#6F4E37;
  --cy-brown-dark:#4A3222;
  --cy-gold:#C89B5A;
  --cy-bg:#FAF7F2;
  --cy-card:#ffffff;
  --cy-line:#EAE3D9;
  --cy-text:#2B2B2B;
  --cy-muted:#8A8178;
}

body{background:var(--cy-bg);color:var(--cy-text);}

/* ---- 门户容器 ---- */
.cy-wrap{max-width:1200px;margin:0 auto;padding:0 16px;}
.cy-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;margin:24px auto 40px;}
@media(max-width:900px){.cy-main{grid-template-columns:1fr;}}

/* ---- 头条区 ---- */
.cy-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;margin-top:22px;}
@media(max-width:900px){.cy-hero{grid-template-columns:1fr;}}
.cy-hero-lead{position:relative;display:block;border-radius:14px;overflow:hidden;background:#ddd;aspect-ratio:16/9;}
.cy-hero-lead img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.cy-hero-lead:hover img{transform:scale(1.04);}
.cy-hero-cap{position:absolute;left:0;right:0;bottom:0;padding:26px 24px 22px;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.72) 60%,rgba(0,0,0,.88) 100%);}
.cy-hero-cap h2{margin:0 0 8px;font-size:26px;line-height:1.35;color:#fff;font-weight:700;}
.cy-hero-cap p{margin:0;color:#E8E0D6;font-size:14px;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cy-badge{display:inline-block;background:var(--cy-gold);color:#3A2A16;font-size:12px;font-weight:700;
  padding:3px 10px;border-radius:20px;margin-bottom:10px;letter-spacing:.5px;}

.cy-hero-side{display:grid;grid-template-rows:1fr 1fr;gap:20px;}
.cy-hero-item{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;background:var(--cy-card);
  border:1px solid var(--cy-line);border-radius:12px;overflow:hidden;padding:10px;align-items:center;}
.cy-hero-item:hover{border-color:var(--cy-gold);}
.cy-hero-item .cy-th{width:120px;height:84px;border-radius:8px;overflow:hidden;background:#eee;}
.cy-hero-item .cy-th img{width:100%;height:100%;object-fit:cover;display:block;}
.cy-hero-item h3{margin:0 0 6px;font-size:15px;line-height:1.4;font-weight:600;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cy-hero-item .cy-meta{font-size:12px;color:var(--cy-muted);}

/* ---- 板块 ---- */
.cy-sec{margin-bottom:34px;}
.cy-sec-head{display:flex;align-items:center;justify-content:space-between;
  border-bottom:2px solid var(--cy-brown);padding-bottom:10px;margin-bottom:18px;}
.cy-sec-head h2{margin:0;font-size:20px;font-weight:800;color:var(--cy-brown-dark);
  display:flex;align-items:center;gap:10px;}
.cy-sec-head h2::before{content:"";width:5px;height:20px;background:var(--cy-brown);border-radius:3px;}
.cy-sec-head a{font-size:13px;color:var(--cy-muted);text-decoration:none;white-space:nowrap;}
.cy-sec-head a:hover{color:var(--cy-brown);}

.cy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
@media(max-width:900px){.cy-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.cy-grid{grid-template-columns:1fr;}}

.cy-card{background:var(--cy-card);border:1px solid var(--cy-line);border-radius:12px;
  overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s;}
.cy-card:hover{box-shadow:0 6px 22px rgba(0,0,0,.09);border-color:var(--cy-gold);}
.cy-card .cy-th{aspect-ratio:16/10;overflow:hidden;background:#f0ece6;}
.cy-card .cy-th img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.cy-card:hover .cy-th img{transform:scale(1.05);}
.cy-card .cy-body{padding:14px 15px 16px;flex:1;display:flex;flex-direction:column;}
.cy-card h3{margin:0 0 8px;font-size:16px;line-height:1.45;font-weight:600;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cy-card h3 a{color:var(--cy-text);text-decoration:none;}
.cy-card:hover h3 a{color:var(--cy-brown);}
.cy-card .cy-ex{font-size:13px;line-height:1.6;color:var(--cy-muted);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 10px;}
.cy-meta{font-size:12px;color:var(--cy-muted);margin-top:auto;}

/* 无图占位 */
.cy-nopic{width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#EFE6DA,#E2D5C4);color:#A89478;font-size:26px;font-weight:800;}

/* ---- 侧栏 ---- */
.cy-side{display:flex;flex-direction:column;gap:22px;}
.cy-box{background:var(--cy-card);border:1px solid var(--cy-line);border-radius:12px;padding:16px 18px;}
.cy-box h4{margin:0 0 12px;font-size:15px;font-weight:800;color:var(--cy-brown-dark);
  padding-bottom:9px;border-bottom:1px solid var(--cy-line);}
.cy-list{list-style:none;margin:0;padding:0;}
.cy-list li{padding:9px 0;border-bottom:1px dashed var(--cy-line);font-size:14px;line-height:1.5;}
.cy-list li:last-child{border-bottom:none;}
.cy-list li a{color:var(--cy-text);text-decoration:none;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cy-list li a:hover{color:var(--cy-brown);}
.cy-nav a{display:block;padding:8px 0;font-size:14px;color:var(--cy-text);text-decoration:none;}
.cy-nav a:hover{color:var(--cy-brown);}
.cy-langbtn{display:inline-block;padding:8px 16px;border:1px solid var(--cy-brown);
  border-radius:20px;color:var(--cy-brown);text-decoration:none;font-size:13px;font-weight:600;}
.cy-langbtn:hover{background:var(--cy-brown);color:#fff;}

/* ---- 分类条 ---- */
.cy-catbar{background:var(--cy-card);border:1px solid var(--cy-line);border-radius:12px;
  padding:12px 16px;margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;}
.cy-catbar a{padding:6px 14px;border-radius:20px;background:var(--cy-bg);border:1px solid var(--cy-line);
  font-size:13px;color:var(--cy-text);text-decoration:none;}
.cy-catbar a:hover,.cy-catbar a.on{background:var(--cy-brown);color:#fff;border-color:var(--cy-brown);}

/* ---- 底部 ---- */
.cy-foot{background:var(--cy-brown-dark);color:#D9CFBf;padding:28px 0;margin-top:20px;}
.cy-foot a{color:#D9CFC0;text-decoration:none;}
.cy-foot .cy-wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;font-size:13px;}

.cy-pagi{text-align:center;margin:26px 0;}
.cy-pagi a{display:inline-block;padding:10px 26px;border:1px solid var(--cy-brown);border-radius:24px;
  color:var(--cy-brown);text-decoration:none;font-size:14px;font-weight:600;}
.cy-pagi a:hover{background:var(--cy-brown);color:#fff;}

.cy-more{display:block;text-align:center;padding:12px;border:1px solid var(--cy-line);border-radius:10px;
  color:var(--cy-muted);text-decoration:none;font-size:14px;background:#fff;}
.cy-more:hover{border-color:var(--cy-brown);color:var(--cy-brown);}