@font-face{font-family:"OPPO Sans Regular T";src:url("/static/fonts/OPPOSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{font-family:"OPPO Sans Regular T",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif;color:#111111;background:#ffffff;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
header{max-width:1100px;margin:auto;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #111111}
a{color:inherit;text-underline-offset:4px}
a.brand{text-decoration:none;font-weight:600;font-size:23px}
.brand span{display:block;font-size:11px;letter-spacing:3px;color:#111111;margin-top:7px}
nav{display:flex;gap:16px;font-size:13px;flex-wrap:wrap}
main{max-width:1040px;margin:48px auto;padding:0 24px;min-height:65vh}
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:72px;padding:28px 0 50px;align-items:start}
.eyebrow{font-size:12px;letter-spacing:2px;color:#111111;font-weight:600}
h1{font-size:clamp(30px,5vw,53px);letter-spacing:-1px;line-height:1.25;margin:18px 0 25px}
h2{font-size:23px;line-height:1.45}
h3{font-size:19px;line-height:1.55}
p{line-height:1.9}
.muted,small{color:#111111}
.card{background:#ffffff;border:1px solid #111111;border-radius:0;padding:26px;margin:18px 0}
.auth{box-shadow:none}
label{display:block;margin:18px 0 7px;font-size:14px}
input,textarea,select{width:100%;padding:13px;border:1px solid #111111;border-radius:0;background:white;color:#111111;font:inherit;font-size:16px}
textarea{resize:vertical}
button,.button{border:1px solid #111111;border-radius:0;padding:13px 20px;background:#111111;color:white;cursor:pointer;font:inherit;font-size:14px;display:inline-block;text-decoration:none}
button:disabled{opacity:.5;cursor:wait}
.secondary{background:#ffffff;color:#111111}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.check{display:flex;gap:12px;align-items:flex-start;line-height:1.6}
.check input{width:auto;margin-top:5px}
.tag{display:inline-block;border:1px solid #111111;border-radius:0;padding:4px 10px;font-size:12px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.digest{max-width:760px;margin:auto}
.digest h1{font-size:35px}
.intro{font-size:18px;border-left:1px solid #111111;padding-left:18px;white-space:pre-wrap}
.body{white-space:pre-wrap;overflow-wrap:anywhere}
.meta{font-size:12px;color:#111111;display:flex;gap:12px;flex-wrap:wrap}
.comment{border-top:1px solid #111111;padding:18px 0}
.error{color:#111111}
#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90%;padding:12px 20px;background:#111111;color:white;border-radius:0;display:none;z-index:10}
footer{text-align:center;font-size:12px;color:#111111;line-height:2;padding:30px}
pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:#ffffff}
.source-row{border-bottom:1px solid #111111;padding:12px 0}
.empty{padding:40px 20px;text-align:center}
.topline{display:flex;justify-content:space-between;align-items:center;gap:20px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #111111;outline-offset:3px}
@media(max-width:650px){header{padding:20px;align-items:start}
.brand{font-size:19px!important}
nav{max-width:120px;gap:10px}
main{margin:26px auto;padding:0 18px}
.hero,.grid{grid-template-columns:1fr;gap:16px}
.hero{padding:5px 0}
h1{font-size:37px}
.card{padding:21px}
.digest h1{font-size:29px}
.actions button{flex-grow:1}
.topline{align-items:start}
}
@media(hover:hover){button:not(:disabled):hover,.button:hover{background:#111111;color:#ffffff}
a:hover{text-decoration-thickness:2px}
}

.brand{flex-shrink:0;white-space:nowrap}

[hidden]{display:none!important}
.discussion{margin-top:26px;border-top:1px solid #111111;padding-top:10px}
.discussion h3{margin:14px 0}
.thread{border-bottom:1px solid #111111}
.thread .comment{border-top:0;padding:15px 0}
.thread .reply{margin-left:18px;padding-left:14px;border-left:1px solid #111111}
.comment-actions{display:flex;gap:8px;flex-wrap:wrap}
.comment-actions button{padding:6px 12px;font-size:12px}
.comment-actions [aria-pressed=true]{background:#111111;color:white}
.reply-slot form{padding:12px;background:#ffffff;border-radius:0}
.discussion form{margin-bottom:20px}
.auth small{line-height:1.8}
select:focus-visible{outline:3px solid #111111;outline-offset:3px}
@media(max-width:650px){.thread .reply{margin-left:8px;padding-left:10px}
.discussion .actions button{flex-grow:0}
}


:root{color-scheme:light}
input[type="checkbox"]{accent-color:#111111}
button:disabled{cursor:not-allowed}
.card{box-shadow:none}
.tag{padding:3px 9px}
.reply-slot form{border:1px solid #111111}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}