@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap";:root{--bg-dark: #050a14;--bg-darker: #020408;--primary-blue: #00f0ff;--secondary-blue: #0088ff;--accent-glow: rgba(0, 240, 255, .4);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--text-main: #ffffff;--text-muted: #a0a0bf;--content-width: 1200px;--section-spacing: 96px;--card-border-radius: 16px}body{margin:0;background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,Noto Sans TC,sans-serif;overflow-x:hidden}.bg-particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 15% 50%,rgba(0,136,255,.08) 0%,transparent 25%),radial-gradient(circle at 85% 30%,rgba(0,240,255,.05) 0%,transparent 25%);pointer-events:none}.glow-orb{position:fixed;top:0;left:0;width:600px;height:600px;background:radial-gradient(circle,rgba(0,240,255,.15) 0%,transparent 70%);transform:translate(calc(var(--mouse-x) - 50%),calc(var(--mouse-y) - 50%));pointer-events:none;z-index:0;mix-blend-mode:screen}.scan-line{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,240,255,.1) 50%,rgba(0,240,255,.1) 51%,transparent 51%);background-size:100% 8px;animation:scan 10s linear infinite;opacity:.3;pointer-events:none;z-index:2000}@keyframes scan{0%{background-position:0 0}to{background-position:0 100%}}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--glass-border) 1px,transparent 1px),linear-gradient(90deg,var(--glass-border) 1px,transparent 1px);background-size:40px 40px;opacity:.05;z-index:-1;transform:perspective(500px) rotateX(60deg);transform-origin:top;pointer-events:none}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;background:linear-gradient(135deg,#fff 0%,var(--primary-blue) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(0,240,255,.3)}h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:2rem;position:relative;display:inline-block}h2:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:var(--primary-blue);box-shadow:0 0 10px var(--accent-glow)}.subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:3rem;font-weight:300}.container{max-width:var(--content-width);margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box}section{padding:var(--section-spacing) 0;position:relative}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:80px}.hero-content{max-width:800px;position:relative;z-index:1}.company-brand{font-size:1.5rem;font-weight:600;margin-bottom:24px;letter-spacing:.1em;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);opacity:.9}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 48px;font-size:1.125rem;font-weight:600;color:var(--bg-dark);background:linear-gradient(90deg,gold,#ffb900);border:none;border-radius:4px;cursor:pointer;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 0 20px #ffd70066;clip-path:polygon(10% 0,100% 0,100% 70%,90% 100%,0 100%,0 30%)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 0 40px #ffd70099;background:linear-gradient(90deg,#ffe24d,#ffc107);color:#000}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--card-border-radius);padding:40px;transition:all .4s ease;position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--primary-blue);box-shadow:0 0 20px #00f0ff33,inset 0 0 20px #00f0ff1a;z-index:10}.glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:.5s}.glass-card:hover:before{left:100%}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.service-icon{width:64px;height:64px;margin-bottom:24px;color:var(--primary-blue)}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}.section-header{margin-bottom:60px}.section-title{font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,#fff,var(--primary-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0}.section-title:after{display:none!important}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}.feature-card{position:relative;background:#050a1499;border:1px solid #0050acc2;border-radius:20px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;min-height:280px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 0 30px #0050ac33;background:#050a14cc}.feature-icon-wrapper{width:80px;height:80px;border-radius:50%;background:transparent;border:2px solid #0050ac;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .3s ease;position:relative}.feature-card:hover .feature-icon-wrapper{background:#0050ac33;box-shadow:0 0 20px #0050ac66}.feature-icon{width:32px;height:32px;color:var(--primary-blue)}.feature-card h3{font-size:1.5rem;margin-bottom:16px;color:#fff;font-weight:600}.feature-card p{color:#8892b0;font-size:.95rem;line-height:1.6;margin:0}footer{background:linear-gradient(to top,#020408,transparent);padding:80px 0 40px;border-top:1px solid var(--glass-border)}.footer-content{text-align:center}.social-link{color:#00c300;text-decoration:none;font-size:1.1rem;display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:1px solid #00c300;border-radius:100px;margin-top:24px;background:#00c3001a;transition:all .3s ease}.social-link:hover{border-color:#66e07d;color:#66e07d;background:#66e07d26;box-shadow:0 0 15px #66e07d4d}.footer-copyright{margin-top:60px;color:#444;font-size:.9rem}@media(max-width:768px){:root{--section-spacing: 64px}.about-grid{grid-template-columns:1fr;gap:40px}h1{font-size:2.5rem}.about-visual{height:250px}.services-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr;max-width:100%}}.text-muted{color:var(--text-muted)}.border-left-primary{border-left:4px solid var(--primary-blue)}.mb-16{margin-bottom:16px}.mb-32{margin-bottom:32px}.text-sm{font-size:.9rem}.footer-secondary-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;padding:10px 24px;font-size:.95rem;color:var(--text-muted);text-decoration:none;border:1px solid rgba(255,255,255,.1);border-radius:50px;background:#ffffff08;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.footer-secondary-link:hover{color:#fff;border-color:var(--primary-blue);background:#00f0ff1a;box-shadow:0 0 15px #00f0ff33;transform:translateY(-2px)}.footer-secondary-link svg{transition:transform .3s ease}.footer-secondary-link:hover svg{transform:scale(1.1)}.invoice-container{display:flex;flex-direction:column;align-items:center;padding:2rem;color:#fff;min-height:100vh}.title{font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(90deg,#00f260,#0575e6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;width:100%;max-width:400px;box-shadow:0 4px 30px #00000080}.input-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.input-group label{margin-bottom:.5rem;font-size:.9rem;color:#aaa}.input-group input{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;font-size:1.2rem;color:#fff;outline:none;transition:all .3s ease}.input-group input:focus{border-color:#0575e6;box-shadow:0 0 0 2px #0575e633}.radio-group{display:flex;gap:1rem;margin-bottom:2rem}.radio-label{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.radio-label.active{background:#0575e633;border-color:#0575e6;color:#fff}.radio-label input{display:none}.results{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.result-item{display:flex;justify-content:space-between;align-items:center;font-size:1rem;color:#ddd}.result-item.total{margin-top:.5rem;font-size:1.2rem;font-weight:700;color:#fff}.value{font-family:Courier New,monospace}.value.highlight{color:#00f260}.back-link{margin-top:2rem;color:#aaa;text-decoration:none;transition:color .3s}.back-link:hover{color:#fff}:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark}body{margin:0;min-width:320px;min-height:100vh}