:root{
--blue:#1f3653;
--gold:#b8964d;
--bg:#f6f8fb;
--radius:22px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family: inherit,
  
  sans-serif;color:#374151;line-height:1.8}
.lk-container{width:min(1180px,92%);margin:auto}
.lk-hero{background:linear-gradient(180deg,#f7f9fc,#fff);padding:30px 0}

.lk-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.lk-kicker{color:var(--gold);letter-spacing:3px;font-weight:700}
h1{font-size:56px;color:var(--blue);margin:12px 0 6px}
h2{font-size:32px;color:var(--blue);margin-bottom:0px}

p{ margin-bottom:8px}

.lk-lead{font-size:18px;color:#64748b;max-width:640px}
.lk-btn-group{display:flex;gap:16px;margin:32px 0}
.lk-btn{text-decoration:none;padding:14px 28px;border-radius:999px;font-weight:700}
.lk-btn-gold{background:var(--gold);color:#fff}
.lk-btn-outline{border:2px solid var(--gold);color:var(--gold)}
.lk-search{display:flex;margin-top:20px;max-width:640px}
.lk-search input{flex:1;padding:16px;border:1px solid #d9dee6;border-radius:999px 0 0 999px}
.lk-search button{padding:16px 28px;background:var(--blue);color:#222;border:none;border-radius:0 999px 999px 0}
.lk-image-placeholder{height:480px;border-radius:24px;background:#e8edf4;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.lk-stage{padding:30px 0;background:#fff}


.lk-stage h2{text-align:center;margin-bottom:50px}
.lk-stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.lk-stage-card{background:#fff;border-radius:22px;padding:30px;box-shadow:0 15px 35px rgba(0,0,0,.08);transition:.3s}
.lk-stage-card:hover{transform:translateY(-8px)}
.lk-stage-card h3{color:var(--blue);margin-bottom:10px}
@media(max-width:900px){
.lk-hero-grid,.lk-stage-grid{grid-template-columns:1fr}
h1{font-size:40px}
.lk-btn-group{flex-direction:column}
.lk-search{flex-direction:column}
.lk-search input,.lk-search button{border-radius:999px;margin-bottom:10px}
.lk-image-placeholder{height:280px}
}

/*----------------------------------------------------*/

/* ========= Knowledge Part2 ========= */

.lk-section-header{
text-align:center;
margin-bottom:20px;
}

.lk-section-kicker{
display:inline-block;
color:#b8964d;
font-weight:700;
letter-spacing:3px;
font-size:13px;
margin-bottom:0px;
}

.lk-course{
padding:30px 0;
background:#f7f9fc;
}

.lk-course-list{
display:grid;
gap:20px;
max-width:900px;
margin:auto;
}

.lk-course-item{
display:block;
background:#fff;
padding:16px 30px;
border-radius:20px;
text-decoration:none;
box-shadow:0 10px 25px rgba(0,0,0,.06);
transition:.3s;
}

.lk-course-item:hover{
transform:translateY(-6px);
}

.lk-course-item h3{
color:#1f3653;
margin:8px 0;
}

.lk-step{
display:inline-block;
padding:4px 10px;
border-radius:30px;
background:#b8964d;
color:#fff;
font-size:12px;
font-weight:700;
}

.lk-category{
padding:30px 0;
}

.lk-category-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}



.lk-category-card{
background:#fff;
padding:14px;
border-radius:22px;
box-shadow:0 15px 35px rgba(0,0,0,.08);
transition:.3s;
}

.lk-category-card:hover{
transform:translateY(-8px);
}

.lk-category-card.featured{
    grid-row:auto;
}

.lk-badge{
display:inline-block;
background:#eef4fb;
color:#1f3653;
padding:6px 12px;
border-radius:30px;
font-size:12px;
margin-bottom:18px;
}

.lk-category-card a{
display:inline-block;
margin-top:10px;
text-decoration:none;
color:#b8964d;
font-weight:700;
}

@media(max-width:900px){
.lk-category-grid{
grid-template-columns:1fr;
}
.lk-category-card.featured{
grid-row:auto;
}
}

/*---------------------------------------*/
/* Part3 */
.lk-popular,.lk-faq,.lk-cta{padding:20px 0}


.lk-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.lk-article-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.08);transition:.3s}
.lk-article-card:hover{transform:translateY(-8px)}
.lk-thumb{height:220px;background:linear-gradient(135deg,#dfe7f2,#f6f8fb)}
.lk-article-body{padding:26px}
.lk-tag{display:inline-block;background:#b8964d;color:#fff;padding:4px 10px;border-radius:30px;font-size:12px;margin-bottom:12px}
.lk-article-body a{text-decoration:none;color:#b8964d;font-weight:700}
.lk-faq{background:#f7f9fc}
.lk-faq-item{background:#fff;padding:24px 28px;border-radius:18px;margin:18px auto;max-width:900px;box-shadow:0 10px 25px rgba(0,0,0,.05)}
.lk-cta{text-align:center;background:linear-gradient(180deg,#1f3653,#2d496c);color:#fff}
.lk-cta h2,.lk-cta p{color:#fff}
@media(max-width:900px){
.lk-article-grid{grid-template-columns:1fr}
}

/*-------------------------------*/
/* Part4 */
.lk-tools{padding:30px 0;background:#fff}


.lk-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lk-tool-card{padding:30px;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.06);transition:.3s}
.lk-tool-card:hover{transform:translateY(-6px)}
.lk-backtop{position:fixed;right:28px;bottom:28px;width:54px;height:54px;border:none;border-radius:50%;background:#b8964d;color:#fff;font-size:22px;cursor:pointer;display:none;box-shadow:0 10px 20px rgba(0,0,0,.2)}
@media(max-width:900px){
.lk-tools-grid{grid-template-columns:1fr}
}

/*--------------------------------------------*/
/* =========================================================
   武泰地主學院｜四大知識分類
   ========================================================= */

.lk-category-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:6px;
}

.lk-category-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  flex:0 0 54px;
  border-radius:16px;
  background:var(--lk-category-soft);
  color:var(--lk-category-main);
  transition:
    transform .28s ease,
    background-color .28s ease,
    color .28s ease;
}

.lk-category-icon svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* GP｜地主合建指南 */
.lk-category-gp{
  --lk-category-main:#315f8d;
  --lk-category-dark:#23496f;
  --lk-category-soft:#edf4fa;
  --lk-category-rgb:49,95,141;
}

/* RK｜重建知識百科 */
.lk-category-rk{
  --lk-category-main:#a65a4b;
  --lk-category-dark:#7f4035;
  --lk-category-soft:#fbf0ed;
  --lk-category-rgb:166,90,75;
}

/* WZ｜塭仔圳地主專區 */
.lk-category-wz{
  --lk-category-main:#4f765f;
  --lk-category-dark:#385846;
  --lk-category-soft:#edf5f0;
  --lk-category-rgb:79,118,95;
}

/* BQ｜施工品質與居住品質 */
.lk-category-bq{
  --lk-category-main:#b18445;
  --lk-category-dark:#87612d;
  --lk-category-soft:#faf4e9;
  --lk-category-rgb:177,132,69;
}

.lk-category-card .lk-series-code{
  display:inline-block;
  margin-bottom:0px;
  color:var(--lk-category-main);
  font-size:13px;
  font-weight:900;
  letter-spacing:.18em;
}

.lk-category-card .lk-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:4px 11px;
  border-radius:999px;
  background:var(--lk-category-soft);
  color:var(--lk-category-dark);
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}


.lk-category-en{
  margin:0px 0 0px;
  color:var(--lk-category-main);
  font-family:Arial, sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.lk-category-desc{
  margin:0 0 0px;
  color:#64748b;
  font-size:15px;
  line-height:1.8;
}


.lk-category-card{
  position:relative;
  overflow:hidden;
  border:1px solid #e5e7eb;
  background:#ffffff;
  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

/* 卡片頂端系列色線條 */
.lk-category-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:4px;
  background:var(--lk-category-main);
  transform:scaleX(.32);
  transform-origin:left center;
  transition:transform .3s ease;
}

.lk-category-card:hover{
  transform:translateY(-7px);
  border-color:rgba(var(--lk-category-rgb),.5);
  box-shadow:0 18px 42px rgba(15,23,42,.12);
}

.lk-category-card:hover::before{
  transform:scaleX(1);
}

.lk-category-card:hover .lk-category-icon{
  background:var(--lk-category-main);
  color:#ffffff;
  transform:translateY(-3px) rotate(-3deg);
}

.lk-category-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--lk-category-dark);
  font-size:15px;
  font-weight:800;
  text-decoration:none;
  transition:
    gap .25s ease,
    color .25s ease;
}

.lk-category-link:hover{
  gap:13px;
  color:var(--lk-category-main);
}


@media (max-width:768px){

  .lk-category-top{
    margin-bottom:18px;
  }

  .lk-category-icon{
    width:48px;
    height:48px;
    flex-basis:48px;
    border-radius:14px;
  }

  .lk-category-icon svg{
    width:25px;
    height:25px;
  }

  .lk-category-card:hover{
    transform:none;
  }

  .lk-category-card:hover .lk-category-icon{
    transform:none;
  }
}


/*-------------------------

.lk-cta{
    background:#f8fafc;
    padding:60px 0;
}

.lk-container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
}

.lk-cta-content{
    flex:1;
}

.lk-btn{
    flex-shrink:0;
}

------------*/

.lk-cta{
    background:#f3f6fa;
}


.lk-cta{
    background:#f8fafc;
    padding:60px 0;
}



.lk-cta-content{
    flex:1;
}

.lk-btn{
    flex-shrink:0;
}

.lk-cta{
    color:#222;
}

.lk-cta,
.lk-cta h2,
.lk-cta p{
    color:#222;
}


/*----------------------------------------------------*/
/* ========================================
   CTA
======================================== */
/*==============================
  CTA
==============================*/

.lk-cta{
    padding: 20px 20px   70px;

    background: linear-gradient(
        135deg,
       
    );
}

.lk-cta .lk-container{

    max-width: 900px;
    margin: auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    background: #ffffff;

    border-radius: 24px;

    padding: 15px 70px;

    box-shadow:
        0 20px 60px rgba(26,57,90,.12);

}

.lk-cta-content h2{

    margin:0 0 15px;

    font-size: clamp(36px,4vw,50px);

    font-weight:700;

    color:#143a63;
}

.lk-cta-content p{

    margin:0;

    font-size:18px;

    color:#66758a;

    line-height:1.9;
}


/*==============================
  Button
==============================*/

.lk-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:18px 42px;

    border-radius:999px;

    text-decoration:none;

    background:linear-gradient(
        135deg,
        #d9b86b,
        #b98d39
    );

    color:#fff;

    font-size:18px;

    font-weight:700;

    transition:.35s;
}

.lk-btn:hover{

    transform:translateY(-4px);

    box-shadow:
        0 12px 28px rgba(185,141,57,.35);

}

@media (max-width:768px){

    .lk-cta{
        padding:60px 20px;
    }

    .lk-cta .lk-container{

        flex-direction:column;

        text-align:center;

        gap:30px;

        padding:40px 28px;
    }

    .lk-cta-content h2{
        font-size:32px;
    }

    .lk-cta-content p{
        font-size:16px;
    }

    .lk-btn{
        width:100%;
        max-width:280px;
    }

}
.lk-kicker{

    display:inline-block;

    margin-bottom:16px;

    color:#b98d39;

    font-size:13px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;
}