body{margin:0;background:#fff7fb;font:14px Verdana,Tahoma,Arial,sans-serif;color:#222}
a{color:#c94c8d;text-decoration:none}a:hover{text-decoration:underline}
.header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(#fff,#ffe8f3);border-bottom:2px solid #dca3c1;box-shadow:inset 0 1px #fff}
.logo{font-size:30px;font-weight:bold;color:#c94c8d}.subtitle{font-size:11px;color:#777}
.search input{padding:5px;border:1px solid #dca3c1;background:#fffdfd}
.container{display:flex}
.sidebar{width:220px;background:#ffe7f3;border-right:2px solid #dca3c1;padding:18px;min-height:100vh}
.sidebar h3{border-bottom:1px solid #dca3c1;color:#b13b73}
.sidebar ul{list-style:square;padding-left:18px}
.stamp{margin-top:30px;font-size:11px;background:#fff;border:1px dashed #dca3c1;padding:8px;text-align:center}
.content{flex:1;background:#fff;padding:28px}
h1,h2{font-weight:normal;color:#b13b73;border-bottom:1px solid #ecc5d9}
.notice{background:#fff3f9;border:1px solid #ebb8d3;padding:10px;margin:15px 0}
.infobox{float:right;width:260px;background:#fffafb;border:2px solid #dca3c1;margin-left:20px}
.infobox-title{text-align:center;padding:8px;background:linear-gradient(#ffdceb,#ffc8df);font-weight:bold}
.placeholder{height:220px;display:flex;align-items:center;justify-content:center;background:#fff0f7;border-top:1px solid #ebb8d3;border-bottom:1px solid #ebb8d3}
.infobox table{width:100%;border-collapse:collapse}.infobox td{padding:7px;border-top:1px solid #f3d4e3}
.toc{width:240px;border:1px solid #dca3c1;background:#fff8fc;padding:10px}
.footer{margin-top:60px;font-size:11px;color:#666;border-top:1px solid #ecc5d9;padding-top:10px}
.quote{
    width:70%;
    margin:25px auto;
    padding:15px;
    text-align:center;
    font-style:italic;
    background:#fff8fc;
    border:1px solid #efc7dc;
}

.quote-author{
    margin-top:8px;
    font-style:normal;
    font-size:12px;
    color:#777;
} .infobox-image img{
    width:100%;
    display:block;
}