/* AI 交易智耕農 — v3.0 美妝電商風：粉彩漸層・深梅・拱形主圖 */
:root{
  --bg:#FAF5F0;
  --bg-soft:#F5EAE3;
  --card:#FFFFFF;
  --ink:#42303A;
  --ink-soft:#6E5560;
  --muted:#9A828D;
  --line:#EDDCD4;
  --plum:#5C3742;
  --plum-deep:#472A33;
  --plum-grad:linear-gradient(135deg,#6E4450,#4E2F3A);
  --rose:#BE7F78;
  --rose-soft:#F3DDD6;
  --rose-grad:linear-gradient(135deg,#D9A79C,#BE7F78);
  --gold:#A87C46;
  --gold-soft:#EFDFC8;
  --blue:#7E9AA3;
  --blue-soft:#DCE8EA;
  --sage:#7E9474;
  --sage-soft:#E2E8D8;
  --up:#B4584E;
  --down:#71835F;
  --radius:20px;
  --shadow:0 10px 30px rgba(92,55,66,.10);
  --shadow-lg:0 24px 48px rgba(92,55,66,.16);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"PingFang TC","PingFang SC","Microsoft JhengHei","Noto Sans TC",-apple-system,"Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.75;
  font-size:16.5px;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--rose-soft)}
img{max-width:100%;display:block}
a{color:var(--plum);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}

/* ---------- 頁首 ---------- */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(250,245,240,.86);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.header-inner{display:flex;align-items:center;gap:26px;max-width:1120px;margin:0 auto;padding:12px 24px}
.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:1.12rem;color:var(--plum);letter-spacing:.04em}
.brand:hover{text-decoration:none}
.brand img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 4px 12px rgba(92,55,66,.25)}
.main-nav{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}
.main-nav a{color:var(--ink-soft);font-size:.93rem;letter-spacing:.05em}
.main-nav a:hover{color:var(--plum);text-decoration:none}
.site-header .btn{margin-left:6px}

/* ---------- 按鈕 ---------- */
.btn{
  display:inline-block;padding:13px 30px;border-radius:999px;
  font-weight:600;font-size:.98rem;letter-spacing:.06em;
  border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.btn:hover{text-decoration:none;transform:translateY(-2px)}
.btn-gold{background:var(--plum-grad);color:#FBF3EC;box-shadow:0 10px 22px rgba(92,55,66,.28)}
.btn-gold:hover{box-shadow:0 16px 30px rgba(92,55,66,.34)}
.btn-outline{background:rgba(255,255,255,.55);border-color:#C9A79C;color:var(--plum)}
.btn-outline:hover{border-color:var(--plum);background:#fff}
.btn-sm{padding:9px 20px;font-size:.88rem}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

/* ---------- Hero ---------- */
.hero{
  background:linear-gradient(112deg,#DFE9EA 0%,#F2E3D8 52%,#EFD3CB 100%);
  padding:74px 0 0;overflow:hidden;
}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.eyebrow{
  font-size:.8rem;font-weight:700;letter-spacing:.34em;color:var(--rose);
  text-transform:uppercase;margin-bottom:16px;
}
.hero h1{
  font-size:clamp(2.9rem,6.2vw,4.5rem);line-height:1.14;font-weight:800;
  letter-spacing:.03em;color:var(--plum);
}
.hero-sub{font-size:clamp(1.25rem,2.4vw,1.65rem);font-weight:600;color:var(--ink);margin-top:20px;line-height:1.55}
.hero-desc{color:var(--ink-soft);margin-top:14px;max-width:34em}
.hero .cta-row{margin-top:30px}
.hero-media{position:relative}
.hero-media img{
  border-radius:230px 230px 22px 22px;
  box-shadow:var(--shadow-lg);
  border:6px solid rgba(255,255,255,.75);
  aspect-ratio:1.18;object-fit:cover;width:100%;
}
.hero-media figcaption{margin-top:14px;font-size:.9rem;color:var(--ink-soft);text-align:center;letter-spacing:.03em}
.hero-points{
  list-style:none;display:flex;margin-top:64px;
  border-top:1px solid rgba(92,55,66,.16);
  padding:0;
}
.hero-points li{
  flex:1;text-align:center;padding:20px 8px 26px;color:var(--ink-soft);
  font-size:.88rem;letter-spacing:.14em;
}
.hero-points li + li{border-left:1px solid rgba(92,55,66,.16)}
.hero-points strong{display:block;font-size:1.7rem;font-weight:800;color:var(--plum);letter-spacing:.02em;line-height:1.25}

/* ---------- 段落 ---------- */
.section{padding:84px 0}
.section-alt{background:var(--bg-soft)}
.section > .wrap > .eyebrow,.section > .wrap > h2,.section > .wrap > .lead{text-align:center}
.section h2{font-size:clamp(1.7rem,3.4vw,2.3rem);font-weight:800;letter-spacing:.05em;color:var(--plum);line-height:1.35}
.lead{font-size:1.06rem;color:var(--ink-soft);max-width:46em;margin-top:12px}
.section > .wrap > .lead{margin-left:auto;margin-right:auto}
.subhead{font-size:1.18rem;font-weight:700;color:var(--plum);margin:36px 0 14px;letter-spacing:.04em}
.note{font-size:.88rem;color:var(--muted);margin-top:14px}

/* ---------- 卡片 ---------- */
.card{
  background:var(--card);border:1px solid #F1E0D6;border-radius:var(--radius);
  padding:26px;box-shadow:var(--shadow);
}
.tint-rose{background:linear-gradient(150deg,#FBEEE7,#F6DCD2)}
.tint-blue{background:linear-gradient(150deg,#EDF2F2,#E3D9CE)}
.icon-chip{
  width:52px;height:52px;border-radius:50%;flex:none;
  display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 2px 5px rgba(255,255,255,.65),0 8px 16px rgba(92,55,66,.16);
}
.icon-chip svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hue-rose{background:linear-gradient(140deg,#D9A79C,#B9746A)}
.hue-blue{background:linear-gradient(140deg,#A9C0C6,#7E9AA3)}
.hue-sage{background:linear-gradient(140deg,#AFC3A4,#7E9474)}
.hue-tan{background:linear-gradient(140deg,#DCC096,#B08D57)}
.hue-purple{background:linear-gradient(140deg,#C4A9BC,#96748C)}

/* ---------- 工具段 ---------- */
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:38px}
.feature-grid .card{display:flex;gap:18px;align-items:flex-start;transition:transform .18s ease}
.feature-grid .card:hover{transform:translateY(-4px)}
.feature-grid h3{font-size:1.08rem;color:var(--plum);margin-bottom:5px;letter-spacing:.03em}
.feature-grid p{color:var(--ink-soft);font-size:.96rem}
.shot-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
.shot-grid figure{background:#fff;border:1px solid #F1E0D6;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.shot-grid figcaption{padding:13px 18px;font-size:.9rem;color:var(--ink-soft)}
.window-badge{
  display:inline-block;background:var(--plum-grad);color:#FBF3EC;border-radius:999px;
  padding:8px 22px;font-weight:700;letter-spacing:.1em;box-shadow:var(--shadow);margin-bottom:20px;
}

/* ---------- 步驟 ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
.steps-3{grid-template-columns:repeat(3,1fr)}
.step{
  background:#fff;border:1px solid #F1E0D6;border-radius:var(--radius);
  padding:24px 20px;box-shadow:var(--shadow);transition:transform .18s ease;
}
.step:hover{transform:translateY(-4px)}
.step-no{
  width:44px;height:44px;border-radius:50%;margin-bottom:13px;
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:1.12rem;color:var(--plum);
  background:var(--rose-soft);box-shadow:inset 0 2px 4px rgba(255,255,255,.8),0 6px 12px rgba(92,55,66,.14);
}
.steps .step:nth-child(4n+2) .step-no{background:var(--blue-soft)}
.steps .step:nth-child(4n+3) .step-no{background:var(--sage-soft)}
.steps .step:nth-child(4n) .step-no{background:var(--gold-soft)}
.step h3{font-size:1.02rem;color:var(--plum);margin-bottom:5px}
.step p{font-size:.92rem;color:var(--ink-soft)}

/* ---------- 回測實驗室 ---------- */
.bars{display:flex;flex-direction:column;gap:11px;margin-top:16px}
.bar-row{display:grid;grid-template-columns:118px 1fr 118px;gap:13px;align-items:center;font-size:.93rem}
.bar-row .lbl{color:var(--ink-soft)}
.bar-track{background:#F1E2D8;border-radius:999px;height:15px;overflow:hidden}
.bar-fill{height:100%;border-radius:999px;background:var(--rose-grad)}
.bar-fill.neg{background:linear-gradient(90deg,#A9C0C6,#7E9AA3)}
.bar-row .num{font-weight:700;text-align:right;color:var(--plum)}
.bar-row .num.neg{color:var(--blue)}
.bar-note{font-size:.9rem;color:var(--muted);margin-top:10px}

/* ---------- 影片與文章 ---------- */
.video-frame{border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lg);margin-top:36px;background:#2A1B21}
.video-frame iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
.video-card{background:#fff;border:1px solid #F1E0D6;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .18s ease}
.video-card:hover{transform:translateY(-4px)}
.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.video-card div{padding:17px 20px}
.video-card h3{font-size:1.02rem;color:var(--plum);line-height:1.5}
.video-card p{font-size:.9rem;color:var(--muted);margin-top:4px}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}
.article-card{
  background:#fff;border:1px solid #F1E0D6;border-radius:var(--radius);padding:24px;
  box-shadow:var(--shadow);display:flex;flex-direction:column;gap:9px;transition:transform .18s ease;
}
.article-card:hover{transform:translateY(-4px);text-decoration:none}
.article-card .meta{font-size:.8rem;color:var(--rose);letter-spacing:.12em;font-weight:700}
.article-card h3{font-size:1.05rem;color:var(--plum);line-height:1.55}
.article-card p{font-size:.92rem;color:var(--ink-soft);flex:1}
.article-card .arrow{font-weight:700;color:var(--rose);font-size:.92rem;letter-spacing:.06em}

/* ---------- 日報 ---------- */
.daily-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:start}
.daily-grid .eyebrow{text-align:left}
.daily-grid h2{text-align:left}
.daily-grid .lead{margin-left:0}
.daily-latest{margin-top:24px}
.daily-latest h3{color:var(--plum);font-size:1.1rem;margin-bottom:9px}
.daily-latest ul{margin:0 0 6px 1.25em;color:var(--ink-soft);font-size:.97rem}
.daily-latest li{margin-bottom:5px}
.daily-media img{border-radius:var(--radius);box-shadow:var(--shadow-lg);border:5px solid rgba(255,255,255,.8)}
.daily-media figcaption{margin-top:11px;font-size:.88rem;color:var(--muted);text-align:center}
.archive-list{list-style:none}
.archive-list li{
  display:flex;gap:14px;align-items:baseline;padding:12px 2px;flex-wrap:wrap;
  border-bottom:1px dashed #E3CFC4;font-size:.95rem;
}
.archive-date{font-weight:700;color:var(--plum);white-space:nowrap}
.archive-sum{color:var(--ink-soft);flex:1;min-width:220px}

/* ---------- 指標 ---------- */
.feature-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}
.feature-grid-3 .card{transition:transform .18s ease}
.feature-grid-3 .card:hover{transform:translateY(-4px)}
.feature-grid-3 .icon-chip{margin-bottom:15px}
.feature-grid-3 h3{font-size:1.06rem;color:var(--plum);margin-bottom:6px}
.feature-grid-3 p{color:var(--ink-soft);font-size:.95rem}

/* ---------- FAQ ---------- */
.faq-item{
  background:#fff;border:1px solid #F1E0D6;border-radius:16px;
  padding:19px 24px;margin-top:13px;box-shadow:var(--shadow);
}
.faq-item summary{font-weight:700;cursor:pointer;color:var(--plum);letter-spacing:.02em}
.faq-item p{color:var(--ink-soft);margin-top:9px;font-size:.97rem}

/* ---------- 頁尾 ---------- */
.site-footer{background:var(--plum-deep);color:#EBD9CF;margin-top:0}
.footer-inner{max-width:1120px;margin:0 auto;padding:58px 24px 36px}
.site-footer .brand{color:#FBF3EC}
.site-footer a{color:#EFCDBD}
.footer-note{color:#C4A294;font-size:.92rem;max-width:52em;margin-top:12px}
.disclaimer{border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:20px;font-size:.85rem;color:#B08D7E}

/* ---------- 文章頁 ---------- */
.article-main{max-width:820px;margin:0 auto;padding:0 24px 84px}
.back-link{display:inline-block;margin:28px 0 6px;font-size:.93rem;color:var(--rose);font-weight:600;letter-spacing:.05em}
.article-hero{padding:40px 0 8px}
.article-hero h1{font-size:clamp(1.75rem,4.4vw,2.5rem);line-height:1.4;font-weight:800;color:var(--plum);letter-spacing:.02em}
.article-meta{color:var(--muted);font-size:.9rem;margin-top:13px;letter-spacing:.06em}
.article-body{font-size:1.03rem;color:var(--ink)}
.article-body h2{font-size:1.42rem;color:var(--plum);margin:42px 0 13px;letter-spacing:.03em}
.article-body h3{font-size:1.13rem;color:var(--plum);margin:28px 0 9px}
.article-body p{margin-bottom:15px;color:#54404B}
.article-body ul,.article-body ol{margin:0 0 16px 1.4em;color:#54404B}
.article-body li{margin-bottom:6px}
.article-body strong{color:var(--plum)}
.figure{margin:28px 0;background:#fff;border:1px solid #F1E0D6;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.figure svg{width:100%;height:auto;display:block}
.fig-title{font-weight:700;color:var(--plum);margin-bottom:11px;letter-spacing:.03em}
.fig-cap{font-size:.87rem;color:var(--muted);margin-top:11px}
.callout{
  background:linear-gradient(150deg,#FBEEE7,#F6DCD2);border-left:4px solid var(--rose);
  border-radius:14px;padding:19px 23px;margin:24px 0;color:#54404B;
}
.callout.warn{background:linear-gradient(150deg,#F7EAD9,#F1DCC0);border-left-color:var(--gold)}
.takeaway{background:var(--plum-grad);color:#F7E9E0;border-radius:var(--radius);padding:25px 28px;margin:32px 0}
.takeaway h3{color:#FBF3EC;margin:0 0 9px}
.takeaway p,.takeaway li{color:#EBD5C8}
.flow{display:flex;gap:9px;align-items:stretch;margin:22px 0;flex-wrap:wrap}
.flow .step{flex:1;min-width:130px}
.flow .arrow{display:flex;align-items:center;color:var(--rose);font-weight:800}
.funnel{max-width:430px;margin:22px auto}
.funnel .layer{
  margin:0 auto 7px;text-align:center;color:#fff;font-weight:700;
  padding:11px 8px;border-radius:12px;font-size:.95rem;letter-spacing:.03em;
}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}
.stat{background:#fff;border:1px solid #F1E0D6;border-radius:16px;padding:19px;text-align:center;box-shadow:var(--shadow)}
.stat strong{display:block;font-size:1.65rem;color:var(--plum);line-height:1.3}
.stat span{font-size:.87rem;color:var(--muted);letter-spacing:.05em}
.board{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}
.board .cell{
  border:1px solid #EBD5C9;border-radius:12px;padding:11px 6px;text-align:center;
  font-size:.87rem;background:#fff;color:var(--ink-soft);
}
.board .cell.hot{background:var(--rose-grad);color:#fff;border-color:transparent;font-weight:700}
.pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}
.pattern-card{background:#fff;border:1px solid #F1E0D6;border-radius:16px;padding:17px;box-shadow:var(--shadow)}
.pattern-card svg{width:100%;height:auto}
.pattern-card h4{color:var(--plum);margin:9px 0 4px;font-size:.99rem}
.pattern-card p{font-size:.88rem;color:var(--ink-soft);margin:0}

/* ---------- 響應式 ---------- */
@media (max-width:1024px){
  .steps{grid-template-columns:repeat(2,1fr)}
  .article-grid{grid-template-columns:repeat(2,1fr)}
  .feature-grid-3{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-media img{aspect-ratio:1.35}
  .daily-grid{grid-template-columns:1fr}
  .main-nav{display:none}
  .hero-points{flex-wrap:wrap}
  .hero-points li{flex:1 1 40%}
  .hero-points li + li{border-left:none}
}
@media (max-width:560px){
  body{font-size:15.5px}
  .section{padding:58px 0}
  .feature-grid,.video-grid,.shot-grid,.steps,.steps-3,.article-grid,.feature-grid-3,.stat-row{grid-template-columns:1fr}
  .pattern-grid{grid-template-columns:1fr 1fr}
  .board{grid-template-columns:repeat(3,1fr)}
  .bar-row{grid-template-columns:92px 1fr 92px;font-size:.86rem}
  .header-inner{gap:12px}
}