:root{--ink: #10110f;--paper: #f7f3ee;--accent: #e9572a;--accent-dark: #c74119;--mint: #b7d6c7;--sky: #b8c6e6;--sand: #f0e0c2;--line: rgba(16, 17, 15, .12);--shadow: 0 24px 60px rgba(16, 17, 15, .12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Playfair Display,"Noto Serif TC",serif;font-weight:500;color:var(--ink);background:radial-gradient(circle at top left,#f6efe6,#f7f3ee 45%,#f0ece5);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}.container{width:min(1200px,92vw);margin:0 auto}.bg-shape{position:fixed;z-index:-1;opacity:.45;border-radius:999px}.shape-1{width:420px;height:420px;background:#f2c9b2;top:-180px;left:-120px}.shape-2{width:520px;height:520px;background:#c8d8f2;bottom:-220px;right:-160px}.shape-3{width:360px;height:360px;background:#d9ead4;top:50%;right:-120px}.site-header{position:sticky;top:0;background:#f7f3eedb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.logo{font-weight:700;letter-spacing:.12em;font-size:.9rem}.nav{display:flex;align-items:center;gap:20px;font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;background:var(--accent);color:#fff;border-radius:999px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 12px 20px #e9572a40}.btn:hover{transform:translateY(-2px);background:var(--accent-dark)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.hero{padding:90px 0 70px}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:center}.eyebrow{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px;color:#10110fb3}.hero h1{font-family:Playfair Display,"Noto Serif TC",serif;font-weight:700;font-size:clamp(2.6rem,3.8vw,3.6rem);line-height:1.2;margin-bottom:18px}.lead{font-size:1.05rem;color:#10110fc7}.hero-cta{display:flex;gap:16px;margin:28px 0}.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:12px}.proof-number{font-size:1.2rem;font-weight:600;display:block}.proof-label{font-size:.85rem;color:#10110f99}.hero-card{padding:30px;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.hero-card h2{margin-bottom:16px;font-size:1.4rem}.hero-card ul{display:grid;gap:12px;margin-bottom:16px}.hero-note{font-size:.9rem;color:#10110f99}.clients{padding:10px 0 40px}.section{padding:80px 0}.section.alt{background:#ffffffb3;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{max-width:720px;margin-bottom:40px}.section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;color:#10110fb3}.pill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.pill-list span{padding:8px 16px;background:#fff;border-radius:999px;border:1px solid var(--line);font-size:.9rem}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card{background:#fff;border-radius:20px;padding:24px;border:1px solid rgba(16,17,15,.06);box-shadow:0 12px 30px #10110f14}.card h3{margin-bottom:12px}.card .tag{margin-top:14px;color:#10110f99;font-size:.9rem}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.template-card{padding:20px;border-radius:18px;background:var(--paper);border:1px dashed rgba(16,17,15,.2)}.case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.gallery-item{background:#fff;border-radius:18px;border:1px solid rgba(16,17,15,.08);box-shadow:0 14px 32px #10110f1a;overflow:hidden;display:grid;cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 20px 40px #10110f24}.gallery-item img{width:100%;height:200px;object-fit:cover}.gallery-item figcaption{display:grid;gap:6px;padding:14px 16px 16px;background:#fff}.gallery-item strong{font-size:1rem}.gallery-item span{font-size:.9rem;color:#10110fad}.gallery-more{justify-self:flex-start;font-size:.9rem;padding:8px 16px}.case-card{background:#fff;border-radius:18px;padding:22px;border:1px solid rgba(16,17,15,.06);display:flex;flex-direction:column;gap:12px;min-height:200px;transition:transform .2s ease,box-shadow .2s ease}.case-card img{width:100%;height:160px;object-fit:cover;border-radius:14px;border:1px solid rgba(16,17,15,.08)}.case-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #10110f1f}.case-card span{color:var(--accent-dark);font-weight:600}.process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;list-style:none}.process li{display:flex;gap:18px;padding:24px;border-radius:18px;background:#fff;border:1px solid rgba(16,17,15,.06)}.process span{font-size:1.2rem;font-weight:600;color:var(--accent-dark)}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.price-card{background:#fff;border-radius:20px;padding:26px;border:1px solid rgba(16,17,15,.06)}.price-card.featured{border:1px solid var(--accent);box-shadow:0 18px 38px #e9572a26}.price{font-size:1.4rem;font-weight:700;margin:12px 0 18px}.price-card ul{display:grid;gap:10px}.pricing-note{margin-top:18px;font-size:.95rem;color:#10110fb3}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.contact{padding:80px 0 110px}.contact-box{padding:40px;border-radius:24px;background:var(--ink);color:#fff;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:center}.contact-actions{display:grid;gap:14px;justify-items:start}.contact-note{font-size:.9rem;color:#ffffffb3}.site-footer{border-top:1px solid var(--line);padding:30px 0 50px}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:.9rem}.footer-links{display:flex;gap:18px}.section,.hero-card,.card,.case-card,.price-card{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.reveal{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.hero-grid,.card-grid,.template-grid,.case-grid,.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process{grid-template-columns:1fr}}@media (max-width: 768px){.nav{display:none}.hero{padding-top:70px}.hero-grid{grid-template-columns:1fr}.hero-cta{flex-direction:column;align-items:flex-start}.hero-proof,.card-grid,.template-grid,.case-grid,.price-grid,.faq-grid,.contact-box,.gallery{grid-template-columns:1fr}.gallery-item img{height:220px}.footer-inner{flex-direction:column;align-items:flex-start}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#10110fb8;display:grid;place-items:center;z-index:50;padding:24px}.lightbox-inner{position:relative;max-width:980px;width:min(92vw,980px);background:#fff;border-radius:18px;padding:20px;box-shadow:0 30px 80px #00000059;display:grid;gap:16px}.lightbox-inner img{width:100%;height:auto;max-height:70vh;object-fit:contain;border-radius:12px;border:1px solid rgba(16,17,15,.1)}.lightbox-caption h3{margin-bottom:6px;font-size:1.2rem}.lightbox-caption p{color:#10110fb3}.lightbox-list{margin-top:12px;display:grid;gap:8px;padding-left:18px}.lightbox-list li{list-style:disc;color:#10110fb8}.lightbox-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:999px;border:none;background:#10110f1a;font-size:1.4rem;cursor:pointer}