:root{color-scheme:dark;--oi-bg:#0e1014;--oi-text:#f1f2f6;--oi-muted:#a0a5b1;--oi-line:#343840;--oi-accent:#8799ef;--oi-accent-deep:#b6c2ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.oi-consent-page{margin:0;background:var(--oi-bg)!important;color:var(--oi-text)!important;font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC",sans-serif;font-size:15px;font-weight:400;line-height:1.7}
body.oi-consent-page a{color:inherit;text-decoration:none}
body.oi-consent-page a:hover{text-decoration:underline}
.oi-shell{max-width:1056px;margin:0 auto;padding:32px 46px 80px;position:relative}
.crumb{display:flex;align-items:center;gap:13px;color:#9296a2;font-size:12px;margin:8px 0 44px}
.crumb a:hover{color:#f4f5ff}
.oi-kicker{font-size:11px;color:#a4a9b6;letter-spacing:.17em;display:flex;align-items:center;gap:12px;margin-bottom:23px}
.oi-mark{color:#a8b8ff;font-size:21px;line-height:1}.oi-separator{color:#626775}
.oi-head{max-width:760px;padding-bottom:44px}
.oi-head h1{font-size:clamp(30px,4vw,48px);font-weight:450;letter-spacing:-.045em;line-height:1.3;margin:0 0 14px;color:#f3f3f6}
.oi-subtitle{font-size:17px;color:#c7cce0;margin:0 0 25px;letter-spacing:.015em}
.oi-intro{max-width:690px;font-size:15px;line-height:1.95;color:#9da3ae;margin:0}
.oi-ident{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:23px 0;border-top:1px solid var(--oi-line);border-bottom:1px solid var(--oi-line);margin-bottom:45px}
.oi-ident>div{display:flex;flex-direction:column;gap:3px}
.oi-small{font-size:12px;color:#8f96a3}
.oi-ident strong{font-weight:450;font-size:16px;color:#e9ecf6}
.oi-message{padding:20px 0 42px;color:#a9aeb8}.oi-message h2{font-weight:450;color:#f3f4f7;font-size:22px;margin:0 0 10px}.oi-message p{max-width:620px}
.oi-section-heading{display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--oi-line);padding-bottom:18px}
.oi-numeral{font-size:12px;color:#8799c7;font-variant-numeric:tabular-nums}
.oi-section-heading h2{font-size:19px;line-height:1.4;font-weight:450;color:#ededf3;letter-spacing:-.01em;margin:0}
.oi-detail-row{display:grid;grid-template-columns:42px 1fr;gap:22px;padding:25px 0;border-bottom:1px solid #282c33}
.oi-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.oi-icon svg{stroke:#9eaff5;fill:none;width:24px;height:24px;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.oi-detail-row h3{margin:0 0 7px;font-size:16px;font-weight:460;color:#e7e8ee}
.oi-detail-row p{color:#9fa5b2;line-height:1.85;font-size:14px;margin:0;max-width:790px}
.oi-decision{margin-top:56px}
.oi-versions{padding:18px 0 22px;margin:0;max-width:830px}
.oi-versions div{display:grid;grid-template-columns:143px minmax(0,1fr);gap:15px;padding:8px 0}
.oi-versions dt{color:#8c93a0;font-size:13px}
.oi-versions dd{color:#d1d6e2;font-size:13px;overflow-wrap:anywhere;margin:0}
.oi-checkline{display:flex;gap:14px;align-items:flex-start;cursor:pointer;border-top:1px solid var(--oi-line);padding:24px 0 20px;color:#d8dce8;max-width:830px;line-height:1.85}
.oi-checkline input{appearance:none;flex:0 0 20px;width:20px;height:20px;margin:5px 0 0;border:1px solid #818ba1;border-radius:5px;background:#151820;cursor:pointer}
.oi-checkline input:checked{background:#92a6f0;border-color:#92a6f0}
.oi-checkline input:checked:after{content:"";display:block;width:9px;height:5px;border-bottom:2px solid #101420;border-left:2px solid #101420;transform:translate(4px,5px) rotate(-45deg)}
.oi-checkline:focus-within{outline:1px solid #889adf;outline-offset:7px}
.oi-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:6px 0}
.oi-button{border:1px solid #626a79;border-radius:7px;background:#1b1f28;color:#f0f1f6!important;font:inherit;font-size:14px;cursor:pointer;padding:12px 19px;display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:47px;transition:border-color .2s,background .2s}
.oi-button:hover:not(:disabled){border-color:#a6b4df;background:#282f40;text-decoration:none!important}
.oi-button:focus-visible{outline:2px solid #a5b7ff;outline-offset:3px}
.oi-button:disabled{opacity:.42;cursor:not-allowed}
.oi-primary{background:#bac7ff;color:#101420!important;border-color:#bac7ff}
.oi-primary:hover:not(:disabled){background:#d0d9ff;border-color:#d0d9ff}
.oi-danger{border-color:#ae7982;background:#2a1c21;color:#ffdce1!important}
.oi-danger:hover:not(:disabled){border-color:#f0a3b1;background:#41272e}
.oi-hint{font-size:12px;color:#9198a8;line-height:1.7}
.oi-feedback{min-height:25px;margin-top:17px;color:#bbcaff;font-size:13px}
.oi-passport{margin:28px 0 0;padding:22px 0;border-top:1px solid var(--oi-line)}
.oi-passport h2{font-weight:450;font-size:18px}
.oi-passport dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.oi-passport dl div{min-width:0}
.oi-passport dt{font-size:12px;color:#8e97a9}.oi-passport dd{font-size:14px;margin:5px 0 0;overflow-wrap:anywhere;color:#e5e7f4}
.oi-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--oi-line);padding:26px 0 0;margin-top:75px;color:#8b93a0;font-size:12px}
.oi-footer a{color:#cbd6fc!important}
#revokeDialog{background:#1a1d25;border:1px solid #545965;border-radius:13px;color:#e9ebf4;padding:0;width:min(540px,calc(100vw - 32px));box-shadow:0 22px 70px #0009}
#revokeDialog::backdrop{background:#05060cc9}
.oi-dialog-inner{padding:27px}
.oi-dialog-inner h2{font-size:19px;font-weight:480;margin:0 0 17px}
.oi-dialog-inner p{color:#acb3c0;font-size:14px;line-height:1.85}
.oi-dialog-inner .oi-actions{justify-content:flex-end;margin-top:21px}
[hidden]{display:none!important}
@media(max-width:700px){.oi-shell{padding:19px 22px 65px}.crumb{margin-bottom:34px}.oi-head{padding-bottom:37px}.oi-head h1{font-size:33px}.oi-subtitle{font-size:16px}.oi-intro{font-size:14px}.oi-ident{grid-template-columns:1fr 1fr;gap:12px;padding:18px 0;margin-bottom:33px}.oi-ident strong{font-size:14px}.oi-detail-row{grid-template-columns:29px 1fr;gap:12px;padding:22px 0}.oi-icon{width:27px;height:32px}.oi-icon svg{width:22px;height:22px}.oi-versions div{grid-template-columns:92px minmax(0,1fr);gap:12px}.oi-section-heading h2{font-size:18px}.oi-decision{margin-top:43px}.oi-button{max-width:100%}.oi-actions{align-items:stretch}.oi-hint{width:100%}.oi-passport dl{grid-template-columns:1fr;gap:12px}.oi-footer{flex-direction:column;gap:5px;margin-top:55px}}
@media(max-width:390px){.oi-shell{padding-inline:16px}.oi-head h1{font-size:30px}.oi-ident{grid-template-columns:1fr;gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}