:root{
  --ae-bg:#0a0a0a;
  --ae-bg-alt:#141414;
  --ae-fg:#f5f5f5;
  --ae-fg-dim:#a3a3a3;
  --ae-accent:#e8283f;
  --ae-border:#262626;
  --ae-space-1:.5rem;
  --ae-space-2:1rem;
  --ae-space-3:1.5rem;
  --ae-space-4:2rem;
  --ae-space-6:3rem;
  --ae-space-8:4rem;
  --ae-space-10:5rem;
  --ae-radius:4px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:-apple-system,"Segoe UI",Roboto,"Noto Sans TC",sans-serif;
  background:var(--ae-bg);
  color:var(--ae-fg);
  line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.ae-container{max-width:1280px;margin:0 auto;padding:0 var(--ae-space-4)}

.ae-header{
  position:sticky;top:0;z-index:50;
  background:var(--ae-bg);
  border-bottom:1px solid var(--ae-border);
}
.ae-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:var(--ae-space-3) var(--ae-space-4);
  max-width:1280px;margin:0 auto;
}
.ae-logo{font-size:1.4rem;font-weight:800;letter-spacing:.5px}
.ae-logo span{color:var(--ae-accent)}
.ae-nav{display:flex;gap:var(--ae-space-4);align-items:center}
.ae-nav a{font-size:.95rem;color:var(--ae-fg-dim);transition:color .15s}
.ae-nav a:hover{color:var(--ae-fg)}
.ae-header-actions{display:flex;align-items:center;gap:var(--ae-space-3)}
.ae-icon-btn{
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  color:var(--ae-fg-dim);cursor:pointer;
}
.ae-icon-btn svg{width:18px;height:18px}
.ae-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.6rem 1.4rem;border-radius:var(--ae-radius);
  font-weight:700;font-size:.9rem;cursor:pointer;border:none;
}
.ae-btn-primary{background:var(--ae-accent);color:#fff}
.ae-btn-outline{background:transparent;color:var(--ae-fg);border:1px solid var(--ae-border)}

.ae-hero{
  position:relative;min-height:640px;display:flex;align-items:center;
  background:#000;overflow:hidden;
}
.ae-hero-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  opacity:.55;
}
.ae-hero-bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,10,10,.95) 10%,rgba(10,10,10,.55) 55%,rgba(10,10,10,.15) 100%);
}
.ae-hero-content{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 var(--ae-space-4);width:100%}
.ae-hero-content h1{
  font-size:3.4rem;font-weight:800;line-height:1.15;margin-bottom:var(--ae-space-3);
  max-width:640px;
}
.ae-hero-content p{
  color:var(--ae-fg-dim);font-size:1.05rem;max-width:520px;margin-bottom:var(--ae-space-4);
}
.ae-hero-tags{display:flex;gap:var(--ae-space-3);margin-bottom:var(--ae-space-4)}
.ae-hero-tags a{color:var(--ae-accent);font-weight:700;font-size:.95rem}
.ae-hero-cta{display:flex;gap:var(--ae-space-2)}

.ae-section{padding:var(--ae-space-8) 0}
.ae-section-head{
  display:flex;align-items:baseline;justify-content:space-between;
  margin-bottom:var(--ae-space-4);
}
.ae-section-head h2{font-size:1.8rem;font-weight:800}
.ae-section-head a{font-size:.9rem;color:var(--ae-fg-dim)}

.ae-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ae-space-3);
}
.ae-card{
  background:var(--ae-bg-alt);border:1px solid var(--ae-border);border-radius:var(--ae-radius);
  overflow:hidden;
}
.ae-card-img{aspect-ratio:4/3;background-size:cover;background-position:center}
.ae-card-body{padding:var(--ae-space-3)}
.ae-card-tag{color:var(--ae-accent);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.ae-card-title{font-size:1.05rem;font-weight:700;margin:.4rem 0}
.ae-card-price{color:var(--ae-fg-dim);font-size:.9rem}

.ae-strip{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ae-space-3);
}
.ae-strip-card{
  position:relative;min-height:280px;border-radius:var(--ae-radius);overflow:hidden;
  background-size:cover;background-position:center;
  display:flex;align-items:flex-end;padding:var(--ae-space-4);
}
.ae-strip-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85) 100%);
}
.ae-strip-card-body{position:relative;z-index:2}
.ae-strip-card-body h3{font-size:1.3rem;font-weight:800;margin-bottom:.3rem}
.ae-strip-card-body p{color:var(--ae-fg-dim);font-size:.85rem}

.ae-banner{
  background:var(--ae-bg-alt);border:1px solid var(--ae-border);border-radius:var(--ae-radius);
  padding:var(--ae-space-8);text-align:center;
}
.ae-banner h2{font-size:1.8rem;font-weight:800;margin-bottom:var(--ae-space-2)}
.ae-banner p{color:var(--ae-fg-dim);max-width:480px;margin:0 auto var(--ae-space-4)}

.ae-footer{
  border-top:1px solid var(--ae-border);padding:var(--ae-space-8) 0 var(--ae-space-4);
  margin-top:var(--ae-space-8);
}
.ae-footer-grid{
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--ae-space-4);
  margin-bottom:var(--ae-space-6);
}
.ae-footer-heading{font-weight:700;margin-bottom:var(--ae-space-2);font-size:.9rem}
.ae-footer-grid a{
  display:block;color:var(--ae-fg-dim);font-size:.88rem;margin-bottom:.55rem;
}
.ae-footer-brand p{color:var(--ae-fg-dim);font-size:.88rem;max-width:280px;margin-top:var(--ae-space-2)}
.ae-footer-bottom{
  border-top:1px solid var(--ae-border);padding-top:var(--ae-space-3);
  display:flex;justify-content:space-between;color:var(--ae-fg-dim);font-size:.8rem;
}

@media(max-width:960px){
  .ae-grid{grid-template-columns:repeat(2,1fr)}
  .ae-strip{grid-template-columns:1fr}
  .ae-footer-grid{grid-template-columns:1fr 1fr}
  .ae-nav{display:none}
  .ae-hero-content h1{font-size:2.2rem}
}