@font-face{font-family:KingHwaOldSong;src:url(/fonts/KingHwaOldSong-subset.woff2) format("woff2");font-display:swap}:root{font-family:KingHwaOldSong,-apple-system,PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color:#fff;background-color:#170b04;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;background:radial-gradient(circle at top,#930,#712400 55%,#1f0c04);min-height:100vh;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}img{max-width:100%;height:auto}#app{max-width:1200px;margin:0 auto;padding:60px 24px 80px;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(80px,env(safe-area-inset-bottom))}.landing{display:flex;flex-direction:column;gap:100px}.hero{text-align:center;display:flex;flex-direction:column;gap:20px;color:#fff9f2;padding:40px 0 0}.hero__logo{width:220px;height:auto;align-self:center;filter:drop-shadow(0 12px 28px rgba(0,0,0,.35))}.hero h1{font-size:2.8rem;line-height:1.25}.hero p{max-width:680px;margin:0 auto;color:#ffe6d6;font-size:1.02rem;line-height:1.8}.hero__badge{display:inline-block;align-self:center;padding:6px 16px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);letter-spacing:.08em;font-size:.8rem}.hero__actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;min-height:48px;border-radius:999px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;font-family:inherit;font-size:1rem}.btn--primary{background:linear-gradient(135deg,#fb6,#f95);color:#3d2107;box-shadow:0 8px 20px #00000040}.btn--ghost{border-color:#fff6;color:#fff9f2;background:none}.btn:hover{transform:translateY(-2px)}.btn--ghost:hover{border-color:#ffffffa6}.btn:active{transform:translateY(0)}.section{display:flex;flex-direction:column;gap:16px}.section-title{text-align:center;font-size:2rem;color:#fff9f2;line-height:1.3}.section-subtitle{text-align:center;color:#ffe3cb;margin:0 0 20px;font-size:1rem;line-height:1.7}.showcase{display:flex;flex-direction:column;gap:16px}.showcase__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.showcase__item{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 16px 40px #0a040059;aspect-ratio:3 / 4;background:#ffffff0d}.showcase__item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s ease}.showcase__item:hover img{transform:scale(1.04)}.showcase__label{position:absolute;bottom:0;left:0;right:0;padding:24px 12px 14px;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:.92rem;font-weight:600;text-align:center}.feature-list{display:flex;flex-direction:column;gap:2px}.feature-row{display:flex;align-items:flex-start;gap:16px;padding:22px 24px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);transition:background .2s ease}.feature-row:hover{background:#ffffff17}.feature-row__icon{font-size:1.6rem;flex-shrink:0;width:40px;text-align:center;padding-top:2px}.feature-row__body h3{font-size:1.08rem;color:#fc8;margin-bottom:6px}.feature-row__body p{color:#ffe3cb;font-size:.93rem;line-height:1.75}.camera-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.camera-brand{padding:24px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.camera-brand h3{font-size:1.05rem;color:#fc8;margin-bottom:8px}.camera-brand p{color:#ffe3cb;font-size:.88rem;line-height:1.8;word-break:break-word}.camera-note{text-align:center;color:#ffffff73;font-size:.82rem;margin-top:8px}.section--why{gap:16px}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.why-item{padding:28px 24px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);transition:transform .25s ease}.why-item:hover{transform:translateY(-3px)}.why-num{font-size:2.2rem;font-weight:700;color:#ffbb6640;line-height:1;margin-bottom:10px}.why-item h3{font-size:1.05rem;color:#fc8;margin-bottom:6px}.why-item p{color:#ffe3cb;font-size:.93rem;line-height:1.7}.section--pricing{align-items:center}.pricing-card{text-align:center;padding:48px 40px;border-radius:24px;background:linear-gradient(145deg,#ffbb6626,#ff99550f);border:1px solid rgba(255,187,102,.3);box-shadow:0 24px 60px #0a04004d;max-width:420px;width:100%}.pricing-label{display:inline-block;padding:4px 16px;border-radius:999px;background:#fb63;color:#fc8;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:20px}.pricing-amount{margin-bottom:12px}.pricing-num{font-size:3.6rem;font-weight:700;color:#fb6;line-height:1}.pricing-unit{font-size:1.1rem;color:#ffe3cb}.pricing-renew{color:#ffe3cb;font-size:1.05rem;margin-bottom:12px;line-height:1.6}.pricing-renew strong{color:#fb6;font-size:1.3rem;font-weight:700}.pricing-desc{color:#ffe3cb;font-size:.9rem;margin-bottom:24px;line-height:1.6}.section--cta{text-align:center;gap:12px;background:#0003;padding:48px 32px;border-radius:24px;border:1px solid rgba(255,255,255,.15);align-items:center}.section--cta h2{font-size:1.8rem;color:#fff9f2}.section--cta p{margin:8px 0 24px;color:#ffe3cb;font-size:.95rem}.btn--qr{background:#ffffff1f;border:1px solid rgba(255,255,255,.35);color:#fffaf0}.btn--qr:hover,.btn--qr:focus{border-color:#ffffffa6;outline:none;box-shadow:0 0 0 2px #ffffff26}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.88rem;color:#ffffff8c;text-align:center;padding-bottom:env(safe-area-inset-bottom)}.footer__brand{font-size:1rem;font-weight:600;color:#ffffffb3}.footer__slogan{font-size:.82rem;color:#ffffff73;margin-bottom:6px}.footer a{color:#ffffffb3;text-decoration:none}.footer a:hover{color:#fb6}.qr-overlay{position:fixed;inset:0;z-index:9999;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.qr-overlay--visible{opacity:1;pointer-events:auto}.qr-overlay__card{position:relative;background:#1a0e06;border:1px solid rgba(255,187,102,.35);border-radius:24px;padding:40px 36px 32px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 24px 80px #00000080;animation:qr-pop .25s ease}@keyframes qr-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.qr-overlay__card img{width:220px;height:220px;border-radius:18px;padding:10px;box-shadow:0 4px 16px #0000004d}.qr-overlay__card span{font-size:1rem;color:#ffffffd9}.qr-overlay__close{position:absolute;top:12px;right:16px;background:none;border:none;color:#fff9;font-size:1.8rem;cursor:pointer;line-height:1;transition:color .15s}.qr-overlay__close:hover{color:#fff}@media(max-width:768px){#app{padding:40px 16px 60px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.landing{gap:64px}.hero{padding:16px 0 0;gap:16px}.hero h1{font-size:2rem}.hero__logo{width:170px}.hero p{font-size:.95rem}.hero__actions{flex-direction:column;align-items:center;gap:10px}.section-title{font-size:1.6rem}.section-subtitle{font-size:.92rem}.showcase__grid{grid-template-columns:1fr;gap:14px}.showcase__item{aspect-ratio:4 / 5;border-radius:14px}.feature-row{padding:18px 16px;gap:12px;border-radius:12px}.feature-row__icon{font-size:1.4rem;width:32px}.feature-row__body h3{font-size:1rem}.feature-row__body p{font-size:.9rem}.camera-grid{grid-template-columns:1fr}.camera-brand{padding:20px 18px;border-radius:12px}.why-grid{grid-template-columns:1fr}.why-item{padding:24px 20px;border-radius:12px}.pricing-card{padding:36px 28px;border-radius:18px}.pricing-num{font-size:3rem}.section--cta{padding:36px 20px;border-radius:18px}.section--cta h2{font-size:1.5rem}}@media(max-width:380px){#app{padding:32px 14px 48px}.landing{gap:48px}.hero h1{font-size:1.7rem}.hero__logo{width:140px}.hero__badge{font-size:.72rem;padding:5px 12px}.hero p{font-size:.88rem}.section-title{font-size:1.4rem}.feature-row{padding:14px 12px}.feature-row__icon{font-size:1.2rem;width:28px}.feature-row__body h3{font-size:.95rem}.feature-row__body p{font-size:.85rem}.pricing-num{font-size:2.6rem}.pricing-card{padding:28px 20px}.btn{padding:10px 22px;font-size:.92rem;min-height:44px}}