@font-face{font-family:KingHwaOldSong;src:url(https://oss.xiyinphotobooth.com/font/KingHwa_OldSong.OTF) format("opentype");font-display:swap}:root{font-family:KingHwaOldSong,Microsoft YaHei,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}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}h1{font-size:3.2em;line-height:1.1}#app{max-width:1200px;margin:0 auto;padding:60px 24px 80px}.landing{display:flex;flex-direction:column;gap:80px}.hero{text-align:center;display:flex;flex-direction:column;gap:24px;color:#fff9f2}.hero__logo{width:180px;height:auto;align-self:center;filter:drop-shadow(0 12px 28px rgba(0,0,0,.35))}.hero h1{font-size:3rem;line-height:1.2;margin:0}.hero p{max-width:680px;margin:0 auto;color:#ffe6d6}.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:.82rem;text-transform:uppercase}.hero__actions{display:flex;justify-content:center;gap:16px}.btn{display:inline-flex;padding:12px 28px;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}.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}.section{display:grid;gap:24px}.section--grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{padding:32px;border-radius:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #11060233;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card h2{margin-top:0;margin-bottom:12px;font-size:1.5rem}.card p{margin:0;color:#ffe3cb}.section--feature{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:48px}.feature__content h2{margin-top:0;font-size:2.2rem}.feature__content p{color:#ffe3cb}.feature__content ul{margin:16px 0 0;padding-left:20px;color:#ffeddc;line-height:1.8}.feature__visual{width:100%;min-height:240px;border-radius:28px;background:linear-gradient(145deg,#ffbb664d,#ff99551f);border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 60px #0a040059;display:flex;justify-content:center;align-items:center}.feature__visual img{width:240px;max-width:70%;height:auto}.section--cta{text-align:center;gap:12px;background:#0003;padding:48px;border-radius:28px;border:1px solid rgba(255,255,255,.18)}.section--cta h2{margin:0;font-size:2rem}.section--cta p{margin:8px 0 24px;color:#ffe3cb}.qr-contact{position:relative;display:inline-flex;justify-content:center}.btn--qr{background:#ffffff1f;border:1px solid rgba(255,255,255,.35);color:#fffaf0;cursor:pointer;font-size:1rem}.btn--qr:hover,.btn--qr:focus{border-color:#ffffffa6;outline:none;box-shadow:0 0 0 2px #ffffff26}.qr-popover{position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%) scale(.96);transform-origin:top center;opacity:0;pointer-events:none;background:#170b04e0;border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:16px 18px 20px;box-shadow:0 18px 40px #0006;transition:opacity .18s ease,transform .18s ease;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:220px;z-index:20}.qr-contact:hover .qr-popover,.qr-contact:focus-within .qr-popover{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1)}.qr-popover:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);border-width:0 12px 12px 12px;border-style:solid;border-color:transparent transparent rgba(23,11,4,.88) transparent}.qr-popover img{width:160px;height:160px;border-radius:16px;background:#ffffff0d;padding:8px}.qr-popover span{font-size:.95rem;color:#ffffffd9}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.92rem;color:#fff9;text-align:center}.footer a{color:#fffc;text-decoration:none}.footer a:hover{color:#fb6}@media(max-width:768px){#app{padding:48px 20px 64px}.landing{gap:60px}.hero h1{font-size:2.4rem}.hero__actions{flex-direction:column}.hero__logo{width:150px}.section--cta{padding:40px 24px}.feature__content h2{font-size:1.9rem}.qr-popover{position:static;transform:none;opacity:1;pointer-events:auto;box-shadow:none;background:#170b04b3;margin-top:20px}.qr-popover:before{display:none}}