/* =====================================================================
   冷桔前台样式 · 包装箱橘色调
   ===================================================================== */
:root{
  --orange:#F58220;
  --orange-deep:#D96E14;
  --orange-soft:#FCA94E;
  --cream:#FFF7EE;
  --cream-2:#FDEEDD;
  --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 .header-nav a{color:var(--brown);}
.site-header.scrolled .header-nav a:hover{background:var(--cream-2);}

/* ===== 首屏 Hero（手机纵向完整首屏，与桌面同结构） ===== */
.hero{
  position:relative;overflow:hidden;
  min-height:100vh;min-height:100dvh;
  background:radial-gradient(ellipse 70% 55% at 50% 38%,#FB9C3F 0%,var(--orange) 58%,#EC7A12 100%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:48px 22px;color:var(--white);
}
.hero-logo{width:clamp(110px,30vw,132px);margin-bottom:28px;}
.hero h1{
  font-size:clamp(44px,12vw,58px);
  font-weight:700;letter-spacing:.14em;line-height:1.1;
}
.hero .domain{font-size:15px;letter-spacing:.28em;
  margin-top:10px;opacity:.92;}
.hero .slogan{
  margin-top:26px;font-size:16px;
  letter-spacing:.14em;
}
.hero .slogan::before,.hero .slogan::after{
  content:"";display:inline-block;width:20px;height:1px;
  background:rgba(255,255,255,.6);vertical-align:middle;margin:0 12px;
}

/* ===== 手机端栏目宫格（独立板块，紧接大屏下方；桌面端隐藏） ===== */
.quick-nav-band{
  display:block;
  background:var(--cream);
  padding:22px 18px 28px;
}
.quick-nav{
  max-width:560px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
}
.quick-nav a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:78px;background:var(--white);
  border:1px solid var(--cream-2);border-radius:12px;
  padding:12px 4px;box-shadow:0 2px 10px rgba(74,44,16,.05);
}
.quick-nav a svg{width:27px;height:27px;}
.quick-nav a span{font-size:13px;margin-top:8px;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));
  min-height:220px;display:flex;align-items:center;justify-content:center;padding:36px;
}
.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;}
.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;}

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

/* ===== 滚动揭示 ===== */
.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;}
  .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(3,1fr);}
  .variety-card{grid-template-columns:5fr 6fr;}
  .contact-grid{grid-template-columns:repeat(2,1fr);}
  .section{padding:84px 24px;}
  .variety-body{padding:36px 34px;}
}

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