.framework-wrap{position:relative;margin-top:6px}
.framework-card{position:relative;background:#1c2421;color:#fff;border:1px solid rgba(155,116,66,.22);border-radius:8px;padding:30px;box-shadow:0 28px 70px rgba(25,34,30,.2);overflow:hidden}
.framework-card:after{content:"";position:absolute;width:280px;height:280px;right:-110px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(66,110,99,.55),transparent 68%)}
.framework-head{position:relative;z-index:1;display:flex;align-items:start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.13)}
.framework-head small{display:block;color:#c5a875;font:700 12px "Inter",sans-serif;letter-spacing:.16em;margin-bottom:7px}
.framework-head strong{font:600 24px "Songti SC","Noto Serif SC",serif;text-wrap:balance}
.architecture{position:relative;z-index:1;padding-top:24px}
.arch-row{display:grid;grid-template-columns:1fr 44px 1.1fr 44px 1.4fr;align-items:stretch;gap:0}
.arch-box{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);padding:22px;min-height:150px;display:flex;flex-direction:column;justify-content:center}
.arch-box small,.arch-group small{display:block;color:#b1bbb6;font-size:12px;letter-spacing:.11em;margin-bottom:10px}
.arch-box strong{font:600 22px "Songti SC","Noto Serif SC",serif}
.arch-box span{display:block;color:#c6ceca;font-size:14px;line-height:1.7;margin-top:12px}
.arch-advisor{background:#385c53;border-color:rgba(147,191,178,.34);box-shadow:0 12px 25px rgba(0,0,0,.14)}
.arch-arrow{position:relative}
.arch-arrow:before{content:"";position:absolute;left:8px;right:8px;top:50%;height:1px;background:rgba(184,147,95,.75)}
.arch-arrow:after{content:"";position:absolute;right:6px;top:calc(50% - 4px);width:8px;height:8px;border-top:1px solid rgba(184,147,95,.9);border-right:1px solid rgba(184,147,95,.9);transform:rotate(45deg)}
.arch-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.arch-group{padding:18px;background:#272e2b;border:1px solid rgba(255,255,255,.1);min-height:150px}
.arch-group b{display:block;color:#d0b17d;font:600 22px "Songti SC","Noto Serif SC",serif;margin-bottom:14px}
.arch-tags{display:flex;flex-wrap:wrap;gap:8px}
.arch-tags span{border:1px solid rgba(255,255,255,.12);padding:8px 10px;color:#cad1ce;font-size:13px}
@media(max-width:900px){
  .arch-row{grid-template-columns:1fr}
  .arch-arrow{height:34px}
  .arch-arrow:before{left:50%;right:auto;top:7px;bottom:7px;width:1px;height:auto}
  .arch-arrow:after{right:auto;left:calc(50% - 4px);top:auto;bottom:7px;transform:rotate(135deg)}
}
@media(max-width:520px){
  .framework-card{padding:18px}
  .arch-box{min-height:auto;padding:14px}
  .arch-groups{grid-template-columns:1fr}
  .arch-group{min-height:auto}
}