:root{--ink:#464b50;--blue:#365a70;--line:#506d79;--gold:#d3a956;--red:#a32002}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Microsoft JhengHei",sans-serif;background:#edf0ef url("pc/img/bg2.jpg") center top/1920px auto repeat-y}.section{padding:58px 20px}.intro{padding-top:145px}.container{width:900px;max-width:calc(100% - 36px);margin:auto}.main-title,.section-title{text-align:center}.main-title{margin-bottom:36px}.main-title h1{position:relative;width:360px;max-width:90%;margin:0 auto 20px;padding:6px 24px 8px;color:#efca78;background:linear-gradient(#365568,#294756);border:2px solid #d8ad58;box-shadow:inset 0 0 0 3px #ffffff14;font:400 32px/1.35 "DFKai-SB","BiauKai",serif;letter-spacing:.13em}.main-title h1:before,.main-title h1:after{content:"◆";position:absolute;top:50%;color:#d9b565;font-size:13px;transform:translateY(-50%)}.main-title h1:before{left:-39px}.main-title h1:after{right:-39px}.main-title h2,.section-title h2{margin:0;color:var(--blue);font:400 30px/1.5 "DFKai-SB","BiauKai",serif;letter-spacing:.13em}.main-title h2:after,.section-title h2:after{content:"";display:block;width:430px;max-width:85%;height:1px;margin:14px auto;background:linear-gradient(90deg,transparent,#708e9c 18%,#708e9c 82%,transparent)}.video-card{position:relative;display:block;margin:0 auto 38px;width:100%;border:2px solid var(--line);outline:1px solid #506d7966;outline-offset:6px;background:#17262d;overflow:hidden;color:#fff;box-shadow:0 8px 20px #354e5924}.video-card img{display:block;width:100%}.play{position:absolute;left:50%;top:50%;width:66px;height:66px;padding:11px 0 0 5px;border:2px solid #fff;border-radius:50%;background:#162b35b8;text-align:center;font-size:29px;transform:translate(-50%,-50%)}.video-label{position:absolute;right:17px;bottom:13px;padding:6px 12px;background:#172b35cc}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;background:#dfebefba;border:2px solid var(--line);outline:1px solid #506d7966;outline-offset:6px;box-shadow:0 8px 20px #354e591f}.gallery img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:.25s}.gallery img:hover{transform:scale(1.025)}.skills-section{padding-top:45px}.section-title{margin-bottom:32px}.section-title p{margin:0;color:#6b7e86;font-size:15px}.skills{display:grid;gap:44px}.skill{padding:24px 34px 30px;background:#e0edf3d9;border:2px solid var(--line);outline:1px solid #506d7970;outline-offset:7px;box-shadow:0 8px 22px #354e591f}.skill-head{display:flex;align-items:center;gap:14px;margin-bottom:17px}.skill-head img{width:68px;height:68px;object-fit:contain}.skill-head h3{margin:0;color:#46555d;font:400 26px/1.4 "DFKai-SB","BiauKai",serif;letter-spacing:.06em}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare>div{padding:18px 20px;background:#f6fafbbf;border:1px solid #91a7b0}.compare b{display:inline-block;margin-bottom:8px;padding:2px 11px;color:#52666f;background:#dbe8ed;border:1px solid #78919d;font-weight:400}.compare .after{border-color:#b89655}.compare .after b{color:#8e240e;background:#f1e8d9;border-color:#b89655}.compare p{margin:0;font-size:14px;line-height:1.65}.after p{color:var(--red)}footer{padding:28px;text-align:center;color:#d7e0e2;background:#294653;border-top:2px solid #c39c55}@media(max-width:900px){.intro{padding-top:90px}.container{max-width:100%}.gallery{grid-template-columns:repeat(2,1fr)}.compare{grid-template-columns:1fr}.section{padding-left:16px;padding-right:16px}}@media(max-width:560px){.intro{padding-top:62px}.main-title h1{font-size:28px}.main-title h2,.section-title h2{font-size:25px}.gallery{grid-template-columns:1fr}.skill{padding:22px 16px}.skill-head img{width:62px;height:62px}.compare>div{padding:17px}.video-label{font-size:13px}}