.line-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.talent-network{width:100%;padding:18px}
.talent-network-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px 16px;border-bottom:1px solid #d7e7eb}
.talent-network-head span{color:#aa7100;font-size:12px;font-weight:900;letter-spacing:.08em}
.talent-network-head strong{color:var(--navy);font-size:15px}
.talent-network-body{position:relative;display:grid;grid-template-columns:1.2fr .9fr 1fr;gap:18px;align-items:center;min-height:390px;padding:26px 0 10px}
.talent-group{display:grid;gap:12px}
.talent-card{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid #cde4eb;border-radius:17px;background:#fff;box-shadow:0 10px 24px rgba(8,54,74,.07);animation:talent-card-breathe 4.8s ease-in-out infinite}
.talent-card-two{margin-left:20px;animation-delay:-1.6s}
.talent-card-three{margin-left:6px;animation-delay:-3.2s}
.talent-card .line-icon{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border-radius:14px;background:#dcf3f7;color:#0786a1}
.talent-card b,.talent-card small{display:block}
.talent-card b{color:var(--navy);font-size:15px}
.talent-card small{margin-top:2px;color:var(--muted);font-size:11px}
.talent-hub{position:relative;z-index:2;display:grid;justify-items:center;gap:5px;padding:22px 10px;border-radius:24px;background:var(--navy);color:#fff;text-align:center;box-shadow:0 16px 30px rgba(8,54,74,.18)}
.talent-hub-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--yellow);color:var(--navy);font-size:22px;font-weight:900}
.talent-hub b{font-size:15px}
.talent-hub small{color:#bdd4dc;font-size:11px}
.talent-pulse,.talent-pulse:before,.talent-pulse:after{position:absolute;inset:-9px;border:1px solid rgba(5,164,198,.32);border-radius:30px;content:"";animation:talent-pulse 3.2s ease-out infinite}
.talent-pulse:before{inset:-9px;animation-delay:1.05s}
.talent-pulse:after{inset:-18px;animation-delay:2.1s}
.talent-order{position:relative;z-index:2;display:grid;justify-items:center;gap:7px;padding:24px 14px;border:1px solid #f0cf85;border-radius:24px;background:#fff8e8;text-align:center;box-shadow:0 14px 30px rgba(166,107,0,.11)}
.talent-order .line-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#ffdf96;color:#8c5a00}
.talent-order small{color:#8c6b29;font-weight:800}
.talent-order b{color:var(--navy);font-size:19px;line-height:1.35}
.talent-order em{border-radius:999px;background:#e8f8ef;padding:5px 9px;color:#138b53;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.05em}
.talent-signal{position:absolute;z-index:3;left:56%;top:42%;border-radius:999px;background:var(--cyan);padding:5px 9px;color:#fff;font-size:10px;font-weight:900;opacity:0;animation:talent-signal 4.5s linear infinite}
.signal-two{top:51%;animation-delay:1.5s}
.signal-three{top:60%;animation-delay:3s}
.affiliate-flow-section{background:#fff}
.affiliate-flow-shell{margin-top:40px;border:1px solid var(--line);border-radius:28px;background:#fdfaf3;padding:28px}
.affiliate-step-tabs{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.affiliate-step-tabs:before{content:"";position:absolute;left:12.5%;right:12.5%;top:27px;height:2px;background:#efdcae}
.affiliate-step{position:relative;z-index:1;display:grid;justify-items:center;gap:9px;color:var(--text);font-size:14px;font-weight:800}
.affiliate-step span{display:grid;place-items:center;width:54px;height:54px;border:2px solid #e6ce96;border-radius:50%;background:#fff;color:#a66b00;font-size:12px;transition:.2s ease}
.affiliate-step.is-active{color:var(--navy)}
.affiliate-step.is-active span{border-color:var(--yellow);background:var(--yellow);color:var(--navy);box-shadow:0 10px 24px rgba(255,176,0,.2)}
.affiliate-step-stage{display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:center;max-width:800px;min-height:145px;margin:28px auto 0;padding:25px 30px;border-radius:22px;background:var(--navy);color:#fff}
.affiliate-step-stage>span{display:grid;place-items:center;width:72px;height:72px;border-radius:21px;background:rgba(255,193,59,.16);color:#ffd16c}
.affiliate-step-stage>span svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.affiliate-step-stage h3{margin:0 0 7px;font-size:25px}
.affiliate-step-stage p{margin:0;color:#c4d9e1;line-height:1.7}
.affiliate-network{background:#fff9eb}
.affiliate-people{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}
.affiliate-person{position:relative;padding:28px;border:1px solid #ecd8aa;border-radius:23px;background:#fff;text-align:center}
.affiliate-person>span{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 16px;border-radius:20px;background:#fff0c9;color:#a66b00}
.affiliate-person>span svg{width:32px;height:32px}
.affiliate-person:nth-child(2)>span{background:#ddf3e7;color:#23784d}
.affiliate-person:nth-child(3)>span{background:#e5e4ff;color:#5759d9}
.affiliate-person h3{margin:0 0 7px;font-size:23px}
.affiliate-person p{margin:0;color:var(--text)}
.affiliate-network-result{display:flex;align-items:center;justify-content:center;gap:14px;margin:28px auto 0;padding:18px 24px;border-radius:18px;background:var(--navy);color:#fff;font-weight:800}
.affiliate-network-result span{color:#ffca56;font-size:24px}
.affiliate-dashboard-section{background:#fff}
.affiliate-dashboard{overflow:hidden;margin-top:42px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 20px 48px rgba(8,54,74,.1)}
.affiliate-dashboard-head{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line);background:#f3f7f8}
.affiliate-dashboard-head>i{width:8px;height:8px;border-radius:50%;background:#c6d8df}
.affiliate-dashboard-head b{margin-left:7px;font-size:13px}
.affiliate-dashboard-head small{margin-left:auto;color:var(--muted)}
.affiliate-dashboard-body{display:grid;grid-template-columns:220px 1fr;min-height:360px}
.affiliate-dashboard-tabs{padding:18px;background:#0c394b}
.affiliate-dashboard-tab{display:block;width:100%;margin:0 0 8px;border:0;border-radius:11px;background:transparent;padding:12px 14px;color:#bcd2da;text-align:left;font:800 14px/1.3 "Noto Sans TC",sans-serif;cursor:pointer}
.affiliate-dashboard-tab:hover,.affiliate-dashboard-tab.is-active{background:#155267;color:#fff}
.affiliate-dashboard-panel{padding:26px}
.affiliate-dashboard-panel[hidden]{display:none}
.affiliate-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.affiliate-metric{padding:18px;border:1px solid var(--line);border-radius:16px;background:#f8fbfc}
.affiliate-metric small,.affiliate-metric strong{display:block}
.affiliate-metric small{color:var(--text)}
.affiliate-metric strong{margin-top:7px;color:var(--navy);font-size:28px}
.affiliate-data-table{margin-top:18px;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.affiliate-data-row{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:12px;padding:13px 16px;border-top:1px solid var(--line);color:var(--text);font-size:13px}
.affiliate-data-row:first-child{border-top:0;background:#edf5f7;color:var(--navy);font-weight:900}
.affiliate-data-row b{color:var(--navy)}
.affiliate-commerce{background:#edf8fb}
.affiliate-commerce-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:15px;align-items:center;margin-top:42px}
.affiliate-commerce-card{min-height:190px;padding:26px;border:1px solid #cce4eb;border-radius:22px;background:#fff}
.affiliate-commerce-card>span{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#ddf3f7;color:#0c819b}
.affiliate-commerce-card>span svg{width:28px;height:28px}
.affiliate-commerce-card h3{margin:18px 0 7px;font-size:22px}
.affiliate-commerce-card p{margin:0;color:var(--text)}
.affiliate-commerce-arrow{color:var(--cyan);font-size:28px;font-weight:900}
@keyframes talent-card-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes talent-pulse{0%{opacity:.55;transform:scale(.96)}75%,100%{opacity:0;transform:scale(1.12)}}
@keyframes talent-signal{0%{opacity:0;transform:translateX(-12px) scale(.85)}18%,65%{opacity:1}100%{opacity:0;transform:translateX(85px) scale(1)}}
@media(prefers-reduced-motion:reduce){.talent-card,.talent-pulse,.talent-pulse:before,.talent-pulse:after,.talent-signal{animation:none}.talent-signal{display:none}}
@media(max-width:900px){.talent-network-body{grid-template-columns:1fr 1fr}.talent-group{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.talent-card-two,.talent-card-three{margin-left:0}.talent-hub{grid-column:1}.talent-order{grid-column:2}.talent-signal{display:none}.affiliate-people{grid-template-columns:1fr}.affiliate-dashboard-body{grid-template-columns:1fr}.affiliate-dashboard-tabs{display:flex;gap:8px;overflow:auto;padding:12px}.affiliate-dashboard-tab{width:auto;min-width:max-content;margin:0}.affiliate-commerce-flow{grid-template-columns:1fr}.affiliate-commerce-arrow{transform:rotate(90deg);text-align:center}}
@media(max-width:620px){.talent-network{padding:10px}.talent-network-head{align-items:flex-start;flex-direction:column}.talent-network-body{grid-template-columns:1fr;min-height:auto}.talent-group{grid-template-columns:1fr}.talent-hub,.talent-order{grid-column:1}.affiliate-flow-shell{padding:20px 14px}.affiliate-step-tabs{gap:3px}.affiliate-step{font-size:11px}.affiliate-step span{width:42px;height:42px}.affiliate-step-tabs:before{top:21px}.affiliate-step-stage{grid-template-columns:1fr;padding:23px}.affiliate-step-stage>span{width:56px;height:56px}.affiliate-dashboard-panel{padding:17px}.affiliate-metrics{grid-template-columns:1fr}.affiliate-data-row{grid-template-columns:1fr 1fr}.affiliate-data-row span:last-child{display:none}.affiliate-network-result{align-items:flex-start;flex-direction:column}}
