:root{--blue:#0a79bb;--blue-dark:#075e91;--purple:#190a67;--ink:#10172a;--soft:#f3f7fb}
body{overflow-x:hidden}.home-d{color:var(--purple);--d-screen-height:100vh;--d-header-height:86px}@supports(height:100svh){.home-d{--d-screen-height:100svh}}
.home-d .container{width:min(1200px,calc(100% - 64px))}.home-d b,.home-d strong{font-weight:700}.home-d em{font-style:normal}.home-d h2,.home-d h3,.home-d p{margin-top:0}
.d-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--blue);color:#fff}.d-hero:before{content:"";position:absolute;inset:auto -7% -180px 37%;height:440px;border-radius:50%;background:var(--purple);transform:rotate(-17deg);z-index:-1}.d-hero-grain{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff .7px,transparent .7px);background-size:8px 8px;pointer-events:none;z-index:-1}
.d-hero-top{display:flex;align-items:center;justify-content:space-between;padding:14px 0 6px;gap:20px;font-size:12px;letter-spacing:.1em}.d-hero-top>span:first-child{display:flex;align-items:center;gap:10px}.d-hero-top i{width:8px;height:8px;border-radius:50%;background:#fff}.d-hero-top>span:last-child{font-family:Arial,sans-serif;letter-spacing:.12em}
.d-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:8px 0 12px}.d-hero-copy{position:relative;z-index:3;padding:12px 0 12px 28px;min-width:0}.d-side-label{position:absolute;left:0;top:20px;writing-mode:vertical-rl;transform:rotate(180deg);font:10px Arial,sans-serif;letter-spacing:.17em;color:#e0f2ff}.d-hero-copy h1{margin:0}.d-hero-copy h1>span{display:block;font-size:clamp(20px,calc((var(--d-screen-height) - var(--d-header-height)) * .027),26px);font-weight:500;line-height:1.4;letter-spacing:.02em}.d-hero-copy h1>strong{display:block;font-family:"Noto Serif TC","PMingLiU",serif;font-size:clamp(60px,calc((var(--d-screen-height) - var(--d-header-height)) * .09),88px);font-weight:800;line-height:1.04;letter-spacing:-.075em;margin-top:8px}
.d-query-actions{display:grid;gap:10px;margin-top:18px;width:265px;max-width:100%}.d-query-card{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:56px;background:#fff;color:var(--purple);padding:10px 18px;box-shadow:4px 4px 0 #190a6740;transition:transform .2s,box-shadow .2s}.d-query-card:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 #190a6740}.d-query-card>span{font-size:16px;font-weight:600;line-height:1.4}.d-query-card small{display:block;font:10px/1.3 Arial,sans-serif;letter-spacing:.08em;margin-top:3px}.d-query-card>b{font:26px/1 Arial,sans-serif}
.d-logo-stage{position:relative;width:min(100%,clamp(320px,calc(var(--d-screen-height) - 466px),480px));max-width:480px;justify-self:center;container-type:inline-size;--logo-x:0px;--logo-y:0px}.d-logo-art{position:relative;width:100%;aspect-ratio:1;isolation:isolate}.d-logo-disc{position:absolute;inset:7%;border-radius:50%;background:#fff;box-shadow:16px 20px 0 #190a6730;transform:translate(var(--logo-x),var(--logo-y));transition:transform .22s ease-out;perspective:1000px}.d-disc-turn{position:relative;width:100%;height:100%;border-radius:inherit;transform-style:preserve-3d;transition:transform 620ms cubic-bezier(.22,.75,.2,1)}.d-disc-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden}.d-disc-logo{transform:rotateY(0)}.d-disc-logo img{width:68%;height:auto}.d-disc-qr{transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(6px,2cqi,10px)}.d-disc-qr img{width:62%;height:auto;aspect-ratio:1;object-fit:contain}.d-disc-qr span{font-size:14px;font-weight:500;color:var(--purple)}.d-logo-stage:has(.d-line-ticket:hover) .d-disc-turn,.d-logo-stage:has(.d-line-ticket:focus-visible) .d-disc-turn{transform:rotateY(180deg)}.d-logo-stage:has(.d-line-ticket:hover) .d-logo-disc,.d-logo-stage:has(.d-line-ticket:focus-visible) .d-logo-disc{transform:none}
.d-stage-ring{position:absolute;border:1px solid #ffffff75;border-radius:50%;inset:1%;z-index:-1}.d-stage-ring.ring-two{inset:-5%;border-color:#ffffff25}.d-stage-caption{position:absolute;right:0;top:15%;writing-mode:vertical-rl;font:11px/1.9 Arial,sans-serif;letter-spacing:.15em;color:#e4f3ff}.d-stage-caption b{font-weight:400;font-size:9px;margin-top:14px}.d-registration{position:absolute;right:7%;bottom:1%;font-size:32px;font-weight:200;line-height:1;color:#ddecff}
.d-line-ticket{position:absolute;right:84%;bottom:6%;width:max-content;max-width:100%;display:flex;align-items:center;gap:clamp(7px,2cqi,10px);padding:clamp(8px,2.3cqi,11px) clamp(10px,3cqi,14px);background:var(--purple);color:#fff;border:1px solid #5a4b9c;box-shadow:3px 3px 0 #fff;transform:rotate(-6deg);transform-origin:bottom right;transition:transform .2s,box-shadow .2s;z-index:2}.d-line-ticket:hover{transform:rotate(-3deg);box-shadow:4px 4px 0 #fff}.d-line-ticket:focus-visible{outline:3px solid #fff;outline-offset:6px}.d-line-ticket>span:nth-child(2){font-size:clamp(12px,3cqi,14px);line-height:1.3}.d-line-ticket strong{display:block;font-size:clamp(16px,4.4cqi,21px);line-height:1.35;white-space:nowrap}.d-line-ticket small{display:block;font:12px/1.4 Arial,sans-serif;margin-top:2px;color:#d8eaff}.d-line-ticket>b{font:20px/1 Arial,sans-serif}.d-chat-icon{font:18px/1 Arial,sans-serif}
.d-hero-signoff{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff35;padding:10px 0 12px;font-size:12px;letter-spacing:.08em}.d-hero-signoff a{display:flex;align-items:center;gap:10px}
.d-service-strip{border-bottom:1px solid #d8e4ed;background:#f2f7fb}.d-service-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,.85fr);gap:20px;align-items:center;padding:16px 0}.d-service-line{display:flex;align-items:center;gap:13px;min-width:0}.d-service-line>img{width:72px;height:72px;padding:3px;background:#fff;border:1px solid #d8e4ed;flex-shrink:0}.d-service-line>span{display:flex;flex-direction:column}.d-service-line small,.d-service-phone>small{font-size:12px;line-height:1.5;color:var(--blue)}.d-service-line strong{display:flex;align-items:center;gap:18px;font:700 26px/1.35 Arial,sans-serif}.d-service-line em,.d-service-phone>span{font-size:12px;line-height:1.5;color:#607187}.d-service-phone{display:flex;flex-direction:column;border-left:1px solid #c9dbe8;padding-left:20px;min-width:0}.d-service-phone>a{display:flex;align-items:center;gap:9px;font:28px/1.4 Arial,sans-serif;letter-spacing:-.04em;white-space:nowrap}.d-service-icon{width:23px;height:23px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--blue)}.d-service-phone>a>b{font-size:20px}.d-service-location{display:flex;align-items:center;justify-content:space-between;gap:13px;border-left:1px solid #c9dbe8;padding-left:20px}.d-service-location>.d-service-icon{width:25px;height:25px}.d-service-location>strong{font-size:15px;white-space:nowrap}.d-service-location small{display:block;color:#607187;font-size:12px;font-weight:400;margin-top:3px}
.d-notice{border-bottom:1px solid #d8e4ed;background:#fff}.d-notice>.container{display:flex;align-items:center;gap:18px;padding:16px 0;font-size:14px}.d-notice>div>strong{flex-shrink:0;color:var(--purple)}.d-notice>div>span{flex:1;color:#526177}.d-notice>div>span>b{color:var(--purple)}.d-notice>div>a{font-size:20px;color:var(--blue)}
.d-companies,.d-news{padding:70px 0}.d-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.d-section-heading>div>span,.d-kicker{font:12px Arial,sans-serif;letter-spacing:.12em;color:var(--blue)}.d-section-heading i,.d-kicker i{display:inline-grid;place-items:center;width:29px;height:29px;margin-right:9px;border-radius:50%;background:var(--blue);color:#fff;font-style:normal;letter-spacing:0}.d-section-heading h2{font-family:"Noto Serif TC","PMingLiU",serif;font-size:clamp(32px,3.6vw,48px);line-height:1.3;letter-spacing:-.035em;margin:16px 0 0}.d-section-heading>a{color:var(--blue);font-size:15px;border-bottom:1px solid var(--blue);padding-bottom:7px}
.d-company-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.d-company-card{display:flex;flex-direction:column;border:1px solid #d8e4ed;border-radius:18px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.d-company-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #0a79bb12}.d-company-image{aspect-ratio:4/3;background:linear-gradient(135deg,#dcecf4,#e8e7f5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--purple);overflow:hidden}.d-company-image img{width:100%;height:100%;object-fit:cover}.d-company-image>span{font:800 24px Arial,sans-serif}.d-company-image>small{font-size:12px;margin-top:5px}.d-company-body{display:flex;flex-direction:column;flex:1;padding:19px 17px}.d-company-body>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.d-company-body>div:first-child>span{font:700 12px Arial,sans-serif;color:var(--blue)}.d-company-body>div:first-child>small{padding:3px 8px;border-radius:20px;background:#f0eff9;font-size:12px}.d-company-body h3{font-size:22px;line-height:1.4;margin:11px 0 6px}.d-company-body>p{font-size:15px;line-height:1.65;color:#536278;margin-bottom:13px}.d-company-body dl{margin:0 0 15px;font-size:13px}.d-company-body dl>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e6edf3;padding:8px 0}.d-company-body dt{color:#65768a}.d-company-body dd{margin:0;text-align:right;color:#24334c}.d-company-body>a{display:flex;justify-content:space-between;margin-top:auto;padding-top:11px;border-top:1px solid #d6e4ee;color:var(--blue);font-size:13px}.d-empty{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding:26px 30px;border:1px solid #d8e4ed;background:#f8fbfd;color:#526177}.d-empty>a{color:var(--blue)}
.d-about{position:relative;overflow:hidden;background:var(--purple);color:#fff}.d-about>img{position:absolute;left:-30px;bottom:-70px;width:440px;height:440px;opacity:.07;filter:grayscale(1) invert(1);mix-blend-mode:screen}.d-about-inner{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:100px;padding:78px 0}.d-kicker{color:#b8d9ff}.d-kicker i{background:#fff;color:var(--purple)}.d-about h2{font-family:"Noto Serif TC","PMingLiU",serif;font-size:clamp(32px,3.4vw,47px);font-weight:500;line-height:1.55;letter-spacing:-.035em;margin:22px 0 28px}.d-about h2 em{font-weight:700;color:#b6ddff}.d-about a{display:inline-block;color:#d9ebff;border-bottom:1px solid #a7c8f778;padding-bottom:7px}.d-about p{color:#d6e4f5;font-size:16px;line-height:2}.d-about ul{list-style:none;margin:24px 0 0;padding:0}.d-about li{display:flex;gap:20px;border-top:1px solid #e3ecff35;padding:15px 0;font-size:16px;font-weight:600}.d-about li span{color:#a5d6ff;font:14px Arial,sans-serif}
.d-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.d-news-grid article{position:relative;min-height:290px;padding:24px 23px 55px;border:1px solid #d8e4ed;border-top:5px solid var(--blue);border-radius:0 0 22px 22px;transition:transform .2s,box-shadow .2s}.d-news-grid article:first-child{border-top-color:var(--purple)}@media(hover:hover){.d-news-grid article:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0a79bb18}}.d-news-grid article:focus-within{transform:translateY(-4px);box-shadow:0 15px 35px #0a79bb18}.d-news-grid article>div{display:flex;justify-content:space-between;gap:12px;color:var(--blue);font-size:13px}.d-news-grid article>div>span{color:#526177}.d-news-grid h3{font-family:"Noto Serif TC","PMingLiU",serif;font-size:21px;line-height:1.5;margin:20px 0 13px}.d-news-grid p{font-size:15px;color:#526177}.d-news-grid article>a{position:absolute;left:23px;bottom:20px;color:var(--blue);font-size:13px}
.d-cta{position:relative;overflow:hidden;background:var(--blue);color:#fff}.d-cta:before{content:"WITH YOU.";position:absolute;right:0;bottom:-.28em;font:900 clamp(100px,20vw,280px)/1 Arial,sans-serif;color:#ffffff09}.d-cta>.container{position:relative;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:58px 0}.d-cta span{font:12px Arial,sans-serif;letter-spacing:.14em;color:#d5ebff}.d-cta h2{font-family:"Noto Serif TC","PMingLiU",serif;font-size:clamp(31px,4vw,52px);line-height:1.35;margin:14px 0 10px}.d-cta p{margin:0;color:#e4f2ff}.d-cta a{display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:#fff;color:var(--blue);font-weight:700;flex-shrink:0;box-shadow:8px 8px 0 #190a6755;transition:background .2s,color .2s,transform .2s,box-shadow .2s}.d-cta a:hover,.d-cta a:focus-visible{background:var(--purple);color:#fff;transform:translate(4px,4px);box-shadow:4px 4px 0 #190a6755}.d-cta a:focus-visible{outline:3px solid #fff;outline-offset:5px}
body:has(.home-d) .site-footer{background:#fff;color:#10172a;padding:0 0 20px}body:has(.home-d) .footer-grid{grid-template-columns:1.35fr 1fr auto;gap:48px;align-items:start;padding:55px 0}body:has(.home-d) .footer-company{display:flex;align-items:center;gap:15px}body:has(.home-d) .footer-company>img{width:48px;height:48px;flex-shrink:0;object-fit:contain}body:has(.home-d) .footer-brand{font-size:18px;font-weight:600;color:#190a67}body:has(.home-d) .site-footer p{margin:7px 0 0;color:#667187;font-size:12px;line-height:2}body:has(.home-d) .footer-contact{font-size:14px;line-height:2;color:#58647b}body:has(.home-d) .footer-contact>strong{display:block;margin-bottom:10px;color:#8994a6;font-size:12px;font-weight:500;letter-spacing:.08em}body:has(.home-d) .footer-contact>strong:before{content:"";display:block;width:74px;height:1px;margin-bottom:9px;background:#9eabb9}body:has(.home-d) .site-footer a{color:#190a67}body:has(.home-d) .footer-actions{align-items:end}body:has(.home-d) .site-footer .button-light{min-height:0;padding:0 0 9px;border:0;border-bottom:1px solid #cbd8e3;border-radius:0;background:transparent;color:#190a67;font-size:14px;font-weight:500}body:has(.home-d) .site-footer .button-light:after{content:"↗";margin-left:24px;font-size:20px}body:has(.home-d) .site-footer .button-light:hover{background:transparent;border-color:#0a79bb;color:#0a79bb}body:has(.home-d) .copyright{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e0e7ef;margin-top:0;padding:20px 0 0;color:#6b768a;font-size:12px}body:has(.home-d) .copyright a{display:flex;align-items:center;gap:10px;color:#6b768a}body:has(.home-d) .copyright a:hover{color:#0a79bb}
@media(max-width:1100px){.d-logo-stage{width:min(100%,430px);aspect-ratio:auto}.d-line-ticket{position:relative;inset:auto;margin:8px auto 4px;transform:none;transform-origin:center}.d-line-ticket:hover{transform:translateY(-2px)}.d-company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.d-service-inner{grid-template-columns:1fr 1fr}.d-service-location{grid-column:1/-1;border-left:0;border-top:1px solid #c9dbe8;padding:13px 0 0;justify-content:flex-start}.d-service-location>b{margin-left:auto}}
@media(max-width:900px){.home-d{--d-header-height:72px}.home-d .container{width:calc(100% - 40px)}.d-hero-grid{grid-template-columns:1fr;gap:14px}.d-hero-copy{max-width:550px}.d-logo-stage{width:min(72vw,410px)}.d-hero:before{inset:auto -35% -190px 18%;height:440px}.d-about-inner{gap:50px}.d-news-grid{gap:15px}.d-news-grid article{padding-inline:18px}.d-news-grid article>a{left:18px}body:has(.home-d) .footer-grid{grid-template-columns:1fr 1fr;gap:30px}body:has(.home-d) .footer-company{grid-column:1/-1}body:has(.home-d) .footer-actions{grid-column:1/-1;align-items:start}}
@media(max-width:600px){.home-d .container{width:calc(100% - 28px)}.d-hero-top{padding-top:16px;font-size:11px}.d-hero-top>span:last-child{font-size:9px;letter-spacing:.05em}.d-hero-copy{padding:12px 0}.d-side-label{display:none}.d-hero-copy h1{display:flex;align-items:center;gap:12px}.d-hero-copy h1>span{font-size:clamp(17px,4.8vw,22px);line-height:1.55}.d-hero-copy h1>strong{flex:1;text-align:right;font-size:clamp(43px,12vw,63px);margin:0}.d-hero-copy h1>strong br{display:none}.d-hero-copy h1>strong em{display:block}.d-query-actions{grid-template-columns:1fr 1fr;width:100%;margin-top:16px}.d-query-card{min-height:60px;padding:10px;gap:6px}.d-query-card>span{font-size:14px}.d-query-card small{font-size:8px;letter-spacing:.02em}.d-query-card>b{font-size:18px}.d-logo-stage{width:min(78vw,320px);margin:8px auto}.d-stage-caption{font-size:9px}.d-disc-qr span{font-size:12px}.d-line-ticket{padding:10px 13px}.d-hero-signoff{font-size:11px;gap:8px}.d-service-inner{grid-template-columns:1fr;gap:16px;padding:18px 0}.d-service-phone{border-left:0;border-top:1px solid #c9dbe8;padding:15px 0 0}.d-service-phone>a{font-size:27px}.d-service-location{padding-top:15px}.d-notice>.container{align-items:flex-start;flex-wrap:wrap}.d-notice>div>span{order:3;flex-basis:100%;font-size:13px}.d-companies,.d-news{padding:50px 0}.d-section-heading{align-items:flex-start;flex-wrap:wrap;gap:15px}.d-section-heading h2{font-size:30px}.d-company-grid,.d-news-grid{grid-template-columns:1fr}.d-company-body{padding:21px}.d-empty{flex-direction:column}.d-about-inner{grid-template-columns:1fr;gap:30px;padding:55px 0}.d-about h2{font-size:30px}.d-about>img{width:320px;height:320px}.d-news-grid article{min-height:0;padding-bottom:56px}.d-cta>.container{align-items:flex-start;padding:48px 0}.d-cta h2{font-size:31px}.d-cta a{width:105px;height:105px;font-size:14px}.d-cta p{font-size:14px}body:has(.home-d) .footer-grid{grid-template-columns:1fr;gap:30px;padding:42px 0}body:has(.home-d) .footer-company{grid-column:auto}body:has(.home-d) .footer-brand{font-size:15px}body:has(.home-d) .footer-company>img{width:42px;height:42px}body:has(.home-d) .footer-actions{grid-column:auto}body:has(.home-d) .site-footer .button-light{width:auto}body:has(.home-d) .copyright{align-items:flex-start;gap:12px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.d-disc-turn{transition:none;transform:none!important}.d-disc-logo{opacity:1}.d-disc-qr{transform:none;opacity:0}.d-logo-stage:has(.d-line-ticket:hover) .d-disc-logo,.d-logo-stage:has(.d-line-ticket:focus-visible) .d-disc-logo{opacity:0}.d-logo-stage:has(.d-line-ticket:hover) .d-disc-qr,.d-logo-stage:has(.d-line-ticket:focus-visible) .d-disc-qr{opacity:1}.d-logo-disc,.d-query-card,.d-line-ticket,.d-company-card{transition:none}}
@media print{.d-disc-turn{transform:none!important}.d-disc-qr{display:none}.d-logo-disc{transform:none}.d-line-ticket{box-shadow:none}}
