@charset "utf-8";.oppo-smartphone-page{--oppo-navy:#0b2942;--oppo-blue:#1772c8;--oppo-blue-dark:#0b4f91;--oppo-text:#29465d;--oppo-muted:#667d8e;--oppo-border:#dbe7f2;--oppo-surface:#fbfdff;--oppo-green:#208a3a;padding-top:35px!important} .oppo-smartphone-page *,.oppo-smartphone-page *::before,.oppo-smartphone-page *::after{box-sizing:border-box}.oppo-smartphone-page .content-body{color:var(--oppo-text)}.oppo-smartphone-page a{text-decoration:none} .oppo-intro{margin:0 0 30px!important;overflow:hidden;border:1px solid #d6e4f0;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(11,41,66,.07)}.oppo-intro-top{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:34px;align-items:center;padding:30px;background:radial-gradient(circle at 0 0,rgba(23,114,200,.09),transparent 38%),linear-gradient(135deg,#fff 0%,#f7fbff 100%)}.oppo-intro-media{position:relative;overflow:hidden;border:1px solid #e1eaf2;border-radius:18px;background:#fff;box-shadow:0 12px 26px rgba(11,41,66,.10)}.oppo-intro-media img{display:block;width:100%;height:235px;object-fit:cover}.oppo-image-label{position:absolute;left:14px;bottom:14px;padding:7px 11px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(255,255,255,.93);color:var(--oppo-blue-dark);font-size:11px;font-weight:800}.oppo-intro-copy h2,.oppo-highlight h2{margin:0 0 12px!important;color:var(--oppo-navy)!important}.oppo-intro-copy h2{font-size:30px!important;line-height:1.15!important}.oppo-intro-copy p{margin:0 0 10px;line-height:1.7}.oppo-eyebrow{display:inline-flex;align-items:center;margin:0 0 9px;padding:5px 10px;border-radius:999px;background:#eaf4fd;color:var(--oppo-blue);font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.oppo-benefits{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.oppo-benefits span{padding:8px 11px;border:1px solid #d9e7f3;border-radius:10px;background:#fff;font-size:12px;font-weight:800} .oppo-section{margin:30px 0}.oppo-section-heading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;margin-bottom:18px}.oppo-section-heading>span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#eaf4fd;color:var(--oppo-blue-dark);font-weight:900}.oppo-section-heading h2{margin:0 0 6px!important;color:var(--oppo-navy)!important;font-size:22px!important}.oppo-section-heading p{margin:0;color:var(--oppo-muted);line-height:1.65} .oppo-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.oppo-service-grid article{padding:18px;border:1px solid var(--oppo-border);border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(11,41,66,.05)}.oppo-card-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}.oppo-card-head b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#edf5fd;color:var(--oppo-blue);font-size:11px}.oppo-card-head h3{margin:0!important;color:var(--oppo-navy)!important;font-size:16px!important}.oppo-service-grid p{margin:0;line-height:1.65} .oppo-highlight{margin:30px 0;padding:24px 26px;border:1px solid #d6e4f0;border-radius:18px;background:linear-gradient(135deg,#f5faff,#fff);box-shadow:0 10px 26px rgba(11,41,66,.06)}.oppo-highlight p{margin:0;line-height:1.7} .oppo-models{display:grid;gap:18px}.oppo-model-group{overflow:hidden;border:1px solid var(--oppo-border);border-radius:14px;background:#fff}.oppo-model-group-title{padding:12px 15px;border-bottom:1px solid var(--oppo-border);background:#f5f9fd;color:var(--oppo-navy);font-weight:900}.oppo-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.oppo-model{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 24px;gap:13px;align-items:center;min-height:76px;padding:12px 13px;border:1px solid var(--oppo-border);border-radius:12px;background:#fff;color:var(--oppo-text);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.oppo-model:hover{transform:translateY(-2px);border-color:#9fc7eb;box-shadow:0 8px 20px rgba(11,41,66,.08)}.oppo-device{position:relative;width:34px;height:50px;border:3px solid currentColor;border-radius:8px;background:#f8fbfe}.oppo-device::before{content:"";position:absolute;left:50%;top:3px;width:8px;height:2px;border-radius:2px;background:currentColor;transform:translateX(-50%)}.oppo-device span{position:absolute;inset:5px 3px 4px;border-radius:4px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,255,255,.45))}.oppo-device.c-blue{color:#1772c8}.oppo-device.c-green{color:#238a5a}.oppo-device.c-purple{color:#7654b5}.oppo-device.c-gold{color:#b28a35}.oppo-device.c-navy{color:#29465d}.oppo-device.c-teal{color:#238b91}.oppo-device.c-red{color:#b64b4b}.oppo-device.c-orange{color:#c9782c}.oppo-model-info strong,.oppo-model-info span{display:block}.oppo-model-info strong{margin-bottom:4px;color:var(--oppo-navy);font-size:14px}.oppo-model-info span{color:var(--oppo-muted);font-size:12px}.oppo-arrow svg{display:block;width:18px;height:18px;fill:none;stroke:var(--oppo-blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.oppo-model-note{margin-top:14px;padding:16px 18px;border-left:4px solid var(--oppo-blue);border-radius:10px;background:#f4f9fe}.oppo-model-note strong{color:var(--oppo-navy)}.oppo-model-note p{margin:5px 0 0} .oppo-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.oppo-why-grid>div{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--oppo-border);border-radius:10px;background:#fff;font-weight:700}.oppo-why-grid b{display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:var(--oppo-green);color:#fff;font-size:11px}.oppo-request{margin:32px 0;padding:24px;border:1px solid var(--oppo-border);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(11,41,66,.06)}.oppo-request-head{margin-bottom:18px}.oppo-request-head h2{margin:0 0 8px!important;color:var(--oppo-navy)!important}.oppo-request-head p{margin:0;line-height:1.65} @media(max-width:900px){.oppo-intro-top{grid-template-columns:1fr}.oppo-service-grid,.oppo-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.oppo-model-grid{grid-template-columns:1fr;padding:10px}.oppo-model{grid-template-columns:44px minmax(0,1fr) 22px}}@media(max-width:600px){.oppo-smartphone-page{padding-top:20px!important}.oppo-intro-top{padding:18px}.oppo-intro-copy h2{font-size:24px!important}.oppo-service-grid,.oppo-why-grid{grid-template-columns:1fr}.oppo-section-heading{grid-template-columns:40px minmax(0,1fr);gap:12px}.oppo-section-heading>span{width:38px;height:38px}.oppo-request{padding:18px}} .oppo-overview-button{margin-top:24px;text-align:center} .oppo-overview-button .oppo-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:10px;background:#f45b00;color:#fff !important;font-size:15px;font-weight:700;line-height:1.3;text-decoration:none !important;transition:background .18s ease,transform .18s ease,box-shadow .18s ease} .oppo-overview-button .oppo-button:hover,.oppo-overview-button .oppo-button:focus-visible{background:#d84f00;color:#fff !important;transform:translateY(-1px);box-shadow:0 7px 18px rgba(244,91,0,.22);outline:none} @media(max-width:600px){.oppo-overview-button .oppo-button{width:100%;padding:13px 16px}}