:root{--navy-950:#071a35;--navy-900:#0b2344;--navy-700:#1e4b78;--gold:#d8ad55;--gold-light:#f4d78e;--muted:#5d6d80;}*{box-sizing:border-box;}html,body{min-height:100%;}body{margin:0;color:var(--navy-950);background:#edf4fc;font-family:"Noto Sans TC","Microsoft JhengHei","PingFang TC",system-ui,sans-serif;}.brand-logo{width:46px;height:46px;padding:0;object-fit:contain;background:transparent;}.brand-title{color:var(--navy-950);line-height:1.08;}.brand-title strong{font-size:1.05rem;letter-spacing:.02em;}.brand-title small{color:#7185a1;font-size:.7rem;}a{color:inherit;text-decoration:none;}button{font:inherit;}.error-page{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 83% 23%,rgba(255,255,255,.96) 0 5%,transparent 32%),linear-gradient(128deg,#f8fbff 0%,#edf5fd 47%,#e3eefb 100%);}.ambient,.dot-field{position:absolute;z-index:-3;pointer-events:none;}.ambient-one{top:-24vw;right:-12vw;width:58vw;height:58vw;border:1px solid rgba(103,158,212,.18);border-radius:50%;box-shadow:0 0 0 7vw rgba(255,255,255,.17),0 0 0 14vw rgba(105,158,209,.05);}.ambient-two{bottom:-26vw;left:-22vw;width:46vw;height:46vw;border-radius:50%;background:rgba(197,219,242,.2);filter:blur(60px);}.dot-field{right:4%;bottom:1%;width:26vw;height:26vw;opacity:.3;background-image:radial-gradient(circle,rgba(29,80,126,.34) 1px,transparent 1.5px);background-size:18px 18px;-webkit-mask-image:radial-gradient(circle,#000,transparent 68%);mask-image:radial-gradient(circle,#000,transparent 68%);}.site-header,.site-footer,.error-shell{width:min(100% - 96px,1320px);margin-inline:auto;}.site-header{display:flex;align-items:center;justify-content:space-between;padding-top:34px;}.brand{display:inline-flex;align-items:center;gap:12px;border-radius:10px;}.brand:focus-visible,.header-home:focus-visible,.button:focus-visible{outline:3px solid rgba(216,173,85,.42);outline-offset:4px;}.brand-mark{position:relative;display:grid;width:35px;height:35px;place-items:center;background-image:url(../Images/prokey-logo.svg);background-repeat:no-repeat;background-size:contain;}.brand-name{color:var(--navy-900);font-family:Arial,sans-serif;font-size:14px;font-weight:800;letter-spacing:.12em;}.header-home{display:inline-flex;align-items:center;gap:8px;color:#385a79;font-size:14px;font-weight:700;transition:.18s ease;}.header-home:hover{color:var(--navy-950);transform:translateY(-1px);}.header-home span{color:var(--gold);font-size:18px;}.error-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.86fr);align-items:center;gap:clamp(30px,7vw,110px);padding-block:44px;}.message-panel{position:relative;z-index:2;max-width:650px;}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:var(--navy-700);font-family:Arial,sans-serif;font-size:13px;font-weight:800;letter-spacing:.18em;}.eyebrow-line{width:35px;height:2px;background:linear-gradient(90deg,var(--gold),rgba(216,173,85,.1));}.error-number{position:relative;display:inline-block;margin-left:-7px;color:var(--navy-900);font-family:Arial,sans-serif;font-size:clamp(112px,14vw,210px);font-weight:800;letter-spacing:-.085em;line-height:.86;text-shadow:0 18px 40px rgba(18,51,84,.08);}.number-dot{position:absolute;top:14%;right:-29px;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 7px rgba(216,173,85,.14),0 0 28px rgba(216,173,85,.5);}h1{margin:30px 0 13px;font-size:clamp(28px,3vw,42px);line-height:1.3;letter-spacing:.02em;}.description{max-width:540px;margin:0;color:var(--muted);font-size:16px;line-height:1.9;}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px;}.button{display:inline-flex;min-height:49px;align-items:center;justify-content:center;gap:10px;padding:0 23px;border:1px solid transparent;border-radius:14px;cursor:pointer;font-size:15px;font-weight:700;transition:.18s ease;}.button:hover{transform:translateY(-2px);}.button-primary{color:#fff;background:var(--navy-900);box-shadow:0 13px 28px rgba(8,34,66,.22);}.button-primary:hover{background:#102f57;box-shadow:0 16px 34px rgba(8,34,66,.28);}.button-secondary{color:#23496e;border-color:rgba(27,71,112,.16);background:rgba(255,255,255,.54);backdrop-filter:blur(12px);}.button-secondary:hover{border-color:rgba(27,71,112,.28);background:rgba(255,255,255,.83);}.home-symbol{position:relative;width:14px;height:12px;border:1.8px solid var(--gold-light);border-top:0;border-radius:2px;}.home-symbol::before{position:absolute;top:-5px;left:1px;width:9px;height:9px;border-top:1.8px solid var(--gold-light);border-left:1.8px solid var(--gold-light);content:"";transform:rotate(45deg);}.support-note{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:28px 0 0;color:#7b8998;font-size:14px;}.support-divider{width:1px;height:13px;background:rgba(39,70,101,.24);}.visual-panel{position:relative;width:min(100%,510px);aspect-ratio:1;justify-self:center;}.visual-panel::before{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.84),rgba(218,233,249,.2) 60%,transparent 71%);filter:blur(7px);content:"";}.orbit{position:absolute;border:1px solid rgba(58,105,150,.18);border-radius:50%;}.orbit::after{position:absolute;top:30%;right:2.6%;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(216,173,85,.12);content:"";}.orbit-large{inset:5%;transform:rotate(-18deg);animation:orbit-turn 20s linear infinite;}.orbit-small{inset:18%;border-style:dashed;opacity:.7;transform:rotate(12deg);}.visual-card{position:absolute;inset:22% 18% 20% 20%;overflow:hidden;border:1px solid rgba(255,255,255,.84);border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(205,226,247,.48)),rgba(229,240,251,.55);box-shadow:0 38px 80px rgba(28,72,116,.19),inset 0 1px 0 rgba(255,255,255,.95),inset -12px -16px 30px rgba(109,160,209,.08);backdrop-filter:blur(18px);transform:rotate(-7deg);animation:card-float 5.5s ease-in-out infinite;}.visual-card::before{position:absolute;inset:13px;border:1px solid rgba(54,105,153,.08);border-radius:32px;content:"";}.card-shine{position:absolute;top:-26%;left:-10%;width:80%;height:42%;border-radius:50%;background:rgba(255,255,255,.68);filter:blur(17px);transform:rotate(-18deg);}.compass{position:absolute;top:26%;left:50%;width:118px;height:118px;border:1px solid rgba(28,72,113,.14);border-radius:50%;background:rgba(255,255,255,.28);box-shadow:inset 0 0 30px rgba(75,126,176,.08);transform:translateX(-50%);}.compass-ring{position:absolute;inset:13px;border:1px dashed rgba(35,80,122,.25);border-radius:50%;}.compass-needle{position:absolute;top:26px;left:50%;width:18px;height:66px;background:linear-gradient(to bottom,var(--gold) 0 50%,#6d94bb 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:translateX(-50%) rotate(32deg);filter:drop-shadow(0 5px 5px rgba(31,72,111,.17));}.compass-center{position:absolute;top:50%;left:50%;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:var(--navy-700);box-shadow:0 3px 8px rgba(19,49,78,.25);transform:translate(-50%,-50%);}.card-route{position:absolute;right:21%;bottom:17%;left:21%;display:flex;align-items:center;justify-content:space-between;}.card-route::before{position:absolute;right:5px;left:5px;height:1px;background:linear-gradient(90deg,#8db3d8,var(--gold));content:"";}.card-route span{position:relative;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#7aa5ce;box-shadow:0 2px 8px rgba(21,64,104,.23);}.card-route span:last-child{width:10px;height:10px;background:var(--gold);}.floating-chip{position:absolute;display:flex;align-items:center;border:1px solid rgba(255,255,255,.88);background:rgba(255,255,255,.62);box-shadow:0 20px 38px rgba(26,68,109,.12);backdrop-filter:blur(15px);}.chip-top{top:20%;right:7%;gap:9px;padding:13px 17px;border-radius:14px;color:#496a89;font:800 10px Arial,sans-serif;letter-spacing:.13em;animation:chip-float 4.5s ease-in-out infinite;}.chip-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(216,173,85,.13);}.chip-bottom{bottom:20%;left:7%;flex-direction:column;align-items:flex-start;gap:8px;width:112px;padding:16px;border-radius:18px;animation:chip-float 5s .5s ease-in-out infinite reverse;}.chip-line{width:78px;height:6px;border-radius:99px;background:rgba(77,122,164,.18);}.chip-line.short{width:48px;background:rgba(216,173,85,.35);}.site-footer{display:flex;align-items:center;justify-content:space-between;padding-bottom:27px;color:#7d8c9b;font:12px Arial,"Microsoft JhengHei",sans-serif;letter-spacing:.04em;}.footer-message{color:#5c7893;font:500 13px "Microsoft JhengHei",sans-serif;}@keyframes card-float{0%,100%{transform:rotate(-7deg) translateY(0);}50%{transform:rotate(-5.5deg) translateY(-11px);}}@keyframes chip-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}@keyframes orbit-turn{to{transform:rotate(342deg);}}@media(max-width:900px){.site-header,.site-footer,.error-shell{width:min(100% - 44px,700px);}.error-shell{grid-template-columns:1fr;gap:5px;padding-block:58px 36px;}.visual-panel{position:absolute;z-index:-1;right:-155px;bottom:-35px;width:480px;opacity:.34;}.site-footer{padding-top:20px;}}@media(max-width:560px){.site-header,.site-footer,.error-shell{width:min(100% - 36px,520px);}.site-header{padding-top:24px;}.brand-name{font-size:12px;}.header-home{display:none;}.error-shell{align-content:center;padding-block:40px;}.eyebrow{margin-bottom:16px;font-size:11px;letter-spacing:.12em;}.error-number{font-size:clamp(100px,35vw,152px);}.number-dot{right:-20px;width:9px;height:9px;}h1{margin-top:26px;font-size:27px;}.description{font-size:15px;line-height:1.85;}.actions{gap:10px;margin-top:26px;}.button{min-height:48px;padding-inline:18px;font-size:14px;}.support-note{display:block;margin-top:24px;font-size:13px;line-height:1.8;}.support-divider,.footer-message{display:none;}.visual-panel{right:-245px;bottom:-10px;width:450px;opacity:.22;}.site-footer{padding-bottom:20px;}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}}