/* ============================================================
   實心行銷官網 共用樣式
   設計系統：印紅 × 墨黑 × 紙白（見 docs/DESIGN.md）
   ============================================================ */

/* ============ Tokens ============ */
:root{
  --seal:#C73E2E;         /* 印紅：品牌主色 */
  --seal-deep:#A32F22;
  --ink:#201D1A;          /* 墨黑 */
  --paper:#FBFAF7;        /* 紙白 */
  --sand:#F1EDE6;         /* 米灰卡片底 */
  --stone:#6E6760;        /* 暖灰次要文字 */
  --line:#E4DED4;         /* 邊線 */
  --amber:#D9A441;        /* 琥珀點綴 */
  --paper-ink:#FBFAF7;    /* 墨黑區上的文字 */
  --ink-panel:#26221D;    /* 墨黑區內卡片 */
  --ink-line:#3A342C;
  color-scheme:light dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --seal:#E05545;
    --seal-deep:#C73E2E;
    --ink:#F0EBE3;
    --paper:#17140F;
    --sand:#211D17;
    --stone:#A79E92;
    --line:#38322A;
    --amber:#E0B45C;
    --paper-ink:#F0EBE3;
    --ink-panel:#26221D;
    --ink-line:#3A342C;
  }
}
:root[data-theme="dark"]{
  --seal:#E05545;
  --seal-deep:#C73E2E;
  --ink:#F0EBE3;
  --paper:#17140F;
  --sand:#211D17;
  --stone:#A79E92;
  --line:#38322A;
  --amber:#E0B45C;
  --paper-ink:#F0EBE3;
  --ink-panel:#26221D;
  --ink-line:#3A342C;
}

/* ============ Base ============ */
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:"Noto Sans TC",-apple-system,"PingFang TC","Microsoft JhengHei",sans-serif;
  font-size:16px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:1120px;margin-inline:auto;padding-inline:24px}
@media (max-width:480px){.wrap{padding-inline:16px}}

.eyebrow{
  font-family:"IBM Plex Mono",monospace;
  font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--seal);display:flex;align-items:center;gap:.6em;
}
.eyebrow::before{content:"";width:.55em;height:.55em;border-radius:50%;background:var(--seal);flex:none}
h1,h2,h3{text-wrap:balance;line-height:1.25}
h2{font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:900;margin-top:.5rem}
.section{padding-block:96px}
@media (max-width:640px){.section{padding-block:64px}}
.sec-head{max-width:640px;margin-bottom:48px}
.sec-head p{color:var(--stone);margin-top:.75rem}

/* 圖片佔位（打版用，正式站替換為實際圖片） */
.ph{
  display:grid;place-items:center;max-width:100%;
  background:repeating-linear-gradient(-45deg,var(--sand),var(--sand) 12px,color-mix(in srgb,var(--line) 55%,var(--sand)) 12px,color-mix(in srgb,var(--line) 55%,var(--sand)) 13px);
  color:var(--stone);font-family:"IBM Plex Mono",monospace;font-size:.75rem;letter-spacing:.12em;
}

/* ============ Nav ============ */
header{
  position:sticky;top:0;z-index:50;
  background:color-mix(in srgb,var(--paper) 88%,transparent);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.nav{display:flex;align-items:center;gap:28px;padding-block:14px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:1.05rem}
.stamp{
  width:42px;height:42px;flex:none;border-radius:8px;
  background:var(--seal);color:#FBFAF7;
  display:grid;place-items:center;
  font-family:"LXGW WenKai TC",serif;font-weight:700;font-size:.95rem;line-height:1.05;
  text-align:center;letter-spacing:.05em;
  box-shadow:inset 0 0 0 2px color-mix(in srgb,#FBFAF7 35%,transparent);
}
.brand small{display:block;font-family:"IBM Plex Mono",monospace;font-weight:400;font-size:.62rem;letter-spacing:.14em;color:var(--stone)}
.nav-links{display:flex;gap:26px;margin-left:auto;font-size:.92rem;font-weight:500}
.nav-links a{color:var(--stone)}
.nav-links a:hover{color:var(--seal)}
.nav-links a.active{color:var(--seal);font-weight:700}
.btn{
  display:inline-block;padding:.7em 1.6em;border-radius:999px;
  font-weight:700;font-size:.95rem;border:1.5px solid transparent;
  transition:transform .15s ease,background .15s ease;
}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--seal);color:#FBFAF7}
.btn-primary:hover{background:var(--seal-deep)}
.btn-ghost{border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--seal);color:var(--seal)}
.nav .btn{margin-left:8px;padding:.55em 1.3em}
.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:var(--ink);font-size:1.1rem}
@media (max-width:860px){
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;
    flex-direction:column;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:8px 24px 16px}
  .nav-links a{padding:10px 0;border-bottom:1px solid var(--line)}
  .nav-links a:last-child{border-bottom:none}
  .nav-links.open{display:flex}
  .menu-toggle{display:block}
  .nav .btn{display:none}
}

/* ============ Hero（首頁） ============ */
.hero{padding-block:88px 72px;position:relative;overflow:hidden}
.hero .eyebrow{margin-bottom:22px}
.hero h1{font-size:clamp(2.6rem,7vw,4.8rem);font-weight:900;letter-spacing:.02em}
.hero h1 .dot{color:var(--seal)}
.hero-sub{margin-top:26px;max-width:34em;color:var(--stone);font-size:clamp(1rem,1.6vw,1.15rem)}
.hero-sub strong{color:var(--ink)}
.hero-slogan{
  font-family:"LXGW WenKai TC",serif;
  margin-top:14px;color:var(--seal);font-size:1.1rem;letter-spacing:.28em;
}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}
.hero-stamp{
  position:absolute;right:4%;top:70px;
  width:150px;height:150px;border-radius:20px;background:var(--seal);
  color:#FBFAF7;display:grid;place-items:center;
  font-family:"LXGW WenKai TC",serif;font-size:3.2rem;font-weight:700;line-height:1.15;
  letter-spacing:.08em;text-align:center;
  box-shadow:inset 0 0 0 4px color-mix(in srgb,#FBFAF7 30%,transparent);
  transform:rotate(6deg);opacity:.94;
}
@media (max-width:900px){.hero-stamp{display:none}}

/* ============ Page hero（內頁） ============ */
.page-hero{padding-block:72px 56px;border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;margin-top:.6rem}
.page-hero .lead{margin-top:16px;color:var(--stone);max-width:36em}

/* ============ Marquee ============ */
.marquee{
  border-block:1px solid var(--line);
  overflow:hidden;white-space:nowrap;padding-block:14px;
  font-family:"IBM Plex Mono","Noto Sans TC",monospace;font-size:.92rem;color:var(--stone);
}
.marquee-track{display:inline-block;animation:scroll 36s linear infinite}
.marquee span{margin-inline:1.2em}
.marquee b{color:var(--seal);font-weight:400}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .marquee-track{animation:none}
  html{scroll-behavior:auto}
}

/* ============ Services（三主軸卡） ============ */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.pillars{grid-template-columns:1fr}}
.pillar{
  border:1px solid var(--line);border-radius:14px;background:var(--sand);
  padding:30px 26px;display:flex;flex-direction:column;gap:16px;
}
.pillar-num{font-family:"IBM Plex Mono",monospace;font-size:.75rem;letter-spacing:.15em;color:var(--stone)}
.pillar h3{font-size:1.3rem;font-weight:900}
.pillar h3 em{font-style:normal;color:var(--seal)}
.pillar p{color:var(--stone);font-size:.94rem}
.pillar ul{list-style:none;padding:0;margin-top:auto;display:flex;flex-direction:column;gap:10px}
.pillar li{
  display:flex;gap:.6em;align-items:baseline;font-weight:500;font-size:.97rem;
  padding-top:10px;border-top:1px solid var(--line);
}
.pillar li::before{content:"●";color:var(--seal);font-size:.6em;flex:none;transform:translateY(-.2em)}

/* ============ 服務詳細（左右圖文） ============ */
.detail{
  display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;
  padding-block:64px;border-top:1px solid var(--line);
}
.detail.first{border-top:none}
@media (max-width:860px){
  .detail{grid-template-columns:1fr;gap:28px;padding-block:44px}
  .detail .detail-media{order:-1}
}
.detail-media{aspect-ratio:4/3;border-radius:14px;border:1px solid var(--line)}
.detail h3{font-size:1.5rem;font-weight:900;margin-top:.5rem}
.detail>div>p{color:var(--stone);margin-top:12px}
.detail ul{list-style:none;padding:0;margin-top:20px;display:flex;flex-direction:column;gap:10px}
.detail li{display:flex;gap:.6em;align-items:baseline;font-size:.95rem}
.detail li::before{content:"●";color:var(--seal);font-size:.6em;flex:none;transform:translateY(-.2em)}
.detail .fit{
  margin-top:20px;padding:14px 18px;background:var(--sand);border-radius:10px;
  font-size:.88rem;color:var(--stone);
}
.detail .fit b{color:var(--ink)}

/* ============ Process ============ */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}
.step{border-top:3px solid var(--seal);padding-top:18px}
.step-no{font-family:"IBM Plex Mono",monospace;color:var(--seal);font-size:.8rem;letter-spacing:.15em}
.step h3{font-size:1.08rem;font-weight:700;margin-top:6px}
.step p{color:var(--stone);font-size:.9rem;margin-top:6px}

/* ============ AI 深色區 ============ */
.ai{background:var(--ink);color:var(--paper-ink)}
.ai .eyebrow{color:var(--amber)}
.ai .eyebrow::before{background:var(--amber)}
.ai .sec-head p{color:color-mix(in srgb,var(--paper-ink) 65%,transparent)}
.ai-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ai-grid.cols-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.ai-grid,.ai-grid.cols-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.ai-grid,.ai-grid.cols-3{grid-template-columns:1fr}}
.ai-card{background:var(--ink-panel);border:1px solid var(--ink-line);border-radius:14px;padding:26px 22px}
.ai-card .tag{
  display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:.68rem;
  letter-spacing:.12em;color:var(--amber);border:1px solid color-mix(in srgb,var(--amber) 45%,transparent);
  border-radius:999px;padding:.15em .8em;margin-bottom:14px;
}
.ai-card h3{font-size:1.1rem;font-weight:700}
.ai-card p{font-size:.88rem;margin-top:8px;color:color-mix(in srgb,var(--paper-ink) 62%,transparent)}
.ai-cta{margin-top:40px}

/* ============ 課程單元 ============ */
.units{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:900px){.units{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.units{grid-template-columns:1fr}}
.unit{border:1px solid var(--line);border-radius:14px;padding:24px 22px;background:var(--sand)}
.unit .no{font-family:"IBM Plex Mono",monospace;color:var(--seal);font-size:.75rem;letter-spacing:.15em}
.unit h3{font-size:1.05rem;font-weight:700;margin-top:8px}
.unit p{color:var(--stone);font-size:.88rem;margin-top:6px}

/* ============ 方案卡 ============ */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
@media (max-width:900px){.plans{grid-template-columns:1fr}}
.plan{
  border:1px solid var(--line);border-radius:14px;padding:32px 28px;background:var(--sand);
  display:flex;flex-direction:column;gap:14px;position:relative;
}
.plan.hot{border:2px solid var(--seal)}
.plan.hot::after{
  content:"熱門方案";position:absolute;top:-13px;right:22px;
  background:var(--seal);color:#FBFAF7;font-size:.72rem;font-weight:700;
  padding:.2em 1em;border-radius:999px;letter-spacing:.1em;
}
.plan h3{font-size:1.2rem;font-weight:900}
.plan .price{font-weight:900;font-size:1.5rem;font-variant-numeric:tabular-nums}
.plan .price small{font-size:.8rem;color:var(--stone);font-weight:400}
.plan>p{color:var(--stone);font-size:.9rem}
.plan ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;margin-block:6px auto}
.plan li{display:flex;gap:.6em;align-items:baseline;font-size:.92rem;padding-top:10px;border-top:1px solid var(--line)}
.plan li::before{content:"●";color:var(--seal);font-size:.6em;flex:none;transform:translateY(-.2em)}
.plan .btn{margin-top:14px;text-align:center}

/* ============ Why us ============ */
.why{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
@media (max-width:760px){.why{grid-template-columns:1fr}}
.why-item{padding:34px 30px;border:0 solid var(--line)}
.why-item:nth-child(1){border-right-width:1px;border-bottom-width:1px}
.why-item:nth-child(2){border-bottom-width:1px}
.why-item:nth-child(3){border-right-width:1px}
@media (max-width:760px){
  .why-item{border-right-width:0 !important;border-bottom-width:1px !important}
  .why-item:last-child{border-bottom-width:0 !important}
}
.why-item h3{font-size:1.15rem;font-weight:900;display:flex;gap:.5em;align-items:baseline}
.why-item h3::before{content:"●";color:var(--seal);font-size:.55em;transform:translateY(-.25em)}
.why-item p{color:var(--stone);font-size:.93rem;margin-top:10px}
.why-item .kai{font-family:"LXGW WenKai TC",serif;color:var(--seal);font-size:.95rem;margin-top:12px}

/* ============ Cases ============ */
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.chip{
  border:1px solid var(--line);border-radius:999px;padding:.45em 1.2em;
  font-size:.88rem;font-weight:500;background:none;color:var(--stone);
  cursor:pointer;font-family:inherit;
}
.chip:hover{border-color:var(--seal);color:var(--seal)}
.chip.on{background:var(--seal);border-color:var(--seal);color:#FBFAF7}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.cases{grid-template-columns:1fr}}
.case{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--sand)}
.case-cover{aspect-ratio:16/10;border-radius:0;border:none}
.case-body{padding:20px 22px 24px}
.case-body .cat{font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.14em;color:var(--seal)}
.case-body h3{font-size:1.05rem;font-weight:700;margin-top:6px}
.case-body p{font-size:.88rem;color:var(--stone);margin-top:6px}
.case[hidden]{display:none}

/* ============ 數據成就 ============ */
.stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
  border-block:1px solid var(--line);padding-block:44px;
}
@media (max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat b{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;font-variant-numeric:tabular-nums;line-height:1.2}
.stat b i{font-style:normal;color:var(--seal)}
.stat span{display:block;color:var(--stone);font-size:.85rem;margin-top:4px}

/* ============ 文章卡 ============ */
.featured{
  display:grid;grid-template-columns:1.2fr 1fr;gap:0;border:1px solid var(--line);
  border-radius:14px;overflow:hidden;background:var(--sand);margin-bottom:40px;
}
@media (max-width:860px){.featured{grid-template-columns:1fr}}
.featured .ph{aspect-ratio:16/9;height:100%}
.featured-body{padding:32px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.featured-body h3{font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:900}
.featured-body p{color:var(--stone);font-size:.92rem}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.posts{grid-template-columns:1fr}}
.post{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--sand);display:flex;flex-direction:column}
.post:hover h3{color:var(--seal)}
.post .ph{aspect-ratio:16/9}
.post-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px}
.post-meta{display:flex;gap:1em;font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.1em;color:var(--stone)}
.post-meta .cat{color:var(--seal)}
.post h3{font-size:1.02rem;font-weight:700;line-height:1.55}
.post p{font-size:.86rem;color:var(--stone)}

/* ============ 團隊 / 里程碑 ============ */
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media (max-width:900px){.team{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.team{grid-template-columns:1fr}}
.member{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--sand)}
.member .ph{aspect-ratio:1}
.member-body{padding:16px 18px 20px}
.member h3{font-size:1rem;font-weight:700}
.member .role{font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.1em;color:var(--seal)}
.member p{font-size:.83rem;color:var(--stone);margin-top:6px}

.timeline{list-style:none;padding:0;max-width:640px}
.timeline li{position:relative;padding-left:32px;padding-bottom:30px;border-left:2px solid var(--line);margin-left:8px}
.timeline li:last-child{padding-bottom:0;border-left-color:transparent}
.timeline li::before{
  content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;
  border-radius:50%;background:var(--seal);
}
.timeline .year{font-family:"IBM Plex Mono",monospace;color:var(--seal);font-size:.8rem;letter-spacing:.12em}
.timeline h3{font-size:1.05rem;font-weight:700;margin-top:2px}
.timeline p{color:var(--stone);font-size:.9rem;margin-top:4px}

/* ============ 理念雙欄 ============ */
.creed{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:760px){.creed{grid-template-columns:1fr}}
.creed-item{border:1px solid var(--line);border-radius:14px;padding:36px 32px;background:var(--sand)}
.creed-item .glyph{
  font-family:"LXGW WenKai TC",serif;font-size:3.4rem;font-weight:700;color:var(--seal);line-height:1;
}
.creed-item h3{font-size:1.2rem;font-weight:900;margin-top:14px}
.creed-item p{color:var(--stone);font-size:.93rem;margin-top:10px}

/* ============ Prose ============ */
.prose{max-width:65ch;color:var(--stone)}
.prose p+p{margin-top:1em}
.prose strong{color:var(--ink)}
.prose .kai{font-family:"LXGW WenKai TC",serif;color:var(--seal);letter-spacing:.12em}

/* ============ FAQ ============ */
.faq{max-width:760px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{
  cursor:pointer;font-weight:700;padding-block:18px;list-style:none;
  display:flex;justify-content:space-between;gap:1em;align-items:baseline;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"＋";color:var(--seal);font-weight:400;flex:none}
.faq details[open] summary::after{content:"－"}
.faq details p{color:var(--stone);padding-bottom:20px;font-size:.94rem;max-width:60ch}

/* ============ CTA band ============ */
.cta-band{
  background:var(--seal);color:#FBFAF7;border-radius:18px;
  padding:48px 44px;display:flex;flex-wrap:wrap;gap:24px;
  align-items:center;justify-content:space-between;
}
@media (max-width:480px){.cta-band{padding:36px 24px}}
.cta-band h2{font-size:clamp(1.4rem,3vw,2rem);margin:0;color:#FBFAF7}
.cta-band .kai{font-family:"LXGW WenKai TC",serif;opacity:.92;margin-top:8px;letter-spacing:.18em}
.cta-band .btn{background:#FBFAF7;color:#A32F22;flex:none}
.cta-band .btn:hover{background:#fff}

/* ============ Contact ============ */
.contact{background:var(--sand);border-block:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}
.contact .kai{font-family:"LXGW WenKai TC",serif;font-size:1.35rem;color:var(--seal);margin-top:18px;letter-spacing:.1em}
.contact-info{margin-top:28px;display:flex;flex-direction:column;gap:10px;color:var(--stone);font-size:.94rem}
.contact-info b{color:var(--ink);font-weight:700;margin-right:.5em}
form{display:flex;flex-direction:column;gap:16px}
label{font-weight:700;font-size:.9rem;display:flex;flex-direction:column;gap:6px}
input,select,textarea{
  font:inherit;color:var(--ink);background:var(--paper);
  border:1px solid var(--line);border-radius:10px;padding:.7em .9em;width:100%;
}
input:focus,select:focus,textarea:focus{outline:2px solid var(--seal);outline-offset:1px;border-color:transparent}
form .btn{align-self:flex-start;border:none;cursor:pointer;font-family:inherit}
.form-note{font-size:.8rem;color:var(--stone)}
.map-ph{aspect-ratio:21/9;border:1px solid var(--line);border-radius:14px;margin-top:56px}
@media (max-width:640px){.map-ph{aspect-ratio:4/3}}

/* ============ Footer ============ */
footer{padding-block:56px 40px}
.foot{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;align-items:flex-start}
.foot-brand{max-width:320px}
.foot-brand .kai{font-family:"LXGW WenKai TC",serif;color:var(--seal);margin-top:10px;letter-spacing:.15em}
.foot-col h4{font-size:.85rem;letter-spacing:.1em;color:var(--stone);font-weight:700;margin-bottom:12px}
.foot-col ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;font-size:.9rem}
.foot-col a:hover{color:var(--seal)}
.copyright{
  margin-top:44px;padding-top:20px;border-top:1px solid var(--line);
  font-family:"IBM Plex Mono",monospace;font-size:.72rem;color:var(--stone);letter-spacing:.08em;
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
}

/* ============ Reveal ============ */
.reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){
  .reveal.pending{opacity:0;transform:translateY(18px)}
  .reveal.shown{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}
}