/* TIANDIREN Hero V3 — all component styling scoped to .tdr3-hero */
.tdr3-hero{--tdr3-ink:#102743;--tdr3-blue:#2068d2;--tdr3-blue-dark:#1258b4;--tdr3-line:#d9e3f0;--tdr3-mute:#60738b;position:relative;isolation:isolate;overflow:hidden;background:#fbfdff;color:var(--tdr3-ink);font-family:"Microsoft JhengHei","PingFang TC","Noto Sans TC",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;min-width:0}
.tdr3-hero,.tdr3-hero *{box-sizing:border-box}.tdr3-hero a{text-decoration:none!important}.tdr3-hero a:focus-visible,.tdr3-hero button:focus-visible{outline:3px solid #176cdf!important;outline-offset:5px!important}.tdr3-hero button{font-family:inherit;cursor:pointer}.tdr3-hero .tdr3-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tdr3-hero__texture{position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse 40% 55% at 73% 52%,rgba(224,237,253,.55),transparent 83%),linear-gradient(130deg,#fff 2%,#fafcff 68%,#f7faff 100%);z-index:-1}
.tdr3-wrap{width:min(100%,1510px);min-height:clamp(650px,calc(100svh - 78px),920px);margin:0 auto;padding:clamp(42px,5.5vw,86px) clamp(25px,5.1vw,86px) clamp(38px,4.3vw,58px);display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);column-gap:clamp(2px,1.4vw,23px);align-items:center}
.tdr3-copy{position:relative;z-index:5;min-width:0;padding-bottom:18px}
.tdr3-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 clamp(29px,3.8vw,55px)!important;color:#2861a8;font-weight:750;letter-spacing:.095em;font-size:clamp(12px,.96vw,14px);white-space:nowrap}
.tdr3-eyebrow__line{width:32px;height:2px;background:#2068d2;flex:0 0 auto}
.tdr3-title{font-family:inherit!important;font-size:clamp(53px,5.55vw,86px)!important;line-height:1.27!important;font-weight:900!important;letter-spacing:-.07em!important;margin:0!important;color:#112843!important;text-wrap:nowrap}
.tdr3-title span{display:block;color:#2463bc;white-space:nowrap}
.tdr3-lead{margin:clamp(26px,3.1vw,44px) 0 clamp(24px,3vw,37px)!important;color:#5e7189;font-size:clamp(16px,1.35vw,20px);font-weight:400;line-height:1.95;letter-spacing:.012em}
.tdr3-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}
.tdr3-action{display:inline-flex;align-items:center;justify-content:center;gap:clamp(15px,1.6vw,27px);min-height:56px;border:1px solid transparent;border-radius:5px;font-size:clamp(13px,1.08vw,15px);font-weight:800;white-space:nowrap;padding:0 22px;transition:background-color .23s,transform .23s,box-shadow .23s;color:inherit}
.tdr3-action span{font-size:17px;font-weight:400;line-height:1}
.tdr3-action--primary{background:#2068d2;color:#fff!important;border-color:#2068d2;box-shadow:0 11px 23px rgba(25,93,187,.13)}.tdr3-action--primary:hover{background:#1257b7;box-shadow:0 14px 24px rgba(25,93,187,.20);transform:translateY(-2px);color:#fff!important}
.tdr3-action--secondary{background:#fff;color:#1f3e61!important;border-color:#cfdbea}.tdr3-action--secondary:hover{border-color:#8eb3e0;transform:translateY(-2px);box-shadow:0 10px 24px rgba(28,71,122,.08)}
.tdr3-proofline{margin-top:29px;display:flex;align-items:center;gap:14px;color:#556d87;font-size:12px;letter-spacing:.045em;white-space:nowrap}.tdr3-proofline__sep{width:20px;height:1px;background:#aabbd0;transform:rotate(-45deg)}
.tdr3-scroll{display:inline-flex;align-items:center;gap:18px;margin-top:clamp(47px,6.7vw,95px);font-size:12px;font-weight:550;color:#60758c!important;letter-spacing:.025em}.tdr3-scroll:hover{color:#245fc0!important}.tdr3-scroll__arrow{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;border:1px solid #d0ddea;font-size:16px;transition:transform .25s}.tdr3-scroll:hover .tdr3-scroll__arrow{transform:translateY(4px)}
.tdr3-system{min-width:0;position:relative;height:clamp(575px,49vw,700px);display:flex;flex-direction:column;align-items:stretch;justify-content:center;}
.tdr3-system__eyebrow{position:absolute;top:clamp(3px,2vw,20px);left:7%;z-index:6;display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.17em;font-weight:750;color:#536f8f;white-space:nowrap}.tdr3-system__mark{height:6px;width:6px;border:1px solid #3d7ed4;border-radius:50%;background:#3d7ed4;box-shadow:0 0 0 4px #e8f2ff}
.tdr3-scene{position:relative;width:100%;height:calc(100% - 89px);flex:0 0 auto;min-height:0;touch-action:pan-y;overflow:visible}
.tdr3-scene:after{content:"";position:absolute;z-index:-1;left:6%;right:6%;top:9%;bottom:0;pointer-events:none;background-image:radial-gradient(rgba(56,117,191,.24) .65px,transparent .65px);background-size:25px 25px;mask-image:radial-gradient(ellipse 53% 55% at 50% 50%,#0000 35%,#000 72%,#0000 96%);opacity:.55}
.tdr3-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:auto;cursor:default}
.tdr3-scene__fallback{position:absolute;width:74%;aspect-ratio:1;top:12%;left:13%;border-radius:50%;background:conic-gradient(from 0deg,#c5dff1 0 24.2%,#fafcff 24.2% 25%,#2870ce 25% 49.2%,#fafcff 49.2% 50%,#1d4d81 50% 74.2%,#fafcff 74.2% 75%,#90b1d3 75% 99.2%,#fafcff 99.2% 100%);box-shadow:0 24px 44px rgba(32,71,117,.11);transform:perspective(900px) rotateX(9deg)}
.tdr3-scene__fallback-core{position:absolute;inset:28%;border-radius:50%;background:#15365a;border:5px solid #dceaf7}
.tdr3-scene.tdr3-ready .tdr3-scene__fallback{display:none}
.tdr3-core{position:absolute;top:47%;left:50%;z-index:2;pointer-events:none;text-align:center;transform:translate(-50%,-50%);color:white;white-space:nowrap;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;text-shadow:0 1px 2px rgba(0,0,0,.10)}
.tdr3-core__top{font-family:Arial,sans-serif;font-size:9px;letter-spacing:.17em;font-weight:700;color:#a4c9f0}.tdr3-core strong{display:block;font-size:clamp(17px,2.05vw,29px);font-weight:850;letter-spacing:.03em;margin:10px 0 0}.tdr3-core__line{height:1px;width:46px;background:#7fadd8;margin:12px auto 9px}.tdr3-core small{font-size:10px;color:#b8cfe5;letter-spacing:.06em}
.tdr3-sector{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);background:transparent!important;border:0!important;color:#173f66!important;text-align:center;min-width:103px;padding:6px 5px!important;white-space:nowrap;appearance:none;line-height:1.25!important;opacity:1;transition:filter .25s,opacity .25s;box-shadow:none!important;touch-action:manipulation}
.tdr3-sector b{display:block;font-weight:800;font-size:clamp(13px,1.26vw,18px)}.tdr3-sector small{font-family:Arial,sans-serif;display:block;font-size:9px;letter-spacing:.17em;font-weight:700;margin-top:7px;opacity:.65}
.tdr3-sector--light{color:#fff!important}.tdr3-sector:hover,.tdr3-sector[aria-pressed="true"]{filter:brightness(1.11)}
.tdr3-insight{position:relative;z-index:5;display:flex;align-items:center;gap:18px;padding:13px 0 3px;border-top:1px solid #dce5ef;min-height:70px;max-width:calc(100% - 28px);margin:0 0 0 7%;width:86%}
.tdr3-insight__number{font-family:Arial,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.07em;color:#2467bf;min-width:48px}.tdr3-insight__number span{font-size:11px;color:#9fb0c3;letter-spacing:0;font-weight:400}
.tdr3-insight__text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.tdr3-insight__text strong{font-size:13px;color:#1d3f64;font-weight:800;line-height:1.35}.tdr3-insight__text span{font-size:12px;line-height:1.65;color:#7b8da0}
.tdr3-insight__link{color:#306ab5!important;font-size:12px;font-weight:750;white-space:nowrap;transition:color .2s}.tdr3-insight__link:hover{color:#0e437f!important}.tdr3-insight__link span{margin-left:4px}
@media (max-width:1180px){.tdr3-wrap{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);padding-left:40px;padding-right:40px}.tdr3-title{font-size:clamp(49px,5.7vw,73px)!important}.tdr3-system{height:610px}.tdr3-action{min-height:52px;padding:0 17px}.tdr3-scroll{margin-top:52px}}
@media (max-width:980px){.tdr3-wrap{grid-template-columns:1fr;min-height:unset;padding:68px 7% 40px}.tdr3-copy{padding-bottom:0}.tdr3-title{font-size:clamp(61px,9vw,83px)!important}.tdr3-lead{margin:26px 0 28px!important}.tdr3-system{width:min(690px,100%);margin:32px auto 0;height:615px}.tdr3-scroll{margin-top:36px}.tdr3-system__eyebrow{top:5px}}
@media (max-width:650px){.tdr3-wrap{padding:47px 22px 39px}.tdr3-eyebrow{font-size:10px;letter-spacing:.07em;margin-bottom:25px!important}.tdr3-eyebrow__line{width:24px}.tdr3-title{font-size:clamp(42px,11.6vw,65px)!important;line-height:1.24!important;letter-spacing:-.067em!important}.tdr3-lead{font-size:14px;line-height:1.85;margin:19px 0 21px!important}.tdr3-actions{gap:10px}.tdr3-action{min-height:48px;font-size:12px;padding:0 14px;gap:12px}.tdr3-proofline{margin-top:19px;font-size:10px;gap:10px}.tdr3-proofline__sep{width:10px}.tdr3-scroll{margin-top:30px;font-size:11px}.tdr3-scroll__arrow{width:29px;height:29px}.tdr3-system{height:clamp(365px,105vw,545px);margin-top:16px}.tdr3-system__eyebrow{top:8px;left:2%;font-size:9px}.tdr3-scene{height:calc(100% - 76px)}.tdr3-core__top{font-size:6px}.tdr3-core strong{font-size:clamp(12px,3.9vw,19px);margin-top:6px}.tdr3-core__line{width:25px;margin:7px auto 6px}.tdr3-core small{font-size:7px}.tdr3-sector{min-width:63px;padding:2px!important}.tdr3-sector b{font-size:clamp(10px,2.9vw,13px)}.tdr3-sector small{font-size:6px;letter-spacing:.09em;margin-top:4px}.tdr3-insight{gap:10px;min-height:68px;margin-left:2%;width:96%;max-width:96%;padding-top:9px}.tdr3-insight__number{font-size:17px;min-width:40px}.tdr3-insight__text strong{font-size:12px}.tdr3-insight__text span{font-size:10px;line-height:1.55}.tdr3-insight__link{font-size:10px}}
@media (max-width:380px){.tdr3-action{font-size:11px;padding:0 10px;gap:8px}.tdr3-desktop-break{display:none}.tdr3-system{height:350px}.tdr3-insight__link{display:none}}
@media (prefers-reduced-motion:reduce){.tdr3-hero *, .tdr3-hero *:before,.tdr3-hero *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Meaningful non-JavaScript static fallback */
.tdr3-scene:not(.tdr3-ready) .tdr3-sector:nth-of-type(1){left:69%;top:30%}
.tdr3-scene:not(.tdr3-ready) .tdr3-sector:nth-of-type(2){left:69%;top:68%}
.tdr3-scene:not(.tdr3-ready) .tdr3-sector:nth-of-type(3){left:31%;top:68%}
.tdr3-scene:not(.tdr3-ready) .tdr3-sector:nth-of-type(4){left:31%;top:30%}
.tdr3-scene:not(.tdr3-ready) .tdr3-core{left:50%;top:50%}