*{box-sizing:border-box}html,body{margin:0;background:#f2f0e9;color:#152421;font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif}body{min-height:100vh}.page{min-height:100vh;padding:24px 4.2vw 18px;display:grid;grid-template-rows:auto auto 1fr auto auto auto;gap:14px}header,footer{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;letter-spacing:.04em}a{color:inherit;text-decoration:none}header{padding-bottom:12px;border-bottom:1px solid #c8cbc4}.count{color:#6d7772}.period{padding:7px 14px;border:1px solid #c5c9c2;border-radius:99px}.hero{display:grid;grid-template-columns:1.4fr .72fr;gap:4vw;align-items:end;padding:8px 0 4px}.title>span,.network-head span,.wf-title span,.scope span{font-size:12px;font-weight:900;letter-spacing:.14em;color:#a45b37}.title h1{font-size:clamp(30px,3.15vw,54px);line-height:1.1;margin:8px 0 0;letter-spacing:-.04em}.title em{font-style:normal;color:#17675e}.summary{border-left:4px solid #17675e;padding:6px 0 6px 20px}.summary b{display:block;font-size:11px;color:#7a817d}.summary strong{display:block;font-size:20px;margin:5px 0}.summary p{font-size:14px;line-height:1.65;margin:0;color:#56605c}.network{background:#102f2c;color:#f4f2eb;border-radius:22px;padding:18px 24px 16px;min-height:270px;overflow:hidden}.network-head{display:flex;align-items:baseline;gap:20px}.network-head span{color:#e7aa73}.network-head p{margin:0;font-size:13px;color:#aebfba}.map{height:205px;position:relative;margin-top:4px}.map svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.map path{fill:none;stroke:#527a73;stroke-width:1.5;stroke-dasharray:5 7}.client,.hub{position:absolute;z-index:2;background:#173b37;border:1px solid #41645e;border-radius:14px;padding:12px 15px}.client small{display:block;color:#7fa69e;font-size:9px;letter-spacing:.12em}.client strong{display:block;font-size:18px;margin:3px 0}.client span{font-size:11px;color:#b6c6c2}.bank{left:3%;top:18px;width:170px}.telecom{left:3%;bottom:8px;width:170px}.sme{right:3%;top:75px;width:190px}.hub{left:50%;top:48%;transform:translate(-50%,-50%);width:220px;text-align:center;background:#e8a568;color:#17322e;border:0;box-shadow:0 12px 35px #071a1744}.hub i{font-style:normal;font-size:9px;letter-spacing:.22em}.hub b{display:block;font-size:16px;margin-top:4px}.hub strong{display:block;font-size:23px}.hub span{font-size:9px;letter-spacing:.13em}.workflow{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center}.wf-title strong{display:block;font-size:20px;margin-top:4px}.steps{display:flex;align-items:stretch;gap:8px}.steps article{flex:1;background:#fff;border:1px solid #d7d9d3;border-radius:12px;padding:10px 12px}.steps article b{font-size:10px;color:#a45b37}.steps article strong{display:block;font-size:14px;margin:3px 0}.steps article p{font-size:10.5px;line-height:1.4;color:#69716d;margin:0}.steps>i{align-self:center;font-style:normal;color:#9da39f}.scope{display:grid;grid-template-columns:1fr 1.55fr;gap:18px}.scope>div{background:#e6e2d8;border-radius:13px;padding:12px 16px;display:flex;align-items:center;gap:13px}.scope>div>span{margin-right:auto;color:#6f7773}.scope>div>strong{font-size:13px}.scope .value{background:#dfe9e5;display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:12px}.value p{font-size:11px;margin:0;line-height:1.45;color:#52605c}.value b{color:#17675e}footer{padding-top:11px;border-top:1px solid #c8cbc4}.next{color:#17675e}@media(max-height:820px){.page{padding-top:16px;gap:9px}.network{min-height:235px;padding-top:14px}.map{height:170px}.title h1{font-size:38px}.hero{padding:2px 0}.scope>div{padding:9px 13px}.steps article{padding:8px 10px}}@media(max-width:900px){.page{display:block;padding:18px}.hero,.workflow,.scope{grid-template-columns:1fr}.hero>*{margin-bottom:18px}.network{margin:18px 0}.steps{overflow:auto}.steps article{min-width:145px}.scope>div{margin-bottom:10px}.scope .value{display:block}.value p{margin:8px 0}.count{display:none}}