:root{color:#18211d;background:#e8e4d8;font-family:Songti SC,SimSun,serif}*{box-sizing:border-box}body{background-color:#e8e4d8;background-image:linear-gradient(#00000008 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}main{background:#f7f4e9;border-left:1px solid #aaa596;border-right:1px solid #aaa596;max-width:1160px;min-height:100vh;margin:auto;padding:0 46px;box-shadow:0 0 50px #453f3420}header{border-bottom:3px double #242a27;justify-content:space-between;align-items:center;height:86px;display:flex}header a{color:inherit;align-items:baseline;gap:7px;text-decoration:none;display:flex}header a b{font-size:28px}header a span{color:#9f3227;font:italic 18px Georgia,serif}header nav{gap:4px;display:flex}header nav button{background:0 0;border:0;padding:9px 12px;font-size:11px}header nav button.active{color:#fff;background:#1f2924}header nav i{color:#d96f5f;font-style:normal}.intro{border-bottom:1px solid #aca697;grid-template-columns:1fr 270px;gap:50px;padding:60px 0;display:grid}.intro p{letter-spacing:.15em;color:#9f3227;font:10px monospace}.intro h1{letter-spacing:-.07em;margin:22px 0;font:600 clamp(60px,8vw,94px)/.92 Songti SC,SimSun,serif}.intro h1 em{border-bottom:8px solid #e5b944;font-style:normal}.intro>div>span{color:#625f55;font-size:14px}.poster{color:#fff;background:#9f3227;flex-direction:column;justify-content:space-between;min-height:285px;padding:27px;display:flex;position:relative;box-shadow:8px 8px #d8bd61}.poster i{font:80px/1 serif}.poster b{font-size:29px;line-height:1.1}.poster small{letter-spacing:.12em;color:#f0cfc8;font:9px monospace}.search{border-bottom:3px double #242a27;padding:34px 0}.search>label{margin-bottom:9px;font-size:12px;font-weight:700;display:block}.search>div:nth-child(2){border-bottom:2px solid #222;display:flex}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:13px 2px;font-size:25px}.search #clear{color:#817d71;background:0 0;border:0;font-size:28px}.chips{flex-wrap:wrap;align-items:center;gap:7px;margin-top:17px;display:flex}.chips span{color:#8c8678;margin-right:6px;font-size:10px}.chips button{background:0 0;border:1px solid #aaa394;padding:6px 11px;font-size:10px}.chips button:hover{background:#e5b944}.catalog{padding:35px 0 55px}.catalogHead{border-bottom:1px solid #292e2b;justify-content:space-between;padding-bottom:12px;font-size:11px;display:flex}.catalogHead b{font-weight:400}.catalogHead i{color:#a2372c;font:700 21px Georgia,serif}.grid article{border-bottom:1px solid #bdb6a7;grid-template-columns:150px 1fr;padding:35px 0;display:grid}.mark{border-right:1px solid #bdb6a7;flex-direction:column;justify-content:space-between;min-height:260px;display:flex;position:relative}.mark>span{color:#9c9587;font:10px monospace}.mark>b{writing-mode:vertical-rl;align-self:center;font-size:64px;font-weight:400}.favorite{background:0 0;border:1px solid #999286;align-self:flex-start;width:34px;height:34px;font-size:20px}.favorite.saved{color:#692f27;background:#e5b944;border-color:#b9942f}.content{padding-left:34px}.name{justify-content:space-between;align-items:start;display:flex}.name h2{margin:0;font-size:27px}.name p{gap:5px;margin:0;display:flex}.name p span{border:1px solid #aaa394;padding:5px 7px;font-size:9px}dl{grid-template-columns:1fr 1fr;gap:22px 30px;margin:28px 0;display:grid}dl div{border-top:2px solid #28302c;padding-top:8px}dt{margin-bottom:7px;font-size:10px;font-weight:700}dd{color:#57574f;margin:0;font-size:13px;line-height:1.7}.misuse{border-color:#a63c30}.misuse dt{color:#a63c30}.examples{background:#eae3ca;padding:15px 18px}.examples>span{color:#897851;font:9px monospace}.examples p{margin:9px 0;padding-left:17px;font-size:13px;position:relative}.examples p:before{content:"例";color:#a2372c;font-size:9px;position:absolute;left:0}#empty{text-align:center;border-bottom:1px solid #bdb6a7;padding:80px 20px}#empty b{font-size:24px}#empty p{color:#777166;font-size:12px}#empty button{color:#fff;background:#9f3227;border:0;padding:9px 15px}footer{border-top:3px double #242a27;justify-content:space-between;align-items:center;padding:26px 0 45px;display:flex}footer div b,footer div span{display:block}footer div span,footer p{color:#847e72;font-size:9px}article[hidden]{display:none}@media (width<=720px){main{border:0;padding:0 18px}.intro{grid-template-columns:1fr;padding:42px 0}.intro h1{font-size:60px}.poster{min-height:220px}.grid article{grid-template-columns:85px 1fr}.mark>b{font-size:45px}.content{padding-left:18px}.name{display:block}.name p{flex-wrap:wrap;margin-top:10px}dl{grid-template-columns:1fr}.examples{padding:12px}.search input{font-size:18px}header nav button{padding:7px;font-size:10px}footer{gap:20px}}
