.design-switch{position:sticky;top:0;z-index:100;background:#172034;color:#fff;padding:12px 24px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 2px 15px #0002}.design-switch span{font-size:13px;margin-right:12px;color:#bdc9dc}.design-switch button{border:1px solid #526077;background:transparent;color:#fff;font-size:14px;padding:8px 16px;border-radius:6px;cursor:pointer}.design-switch button[aria-pressed=true]{background:white;color:#10213e;border-color:white}.design-switch button:focus-visible{outline:3px solid #ffba59;outline-offset:2px}.home .main{display:contents}.home #container>.inner{row-gap:24px}.home .hmBox{grid-column:1/-1;margin-bottom:0}.home .hmBox:first-child{grid-column:1;grid-row:1}.home .sidebar{grid-row:1;position:static}.home .sidebar .sidesite~.sidesite{display:none}.home .hmBox[data-section="2"]>ul{grid-template-columns:repeat(4,minmax(0,1fr))}.home .hmBox[data-section="3"] .siteIcon{display:none}.home .hmBox[data-section="3"]>ul{grid-template-columns:1fr 1fr}.home .hmBox[data-section="3"] .name{margin-top:0}
body[data-design=night]{--bg:#08111e;--ink:#edf5ff;--muted:#8da3bd;--line:#203248;--blue:#28caff;background:var(--bg)}[data-design=night] #header,[data-design=night] .footer{background:#0c1828}[data-design=night] .hero{background:#10243a;border:1px solid #234158;padding:30px 36px}[data-design=night] .hero h1{font-size:34px}[data-design=night] .hero p{color:#a0bad5}[data-design=night] .searchbar{background:#091623;border-color:#30506c}[data-design=night] .searchbar input{color:white}[data-design=night] .searchbar button{color:#051825;font-weight:700}[data-design=night] .chips a{border-color:#2b4660;color:#abd9f1}[data-design=night] .shortcuts{background:#102238;border-color:var(--line)}[data-design=night] .shortcuts a{color:#b8d1e9}[data-design=night] .hmBox,[data-design=night] .widget,[data-design=night] .blogList,[data-design=night] .blogPost,[data-design=night] .sitePost,[data-design=night] .main>.boxTitle{background:#0d1b2c}[data-design=night] .hmBox li .box{background:#14283e;border-color:#203c54}[data-design=night] .hmBox li .box:hover{border-color:#28caff}[data-design=night] .tutorial{background:#103147;color:#95deff}[data-design=night] .home{background:#08111e}[data-design=night].home #container>.inner{grid-template-columns:240px minmax(0,1fr)}[data-design=night].home .sidebar{grid-column:1;grid-row:1 / span 4}[data-design=night].home .hmBox,[data-design=night].home .hmBox:first-child{grid-column:2;grid-row:auto}[data-design=night] .entry [style]{background-color:transparent!important;color:inherit!important}[data-design=night] .pagination a,[data-design=night] .pagination span{background:#14283e}[data-design=night] .siteIcon img{background:white;padding:3px}[data-design=night] .hero,[data-design=night] .hmBox,[data-design=night] .widget{border-radius:5px}
body[data-design=orange]{--blue:#f36a20;--bg:#fffaf5;--ink:#34251d;--muted:#8c786b;--line:#efe1d6}[data-design=orange] .hero{background:#ffead7;text-align:center;padding:40px}[data-design=orange] .hero p{color:#9a6950}[data-design=orange] .hero .searchbar{margin:auto;border:2px solid #f36a20;max-width:800px}[data-design=orange] .chips{justify-content:center}[data-design=orange] .chips a{color:#97674b;border-color:#efccb1}[data-design=orange] .shortcuts{border:0;background:transparent;gap:12px}[data-design=orange] .shortcuts a{background:white;border:1px solid #efd8c6;border-radius:10px}[data-design=orange] .tutorial{background:#fff0dc;color:#ab4c0c}[data-design=orange].home #container>.inner{display:block}[data-design=orange].home .sidebar{display:none}[data-design=orange].home .hmBox{margin-bottom:24px;padding:28px}[data-design=orange].home .hmBox>ul{grid-template-columns:repeat(4,minmax(0,1fr))}[data-design=orange] .hmBox li .box{border:0;background:#fffaf6;display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start}[data-design=orange] .name{margin:0 0 8px}[data-design=orange] .intro{-webkit-line-clamp:2}[data-design=orange] .hmBox[data-section="3"] .box{display:block}[data-design=orange].home .hmBox[data-section="3"]>ul{grid-template-columns:1fr 1fr}
body[data-design=editorial]{--blue:#b82222;--bg:#fff;--ink:#181818;--muted:#737373;--line:#dedede}[data-design=editorial] #header .inner{min-height:110px}[data-design=editorial] .brand b{font-family:Georgia,"SimSun",serif;font-size:26px}[data-design=editorial] .mark{color:#191919}[data-design=editorial] .hero{background:#fff;border-radius:0;border-top:3px solid #191919;border-bottom:1px solid #191919;padding:38px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:20px 50px}[data-design=editorial] .hero h1{font-family:Georgia,"SimSun",serif;font-size:46px;grid-column:1;grid-row:1 / span 2;max-width:430px}[data-design=editorial] .hero p{grid-column:2;font-size:15px;margin:0;color:#777}[data-design=editorial] .hero .searchbar{grid-column:2;border-color:#222;border-radius:0}[data-design=editorial] .hero .chips{grid-column:2;margin:0}[data-design=editorial] .chips a{border:0;padding:0 12px 0 0;color:#777}[data-design=editorial] .shortcuts{border:0;border-bottom:1px solid #222;border-radius:0}[data-design=editorial] .shortcuts strong{display:none}[data-design=editorial] .shortcuts a{padding:10px 20px;margin-bottom:20px}[data-design=editorial].home #container>.inner{display:block}[data-design=editorial].home .sidebar{display:none}[data-design=editorial] .hmBox{padding:24px 0;border:0;border-radius:0;border-bottom:1px solid #222;margin-bottom:24px}[data-design=editorial] .boxTitle .title{font-family:"SimSun",serif;font-size:26px}[data-design=editorial] .hmBox li .box{border:0;border-radius:0;border-left:1px solid #ddd;padding:4px 20px;box-shadow:none}[data-design=editorial] .hmBox>ul{grid-template-columns:repeat(4,minmax(0,1fr))}[data-design=editorial] .siteIcon{display:none}[data-design=editorial] .name{font-size:19px;margin-top:0}[data-design=editorial] .hmBox[data-section="3"] .box{border-left:3px solid #b82222;padding:10px 22px}[data-design=editorial] .hmBox[data-section="3"] .name{font-family:"SimSun",serif;font-size:22px}[data-design=editorial] .blogPost,[data-design=editorial] .blogList,[data-design=editorial] .widget,[data-design=editorial] .sitePost{border-radius:0}[data-design=editorial] .blogPost>h1{font-family:"SimSun",serif}[data-design=editorial] .tutorial{background:#f3f3f3;color:#333;border-radius:0}
@media(max-width:1050px){[data-design=orange].home .hmBox>ul,[data-design=editorial] .hmBox>ul{grid-template-columns:repeat(2,minmax(0,1fr))}[data-design=editorial] .hero h1{font-size:36px}[data-design=night].home #container>.inner{grid-template-columns:200px minmax(0,1fr)}}@media(max-width:760px){.design-switch{padding:10px;gap:6px;flex-wrap:wrap}.design-switch span{display:none}.design-switch button{font-size:12px;padding:7px 10px}.home #container>.inner,[data-design=night].home #container>.inner{display:block}.home .hmBox{margin-bottom:20px}.home .hmBox[data-section="2"]>ul{grid-template-columns:1fr 1fr}[data-design=orange] .hero{padding:28px 20px}[data-design=orange].home .hmBox{padding:16px}[data-design=orange] .hmBox li .box{display:block;padding:14px}[data-design=orange] .name{margin-top:10px}[data-design=editorial] .hero{display:block;padding:28px 0}[data-design=editorial] .hero h1{font-size:34px;margin-bottom:18px}[data-design=editorial] .hero p{margin-bottom:16px}[data-design=editorial] .hero .chips{margin-top:14px}[data-design=editorial] .hmBox li .box{padding:4px 12px}.home .hmBox[data-section="3"]>ul,[data-design=orange].home .hmBox[data-section="3"]>ul{grid-template-columns:1fr}[data-design=night] .hero{padding:26px 20px}[data-design=night] .hero h1{font-size:28px}}