*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,Noto Sans TC,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth}body{font-family:Inter,Noto Sans TC,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary)}html:not(.dark) body{background-color:var(--bg-primary);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:Inter,Noto Sans TC,sans-serif;font-weight:700;color:var(--text-primary)}*,*:before,*:after{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.3s;transition-timing-function:ease}::-moz-selection{background-color:var(--accent);color:#fff}::selection{background-color:var(--accent);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;padding:1rem 2rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));background:var(--gradient-accent);transition:all .3s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 30px var(--accent-glow)}.btn-primary:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:var(--gradient-accent);opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(12px)}.btn-primary:hover:after{opacity:.5}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;padding:1rem 2rem;font-weight:600;background:transparent;border:1.5px solid var(--accent);color:var(--accent);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:var(--accent);color:#fff;transform:scale(1.02);box-shadow:0 5px 20px var(--accent-glow)}.section-title{margin-bottom:1rem;text-align:center;font-size:2.25rem;line-height:2.5rem;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em;text-transform:uppercase}.section-subtitle{margin-bottom:3rem;text-align:center;font-size:1.125rem;line-height:1.75rem;color:var(--text-secondary)}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-chip{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;border-radius:9999px;background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid transparent;transition:all .3s ease}.dark-chip:hover{background-color:var(--accent);color:#fff;border-color:var(--accent)}.dark-input{width:100%;padding:.75rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);outline:none;transition:all .3s ease}.dark-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.dark-input::-moz-placeholder{color:var(--text-secondary)}.dark-input::placeholder{color:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-bottom-1{bottom:-.25rem}.left-0{left:0}.right-0{right:0}.top-0{top:0}.isolate{isolation:isolate}.z-50{z-index:50}.col-span-full{grid-column:1 / -1}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-16{height:4rem}.h-2{height:.5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-full{height:100%}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.max-w-6xl{max-width:72rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize-y{resize:vertical}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-y-12{row-gap:3rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-primary-100{--tw-border-opacity: 1;border-color:rgb(253 232 216 / var(--tw-border-opacity, 1))}.border-primary-500{--tw-border-opacity: 1;border-color:rgb(244 162 97 / var(--tw-border-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-primary-500{--tw-bg-opacity: 1;background-color:rgb(244 162 97 / var(--tw-bg-opacity, 1))}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[1\.625rem\]{font-size:1.625rem}.text-\[10px\]{font-size:10px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-primary-500{--tw-text-opacity: 1;color:rgb(244 162 97 / var(--tw-text-opacity, 1))}.text-secondary-500{--tw-text-opacity: 1;color:rgb(193 102 107 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.opacity-60{opacity:.6}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg-primary: #fef9f4;--bg-secondary: #ffffff;--bg-tertiary: #f5f0eb;--text-primary: #1a1a2e;--text-secondary: #4a4a5a;--text-muted: #8a8a9a;--primary: #f4a261;--secondary: #c1666b;--accent: #e9c46a;--primary-glow: rgba(244, 162, 97, .15);--secondary-glow: rgba(193, 102, 107, .15);--accent-glow: rgba(233, 196, 106, .15);--border: #e0d5d0;--card-bg: #ffffff;--gradient-hero: linear-gradient(135deg, #fef9f4 0%, #f5e6da 100%);--gradient-accent: linear-gradient(135deg, #e76f51, #e9c46a);--gradient-accent-hover: linear-gradient(135deg, #f4a261, #e76f51);--red-error: #ef4444}.dark{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--text-primary: #f0f0f5;--text-secondary: #8888a0;--text-muted: #6a6a80;--primary: #f4a261;--secondary: #c1666b;--accent: #e9c46a;--primary-glow: rgba(244, 162, 97, .3);--secondary-glow: rgba(193, 102, 107, .3);--accent-glow: rgba(233, 196, 106, .3);--border: #2a2a3a;--card-bg: #12121a;--gradient-hero: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 100%);--gradient-accent: linear-gradient(135deg, #e76f51, #e9c46a);--gradient-accent-hover: linear-gradient(135deg, #f4a261, #e76f51);--red-error: #ef4444}.sr-hidden{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.sr-visible{opacity:1;transform:translateY(0);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}@media(prefers-reduced-motion:reduce){.sr-hidden,.sr-visible{transition:none;opacity:1;transform:none}}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.dark .skeleton-shimmer{background:linear-gradient(90deg,var(--border) 25%,var(--bg-tertiary) 50%,var(--border) 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.last\:mb-0:last-child{margin-bottom:0}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 246 240 / var(--tw-bg-opacity, 1))}.hover\:text-primary-500:hover{--tw-text-opacity: 1;color:rgb(244 162 97 / var(--tw-text-opacity, 1))}.hover\:opacity-80:hover{opacity:.8}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-primary-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(244 162 97 / var(--tw-ring-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-60:disabled{opacity:.6}.dark\:border-dark-border:is(.dark *){--tw-border-opacity: 1;border-color:rgb(42 42 58 / var(--tw-border-opacity, 1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-primary-400:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(245 160 112 / var(--tw-bg-opacity, 1))}.dark\:text-accent-400:is(.dark *){--tw-text-opacity: 1;color:rgb(233 196 106 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-primary-400:is(.dark *){--tw-text-opacity: 1;color:rgb(245 160 112 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-dark-card:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(18 18 26 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-primary-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(245 160 112 / var(--tw-text-opacity, 1))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-6{gap:1.5rem}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}}:root{--bg-primary: #ffffff;--bg-secondary: #f4f7f7;--bg-tertiary: #eaf0ef;--text-primary: #183f40;--text-secondary: #4b6464;--text-muted: #5d7474;--primary: #183f40;--secondary: #785043;--accent: #af482c;--border: #d2dfdc;--card-bg: #ffffff;--gradient-accent: linear-gradient(110deg, #183f40, #285a57);--gradient-accent-hover: linear-gradient(110deg, #285a57, #183f40);--gradient-hero: #ffffff;--accent-glow: rgba(175, 72, 44, .12);--primary-glow: rgba(24, 63, 64, .1)}.dark{--bg-primary: #102426;--bg-secondary: #183234;--bg-tertiary: #213f41;--text-primary: #eef5f2;--text-secondary: #bfd0cc;--text-muted: #aabfba;--primary: #c2e5d7;--secondary: #e0bcaa;--accent: #ffb38f;--border: #365052;--card-bg: #183234;--gradient-accent: linear-gradient(110deg, #c2e5d7, #a6d6c5);--gradient-hero: #102426}body{font-family:DM Sans,Noto Sans TC,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Manrope,Noto Sans TC,sans-serif}html{scroll-padding-top:96px}::-moz-selection{background:var(--accent);color:var(--bg-primary)}::selection{background:var(--accent);color:var(--bg-primary)}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.portfolio-header{background:color-mix(in srgb,var(--bg-primary) 94%,transparent);border-bottom:1px solid var(--border)}.portfolio-header a{color:var(--text-primary)}.portfolio-header a:hover{color:var(--accent)}.portfolio-wordmark{letter-spacing:-.06em}.wordmark-detail{font-family:DM Sans,Noto Sans TC,sans-serif;font-size:12px;font-weight:500;letter-spacing:.02em;margin-left:8px}.eyebrow{font-family:ui-monospace,Noto Sans TC,monospace;font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.7;color:var(--accent);margin-bottom:22px}.portfolio-hero{padding-top:120px}.hero-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:64px}.hero-name{font-size:clamp(48px,6.5vw,88px);font-weight:800;line-height:1.08;letter-spacing:-.06em;overflow-wrap:normal;margin:0 0 22px}.hero-role{font-size:clamp(20px,2.1vw,27px);font-weight:600;line-height:1.4}.hero-focus{color:var(--text-secondary);margin-top:12px;font-size:17px}.hero-focus span{padding:0 10px}.hero-context{align-self:end;padding-bottom:4px}.hero-context .eyebrow{margin-bottom:14px;font-size:11px}.hero-context>p:last-child{font-size:16px;line-height:1.85;color:var(--text-secondary);max-width:420px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:30px 0 38px}.btn-primary,.btn-secondary{border-radius:4px;min-height:50px;padding:14px 24px;font-size:14px;gap:22px;line-height:1.45}.btn-primary{background:var(--primary);color:var(--bg-primary);border:1px solid var(--primary)}.btn-primary:after{display:none}.btn-secondary{border:1px solid var(--text-primary);color:var(--text-primary)}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:none}.btn-primary:hover{background:var(--text-primary)}.btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.text-link{display:inline-flex;padding:14px 18px;gap:20px;font-weight:600;font-size:14px}.featured-stage{display:grid;grid-template-columns:1fr 1.08fr;min-height:330px;overflow:hidden;background:#122e31;color:#fff;border-radius:5px}.featured-copy{padding:38px 42px;align-self:center}.featured-copy .eyebrow{color:#f0b590;margin-bottom:20px}.featured-copy h2{color:#fff;font-size:clamp(32px,3.6vw,48px);font-weight:700;letter-spacing:-.045em;margin:0 0 14px}.featured-copy>p:not(.eyebrow){color:#d7e4e1;line-height:1.7;font-size:16px}.featured-copy .featured-tech{font-size:13px!important;margin-top:7px}.featured-link{display:inline-block;margin-top:28px;font-size:14px;font-weight:600;border-bottom:1px solid #86a49e;padding-bottom:5px}.featured-image{position:relative;min-width:0;background:#0b0a16;padding:16px}.featured-image img{width:100%;height:330px;-o-object-fit:contain;object-fit:contain}.featured-image figcaption,.project-shot figcaption{position:absolute;bottom:10px;right:12px;color:#d4dddd;background:#102426;border:1px solid #365052;padding:4px 8px;font-size:10px}.featured-stage:hover .featured-link{color:#f0b590}.expertise-strip{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-secondary)}.expertise-strip b{font-family:ui-monospace,monospace;color:var(--accent);font-size:10px;margin-right:12px}.section-title{font-size:clamp(28px,3.5vw,40px);line-height:1.25;letter-spacing:-.035em;text-align:left;text-transform:none;background:none;-webkit-text-fill-color:var(--text-primary);color:var(--text-primary);margin-bottom:16px}.section-subtitle{text-align:left;font-size:16px;line-height:1.8;margin-bottom:36px;max-width:700px}#projects{border-top:1px solid var(--border)}#projects .eyebrow{margin-bottom:12px}.project-filters button{border-radius:4px;min-height:44px;padding:10px 19px}.project-filters button[aria-pressed=true]{background:var(--text-primary)!important;color:var(--bg-primary)!important;border-color:var(--text-primary)!important}.portfolio-project{min-width:0;display:flex;flex-direction:column;border-bottom:1px solid var(--border)}.project-visual{position:relative;overflow:hidden;height:210px;flex-shrink:0;border-radius:4px}.schematic{background:#e8f0ed;color:#183f40;padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between}.visual-caption{font-size:10px;font-family:ui-monospace,Noto Sans TC,monospace;text-transform:uppercase;letter-spacing:.14em;opacity:.85}.visual-motif{font-family:Manrope,sans-serif;font-size:clamp(24px,3vw,38px);letter-spacing:-.045em;font-weight:700;display:flex;flex-wrap:wrap;gap:6px 12px;line-height:1.15;position:relative;z-index:1}.visual-motif i{font-weight:400;margin-right:10px;font-style:normal;opacity:.55}.visual-lines{display:flex;gap:8px;height:18px;width:100%;opacity:.2}.visual-lines span{flex:1;border:1px solid currentColor}.visual-lines span:nth-child(2){flex:2;background:currentColor}.visual-pixelOffice{background:#253e45;color:#d3e9dc}.visual-vueExcelDashboard{background:#e5edf6;color:#2d4d6c}.visual-vueManageSystem{background:#e4e8ed;color:#2c4558}.visual-dcbotSeries{background:#ebe7f2;color:#574074}.visual-webPageSlip{background:#f2e1db;color:#873e29}.visual-partSmart{background:#272c31;color:#d3e1d7}.project-shot{background:#0b0a16}.project-shot img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.project-content{padding:24px 0;display:flex;flex-direction:column;flex:1}.project-title-row{display:flex;gap:12px;align-items:baseline}.project-number{font-size:11px;color:var(--accent);font-family:ui-monospace,monospace;flex-shrink:0}.project-title-row h3{font-size:23px;line-height:1.4;font-weight:700;letter-spacing:-.03em}.project-subtitle{margin:9px 0 14px;font-size:14px;font-weight:500;color:var(--accent)}.project-description{font-size:14px;line-height:1.85;color:var(--text-secondary);margin-bottom:18px}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:20px}.dark-chip{border-radius:3px;font-size:11px;padding:5px 9px}.dark-chip:hover{background:var(--bg-tertiary);color:var(--text-primary)}.project-links{display:flex;flex-wrap:wrap;align-items:center;gap:24px;font-size:13px;font-weight:600}.project-links a{color:var(--text-primary);padding:8px 0;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--border)}.project-links a:hover{color:var(--accent);text-decoration-color:currentColor}.demo-unavailable{font-size:11px;font-weight:400;color:var(--text-muted)}#about .rounded-2xl,#tech .rounded-2xl,#contact .rounded-2xl{border-radius:5px}#about .p-8{padding:28px}#about .section-subtitle{max-width:none}footer{border-top:1px solid var(--border)}@media(min-width:1024px){#about,#projects,#tech,#contact{padding-top:72px;padding-bottom:72px}}@media(max-width:767px){.portfolio-hero{padding-top:100px}.hero-intro{grid-template-columns:1fr;gap:25px}.hero-name{font-size:clamp(40px,11vw,64px);letter-spacing:-.045em;margin-bottom:15px}.hero-context>p:last-child{font-size:14px;line-height:1.8}.hero-context .eyebrow{margin-bottom:8px}.hero-role{font-size:21px}.hero-focus{font-size:15px}.hero-actions{gap:10px;margin:25px 0 28px}.hero-actions .btn-primary,.hero-actions .btn-secondary{flex:1;padding:14px 12px;gap:8px}.hero-actions .text-link{padding:5px 0;min-height:44px}.featured-stage{grid-template-columns:1fr}.featured-copy{padding:28px 24px}.featured-copy h2{font-size:35px}.featured-link{margin-top:18px}.featured-image img{height:230px}.featured-image{padding:10px}.expertise-strip{font-size:11px;flex-wrap:wrap;gap:12px 20px;padding:18px 0}.expertise-strip b{margin-right:6px}.section-subtitle{margin-bottom:28px;font-size:15px}#about,#projects,#tech,#contact{padding-top:48px;padding-bottom:48px}.project-visual{height:155px}.visual-motif{font-size:27px}.project-content{padding:20px 0}.project-title-row h3{font-size:21px}.project-filters{gap:7px}.project-filters button{padding:9px 13px;font-size:12px}.wordmark-detail{font-size:10px}#about .p-8{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}@media(max-width:767px){.hero-actions .btn-primary,.hero-actions .btn-secondary{flex:1 1 0;font-size:13px;gap:8px;white-space:nowrap}.hero-actions .text-link{flex-basis:100%;padding-top:8px}}.portfolio-header button svg{color:var(--text-primary)}.project-shot{height:auto;aspect-ratio:16 / 10}.project-status{align-self:flex-start;font-size:11px;color:var(--primary);border:1px solid var(--border);border-radius:3px;padding:3px 8px;margin-bottom:12px}.game-note{margin:-16px 0 40px;padding:14px 16px;max-width:720px;background:var(--bg-secondary);border-left:2px solid var(--primary)}.game-note .eyebrow{margin-bottom:6px;font-size:10px;color:var(--primary)}.game-note p:last-child{font-size:14px;line-height:1.7;color:var(--text-secondary)}.project-logo{width:28px;height:28px;border-radius:7px;flex-shrink:0;align-self:center}:root{--bg-primary:#f4f7fc;--bg-secondary:#ffffff;--bg-tertiary:#e4ecf7;--text-primary:#122843;--text-secondary:#405574;--text-muted:#53667f;--primary:#0e4c75;--accent:#2853a4;--border:#c3d1e4;--scene-panel:#ffffff;--scene-glow:rgba(22,98,170,.08)}.dark{--bg-primary:#080b12;--bg-secondary:#0e1523;--bg-tertiary:#152238;--text-primary:#eaf2ff;--text-secondary:#a5b8d2;--text-muted:#91a9c8;--primary:#6bdeff;--accent:#91b3ff;--border:#283b54;--scene-panel:#0b111d;--scene-glow:rgba(78,177,255,.1);--gradient-accent:linear-gradient(110deg,#6bdeff,#a7b8ff)}html{scroll-padding-top:84px}body{background:var(--bg-primary)}.portfolio-root{overflow-x:clip;background:var(--bg-primary);color:var(--text-primary)}.portfolio-root:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--scene-glow) 1px,transparent 1px),linear-gradient(90deg,var(--scene-glow) 1px,transparent 1px);background-size:80px 80px;opacity:.24}.portfolio-header{background:color-mix(in srgb,var(--bg-primary) 94%,transparent)}.portfolio-header a,.dark .portfolio-header a{color:var(--text-primary)}.portfolio-header a:hover,.dark .portfolio-header a:hover{color:var(--primary)}.portfolio-header .wordmark-detail{color:var(--text-secondary)}.portfolio-wordmark{font-family:ui-monospace,monospace}.scroll-progress{position:fixed;z-index:60;top:63px;left:0;height:2px;width:100%;transform-origin:left;background:var(--primary);box-shadow:0 0 12px var(--primary);transition:none!important;pointer-events:none}.scene-list{position:relative;padding-top:88px}.scene-shell{position:relative;width:calc(100% - 128px);max-width:1240px;margin:0 auto clamp(88px,12vh,150px);perspective:1300px;perspective-origin:50% 50%;scroll-margin-top:0}.scene-shell#about,.scene-shell#projects,.scene-shell#tech,.scene-shell#contact{padding:0;border:0}.scene-surface{position:relative;border:1px solid var(--border);border-radius:12px;background:var(--scene-panel);backface-visibility:hidden;transition:none!important;box-shadow:0 16px 80px -40px var(--scene-glow)}.scene-surface:before{content:"";position:absolute;top:-1px;left:30px;width:72px;height:2px;background:var(--primary);box-shadow:0 0 20px var(--scene-glow)}.scene-caption{min-height:50px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:14px 28px;gap:12px;color:var(--text-muted);font:11px/1.5 ui-monospace,Noto Sans TC,monospace;letter-spacing:.1em;text-transform:uppercase}.scene-caption>span:first-child{color:var(--primary)}.scene-surface>section{min-height:calc(88svh - 50px);border-radius:0 0 12px 12px;background:transparent!important;display:flex;flex-direction:column;justify-content:center}.scene-surface .portfolio-hero{padding-top:48px;padding-bottom:18px}.scene-surface>.py-20{padding-top:58px;padding-bottom:62px}.scene-surface>section>div{width:100%}.hero-name{letter-spacing:-.065em;background:linear-gradient(115deg,var(--text-primary) 35%,var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-role{color:var(--text-primary)}.eyebrow{color:var(--primary)}.eyebrow>span{margin-right:10px;font-size:18px}.hero-context{border-left:1px solid var(--border);padding-left:24px}.hero-context .eyebrow{color:var(--primary)}.btn-primary,.btn-secondary{border-radius:4px;font-family:DM Sans,Noto Sans TC,sans-serif}.btn-primary{box-shadow:0 0 24px -12px var(--primary)}.btn-primary:hover{background:var(--primary);box-shadow:0 0 28px -9px var(--primary)}.featured-stage{border:1px solid #2b4666;background:#101c30;border-radius:6px}.featured-copy .eyebrow{color:#6bdeff}.featured-copy h2{color:#eaf2ff}.featured-image{background:#0a0d18}.featured-link{border-color:#4c769b}.featured-stage:hover .featured-link{color:#6bdeff}.scroll-cue{display:flex;align-items:center;gap:28px;font:11px/1.6 ui-monospace,Noto Sans TC,monospace;color:var(--text-muted);margin:22px 0 0}.scroll-cue span{color:var(--primary);font-size:20px}.expertise-strip{border-bottom:0;padding:16px 0}.expertise-strip b,.project-number,.project-subtitle{color:var(--primary)}.dark .schematic{background:#132439;color:#b7e6fb}.dark .visual-pixelOffice,.dark .visual-webPageSlip{background:#202440;color:#c7cbff}.dark .visual-dcbotSeries,.dark .visual-partSmart{background:#132e35;color:#9ce7e5}.schematic{border:1px solid var(--border)}.visual-motif{font-family:ui-monospace,Noto Sans TC,monospace;font-size:clamp(23px,2.6vw,34px);letter-spacing:-.05em}.project-content h3{color:var(--text-primary)}.dark-chip{border:1px solid var(--border)}.project-filters button[aria-pressed=true]{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--bg-primary)!important}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text}.experience-timeline{margin-top:40px}.experience-timeline article{display:grid;grid-template-columns:230px 1fr;gap:40px;border-top:1px solid var(--border);padding:34px 0}.experience-date{font:13px/1.8 ui-monospace,Noto Sans TC,monospace;color:var(--primary)}.experience-timeline h3{font-size:30px;font-weight:700;margin-bottom:12px}.experience-timeline p:not(.experience-date){color:var(--text-secondary);line-height:1.8}.experience-timeline .experience-role{color:var(--primary)!important;margin-bottom:22px}.experience-timeline li{color:var(--text-secondary);margin:12px 0;line-height:1.85;padding-left:18px;position:relative}.experience-timeline li:before{content:"›";position:absolute;left:0;color:var(--primary)}.chapter-rail{position:fixed;z-index:40;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px}.chapter-rail>a{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid transparent;border-radius:5px;font:11px ui-monospace,monospace;color:var(--text-muted)}.chapter-rail>a:after{content:"";position:absolute;right:0;height:14px;width:2px;background:var(--border)}.chapter-rail>a[aria-current]{color:var(--primary);border-color:var(--border);background:var(--scene-panel)}.chapter-rail>a[aria-current]:after{background:var(--primary);height:26px}.chapter-tooltip{display:none;position:absolute;right:54px;padding:8px 12px;white-space:nowrap;background:var(--scene-panel);border:1px solid var(--border);color:var(--text-primary);border-radius:4px}.chapter-rail>a:hover .chapter-tooltip,.chapter-rail>a:focus-visible .chapter-tooltip{display:block}.mobile-chapters{display:none}.skip-link{position:fixed;top:8px;left:12px;z-index:100;transform:translateY(-180%);background:var(--primary);color:var(--bg-primary);padding:12px 20px}.skip-link:focus{transform:none}@media(max-width:1100px){.scene-shell{width:calc(100% - 32px)}.chapter-rail{display:none}.mobile-chapters{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:45;display:flex;gap:12px;align-items:center;max-width:calc(100% - 24px);background:var(--scene-panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 24px #0003}.mobile-chapters a{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;color:var(--primary)}.mobile-chapters>span{font:10px/1.5 ui-monospace,Noto Sans TC,monospace;color:var(--text-muted);white-space:nowrap}.mobile-chapters b{color:var(--text-primary);margin-left:10px;font-weight:500}footer{padding-bottom:86px!important}}@media(max-width:767px){.scene-list{padding-top:80px}.scene-shell{width:calc(100% - 20px);margin-bottom:72px;perspective:950px}.scene-surface{border-radius:8px;box-shadow:none}.scene-caption{padding:12px 18px;font-size:10px;min-height:43px}.scene-caption>span:last-child{font-size:9px}.scene-surface>section{min-height:calc(86svh - 43px)}.scene-surface .portfolio-hero{padding-top:32px}.scene-surface>.py-20{padding-top:38px;padding-bottom:42px}.hero-context{padding-left:16px}.hero-context>p:last-child{font-size:13px}.hero-name{font-size:clamp(36px,10vw,58px)}.hero-role{font-size:19px}.hero-actions .btn-primary,.hero-actions .btn-secondary{font-size:12px;padding:13px 8px;gap:6px}.featured-copy{padding:22px 20px}.featured-copy h2{font-size:30px}.featured-copy>p:not(.eyebrow){font-size:14px}.visual-motif{font-size:23px}.experience-timeline article{grid-template-columns:1fr;gap:14px;padding:26px 0}.experience-timeline h3{font-size:25px}.experience-timeline li{font-size:14px}.eyebrow{font-size:10px;letter-spacing:.1em}.expertise-strip{font-size:10px}}@media(prefers-reduced-motion:reduce){.scene-surface{transform:none!important;opacity:1!important;will-change:auto!important}.scene-shell{perspective:none;margin-bottom:40px}.scroll-progress{box-shadow:none}}@media print{.scene-surface{transform:none!important;opacity:1!important}.scene-shell{perspective:none;width:100%;margin:0}.chapter-rail,.mobile-chapters,.scroll-progress,.portfolio-header{display:none!important}}@media(max-width:767px){.hero-actions .btn-primary,.hero-actions .btn-secondary{flex:1 1 140px;min-width:0;white-space:normal;gap:8px}}.portfolio-header button{color:var(--text-primary)}.dark{--card-bg:#0e1523}footer{min-height:75svh;display:flex;align-items:center;justify-content:center}footer>div{width:100%}@media(prefers-reduced-motion:reduce){footer{min-height:0}}.btn-secondary:hover{background:var(--primary);color:var(--bg-primary);border-color:var(--primary)}.dark .portfolio-header button svg{color:var(--text-primary)}.portfolio-header a>.absolute,.dark .portfolio-header a>.absolute{background:var(--primary)}:root{--pointer-x:0;--pointer-y:0}.engineering-atmosphere{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.scene-shell{perspective:1150px;--scene-energy:0}.scene-surface{background:color-mix(in srgb,var(--scene-panel) 96%,transparent);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));box-shadow:0 0 calc(8px + var(--scene-energy)*42px) #3cd0ff1f,0 30px 100px -50px #000b}.scene-echo{position:absolute;inset:0;border:1px solid #65e4ff;border-radius:12px;pointer-events:none;transform-origin:var(--scene-origin);opacity:calc(var(--scene-energy)*.65);backface-visibility:hidden;transition:none!important}.scene-echo-near{transform:var(--scene-pose) translate3d(0,28px,-90px) scale(1.035);box-shadow:0 0 22px #58dbff35,inset 0 0 32px #58dbff15}.scene-echo-far{border-color:#9e8cff;transform:var(--scene-pose) translate3d(0,64px,-200px) scale(1.075);opacity:calc(var(--scene-energy)*.4)}.scene-surface:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid transparent;border-top-color:#73e8ff;border-right-color:#9c89ff;opacity:calc(var(--scene-energy)*.8);box-shadow:inset 0 0 50px -22px #63dfff}.scene-caption{background:linear-gradient(90deg,#47d7ff0b,transparent 60%)}.hero-context{border-left:0;padding-left:0}.hero-context>p{padding-left:24px;border-left:1px solid var(--border)}.hero-intro{grid-template-columns:1.15fr 1fr;gap:48px}.hero-name{font-size:clamp(48px,6vw,80px)}.kinetic-core{position:relative;width:100%;max-width:430px;height:260px;margin:-24px auto 18px;perspective:850px;isolation:isolate}.kinetic-core:before{content:"";position:absolute;inset:15% 18%;background:radial-gradient(ellipse,#4bcbff29,transparent 65%);transform:translate(calc(var(--pointer-x)*18px),calc(var(--pointer-y)*12px))}.core-rig{position:absolute;left:50%;top:46%;width:112px;height:112px;margin:-56px;transform-style:preserve-3d;transform:rotateX(calc(-22deg + var(--pointer-y)*-14deg)) rotateY(calc(-28deg + var(--pointer-x)*24deg))}.core-spin{width:100%;height:100%;transform-style:preserve-3d;animation:core-turn 22s linear infinite}.core-face{position:absolute;inset:0;display:grid;place-items:center;font:34px ui-monospace,monospace;color:#a4edff;border:1px solid #69dcffbf;background:linear-gradient(130deg,#12324bbb,#0b172e99);box-shadow:inset 0 0 28px #51ceff24,0 0 15px #58d9ff24;backface-visibility:visible}.face-front{transform:translateZ(56px)}.face-back{transform:rotateY(180deg) translateZ(56px)}.face-left{transform:rotateY(-90deg) translateZ(56px)}.face-right{transform:rotateY(90deg) translateZ(56px)}.face-top{transform:rotateX(90deg) translateZ(56px)}.face-bottom{transform:rotateX(-90deg) translateZ(56px)}.core-orbit{position:absolute;left:50%;top:46%;width:240px;height:240px;margin:-120px;border:1px solid #6ce5ff99;border-radius:50%;box-shadow:0 0 16px #48cfff16}.core-orbit:after{content:"";position:absolute;width:6px;height:6px;top:16%;left:16%;border-radius:50%;background:#98eeff;box-shadow:0 0 16px #64dbff}.orbit-one{transform:rotateX(68deg) rotate(-24deg);animation:orbit-turn 16s linear infinite}.orbit-two{transform:rotateY(68deg) rotate(24deg);border-color:#a99bff8c}.orbit-three{width:290px;height:290px;margin:-145px;transform:rotateX(68deg) rotateY(-28deg);border-style:dashed;opacity:.35}.core-axis{position:absolute;top:46%;left:50%;width:85%;height:1px;background:linear-gradient(90deg,transparent,#82dbff3d,transparent);transform:translate(-50%,-50%)}.axis-y{transform:translate(-50%,-50%) rotate(90deg);width:200px}.core-coordinate,.core-label{position:absolute;font:9px ui-monospace,monospace;letter-spacing:.15em;color:var(--text-muted)}.core-coordinate{top:18px;right:4px}.core-label{bottom:5px;left:50%;transform:translate(-50%);white-space:nowrap}@keyframes core-turn{to{transform:rotateY(360deg) rotate(360deg)}}@keyframes orbit-turn{to{transform:rotateX(68deg) rotate(336deg)}}@media(hover:hover)and (pointer:fine){.featured-stage{transform:perspective(1000px) rotateX(calc(var(--pointer-y)*-1.2deg)) rotateY(calc(var(--pointer-x)*1.8deg));transition:box-shadow .25s}.featured-stage:hover{box-shadow:0 0 32px #62dfff18}}@media(max-width:767px){.scene-shell{perspective:1000px}.scene-echo-far{display:none}.scene-echo-near{box-shadow:none}.hero-intro{grid-template-columns:1fr;gap:20px}.hero-name{font-size:clamp(36px,10vw,58px)}.hero-context{display:flex;flex-direction:column}.kinetic-core{height:200px;margin:0 auto 12px;max-width:320px;order:3}.core-rig{transform:scale(.8) rotateX(-22deg) rotateY(-28deg)}.core-orbit{width:200px;height:200px;margin:-100px}.orbit-three{width:230px;height:230px;margin:-115px}.hero-context>p{padding-left:16px}.hero-context>p:last-child{margin-bottom:14px}.scene-surface{box-shadow:none}}@media(prefers-reduced-motion:reduce){.engineering-atmosphere,.scene-echo{display:none}.scene-surface:after{display:none}.core-spin,.core-orbit{animation:none}.core-rig{transform:rotateX(-22deg) rotateY(-28deg)}.featured-stage{transform:none}}@media print{.engineering-atmosphere,.scene-echo,.kinetic-core{display:none}}.core-spin,.core-orbit{animation-play-state:var(--core-play,running)}html.paged-portfolio,.paged-portfolio body{height:100%;overflow:hidden;overscroll-behavior:none}.paged-portfolio .portfolio-root{height:100dvh;overflow:hidden}.scene-list{position:fixed;top:84px;bottom:38px;left:50%;transform:translate(-50%);width:calc(100% - 128px);max-width:1240px;padding:0;perspective:1400px}.scene-shell{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;perspective:1150px;visibility:hidden;pointer-events:none}.scene-shell[data-visible=true],.scene-list:not([data-ready]) .scene-shell:first-child{visibility:visible}.scene-shell[data-active=true]{pointer-events:auto}.scene-surface{height:100%;display:flex;flex-direction:column;overflow:hidden;transform-origin:50% 50%}.scene-caption{flex-shrink:0;position:relative;z-index:1;background-color:var(--scene-panel)}.scene-scrollport{flex:1;min-height:0;position:relative;contain:paint;margin-block:8px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:auto!important;touch-action:pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.scene-scrollport:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}.scene-scrollport>section{min-height:100%;display:flex;flex-direction:column;justify-content:center;background:transparent!important}.scene-scrollport>section>div{width:100%}.scene-scrollport>.py-20{padding-top:46px;padding-bottom:50px}.scene-scrollport .portfolio-hero{padding-top:38px;padding-bottom:18px}.scene-scrollport footer{min-height:0;padding:0!important}.scene-scrollport footer>div{padding-top:32px;padding-bottom:32px}.scene-echo{transform-origin:50% 50%;transform:none}.scene-help{position:fixed;bottom:12px;left:50%;transform:translate(-50%);font:10px/1.5 ui-monospace,Noto Sans TC,monospace;color:var(--text-muted);white-space:nowrap}@media(max-width:1100px){.scene-list{width:calc(100% - 32px);bottom:72px}.scene-help{display:none}}@media(max-width:767px){.scene-list{top:76px;width:calc(100% - 20px);bottom:72px}.scene-shell{margin:0}.scene-scrollport>.py-20{padding-top:30px;padding-bottom:34px}.scene-scrollport .portfolio-hero{padding-top:28px}.scene-caption{min-height:42px}}@media(prefers-reduced-motion:reduce){.scene-shell{margin:0}}@media print{html.paged-portfolio,.paged-portfolio body,.paged-portfolio .portfolio-root{height:auto;overflow:visible}.scene-list{position:static;transform:none;width:100%}.scene-shell{position:static;height:auto;visibility:visible!important}.scene-surface,.scene-scrollport{height:auto;overflow:visible}.scene-scrollport{contain:none;margin-block:0}.scene-help{display:none}}.scene-shell:not([data-active=true]) .kinetic-core{--core-play:paused!important}.scene-list{overflow:hidden;isolation:isolate;border-radius:12px}.scene-shell[data-visible=false]{display:none}.scene-surface{background:var(--scene-panel);backface-visibility:hidden}@media(max-width:767px){.scene-list{border-radius:8px}}@media print{.scene-list{overflow:visible}.scene-shell[data-visible=false]{display:block}}