.legacy-technology-09 *{margin:0;padding:0;box-sizing:border-box}
.legacy-technology-09{
  --g:#1a7c4f;--g2:#0f5c38;--g3:#2ea06a;--gl:#e8f5ee;--gb:#b3d9c7;
  --ink:#1a1a1a;--ink2:#3d3d3d;--gray:#6b7280;--gray2:#9ca3af;
  --line:#e5e7eb;--bg:#fafaf8;--white:#fff;
  --amber:#b45309;--amber-l:#fef3c7;--amber2:#d97706;
  --blue:#1a5c8f;--blue-l:#e6f1fb;--blue2:#3b82f6;
  --red:#dc2626;--red-l:#fef2f2;
  --purple:#6d28d9;--purple-l:#f5f3ff;
  --slate:#475569;--slate-l:#f1f5f9;
}
.legacy-technology-09{scroll-behavior:smooth}
.legacy-technology-09{font-family:'Noto Sans SC',sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.7}
.legacy-technology-09 a{text-decoration:none;color:inherit}

/* ===== NAV ===== */
.legacy-technology-09 nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:200;padding:0 40px}
.legacy-technology-09 .nav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;height:64px;gap:32px}
.legacy-technology-09 .logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.legacy-technology-09 .logo-icon{width:38px;height:38px;background:var(--g);border-radius:8px;display:flex;align-items:center;justify-content:center}
.legacy-technology-09 .logo-icon svg{width:22px;height:22px;fill:#fff}
.legacy-technology-09 .logo-text{font-family:'Noto Serif SC',serif;font-size:15px;font-weight:700;line-height:1.3}
.legacy-technology-09 .logo-sub{font-size:11px;color:var(--gray)}
.legacy-technology-09 .nav-links{display:flex;flex:1;justify-content:center}
.legacy-technology-09 .nav-links a{padding:0 15px;height:64px;display:flex;align-items:center;font-size:14px;color:var(--ink2);border-bottom:2px solid transparent;transition:.2s;white-space:nowrap}
.legacy-technology-09 .nav-links a:hover,.legacy-technology-09 .nav-links a.active{color:var(--g);border-bottom-color:var(--g)}
.legacy-technology-09 .nav-cta{background:var(--g);color:#fff;padding:8px 20px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;flex-shrink:0}
.legacy-technology-09 .nav-cta:hover{background:var(--g2)}
.legacy-technology-09 .bc{background:#fff;border-bottom:1px solid var(--line);padding:10px 40px}
.legacy-technology-09 .bc-inner{max-width:1280px;margin:0 auto;font-size:12px;color:var(--gray);display:flex;gap:6px;flex-wrap:wrap}
.legacy-technology-09 .bc-inner a{color:var(--g)}

/* ===== HERO ===== */
.legacy-technology-09 .hero{background:none;color:#fff;padding:60px 40px 56px;position:relative;overflow:hidden}
.legacy-technology-09 .hero-bg{position:absolute;inset:0;background:url('/images/legacy/hero-bg-company.jpg') center/cover no-repeat;transform:scale(1.04);animation:hero-breathe 16s ease infinite;will-change:transform;z-index:0}
@keyframes hero-breathe{
  0%{transform:scale(1.04)}
  50%{transform:scale(1)}
  100%{transform:scale(1.04)}
}
.legacy-technology-09 .hero::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(5,28,18,0.78) 0%,rgba(8,40,24,0.55) 45%,rgba(6,32,20,0.50) 65%,rgba(5,28,18,0.72) 100%);z-index:1;pointer-events:none}
.legacy-technology-09 .hero::after{content:'';position:absolute;right:-80px;top:-80px;width:500px;height:500px;border-radius:50%;border:1px solid rgba(255,255,255,.05);pointer-events:none;z-index:2}
.legacy-technology-09 .hero-inner{max-width:1280px;margin:0 auto;position:relative;z-index:3;display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center}
.legacy-technology-09 .hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:100px;padding:5px 14px;font-size:12px;margin-bottom:18px}
.legacy-technology-09 .badge-dot{width:6px;height:6px;background:#4ade80;border-radius:50%;animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}
.legacy-technology-09 .hero h1{font-family:'Noto Serif SC',serif;font-size:36px;font-weight:700;line-height:1.35;margin-bottom:16px}
.legacy-technology-09 .hero h1 em{font-style:normal;color:#6ee7a8}
.legacy-technology-09 .hero-desc{color:rgba(255,255,255,.72);font-size:14px;line-height:1.95;margin-bottom:28px;max-width:600px}
.legacy-technology-09 .hero-steps{display:flex;flex-direction:column;gap:10px}
.legacy-technology-09 .hero-step{display:flex;align-items:center;gap:12px;font-size:13px;color:rgba(255,255,255,.8)}
.legacy-technology-09 .hs-num{width:24px;height:24px;border-radius:6px;background:rgba(110,231,168,.2);border:1px solid rgba(110,231,168,.4);color:#6ee7a8;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* Hero Right Card */
.legacy-technology-09 .hero-card{background:rgba(255,255,255,.08);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:28px}
.legacy-technology-09 .hc-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.legacy-technology-09 .hc-stat-box{background:rgba(0,0,0,.2);border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid rgba(255,255,255,.05)}
.legacy-technology-09 .hc-stat-label{font-size:11px;color:rgba(255,255,255,.5);margin-bottom:4px;text-transform:uppercase}
.legacy-technology-09 .hc-stat-val{font-family:'Noto Serif SC',serif;font-size:22px;font-weight:700;color:#6ee7a8;line-height:1.2}
.legacy-technology-09 .hc-stat-val.red{color:#f87171}

/* ===== TOC BAR ===== */
.legacy-technology-09 .toc-bar{background:#fff;border-bottom:2px solid var(--line);padding:0 40px;position:sticky;top:126px;z-index:190;overflow-x:auto}
.legacy-technology-09 .toc-bar::-webkit-scrollbar{height:0}
.legacy-technology-09 .toc-tabs{max-width:1280px;margin:0 auto;display:flex;min-width:max-content}
.legacy-technology-09 .toc-tab{padding:14px 20px;font-size:13px;font-weight:500;color:var(--gray);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;margin-bottom:-2px;display:flex;align-items:center;gap:7px;transition:.15s;background:none;border-top:none;border-left:none;border-right:none;font-family:'Noto Sans SC',sans-serif}
.legacy-technology-09 .toc-tab:hover{color:var(--ink)}
.legacy-technology-09 .toc-tab.active{color:var(--g);border-bottom-color:var(--g)}

/* ===== MAIN LAYOUT ===== */
.legacy-technology-09 .main-wrap{max-width:1280px;margin:0 auto;padding:56px 40px;display:grid;grid-template-columns:1fr 296px;gap:52px;align-items:start}

/* ===== SECTION STYLES ===== */
.legacy-technology-09 .content-section{margin-bottom:72px;scroll-margin-top:140px}
.legacy-technology-09 .content-section:last-child{margin-bottom:0}
.legacy-technology-09 .sec-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.legacy-technology-09 .sec-step-badge{background:var(--g);color:#fff;border-radius:8px;padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.05em}
.legacy-technology-09 .sec-divider{flex:1;height:1px;background:var(--line)}
.legacy-technology-09 .sec-title{font-family:'Noto Serif SC',serif;font-size:26px;font-weight:700;margin-bottom:12px;line-height:1.35}
.legacy-technology-09 .sec-title em{font-style:normal;color:var(--g)}
.legacy-technology-09 .sec-subtitle{font-size:14px;color:var(--gray);margin-bottom:28px;line-height:1.7}

/* ===== GRID CARDS ===== */
.legacy-technology-09 .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
.legacy-technology-09 .ig-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;position:relative;overflow:hidden}
.legacy-technology-09 .ig-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}
.legacy-technology-09 .ig-card.bg-blue::before{background:var(--g)}
.legacy-technology-09 .ig-card.bg-green::before{background:var(--g)}
.legacy-technology-09 .ig-card.bg-red::before{background:var(--red)}
.legacy-technology-09 .ig-card.bg-amber::before{background:var(--amber2)}
.legacy-technology-09 .ig-icon{font-size:28px;margin-bottom:12px}
.legacy-technology-09 .ig-title{font-family:'Noto Serif SC',serif;font-size:18px;font-weight:700;margin-bottom:8px;color:var(--ink)}
.legacy-technology-09 .ig-desc{font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:16px}

/* ===== PROCESS BOX ===== */
.legacy-technology-09 .process-box{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:16px}
.legacy-technology-09 .pb-step{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}
.legacy-technology-09 .pb-step:last-child{margin-bottom:0}
.legacy-technology-09 .pb-num{width:28px;height:28px;background:var(--g);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;margin-top:2px}
.legacy-technology-09 .pb-content{flex:1}
.legacy-technology-09 .pb-title{font-weight:700;font-size:15px;color:var(--ink);margin-bottom:4px}
.legacy-technology-09 .pb-desc{font-size:13px;color:var(--gray);line-height:1.6}

/* ===== COST COMPARISON ===== */
.legacy-technology-09 .cost-box{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;align-items:center;gap:24px;margin-bottom:16px}
.legacy-technology-09 .cb-left{flex:1}
.legacy-technology-09 .cb-title{font-weight:700;font-size:15px;color:var(--ink);margin-bottom:6px}
.legacy-technology-09 .cb-desc{font-size:13px;color:var(--gray);line-height:1.6}
.legacy-technology-09 .cb-right{text-align:right;flex-shrink:0}
.legacy-technology-09 .cb-cost{font-family:'Noto Serif SC',serif;font-size:22px;font-weight:700;color:var(--red);margin-bottom:2px}
.legacy-technology-09 .cb-cost.green{color:var(--g)}
.legacy-technology-09 .cb-unit{font-size:11px;color:var(--gray)}

/* ===== INLINE TIPS ===== */
.legacy-technology-09 .tip-box{background:var(--gl);border-left:3px solid var(--g);border-radius:0 8px 8px 0;padding:16px;font-size:13px;color:var(--g2);line-height:1.7;margin:20px 0}
.legacy-technology-09 .warn-box{background:var(--red-l);border-left:3px solid var(--red);border-radius:0 8px 8px 0;padding:16px;font-size:13px;color:#991b1b;line-height:1.7;margin:20px 0}
.legacy-technology-09 .warn-box strong{color:var(--red)}

/* ===== SIDEBAR ===== */
.legacy-technology-09 .sidebar{position:sticky;top:136px}
.legacy-technology-09 .sb-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:14px}
.legacy-technology-09 .sb-card h4{font-family:'Noto Serif SC',serif;font-size:14px;font-weight:700;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}
.legacy-technology-09 .sb-toc{display:flex;flex-direction:column;gap:1px}
.legacy-technology-09 .sb-toc-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;font-size:12px;color:var(--gray);cursor:pointer;transition:.15s;line-height:1.4;background:none;border:none;text-align:left;width:100%;font-family:'Noto Sans SC',sans-serif}
.legacy-technology-09 .sb-toc-item:hover{background:var(--gl);color:var(--g)}
.legacy-technology-09 .sb-toc-item.active{background:var(--gl);color:var(--g);font-weight:600}
.legacy-technology-09 .sb-toc-dot{width:6px;height:6px;border-radius:50%;background:var(--line);flex-shrink:0;transition:.15s}
.legacy-technology-09 .sb-toc-item.active .sb-toc-dot,.legacy-technology-09 .sb-toc-item:hover .sb-toc-dot{background:var(--g)}

/* Category FAQ list in sidebar */
.legacy-technology-09 .cat-faq-list{display:flex;flex-direction:column;gap:2px}
.legacy-technology-09 .cat-faq-item{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border-radius:8px;font-size:12px;color:var(--ink2);line-height:1.4;transition:.15s;text-decoration:none;border:1px solid transparent}
.legacy-technology-09 .cat-faq-item:hover{background:var(--gl);border-color:var(--gb);color:var(--g2)}
.legacy-technology-09 .cat-faq-item.active{background:var(--gl);border-color:var(--gb);color:var(--g2);font-weight:600}
.legacy-technology-09 .cat-faq-item.active .cfq-num{background:var(--g);border-color:var(--g);color:#fff}
.legacy-technology-09 .cfq-num{width:18px;height:18px;border-radius:50%;background:var(--bg);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--gray2);flex-shrink:0;margin-top:1px;transition:.15s}
.legacy-technology-09 .cat-faq-item:hover .cfq-num{background:var(--g);border-color:var(--g);color:#fff}
.legacy-technology-09 .cfq-text{flex:1;line-height:1.5}

/* Contact */
.legacy-technology-09 .contact-box{background:linear-gradient(135deg,#0f3d22,#1a5c38);border-radius:12px;padding:20px;color:#fff}
.legacy-technology-09 .contact-box h4{font-family:'Noto Serif SC',serif;font-size:14px;margin-bottom:6px;border:none!important;padding:0!important}
.legacy-technology-09 .contact-box p{font-size:12px;color:rgba(255,255,255,.7);line-height:1.6;margin-bottom:14px}
.legacy-technology-09 .contact-item{margin-bottom:8px}
.legacy-technology-09 .ci-lbl{font-size:10px;color:rgba(255,255,255,.5);margin-bottom:1px}
.legacy-technology-09 .ci-v{font-size:13px;font-weight:600;color:#fff}
.legacy-technology-09 .btn-cb{display:block;text-align:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:7px;padding:9px;font-size:12px;font-weight:700;margin-top:14px;transition:.15s}
.legacy-technology-09 .btn-cb:hover{background:rgba(255,255,255,.22)}

/* ===== CTA ===== */
.legacy-technology-09 .page-cta{background:var(--gl);border-top:1px solid var(--gb);padding:64px 40px;text-align:center}
.legacy-technology-09 .page-cta h3{font-family:'Noto Serif SC',serif;font-size:26px;margin-bottom:10px;color:var(--ink)}
.legacy-technology-09 .page-cta p{color:var(--gray);margin-bottom:32px;font-size:14px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.8}
.legacy-technology-09 .btn-primary{background:var(--g);color:#fff;padding:14px 40px;border-radius:9px;font-weight:700;font-size:15px;display:inline-block;transition:.15s}
.legacy-technology-09 .btn-primary:hover{background:var(--g2)}
.legacy-technology-09 .btn-secondary{border:2px solid var(--g);color:var(--g);padding:13px 28px;border-radius:9px;font-size:14px;display:inline-block;margin-left:12px;transition:.15s}
.legacy-technology-09 .btn-secondary:hover{background:var(--gl)}

.legacy-technology-09 footer{background:#0d1f15;color:rgba(255,255,255,.6);padding:36px 40px 20px}
.legacy-technology-09 .footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:28px}
.legacy-technology-09 .footer-col h5{color:#fff;font-size:13px;font-weight:700;margin-bottom:12px}
.legacy-technology-09 .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.legacy-technology-09 .footer-col a{font-size:12px;transition:.15s}
.legacy-technology-09 .footer-col a:hover{color:#fff}
.legacy-technology-09 .footer-bottom{max-width:1280px;margin:0 auto;border-top:1px solid rgba(255,255,255,.1);padding-top:16px;display:flex;justify-content:space-between;font-size:11px;flex-wrap:wrap;gap:6px}

.legacy-technology-09 .scroll-top{position:fixed;bottom:28px;right:28px;width:42px;height:42px;border-radius:50%;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;opacity:0;transition:.25s;box-shadow:0 4px 16px rgba(26,124,79,.3);z-index:100;border:none}
.legacy-technology-09 .scroll-top.show{opacity:1}
.legacy-technology-09 .scroll-top:hover{background:var(--g2);transform:translateY(-2px)}

/* ===== ANIMATIONS ===== */
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.legacy-technology-09 .fade-up{animation:fadeUp .5s ease both}
.legacy-technology-09 .fade-up-1{animation-delay:.1s}
.legacy-technology-09 .fade-up-2{animation-delay:.2s}
.legacy-technology-09 .fade-up-3{animation-delay:.3s}

@media(max-width:1100px){.legacy-technology-09 .main-wrap{grid-template-columns:1fr}
  .legacy-technology-09 .sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .legacy-technology-09 .hero-inner{grid-template-columns:1fr}
  .legacy-technology-09 .hero-card{display:none}
}
@media(max-width:760px){.legacy-technology-09 nav .nav-links{display:none}
  .legacy-technology-09 .hero{padding:44px 20px 40px}
  .legacy-technology-09 .hero h1{font-size:26px}
  .legacy-technology-09 .main-wrap{padding:28px 20px}
  .legacy-technology-09 .info-grid{grid-template-columns:1fr}
  .legacy-technology-09 .cost-box{flex-direction:column;align-items:flex-start;gap:12px}
  .legacy-technology-09 .cb-right{text-align:left}
  .legacy-technology-09 .sidebar{grid-template-columns:1fr}
  .legacy-technology-09 .page-cta{padding:44px 20px}
  .legacy-technology-09 .btn-secondary{margin-left:0;margin-top:10px}
  .legacy-technology-09 .footer-grid{grid-template-columns:1fr 1fr}
}
.legacy-technology-09 .toc-bar{position:relative;top:auto}
@media(max-width:760px){.legacy-technology-09{max-width:100%;overflow-x:hidden}.legacy-technology-09 .main-wrap,.legacy-technology-09 #mainContent,.legacy-technology-09 .content-section{width:100%;min-width:0}.legacy-technology-09 .compare-wrap,.legacy-technology-09 .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}