/* =====================================================================
   冷桔前台样式 · 包装箱橘色调
   ===================================================================== */
:root{
  --orange:#E8944A;
  --orange-deep:#C97A35;
  --orange-soft:#F0B87A;
  --cream:#FDF8F2;
  --cream-2:#F8EDDF;
  --brown:#4A2C10;
  --brown-soft:#8A5A34;
  --green:#2E7D32;
  --white:#FFFFFF;
  --line:rgba(74,44,16,.12);
  --sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
  --serif:"Noto Serif SC","Songti SC","STSong",serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--sans);
  color:var(--brown);
  background:var(--cream);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}

/* ===== 顶部导航（手机端隐藏，桌面端恢复） ===== */
.site-header{
  display:none;
  position:fixed;top:0;left:0;right:0;z-index:50;
  transition:background .3s ease,box-shadow .3s ease;
}
.site-header .bar{
  max-width:1180px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;gap:10px;
}
.header-logo{display:flex;align-items:center;gap:10px;color:var(--white);}
.header-logo .mini{width:30px;height:30px;flex-shrink:0;}
.header-logo b{font-size:19px;letter-spacing:.14em;display:none;}
.header-nav{display:flex;gap:2px;}
.header-nav a{
  color:var(--white);font-size:13px;opacity:.92;
  padding:11px 9px;border-radius:4px;min-height:44px;
  display:inline-flex;align-items:center;
}
.header-nav a:hover{background:rgba(255,255,255,.18);opacity:1;}
.site-header.scrolled{background:var(--white);box-shadow:0 2px 14px rgba(74,44,16,.1);}
.site-header.scrolled .header-logo{color:var(--orange-deep);}
.site-header.scrolled .logo-top{display:none !important;}
.site-header.scrolled .logo-scrolled{display:inline-flex !important;}
.site-header.scrolled .header-nav a{color:var(--brown);}
.site-header.scrolled .header-nav a:hover{background:var(--cream-2);}

/* ===== 首屏 Hero（手机端：横向通栏大图横幅，约半屏高，图上压标题；下面紧接宫格一屏可见） ===== */
.hero{
  position:relative;overflow:hidden;
  height:52vh;min-height:340px;
  background:
    linear-gradient(180deg,rgba(224,110,16,.12),rgba(201,95,16,.38)),
    url('../img/hero.svg') center/cover no-repeat,
    radial-gradient(ellipse 70% 55% at 50% 38%,#F0B070 0%,var(--orange) 55%,#D98A45 100%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:36px 22px;color:var(--white);
}
.hero-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;}
.hero-logo{width:62px;height:62px;margin-bottom:14px;flex-shrink:0;}
.hero-titles{text-align:center;}
.hero h1{
  font-size:clamp(40px,11vw,54px);
  font-weight:700;letter-spacing:.16em;line-height:1.1;
  text-shadow:0 2px 14px rgba(120,50,0,.25);
}
.hero .domain{font-size:13px;letter-spacing:.28em;
  margin-top:8px;opacity:.95;}
.hero .slogan{
  margin-top:16px;font-size:14px;
  letter-spacing:.14em;
}

/* ===== 手机端栏目宫格（独立板块，紧接大屏下方；桌面端隐藏） ===== */
.quick-nav-band{
  display:block;
  background:var(--cream);
  padding:18px 12px 24px;
}
.quick-nav{
  max-width:560px;margin:0 auto;width:100%;
  display:flex;gap:8px;
}
.quick-nav a{
  flex:1 1 0;min-width:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:74px;background:var(--white);
  border:1px solid var(--cream-2);border-radius:12px;
  padding:10px 2px;box-shadow:0 2px 10px rgba(74,44,16,.05);
}
.quick-nav a svg{width:24px;height:24px;}
.quick-nav a span{font-size:12.5px;margin-top:7px;color:var(--brown);letter-spacing:.06em;}
.quick-nav a:hover{border-color:var(--orange-soft);transform:translateY(-2px);}

.scroll-hint{display:none;}
@keyframes bob{0%,100%{transform:translateY(0);}50%{transform:translateY(7px);}}

/* ===== 通用区块 ===== */
.section{max-width:1180px;margin:0 auto;padding:64px 20px;}
.section-head{text-align:center;margin-bottom:48px;}
.section-head h2{
  font-size:clamp(26px,4vw,34px);font-weight:700;
  letter-spacing:.12em;text-indent:.12em;color:var(--brown);
}
.section-head p{margin-top:12px;color:var(--brown-soft);font-size:15px;letter-spacing:.06em;}
.section-head .accent-line{
  width:46px;height:3px;background:var(--orange);
  margin:18px auto 0;border-radius:2px;
}

/* ===== 四个卖点 ===== */
.feature-grid{display:grid;grid-template-columns:1fr;gap:18px;}
.feature-card{
  background:var(--white);border:1px solid var(--line);
  border-radius:10px;padding:30px 22px;text-align:center;
  transition:transform .3s ease,box-shadow .3s ease;
}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(217,110,20,.14);}
.feature-card .icon{
  width:62px;height:62px;margin:0 auto 16px;
  border-radius:50%;background:var(--cream-2);
  display:flex;align-items:center;justify-content:center;
}
.feature-card h3{font-size:17px;letter-spacing:.08em;color:var(--brown);}
.feature-card p{font-size:14px;color:var(--brown-soft);margin-top:8px;}

/* ===== 品种介绍 ===== */
.variety-band{background:var(--cream-2);}
.variety-card{
  background:var(--white);border-radius:12px;overflow:hidden;
  border:1px solid var(--line);
  display:grid;grid-template-columns:1fr;
}
.variety-visual{
  background:linear-gradient(150deg,var(--orange-soft),var(--orange));
  height:180px;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;
}
.variety-body{padding:28px 24px;}
.variety-body h3{font-size:25px;letter-spacing:.1em;color:var(--brown);}
.variety-body .sub{color:var(--orange-deep);font-size:14px;
  letter-spacing:.14em;margin:8px 0 18px;}
.variety-body p{font-size:14.5px;color:var(--brown-soft);margin-bottom:12px;}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.tag-row span{background:var(--cream-2);color:var(--orange-deep);
  font-size:12.5px;padding:5px 12px;border-radius:20px;}

/* ===== 桔园日记 ===== */
.post-grid{display:grid;grid-template-columns:1fr;gap:18px;}
.variety-grid{display:grid;grid-template-columns:1fr;gap:20px;}
.post-card{
  background:var(--white);border:1px solid var(--line);border-radius:10px;
  padding:26px 24px;display:flex;flex-direction:column;
}
.post-card .meta{font-size:12.5px;color:var(--orange-deep);letter-spacing:.06em;}
.post-card h3{font-size:17px;margin:10px 0;line-height:1.5;}
.post-card p{font-size:14px;color:var(--brown-soft);flex:1;}
.post-card .more{font-size:13px;color:var(--orange-deep);margin-top:14px;}
.empty-state{
  grid-column:1/-1;text-align:center;
  background:var(--white);border:1px dashed var(--orange-soft);
  border-radius:10px;padding:46px 24px;color:var(--brown-soft);font-size:14px;
}

/* ===== 联系区 ===== */
.contact-band{
  background:linear-gradient(150deg,var(--orange),var(--orange-deep));
  color:var(--white);
}
.contact-band .section-head h2{color:var(--white);}
.contact-band .section-head p{color:rgba(255,255,255,.85);}
.contact-grid{display:grid;grid-template-columns:1fr;gap:16px;}
.contact-item{
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  border-radius:10px;padding:24px;display:flex;align-items:center;gap:16px;
}
.contact-item .icon{width:46px;height:46px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;}
.contact-item .k{font-size:12.5px;opacity:.82;letter-spacing:.14em;}
.contact-item .v{font-size:18px;font-weight:600;letter-spacing:.05em;margin-top:2px;}

/* ===== 栏目独立页顶部 ===== */
.cat-hero{
  background:radial-gradient(ellipse 70% 55% at 50% 38%,#F0B070 0%,var(--orange) 55%,#D98A45 100%);
  color:#fff;text-align:center;padding:90px 24px 60px;
}
.cat-hero h1{font-size:clamp(32px,6vw,52px);font-weight:700;letter-spacing:.14em;}
.cat-hero p{margin-top:10px;opacity:.9;letter-spacing:.1em;}

/* ===== 留言表单 ===== */
.contact-flash{max-width:520px;margin:0 auto 18px;padding:12px 16px;border-radius:8px;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);font-size:14px;text-align:center;}
.contact-flash-ok{background:rgba(120,200,140,.25);}
.msg-form{max-width:520px;margin:26px auto 0;display:flex;flex-direction:column;gap:12px;}
.msg-row{display:flex;gap:12px;}
.msg-row input{flex:1;}
.msg-form input,.msg-form textarea{
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);
  border-radius:8px;padding:12px 14px;color:#fff;font-size:14px;font-family:inherit;}
.msg-form input::placeholder,.msg-form textarea::placeholder{color:rgba(255,255,255,.65);}
.msg-form input:focus,.msg-form textarea:focus{outline:none;border-color:#fff;}
.msg-form button{
  background:#fff;color:var(--orange-deep);border:none;border-radius:8px;
  padding:13px;font-size:15px;letter-spacing:.1em;cursor:pointer;font-weight:600;}
.msg-form button:hover{background:var(--cream);}

/* ===== 查看更多按钮 ===== */
.more-btn{display:inline-block;padding:10px 28px;border:1.5px solid var(--orange);color:var(--orange-deep);
  border-radius:999px;font-size:14px;letter-spacing:.05em;text-decoration:none;transition:all .2s;}
.more-btn:hover{background:var(--orange);color:#fff;}

/* ===== 文章详情页 ===== */
.post-detail{background:var(--cream);padding:50px 20px 70px;}
.post-detail-inner{max-width:760px;margin:0 auto;background:#fff;border-radius:16px;padding:44px 44px 36px;
  box-shadow:0 10px 40px rgba(180,120,60,.10);}
.post-detail .meta{font-size:13px;color:var(--brown-soft);margin-bottom:14px;}
.post-detail .meta a{color:var(--orange-deep);}
.post-detail h1{font-size:clamp(24px,4vw,34px);color:var(--brown);line-height:1.35;margin-bottom:24px;}
.post-detail .content{font-size:16px;line-height:1.9;color:#3d2817;}
.post-detail .content img{display:block;margin:18px auto;}
.post-back{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);}
.post-back a{color:var(--orange-deep);font-size:14px;}

/* ===== 友情链接 ===== */
.footer-wrap{background:#2a2a2a;color:#fff;text-align:center;}
.friend-links{background:transparent;border-top:none;}
.friend-links .fl-title{text-align:center;font-size:13px;color:rgba(255,255,255,.55);letter-spacing:.2em;margin-bottom:14px;}
.friend-links .fl-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;}
.friend-links .fl-list a{font-size:13px;color:rgba(255,255,255,.75);}
.friend-links .fl-list a:hover{color:var(--orange-soft);}

/* ===== 底部 ===== */
.site-footer{
  background:transparent;color:rgba(255,255,255,.85);
  text-align:center;padding:24px 20px 34px;font-size:13px;
}
.site-footer a{color:rgba(255,255,255,.75);}
.site-footer a:hover{color:var(--orange-soft);}
.site-footer .footer-slogan{letter-spacing:.18em;margin-bottom:10px;color:#fff;}

/* ===== 滚动揭示 ===== */
.reveal{opacity:0;transform:translateY(22px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);}
.reveal.in{opacity:1;transform:none;}

a:focus-visible,button:focus-visible{outline:2px solid var(--orange-deep);outline-offset:3px;}

/* ===== 平板/桌面断点：恢复顶部导航与纵向首屏 ===== */
@media (min-width:700px){
  .site-header{display:block;}
  .quick-nav-band{display:none;}
  .scroll-hint{display:block;}
  .hero{padding:100px 24px 70px;flex-direction:column;text-align:center;
    height:auto;min-height:100vh;min-height:100dvh;}
  .hero-brand{flex-direction:column;gap:0;}
  .hero-titles{text-align:center;}
  .hero-logo{width:clamp(120px,20vw,168px);margin-bottom:30px;}
  .hero h1{font-size:clamp(52px,10vw,96px);letter-spacing:.16em;}
  .hero .domain{font-size:clamp(16px,2.4vw,22px);margin-top:8px;}
  .hero .slogan{margin-top:26px;font-size:clamp(16px,2.6vw,21px);}
  .hero .slogan::before,.hero .slogan::after{width:26px;margin:0 16px;}

  .feature-grid{grid-template-columns:repeat(2,1fr);}
  .post-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .site-header .bar{padding:16px 24px;gap:16px;}
  .header-logo b{display:block;}
  .header-nav{gap:6px;}
  .header-nav a{font-size:14px;padding:8px 14px;min-height:0;}
  .section{padding:76px 24px;}
  .variety-body{padding:32px 30px;}
}
@media (min-width:1000px){
  .feature-grid{grid-template-columns:repeat(4,1fr);}
  .post-grid{grid-template-columns:repeat(4,1fr);}
  .variety-grid{grid-template-columns:repeat(4,1fr);}
  .variety-card{grid-template-columns:1fr;}
  .variety-visual{height:180px;padding:20px;}
  .variety-body{padding:18px 16px;}
  .variety-body h3{font-size:17px;}
  .contact-grid{grid-template-columns:repeat(2,1fr);}
  .section{padding:84px 24px;}
}

/* ===== 手机横屏握持（矮而宽）：横幅收成紧凑一行 ===== */
@media (orientation: landscape) and (max-height: 500px){
  .hero{height:auto;min-height:0;padding:22px 30px;}
  .hero-brand{flex-direction:row;align-items:center;gap:18px;}
  .hero-logo{width:46px;height:46px;margin-bottom:0;}
  .hero-titles{text-align:left;}
  .hero h1{font-size:clamp(26px,7vh,40px);letter-spacing:.12em;}
  .hero .domain{font-size:11px;margin-top:3px;}
  .hero .slogan{margin-top:8px;font-size:12px;}
  .scroll-hint{display:none;}
}

/* ===== 降低动效 ===== */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .reveal{opacity:1;transform:none;transition:none;}
  .scroll-hint svg{animation:none;}
}