.system-main{height:calc(100svh - var(--header-height));min-height:720px;overflow:hidden;padding:18px var(--side) 12px;display:grid;grid-template-rows:auto minmax(0,1fr) 48px;gap:12px;color:var(--ink);background:linear-gradient(rgba(247,251,255,.86),rgba(255,255,255,.96) 34%,rgba(244,249,254,.98)),url("./assets/practice-mountains-v2.png") top right/68% 235px no-repeat}
.system-intro{position:relative}.system-intro>p{margin:0 0 7px;color:#1260d6;font-size:12px;font-weight:600;letter-spacing:.28em}.system-intro h1{margin:0;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(27px,2.35vw,38px);line-height:1.22;letter-spacing:-.025em}.system-intro>div{margin-top:8px;display:flex;align-items:center;justify-content:space-between;color:#57749d;font-size:15px}.system-intro small{position:absolute;right:2%;bottom:-2px;color:#6d8abd;font-size:9px;line-height:1.35;letter-spacing:.04em}.system-intro small::after{content:"";display:block;width:24px;margin-top:8px;border-top:2px solid #51a3ff}
.system-stage{min-height:0;display:grid;grid-template-columns:minmax(430px,34.5%) 9% minmax(0,1fr);align-items:stretch;gap:12px}.system-map,.family-detail{min-height:0;border:1px solid #d3e3f3;border-radius:10px;background:rgba(255,255,255,.72);box-shadow:0 14px 38px rgba(21,79,137,.045)}
.system-map{display:grid;grid-template-columns:52px 1fr;overflow:hidden}.fde-rail{padding:18px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:12px;border-right:1px solid #d7e5f3;background:linear-gradient(180deg,#f8fcff,#eff7ff)}.fde-rail b{font-size:13px;line-height:1.08;writing-mode:vertical-rl;letter-spacing:.18em}.fde-rail i{margin-top:auto;color:#56719a;font-size:10px;font-style:normal;line-height:1.25;writing-mode:vertical-rl;letter-spacing:.18em}.cube-mark{position:relative;width:19px;height:19px;border:3px solid #0873ef;transform:rotate(30deg);border-radius:3px}.cube-mark::after{content:"";position:absolute;inset:4px;border:1px solid #0873ef}
.map-body{min-width:0;padding:14px 12px 12px}.map-body h2{margin:0 0 10px;font-size:20px}.map-row{height:58px;margin-bottom:8px;padding:7px 12px;display:grid;grid-template-columns:48px 1fr 18px;align-items:center;gap:8px;border:1px solid #d7e5f3;border-radius:7px;background:rgba(255,255,255,.78)}.map-row b{display:block;font-size:14px}.map-row small{display:block;margin-top:3px;color:#5f789e;font-size:10.5px}.map-row em,.family-row em,.foundation-pair em{color:#0b61d8;font-size:22px;font-style:normal}.map-icon{position:relative;width:42px;height:42px;border:1px solid #c8dcf2;border-radius:7px;background:#f5faff;color:#0871ed}.grid-symbol{display:grid;grid-template:repeat(2,10px)/repeat(2,10px);place-content:center;gap:4px}.grid-symbol i{border:2px solid currentColor;border-radius:2px}.layer-symbol i{position:absolute;left:10px;width:22px;height:13px;border:2px solid currentColor;transform:rotate(30deg) skewX(-27deg);background:#f5faff}.layer-symbol i:nth-child(1){top:8px}.layer-symbol i:nth-child(2){top:14px}.layer-symbol i:nth-child(3){top:20px}
.family-box{padding:8px 9px 9px;border:1px solid #d7e5f3;border-radius:7px;background:rgba(255,255,255,.68)}.family-box h3{margin:0 0 7px;font-size:13px}.family-row{height:37px;padding:0 10px;display:grid;grid-template-columns:34px 1fr auto 16px;align-items:center;gap:6px;border-bottom:1px solid #e3edf6;color:#10295a}.family-row:last-child{border-bottom:0}.family-row.is-current{margin-bottom:3px;border:1.5px solid #1473ed;border-radius:6px;background:linear-gradient(90deg,#edf7ff,#d7ebff)}.family-row b{font-size:13px}.family-row small{padding:3px 10px;color:#657c9f;border-radius:12px;background:#edf3f9;font-size:9.5px}.family-row.is-current small{color:#fff;background:#428cf1;box-shadow:0 3px 8px rgba(28,112,226,.2)}
.bar-symbol,.doc-symbol,.cart-symbol,.truck-symbol,.database-symbol,.agent-symbol,.link-symbol{position:relative;width:29px;height:29px;display:block;color:#0871ed}.bar-symbol::before{content:"";position:absolute;left:4px;bottom:5px;width:4px;height:10px;background:currentColor;box-shadow:7px -6px currentColor,14px -13px currentColor}.doc-symbol::before{content:"";position:absolute;left:7px;top:4px;width:14px;height:19px;border:2px solid currentColor;border-radius:2px}.doc-symbol::after{content:"";position:absolute;left:11px;top:10px;width:7px;border-top:2px solid currentColor;box-shadow:0 5px currentColor}.cart-symbol::before{content:"";position:absolute;left:4px;top:7px;width:17px;height:10px;border:2px solid currentColor;border-top:0;transform:skew(-10deg)}.cart-symbol::after{content:"••";position:absolute;left:7px;top:14px;font-size:14px;letter-spacing:5px}.truck-symbol::before{content:"";position:absolute;left:3px;top:7px;width:15px;height:12px;border:2px solid currentColor}.truck-symbol::after{content:"";position:absolute;right:2px;top:11px;width:8px;height:8px;border:2px solid currentColor;border-left:0;box-shadow:-12px 8px 0 -3px #fff,-12px 8px 0 -1px currentColor,4px 8px 0 -3px #fff,4px 8px 0 -1px currentColor}
.foundation-pair{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.foundation-pair>div,.foundation-pair>a{min-width:0;padding:8px;display:grid;grid-template-columns:36px 1fr 12px;align-items:center;border:1px solid #d7e5f3;border-radius:7px;background:rgba(255,255,255,.75)}.foundation-pair b{font-size:10.5px}.foundation-pair small{display:block;margin-top:2px;color:#657c9f;font-size:8.5px}.database-symbol::before{content:"";position:absolute;left:6px;top:5px;width:18px;height:7px;border:2px solid currentColor;border-radius:50%;box-shadow:0 5px 0 -2px #fff,0 7px 0 0 currentColor,0 12px 0 -2px #fff,0 14px 0 0 currentColor}.agent-symbol::before{content:"";position:absolute;left:11px;top:2px;width:7px;height:7px;border:2px solid currentColor;border-radius:50%;box-shadow:-8px 14px 0 -1px #fff,-8px 14px 0 1px currentColor,8px 14px 0 -1px #fff,8px 14px 0 1px currentColor}.agent-symbol::after{content:"";position:absolute;left:6px;top:12px;width:18px;height:12px;border-top:2px solid currentColor;transform:rotate(60deg)}
.connection-row{height:48px;margin-top:8px;padding:6px 11px;display:grid;grid-template-columns:38px 1fr;align-items:center;border:1px solid #d7e5f3;border-radius:7px;background:rgba(255,255,255,.75)}.connection-row b{font-size:11px}.connection-row small{display:block;margin-top:3px;color:#55749e;font-size:8.8px}.link-symbol::before,.link-symbol::after{content:"";position:absolute;width:13px;height:7px;border:2px solid currentColor;border-radius:7px;transform:rotate(-42deg)}.link-symbol::before{left:3px;top:8px}.link-symbol::after{right:3px;bottom:8px}
.composition-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#075acf;text-align:center}.composition-arrow span{font-size:12px;font-weight:600;line-height:1.65}.composition-arrow i{position:relative;width:72%;height:40px;margin-top:14px;background:linear-gradient(90deg,rgba(15,112,232,.06),rgba(15,112,232,.45));clip-path:polygon(0 22%,70% 22%,70% 0,100% 50%,70% 100%,70% 78%,0 78%)}
.family-detail{padding:16px 18px 12px;display:grid;grid-template-rows:auto minmax(0,1fr) 36px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(230,243,255,.72))}.family-detail>header{display:flex;justify-content:space-between;align-items:start}.family-detail>header h2{margin:0;font-size:21px}.family-detail>header p{margin:3px 0 0;color:#56749c;font-size:12px}.family-detail>header>small{display:flex;align-items:center;gap:10px;color:#6b8cba;font-size:9px}.family-detail>header>small i{width:20px;border-top:1px solid #3e8ff2}.layer-stack{min-height:0;margin-top:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px}.product-layer{position:relative;min-height:0;padding:7px 26px 7px 15px;display:grid;grid-template-columns:48px 170px 1fr;align-items:center;border:1px solid rgba(96,163,235,.48);background:linear-gradient(100deg,rgba(228,242,255,.92),rgba(255,255,255,.95));box-shadow:0 5px 14px rgba(19,89,157,.04);clip-path:polygon(1.6% 0,98.4% 0,100% 100%,0 100%)}.layer-5{width:96%;flex:1.55;grid-template-columns:48px 190px 1fr}.layer-4{width:97%;flex:1}.layer-3{width:98%;flex:1}.layer-2{width:99%;flex:1}.layer-1{width:100%;flex:1.05}.layer-code{width:36px;height:36px;display:grid;place-items:center;color:#fff;border-radius:4px;background:linear-gradient(135deg,#51a7ff,#075dde);font-size:16px;font-weight:700;box-shadow:0 5px 12px rgba(7,93,222,.18)}.product-layer h3{margin:0;color:#0758ce;font-size:14px}.product-layer p{margin:2px 0 0;color:#5e789e;font-size:9.5px}.product-layer>small{color:#294f86;text-align:center;font-size:9px;white-space:nowrap}.capability-strip{align-self:end;height:40px;display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #d6e5f4;border-radius:6px;background:rgba(255,255,255,.82)}.capability-strip span{display:grid;place-items:center;padding:4px;color:#244b83;text-align:center;border-right:1px solid #d6e5f4;font-size:8.5px}.capability-strip span:last-child{border-right:0}.mini-workbench{position:absolute;right:18px;top:-20px;width:130px;height:70px;opacity:.72;transform:perspective(200px) rotateY(-8deg);border:1px solid #7eb6ed;border-radius:5px;background:linear-gradient(135deg,#0d5fb4 0 18%,#f7fbff 18%);box-shadow:0 10px 20px rgba(0,74,154,.14)}.mini-workbench i{position:absolute;left:29px;top:10px;width:88px;height:6px;background:#d7e8f8}.mini-workbench b{position:relative;float:left;width:23px;height:29px;margin:25px 0 0 7px;background:linear-gradient(180deg,#e6f2fd,#7eb8f2)}
.layer-5 .capability-strip{margin-top:24px;grid-column:2/4}.layer-5 .layer-copy{align-self:start}.base-elements{display:grid;grid-template-columns:1fr 1.35fr;gap:0}.base-elements span{padding-left:26px;border-left:1px solid #a8c9eb}.base-elements b,.base-elements small{display:block}.base-elements b{color:#0758ce;font-size:10px}.base-elements small{margin-top:2px;color:#60799d;font-size:8px}.family-detail>footer{display:flex;align-items:center;justify-content:center;gap:9px;color:#456c9f;border-radius:5px;background:rgba(219,236,251,.7);font-size:9px}.family-detail>footer b{color:#204d87}.family-detail>footer i{height:12px;border-left:1px solid #9db9d7}.gear-dot{color:#096ce4;font-size:15px}
.system-actions{display:flex;justify-content:center;align-items:center;gap:10px}.system-actions a{min-width:154px;height:40px;display:flex;align-items:center;justify-content:center;gap:16px;color:#0758d4;border:1px solid #2f82ed;border-radius:6px;background:#fff;font-size:12px;font-weight:600}.system-actions .primary-action{color:#fff;background:linear-gradient(135deg,#075ddd,#0984ff);box-shadow:0 8px 18px rgba(8,99,224,.15)}
@media(max-width:1280px){.system-main{padding-inline:34px}.system-stage{grid-template-columns:minmax(390px,36%) 7% minmax(0,1fr);gap:8px}.system-intro h1{font-size:30px}.system-intro>div{font-size:13px}.system-map{grid-template-columns:46px 1fr}.map-body{padding-inline:9px}.family-detail{padding-inline:12px}.product-layer{grid-template-columns:44px 150px 1fr}.layer-5{grid-template-columns:44px 170px 1fr}.mini-workbench{width:105px}.capability-strip span{font-size:7.5px}}
@media(min-width:981px) and (max-height:800px){.system-main{min-height:650px;padding-top:12px;gap:8px}.system-intro>p{margin-bottom:4px}.system-intro h1{font-size:28px}.system-intro>div{margin-top:5px}.map-body{padding-top:10px}.map-row{height:50px;margin-bottom:6px}.family-row{height:32px}.foundation-pair{margin-top:6px}.connection-row{height:42px;margin-top:6px}.family-detail{padding-top:12px}.layer-stack{margin-top:6px;gap:3px}.product-layer{padding-block:4px}.system-actions a{height:36px}}
@media(max-width:980px){.system-main{height:auto;min-height:0;overflow:visible;padding:34px var(--side)}.system-intro h1{font-size:32px}.system-intro>div{line-height:1.6}.system-intro small{display:none}.system-stage{grid-template-columns:1fr;gap:22px}.system-map{min-height:620px}.composition-arrow{display:none}.family-detail{min-height:580px}.system-actions{margin-top:12px}}
@media(max-width:600px){.system-intro h1{font-size:28px}.system-intro>div{font-size:14px}.system-map{grid-template-columns:38px 1fr;min-height:640px}.fde-rail{padding-inline:8px}.map-body h2{font-size:18px}.family-row{grid-template-columns:30px 1fr auto 14px}.family-row small{padding-inline:6px}.foundation-pair{grid-template-columns:1fr}.family-detail{min-height:700px;padding:18px 8px}.family-detail>header{padding-inline:8px}.family-detail>header small{display:none}.product-layer,.layer-5{width:100%;grid-template-columns:42px 1fr}.product-layer>small,.base-elements{grid-column:2;margin-top:5px;text-align:left;white-space:normal}.layer-5 .capability-strip{grid-column:1/3;margin-top:8px;grid-template-columns:repeat(4,1fr);height:auto}.mini-workbench{display:none}.system-actions{flex-direction:column}.system-actions a{width:100%}}

.foundation-pair b{display:block;white-space:nowrap}
.foundation-pair small{white-space:nowrap}
.mini-workbench{z-index:2;top:8px;width:120px;height:58px;opacity:.7}

/* Prototype fidelity: restore the substantial platform base and the visual
   hierarchy of the selected planning product family. */
@media(min-width:981px){
  .family-row{height:35px}
  .foundation-pair>div,.foundation-pair>a{min-height:62px;padding:9px 10px}
  .connection-row{height:50px}
  .layer-5{flex:1.85}
  .capability-strip{height:52px}
  .capability-strip span{grid-template-rows:18px auto;line-height:1.15}
  .capability-strip span::before{display:block;color:#0768e1;font-size:15px;font-weight:700;line-height:1}
  .capability-strip span:nth-child(1)::before{content:"▦"}
  .capability-strip span:nth-child(2)::before{content:"△"}
  .capability-strip span:nth-child(3)::before{content:"▥"}
  .capability-strip span:nth-child(4)::before{content:"◇"}
  .capability-strip span:nth-child(5)::before{content:"✧"}
  .capability-strip span:nth-child(6)::before{content:"♙"}
  .capability-strip span:nth-child(7)::before{content:"▤"}
  .product-layer h3{font-size:15px}
  .product-layer p{font-size:10px}
  .product-layer>small{font-size:10px}
  .layer-5 .mini-workbench{position:relative;right:auto;top:auto;grid-column:3;grid-row:1;justify-self:end;align-self:center;width:188px;height:88px;opacity:.96;overflow:hidden;transform:perspective(260px) rotateY(-9deg) rotateZ(2deg);background:linear-gradient(135deg,#e9f5ff,#fff);border-color:#88bced;box-shadow:0 14px 24px rgba(15,91,165,.2)}
  .mini-sidebar{position:absolute;inset:0 auto 0 0;width:24px;background:linear-gradient(180deg,#0756a8,#0a75d9)}
  .mini-sidebar::after{content:"";position:absolute;left:7px;top:13px;width:10px;height:2px;background:#fff;box-shadow:0 10px rgba(255,255,255,.75),0 20px rgba(255,255,255,.75),0 30px rgba(255,255,255,.75)}
  .mini-head{position:absolute;left:34px;right:10px;top:9px;height:7px;border-radius:2px;background:#d5e7f7}
  .mini-chart{position:absolute;left:34px;top:26px;width:82px;height:42px;border:1px solid #c9e0f3;border-radius:3px;background:linear-gradient(180deg,rgba(44,142,239,.06),rgba(44,142,239,.16))}
  .mini-chart::after{content:"";position:absolute;left:9px;top:19px;width:60px;height:17px;border-top:2px solid #1680e6;border-radius:50%;transform:rotate(-8deg)}
  .mini-bars{position:absolute;right:10px;top:26px;width:49px;height:42px;border:1px solid #c9e0f3;border-radius:3px;background:linear-gradient(90deg,transparent 18%,#5ba7ef 19% 30%,transparent 31% 42%,#2587e6 43% 57%,transparent 58% 70%,#0869cf 71% 84%,transparent 85%)}
}
@media(min-width:981px) and (max-height:800px){
  .family-row{height:34px}
  .foundation-pair>div,.foundation-pair>a{min-height:57px}
  .connection-row{height:47px}
  .capability-strip{height:46px}
  .layer-5 .mini-workbench{width:174px;height:78px}
}

.family-detail{position:relative}
.composition-arrow span{white-space:nowrap}
@media(min-width:981px){
  .family-detail>.mini-workbench{position:absolute;z-index:4;right:30px;top:62px;width:188px;height:88px;opacity:.96;overflow:hidden;transform:perspective(260px) rotateY(-9deg) rotateZ(2deg);background:linear-gradient(135deg,#e9f5ff,#fff);border-color:#88bced;box-shadow:0 14px 24px rgba(15,91,165,.2)}
}
@media(min-width:981px) and (max-height:800px){.family-detail>.mini-workbench{right:22px;top:58px;width:174px;height:78px}}

/* The approved prototype is a 1600–1700px desktop composition. Preserve its
   larger typography, card rhythm and architectural depth at that size. */
@media(min-width:1281px) and (min-height:801px){
  .system-main{padding-top:20px;padding-bottom:10px;grid-template-rows:auto minmax(0,1fr) 48px;gap:12px}
  .system-intro{padding-bottom:8px}
  .system-intro>p{margin-bottom:13px;font-size:14px}
  .system-intro h1{font-size:39px}
  .system-intro>div{margin-top:13px;font-size:18px}
  .system-intro small{font-size:10px}
  .system-stage{margin-inline:calc(24px - var(--side));grid-template-columns:35% 9.5% minmax(0,1fr);gap:14px}
  .system-map{grid-template-columns:62px 1fr}
  .fde-rail{padding-top:23px}
  .fde-rail b{font-size:16px}
  .fde-rail i{font-size:12px}
  .cube-mark{width:22px;height:22px}
  .map-body{padding:19px 14px 14px}
  .map-body h2{margin-bottom:16px;font-size:25px}
  .map-row{height:66px;margin-bottom:10px;grid-template-columns:56px 1fr 20px;padding:8px 13px}
  .map-icon{width:48px;height:48px}
  .map-row b{font-size:16px}
  .map-row small{font-size:12px}
  .family-box{padding:10px 11px 11px}
  .family-box h3{margin-bottom:7px;font-size:15px}
  .family-row{height:43px;grid-template-columns:40px 1fr auto 18px}
  .family-row b{font-size:15px}
  .family-row small{padding:4px 13px;font-size:10.5px}
  .foundation-pair{margin-top:12px;gap:12px}
  .foundation-pair>div,.foundation-pair>a{min-height:78px;grid-template-columns:42px 1fr 14px;padding:11px}
  .foundation-pair b{font-size:12px}
  .foundation-pair small{font-size:10px}
  .connection-row{height:66px;margin-top:12px;grid-template-columns:48px 1fr;padding-inline:14px}
  .connection-row b{font-size:13px}
  .connection-row small{font-size:10.5px}
  .composition-arrow{justify-content:flex-start;padding-top:160px}
  .composition-arrow span{font-size:15px;line-height:1.65}
  .composition-arrow i{height:58px;margin-top:18px}
  .family-detail{padding:22px 20px 14px;grid-template-rows:auto minmax(0,1fr) 42px}
  .family-detail>header h2{font-size:25px}
  .family-detail>header p{font-size:15px}
  .family-detail>header>small{font-size:11px}
  .layer-stack{margin-top:15px;gap:5px}
  .product-layer{grid-template-columns:60px 210px 1fr;padding:9px 32px 9px 18px}
  .layer-5{grid-template-columns:60px 230px 1fr;flex:1.9}
  .layer-code{width:48px;height:48px;font-size:21px}
  .product-layer h3{font-size:18px}
  .product-layer p{font-size:12px}
  .product-layer>small{font-size:12px}
  .capability-strip{height:68px}
  .capability-strip span{grid-template-rows:25px auto;font-size:11px}
  .capability-strip span::before{font-size:21px}
  .layer-5 .capability-strip{grid-column:1/4;margin-top:31px}
  .base-elements b{font-size:12px}
  .base-elements small{font-size:10px}
  .family-detail>footer{font-size:11px}
  .family-detail>.mini-workbench{right:28px;top:61px;width:300px;height:164px}
  .mini-sidebar{width:38px}
  .mini-sidebar::after{left:12px;top:22px;width:14px;height:3px;box-shadow:0 16px rgba(255,255,255,.75),0 32px rgba(255,255,255,.75),0 48px rgba(255,255,255,.75)}
  .mini-head{left:54px;right:16px;top:16px;height:11px}
  .mini-chart{left:54px;top:45px;width:132px;height:78px}
  .mini-chart::after{left:16px;top:35px;width:95px;height:26px}
  .mini-bars{right:16px;top:45px;width:79px;height:78px}
  .system-actions{transform:translateY(5px)}
  .system-actions a{min-width:176px;height:43px;font-size:14px}
}

@media(min-width:1281px){
  .system-intro::after{content:"";position:absolute;right:108px;top:-10px;width:128px;height:110px;opacity:.48;background:linear-gradient(122deg,transparent 0 12%,rgba(98,170,247,.22) 13% 35%,transparent 36% 43%,rgba(71,152,239,.28) 44% 67%,transparent 68% 75%,rgba(35,124,226,.24) 76% 100%);clip-path:polygon(0 38%,26% 18%,26% 100%,36% 100%,36% 23%,66% 0,66% 100%,76% 100%,76% 12%,100% 0,100% 100%,0 100%);pointer-events:none}
}

.approved-product-system{display:none}
@media(min-width:981px){
  body{overflow:hidden}
  body>.site-header,body>.system-main{display:none}
  .approved-product-system{position:relative;width:100vw;height:100svh;display:block;overflow:hidden;background:#f5faff}
  .approved-product-system>img{display:block;width:100%;height:100%;object-fit:fill;image-rendering:auto}
  .approved-hotspots{position:absolute;inset:0}
  .approved-hotspots a{position:absolute;display:block;color:transparent;font-size:0;border-radius:6px}
  .approved-hotspots a:hover{background:rgba(10,103,224,.055);box-shadow:inset 0 0 0 1px rgba(10,103,224,.16)}
  .approved-hotspots a:focus-visible{outline:3px solid #fe4b00;outline-offset:2px;background:rgba(255,255,255,.28)}
  .hot-brand{left:3.6%;top:.7%;width:17.2%;height:5.5%}
  .hot-home{left:30.8%;top:.7%;width:4.2%;height:5.5%}
  .hot-apos{left:36.7%;top:.7%;width:5.4%;height:5.5%}
  .hot-solutions{left:44.5%;top:.7%;width:5.7%;height:5.5%}
  .hot-practice{left:52.2%;top:.7%;width:7.8%;height:5.5%}
  .hot-trust{left:61.5%;top:.7%;width:6.6%;height:5.5%}
  .hot-about{left:70.2%;top:.7%;width:7.4%;height:5.5%}
  .hot-contact{left:87.8%;top:.7%;width:9.3%;height:5.5%}
  .hot-dct{left:6.3%;top:31.1%;width:28.4%;height:7.3%}
  .hot-planning{left:6.9%;top:51.3%;width:27.2%;height:5.1%}
  .hot-order{left:6.9%;top:57.9%;width:27.2%;height:5.1%}
  .hot-agent{left:21%;top:74.6%;width:13.8%;height:8.5%}
  .hot-plan-product{left:39.1%;top:94.3%;width:10.7%;height:4.8%}
  .hot-architecture{left:50.3%;top:94.3%;width:10.7%;height:4.8%}
}
@media(max-width:980px){.approved-product-system{display:none}}