/* 主体结构 */
.entry,
.entry_pos {
    padding-bottom: 1rem;
}

.entry+.entry {
    border-top: 2px dotted gray;
    padding-top: .5rem;
}


.entry_pos+.entry_pos {
    border-top: 1px dashed gray;
    padding-top: .5rem;
}

/* 词头、音标等 */
.headword {
    font-size: 1.15rem;
    font-weight: bold;
    color: #236;
}

.obj {
    font-style: italic;
}

.pos-header {
    display: inline;
}

.mhw {
    font-weight: bold;
}

.pos,
.x-pos {
    color: #279;
    font-weight: bold;
    white-space: nowrap;
}

.gram {
    font-size: .75rem;
}

.dpron-i,
.var {
    display: inline-block;
    margin-right: .5em;
}

.audio:before {
    content: "";
    display: inline-block;
    user-select: none;
    background: url('data:image/png;base64,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');
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: sub;
    width: 1rem;
    height: 1rem;
    margin: 0 .2em;

}

.audio:hover {
    filter: drop-shadow(0px 1px 1px #789);
    cursor: pointer;
}

.region.dreg {
    color: #222;
    font-weight: bold;
    font-size: .75rem;
    text-transform: uppercase;
}

.ipa .sp {
    vertical-align: super;
    font-size: .75em;
}

.irreg-infls .lab {
    color: #222;
}

.lab {
    font-size: .75rem;
    margin: 0 .2em;
}

.word-form {
    font-weight: bold;
    margin-right: .2em;
}

a.mhw,
a.inf,
a.add,
a.w.add {
    font-weight: bold;
    color: darkolivegreen;
    border-bottom: 1px dashed #cdd;
}


/* 释义、例句 */
.pos-body {
    margin: .5em 0;
}

.sense+.sense,
.sense+.dsense {
    margin-top: 1em;
}

.def-block {
    padding: 0 0 .2em;
    border: 1px solid #eee;
    margin: 0;
}

.def-block+.def-block {
    border-top: 0px;
}


.def-block:first-child {
    margin-top: 0;
}

.def-block:not(.cec-hide) {
    border-color: #eee;
}

.def-block:hover .def-info[onclick] {
    box-shadow: 0 0 1px #789;
    cursor: pointer;
}

.def-block.cec-hide {
    padding: 0em;
    margin: 0;
}

.def-block .irreg-infls {
    display: inline;
}

.def-block a {
    font-size: 1em;
}

.def-head,
.def-body {
    padding: .2em 0;
}

.def-info {
    display: block;
    padding: .5em .8em;
}

.def-info .trans {
    margin-left: .3em;
	font-size: .85rem;
	font-weight: bold;
	display: inline-block;
	color: #007a6c;
	background: rgba(0, 122, 108, .2);
	border-radius: 3px;
	padding: 0 2px;
}

.def-block:not(.cec-hide) .def-info {
    background: linear-gradient(to bottom, #dee8e3, #f3f7eb 5px);
}

.defs .def-block:not(.cec-hide) .def-info {
    background: linear-gradient(to bottom, #e3e2e8, #f3f3f3 6px)
}

.sense-body {
    margin-top: .2em;
}

.guideword {
    color: #63d;
    display: block;
    margin-left: calc(2.1em + 1px);
    position: relative;
    text-transform: lowercase;
}

.guideword:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 21%;
    left: -1.3em;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 11px solid #a8f;
}

.cefr {
    background-color: #235;
    color: #eee;
    border-radius: .25em;
    padding: 0 .25em;
    margin-right: .2rem;
    font-size: .65rem;
    font-weight: bold;
    display: inline-block;
}

.def {
    font-size: 105%;
    border-top: 1px dotted gray;
    padding: .25em .8em;
}

.trans {
    margin: 0 .2em;
    font-size: 1em;
}

.exa {
    margin: .2em 1.25em;
}

.exa,
.exa a.query {
    color: #456;
}

.exa:before {
    content: "\2748\20";
    color: #456;
}


.exa .lu {
    font-weight: bold;
    margin-right: .2em;
    border-bottom: 2px solid #eee;
}

.exa .eg {
    font-style: normal;
}

.exa>.trans {
    color: #06a;
    font-size: 1em;
}


.more_exa {
    margin: .5em .85em;
    padding: 0;
}

.more_exa .ex-title {
    font-weight: bold;
    display: block;
}

.more_exa .ex-title:hover {
    font-weight: bold;
    background-color: #eee;
    cursor: pointer;
}

.more_exa .eg {
    margin: .3em 1.4em;
}

/* 派生词 */
.runon {
    margin: 1em 0;
}

.runon-head {
    display: block;
    margin: .5em 0;
}

.runon-head * {
    display: inline;
}

.runon-head .dpron-i {
    display: inline-block;
}

.w.dw {
    font-size: 1.1em;
    color: purple;
    position: relative;
    margin-left: 1.5rem;
}

.w.dw:before {
    content: "";
    background-color: purple;
    height: 2px;
    width: 1.3rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -1.5rem;
}

/* 短语动词、习语 */
.phrasal_verbs,
.idioms {
    margin: 1rem 0;
}

.xref-title {
    font-weight: bold;
    display: block;
    padding: .3em .8em;
    background-color: #f1f3e8;
    border-bottom: 1px dotted #eee;
}


.phrasal_verbs .def-block,
.idioms .def-block {
    border-style: dotted;
}

.phrasal_verbs .def-info,
.idioms .def-info {
    padding: .25em .8em;
}

.show-more {
    padding: .25em calc(.8em + 1px);
}

.show-more {
    display: block;
    margin-top: .5em;
    font-weight: bold;
}

.cec-hide .show-more {
    border-bottom: 2px solid #ccc;
}

.xref .headword {
    font-size: 1em;
    margin-right: .2em;
}

.cec-hide .def-block {
    display: none;
}

.xref .di-info>.pos {
    display: none;
}

/* 杂项 */
.pos-header,
.word-form,
.lab,
.x-pos,
.vc .pos,
.ex-title,
.xref-see,
.show-more,
.usage-note {
    font-stretch: condensed;
}

.phrase-title {
    margin-right: .2em;
}

.usage,
.region,
.lab {
    color: green;
}

.region {
    font-weight: bold;
}

.domain {
    font-size: .8em;
    font-weight: bold;
    color: green;
    padding: 0px .2em;
    text-transform: uppercase;
}

.v.dv {
    font-weight: bold;
}

h3 {
    padding: 0;
    margin: 0;
    font-size: 1em;
}

a {
    color: #222;
    text-decoration: none;
    font-size: 1em;
}

a.Ref {
    font-weight: bold;
    color: #236;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

.xref {
    margin: 1rem 0;
    outline: 1px solid #eee;
}

.xref-see,
.usage-note {
    margin: .5em 0;
    padding: .25em .7rem;
    font-size: .7rem;
    border: 1px solid #eee;

}

.def-block .xref-see,
.def-block .usage-note {
    margin: .5em .8em 0;
}

.xref-see .ref-title,
.usage-note .note-title {
    font-weight: bold;
}

.xref-see.opposite .ref-title,
.xref-see.opposites .ref-title {
    color: darkred;
}

.xref-see .ref-item {
    padding: 0 .25em;
    font-weight: bold;
    display: inline-block;
}

.xref-see .ref-item+.ref-item {
    border-left: 1px dashed #789;
}

td {
    outline: 1px solid gray;
    padding: .2em .5em;
}

.gloss,
.gloss a {
    color: darkgreen;
}

li::marker {
    color: #789;
}

.x-num {
    color: #63d;
    text-transform: lowercase;
}

.b {
    font-weight: bold;
}

/* 折叠与展开 */
.cec-hide .def-info:not(.notrans)+.def,
.cec-hide .def-body,
.cec-hide .eg,
.cec-hide .more_exa {
    display: none;
}

.defs .cec-hide~.def-block {
    display: none;
}

.defs .def-block:not(.cec-hide),
.defs .def-block:not(.cec-hide)~.def-block {
    border-color: #63d;
}

.defs .def-block:not(.cec-hide)~.def-block {
    border-top-width: 0px;
    margin-top: 0;
}

.defs .def-block:not(:last-child) {
    margin-bottom: 0;
}

.more_exa.cec-hide .ex-title {
    font-size: .7rem;
    font-weight: normal;
    color: #789;
}

.more_exa.cec-hide .cross,
.entry+.smart-voc.cec-hide .cross {
    left: 3px;
    margin-right: 3px;
}

.more_exa.cec-hide .cross:before,
.more_exa.cec-hide .cross:after {
    width: 6px;
    background-color: #abc;
}

.cross {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: .2em;
    top: .5px;
}

.cross:before,
.cross:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 2px;
    background-color: #789;
    position: absolute;
    top: 50%;
    transition: .1s;
}

.cross:before {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.cross:after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.cec-hide .cross:before {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.cec-hide .cross:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.def-block[more] .cross:before,
.def-block[more] .cross:after {
    background-color: #63d;
}

.noexample .cross:before,
.noexample .cross:after {
    background: linear-gradient(to right, #789 30%, transparent 40%, transparent 60%, #789 70%)
}