@font-face{font-family:oppoSans;src:url("../media/OPPO Sans 4_0-s.p.0lrw171puun8x.ttf")format("truetype");font-display:swap}@font-face{font-family:oppoSans Fallback;src:local(Arial);ascent-override:95.7%;descent-override:25.16%;line-gap-override:0.0%;size-adjust:96.97%}.opposans_23c54bf2-module__nRnica__className{font-family:oppoSans,oppoSans Fallback}.opposans_23c54bf2-module__nRnica__variable{--font-body:"oppoSans", "oppoSans Fallback"}
:root{--on-primary:#fff;--surface-container-high:#f0f2f5;--error:#ba1a1a;--surface-container-low:#f8f9fa;--tertiary-container:#289e3b;--on-surface:#2d3436;--surface-container-highest:#e2e8f0;--surface-tint:#289e3b;--on-primary-container:#fff;--surface-bright:#fff;--on-background:#2d3436;--surface-variant:#f1f5f9;--tertiary:#289e3b;--on-surface-variant:#64748b;--primary:#289e3b;--outline-variant:#cbd5e1;--secondary-container:#f8f9fa;--secondary:#64748b;--outline:#94a3b8;--surface-dim:#f8f9fa;--surface-container-lowest:#fff;--primary-container:#289e3b;--surface:#fff;--background:#f8f9fa}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface-dim);min-height:100dvh;color:var(--on-surface);font-family:var(--font-body), sans-serif;flex-direction:column;display:flex;overflow-x:hidden}::selection{color:var(--on-surface);background:#289e3b4d}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.icon-filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.top-app-bar{z-index:50;background:#f8fafc;border-bottom:1px solid #f1f5f9;width:100%;height:64px;position:sticky;top:0}.top-app-inner{justify-content:space-between;align-items:center;width:100%;max-width:1440px;height:64px;margin:0 auto;padding:0 32px;display:flex}.brand-wrap{align-items:center;gap:8px;display:flex}.brand-logo-img{object-fit:contain;width:auto;height:35px}.nav-lang-switch{width:36px;height:36px;color:var(--primary);background:#289e3b1f;border-radius:9999px;justify-content:center;align-items:center;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #289e3b4d}.nav-lang-switch:hover{color:#fff;background:var(--primary);box-shadow:inset 0 0 0 1px #289e3bb3}.nav-lang-icon{width:19px;height:19px;display:block}.main-canvas{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex;position:relative;overflow:hidden}.scanline{pointer-events:none;opacity:.3;background:linear-gradient(#0000 0%,#289e3b0d 50%,#0000 100%) 0 0/100% 4px;position:absolute;inset:0}.bg-decor{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bg-orb{filter:blur(100px);border-radius:9999px;width:384px;height:384px;position:absolute}.bg-orb-left{background:#289e3b0d;top:25%;left:-80px}.bg-orb-right{background:#289e3b1a;bottom:25%;right:-80px}.hero-section{z-index:2;width:100%;max-width:896px;position:relative}.glass-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffb3;border:1px solid #fff6;border-radius:12px;overflow:hidden;box-shadow:0 32px 64px -16px #00000014}.hero-copy{text-align:center;margin:0;padding:32px 32px 0}.hero-copy h1{font-family:var(--font-body), sans-serif;letter-spacing:-.02em;margin:0 0 16px;font-size:36px;line-height:1.08}.hero-desc{font-family:var(--font-body), sans-serif;color:var(--secondary);margin:0;font-size:18px;font-weight:500}.hero-desc span{color:var(--primary);font-weight:700}.hero-note{color:var(--primary);font-family:var(--font-body), sans-serif;letter-spacing:.04em;margin:12px 0 0;font-size:20px;font-weight:700}.hero-hotline{color:#3f4d60;font-family:var(--font-body), sans-serif;letter-spacing:.02em;background:#289e3b1f;border-radius:9999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:14px;padding:8px 14px;font-size:14px;display:inline-flex;box-shadow:inset 0 0 0 1px #289e3b3d}.hero-hotline-icon{background:var(--primary);border-radius:9999px;flex-shrink:0;place-items:center;width:32px;height:32px;padding:0;display:inline-grid;box-shadow:0 0 10px #289e3b73}.hero-hotline-glyph{color:#fff;font-size:16px;line-height:1;display:block}.hero-hotline-label{color:#334155;font-weight:700}.hero-hotline a{color:var(--primary);font-weight:700;text-decoration:none}.hero-hotline a:hover{text-decoration:underline}.form-block{grid-template-columns:1fr auto;grid-template-areas:"grid grid""message qr""actions actions";gap:24px;margin-top:48px;padding:0 32px 32px;display:grid}.grid-two{grid-area:grid;gap:24px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--secondary);font-family:var(--font-body), sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600}.field input,.field textarea{background:var(--surface-container-lowest);width:100%;color:var(--on-surface);font-family:var(--font-body), sans-serif;border:none;border-radius:4px;padding:12px 16px;font-size:14px;transition:box-shadow .2s;box-shadow:inset 0 0 0 1px #cbd5e14d}.field input::placeholder,.field textarea::placeholder{color:var(--outline)}.field input:focus,.field textarea:focus{box-shadow:inset 0 0 0 2px var(--primary);outline:none}.field input.input-error{box-shadow:inset 0 0 0 2px #ef4444}.field textarea{resize:none}.field-error{color:#ef4444;font-family:var(--font-body), sans-serif;letter-spacing:.02em;margin:2px 0 0;font-size:12px}.field-shake{animation:.34s ease-in-out fieldShake}@keyframes fieldShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.message-qr-row{--msg-textarea-height:120px;display:contents}.field-message textarea{box-sizing:border-box;min-height:var(--msg-textarea-height);height:var(--msg-textarea-height)}.field-message{grid-area:message}.qr-aside{text-align:left;flex-direction:column;grid-area:qr;align-items:flex-start;display:flex}.qr-aside-title{color:var(--secondary);font-family:var(--font-body), sans-serif;text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px;font-size:12px;font-weight:600}.qr-placeholder-box{box-sizing:border-box;width:var(--msg-textarea-height);height:var(--msg-textarea-height);background:var(--surface-container-lowest);border-radius:4px;flex-shrink:0;margin-inline:0;padding:8px;box-shadow:inset 0 0 0 1px #cbd5e159}.qr-image{object-fit:cover;border-radius:4px;width:100%;height:100%;display:block}.actions{--action-btn-height:50px;grid-area:actions;align-items:stretch;gap:12px;display:flex}.btn-primary{width:auto;height:var(--action-btn-height);min-height:var(--action-btn-height);max-height:var(--action-btn-height);background:var(--primary);color:#fff;font-family:var(--font-body), sans-serif;cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:16px;font-weight:700;transition:background-color .2s,transform .12s;display:flex;box-shadow:0 10px 20px #289e3b33}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-primary:hover{background:var(--primary-container)}.btn-primary:active{transform:scale(.98)}.btn-icon{font-size:16px}.btn-primary-text{font-weight:500}.btn-secondary-site{width:220px;height:var(--action-btn-height);min-height:var(--action-btn-height);max-height:var(--action-btn-height);color:#334155;font-family:var(--font-body), sans-serif;background:#e2e8f0;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #94a3b859}.btn-secondary-site:hover{background:#d8e0ea}.submit-feedback{color:#475569;font-family:var(--font-body), sans-serif;letter-spacing:.03em;margin:2px 0 0;font-size:13px}.battery-section{flex-direction:column;align-items:center;gap:12px;margin:0 0 24px;display:flex}.battery-shell{transform-origin:50%;border:4px solid #d7dde4;border-radius:12px;width:96px;height:176px;margin:12px 0;padding:6px;position:relative;overflow:visible;transform:rotate(90deg)}.battery-cap{z-index:3;background:#d7dde4;border-radius:6px 6px 0 0;width:32px;height:12px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.battery-charge-svg{width:100%;height:100%;display:block}.battery-segment{fill:#289e3b1a;stroke:#289e3b38;stroke-width:1px;opacity:.35}.battery-segment-1{animation:3.4s linear infinite chargeSeg1}.battery-segment-2{animation:3.4s linear infinite chargeSeg2}.battery-segment-3{animation:3.4s linear infinite chargeSeg3}.battery-segment-4{animation:3.4s linear infinite chargeSeg4}.battery-overlay{color:#289e3bcc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.battery-icon-img{object-fit:contain;transform-origin:50%;width:36px;height:36px;transform:rotate(-90deg)}.battery-meta{color:#8c97a6;font-family:var(--font-label), sans-serif;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:12px;font-size:12px;font-style:italic;font-weight:600;display:flex}.battery-meta .line{background:var(--outline-variant);width:32px;height:1px}.footer{text-align:center;background:#f8fafc;border-top:1px solid #e4e4e7;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;margin-top:auto;padding:24px 32px;display:flex}.footer-copyright{color:#a1a1aa;font-family:var(--font-body), sans-serif;letter-spacing:.08em;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;font-size:12px;display:flex}.footer-beian{color:#94a3b8;letter-spacing:.08em;text-decoration:none}.footer-beian:hover{color:#16a34a}@keyframes chargeSeg1{0%,11%{fill:#289e3b;opacity:1;filter:blur()drop-shadow(0 0 5px #289e3b47)}45%,75%{fill:#289e3bf2;opacity:.92;filter:blur(.6px)drop-shadow(0 0 9px #289e3b66)}80%,88%{fill:#289e3b1a;opacity:.3;filter:blur()}92%,to{fill:#289e3b;opacity:1;filter:blur()drop-shadow(0 0 5px #289e3b47)}}@keyframes chargeSeg2{0%,14%,80%,to{fill:#289e3b1f;opacity:.35;filter:blur()}16%,75%{fill:#289e3b99;opacity:1;filter:blur(.6px)drop-shadow(0 0 10px #289e3b73)}}@keyframes chargeSeg3{0%,38%,80%,to{fill:#289e3b1f;opacity:.35;filter:blur()}42%,75%{fill:#289e3b66;opacity:1;filter:blur(.5px)drop-shadow(0 0 8px #289e3b5c)}}@keyframes chargeSeg4{0%,58%,80%,to{fill:#289e3b1a;opacity:.3;filter:blur()}60%,75%{fill:#289e3b38;opacity:.95;filter:blur(.4px)drop-shadow(0 0 6px #289e3b4d)}}@media (min-width:768px){.hero-copy h1{font-size:48px}.hero-copy{padding:48px 48px 0}.form-block{padding:0 48px 48px}.grid-two{grid-template-columns:1fr 1fr}.message-qr-row{grid-template-columns:1fr auto;align-items:start}.footer{flex-direction:row}}@media (max-width:767px){.top-app-inner{padding:0 16px}.hero-copy h1{font-size:36px}.hero-desc{font-size:16px}.form-block{grid-template-columns:1fr;grid-template-areas:"grid""message""actions""qr";margin-top:32px;padding:0 20px 24px}.actions{--action-btn-height:50px;flex-direction:column}.btn-primary,.btn-secondary-site{flex:0 0 var(--action-btn-height);width:100%}.qr-aside{text-align:center;align-items:center}}