*{box-sizing:border-box}
:root{--riffs-ink:#212022;--riffs-muted:#65626b;--riffs-line:#dedde2;--riffs-purple:#5738ae;--riffs-width:1232px;color-scheme:light}
.riffs-wrap{width:min(var(--riffs-width),calc(100% - 96px));margin-inline:auto}
[data-riffs-header],[data-riffs-footer]{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--riffs-ink);background:#fff}
[data-riffs-header]{border-bottom:1px solid var(--riffs-line);min-height:68px}
.riffs-nav,.riffs-foot,.riffs-nav>div,.riffs-brand{display:flex;align-items:center}
.riffs-nav{height:68px;justify-content:space-between}.riffs-nav>div{gap:22px}
[data-riffs-header] a,[data-riffs-footer] a{color:inherit;text-decoration:none}
.riffs-brand{gap:8px;white-space:nowrap}.riffs-brand img{object-fit:contain}.riffs-brand b{font-size:26px;letter-spacing:-1.7px;line-height:1}.riffs-brand i,.riffs-foot i{font-style:normal;color:#b9b8c0;font-weight:300;margin:0 5px}.riffs-brand span{font-weight:550;font-size:17px;letter-spacing:-.7px}
.riffs-nav .riffs-current{font-size:13px;font-weight:650}.riffs-nav .riffs-external{border:1px solid #ceccd1;border-radius:30px;font-size:12px;font-weight:550;padding:9px 15px}.riffs-external span{margin-left:5px}
[data-riffs-header] a:hover,[data-riffs-footer] a:hover{color:var(--riffs-purple)}
.riffs-skip{position:absolute;top:-100px;left:8px;padding:10px;background:#fff;z-index:5}.riffs-skip:focus{top:4px}
[data-riffs-footer]{border-top:1px solid var(--riffs-line);margin-top:56px}.riffs-foot{min-height:76px;gap:22px}.riffs-foot .riffs-brand b{font-size:20px}.riffs-foot img{width:23px;height:23px}.riffs-foot>span,.riffs-foot>a:last-child{font-size:12px;color:var(--riffs-muted)}.riffs-foot>a:last-child{margin-left:auto}
:focus-visible{outline:3px solid #6c50c2;outline-offset:4px}
@media(max-width:820px){.riffs-wrap{width:calc(100% - 48px)}}
@media(max-width:560px){.riffs-wrap{width:calc(100% - 32px)}.riffs-nav{height:61px}[data-riffs-header]{min-height:61px}.riffs-nav>div{gap:12px}.riffs-nav .riffs-external{padding:7px 10px}.riffs-brand{gap:5px}.riffs-brand b{font-size:22px}.riffs-brand img{width:25px;height:25px}.riffs-brand span{font-size:15px}.riffs-brand i{margin:0 2px}.riffs-foot{gap:10px}.riffs-foot>span,.riffs-foot>a:last-child{font-size:11px}[data-riffs-footer]{margin-top:36px}}