@charset "UTF-8";
:root{--bg:#050509;--panel:rgba(255,255,255,.075);--panel2:rgba(255,255,255,.125);--line:rgba(255,255,255,.14);--red:#ff1938;--red2:#970014;--yellow:#ffd84a;--text:#fff;--muted:#c8c9d4;--shadow:0 35px 100px rgba(0,0,0,.48)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft JhengHei","Noto Sans TC",Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.site-bg{position:fixed;inset:0;z-index:-5;overflow:hidden;background:#050509}.grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,#000 0%,transparent 76%)}.noise{position:absolute;inset:0;opacity:.04;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:4px 4px}.glow{position:absolute;border-radius:50%;filter:blur(18px);animation:glow 8s ease-in-out infinite alternate}.glow.red{width:560px;height:560px;background:rgba(255,25,56,.25);left:-160px;top:12%}.glow.gold{width:440px;height:440px;background:rgba(255,216,74,.12);right:-140px;top:18%;animation-delay:1.2s}@keyframes glow{to{transform:translate(28px,34px) scale(1.08)}}
.boot{position:fixed;inset:0;z-index:999;background:#030307;display:grid;place-items:center;align-content:center;gap:12px;transition:.65s}.boot img{width:240px;filter:drop-shadow(0 0 28px rgba(255,25,56,.55))}.boot span{color:var(--muted);letter-spacing:.18em;font-weight:900}.boot.hide{opacity:0;visibility:hidden}
.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 6vw;background:rgba(5,5,9,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.logo img{width:136px}nav{display:flex;gap:28px;font-weight:900}nav a{transition:.25s}nav a:hover{color:var(--red);transform:translateY(-2px)}.menu{display:none;background:none;border:0;width:44px}.menu span{display:block;height:3px;background:#fff;margin:7px 0;border-radius:9px}
.hero{min-height:91vh;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:38px;padding:70px 6vw 42px}.eyebrow{color:var(--red);font-weight:1000;letter-spacing:.18em;font-size:13px}.hero h1{font-size:clamp(64px,8.5vw,126px);line-height:.86;margin:12px 0 24px;letter-spacing:-.06em}.hero h1 span{font-size:clamp(34px,4.6vw,64px);color:var(--yellow)}.greeting{display:inline-flex;padding:10px 16px;border:1px solid rgba(255,25,56,.45);border-radius:999px;background:rgba(255,25,56,.12);font-weight:900}.lead{font-size:23px;color:#f4f4f8;line-height:1.7}.stars{color:var(--yellow);font-size:30px;letter-spacing:5px;text-shadow:0 0 18px rgba(255,216,74,.55);font-weight:1000}.stars b{font-size:16px;letter-spacing:0;color:#fff}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 25px;border-radius:18px;border:1px solid var(--line);font-weight:1000;position:relative;overflow:hidden;transition:.25s}.btn:before,.quick-links a:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-110%)}.btn:hover:before,.quick-links a:hover:before{animation:shine .85s}@keyframes shine{to{transform:translateX(110%)}}.btn:hover{transform:translateY(-5px)}.primary{background:linear-gradient(135deg,var(--red),var(--red2));box-shadow:0 18px 48px rgba(255,25,56,.35)}.glass{background:rgba(255,255,255,.08);backdrop-filter:blur(14px)}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.trust-row div{padding:18px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}.trust-row strong{display:block;color:#fff}.trust-row small{color:var(--muted)}
.hero-visual{position:relative;border-radius:34px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#0a0b12;transition:.25s;transform-style:preserve-3d}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 44%,rgba(0,0,0,.08));pointer-events:none}.hero-visual img{width:100%;height:70vh;min-height:560px;object-fit:cover}.bubble{position:absolute;background:#fff;color:#111;font-weight:1000;border-radius:18px;padding:14px 18px;box-shadow:8px 8px 0 var(--red);max-width:290px}.bubble.main{left:8%;top:10%}.bubble.cat{left:10%;bottom:24%}.bubble.dog{right:6%;bottom:30%}.neon-logo{position:absolute;right:6%;top:12%;font-size:44px;font-weight:1000;color:#fff;text-shadow:0 0 12px #ff1938,0 0 28px #ff1938}.neon-logo span{font-size:22px;color:#ffecf0}
.quick-links{padding:12px 6vw 80px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.quick-links a{position:relative;overflow:hidden;min-height:144px;padding:22px;border-radius:26px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;transition:.25s}.quick-links a:hover{transform:translateY(-8px);background:rgba(255,25,56,.16)}.quick-links span{font-size:38px}.quick-links b{font-size:22px;margin-top:8px}.quick-links small{color:var(--muted);margin-top:8px}
.section{padding:88px 6vw}.section-title{text-align:center;margin-bottom:38px}.section-title p{color:var(--red);font-weight:1000;letter-spacing:.2em}.section-title h2{font-size:clamp(36px,5vw,64px);margin:0;letter-spacing:-.04em}.news-grid,.service-grid,.why-grid,.contact-grid{display:grid;gap:18px}.news-grid{grid-template-columns:repeat(3,1fr)}.news-card,.service-grid article,.why-grid article,.contact-grid a{padding:28px;border-radius:28px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(14px);transition:.25s}.news-card:hover,.service-grid article:hover,.why-grid article:hover,.contact-grid a:hover{transform:translateY(-8px);background:var(--panel2);border-color:rgba(255,25,56,.55)}.news-card.red{background:linear-gradient(135deg,rgba(255,25,56,.25),rgba(255,255,255,.06))}.news-card em{display:inline-block;padding:7px 11px;border-radius:999px;background:var(--red);font-size:12px;font-style:normal;font-weight:1000}.news-card h3,.service-grid h3,.why-grid h3{font-size:24px}.news-card p,.service-grid p,.why-grid p,.contact p,.contact-grid span{color:var(--muted);line-height:1.7}.news-card a{font-weight:1000;color:var(--yellow)}.service-grid{grid-template-columns:repeat(4,1fr)}.service-grid span{font-size:42px}.why-grid{grid-template-columns:repeat(4,1fr)}.why-grid b{font-size:38px;color:var(--yellow)}.review-card{max-width:820px;margin:auto;text-align:center;padding:46px;border-radius:34px;background:linear-gradient(135deg,rgba(255,25,56,.22),rgba(255,216,74,.1));border:1px solid var(--line);box-shadow:var(--shadow)}.big-star{font-size:54px;color:var(--yellow);letter-spacing:5px}.review-card p{font-size:20px;color:#eee;line-height:1.7}.contact{padding:88px 6vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center}.contact h2{font-size:clamp(36px,5vw,64px);margin:0}.contact-grid{grid-template-columns:repeat(3,1fr)}.contact-grid b{font-size:20px}.contact-grid span{display:block;margin-top:10px}footer{text-align:center;padding:45px 6vw;border-top:1px solid var(--line);background:#030306}footer img{width:180px;margin:0 auto}footer p{color:var(--muted)}footer small{color:#777}
.reveal,.section-title,.news-card,.service-grid article,.why-grid article,.review-card,.contact-grid a{opacity:0;transform:translateY(26px);transition:.75s}.show{opacity:1!important;transform:translateY(0)!important}
@media(max-width:1080px){.hero,.contact{grid-template-columns:1fr}.hero-visual img{height:auto}.quick-links,.service-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.news-grid,.contact-grid{grid-template-columns:1fr}}
@media(max-width:720px){.topbar{padding:12px 18px}.logo img{width:118px}.menu{display:block}nav{position:absolute;left:18px;right:18px;top:72px;display:none;flex-direction:column;padding:18px;border-radius:22px;background:rgba(5,5,9,.96);border:1px solid var(--line)}nav.open{display:flex}.hero{padding:44px 18px}.hero h1{font-size:58px}.trust-row,.quick-links,.service-grid,.why-grid{grid-template-columns:1fr}.quick-links,.section,.contact{padding-left:18px;padding-right:18px}.bubble{font-size:12px;padding:10px 12px;box-shadow:5px 5px 0 var(--red)}.bubble.main{max-width:210px}.bubble.cat{display:none}.bubble.dog{display:none}.neon-logo{font-size:26px}.hero-visual img{min-height:380px}.stars{font-size:24px;letter-spacing:2px}}