﻿/* 主体结构 */
.cb24 {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: .5em;
    font-size: 1.3em;
}

.cb24.collo,
.cb24.idiom {
    display: block;
}

/* 词条内容导航 */
.contents {
    margin-bottom: 1em;
    max-width: max-content;
    border-bottom: 1px solid gray;
}

.contents:before {
    content: "Contents";
    display: block;
    border-bottom: 2px solid gray;
}

.contents>.lbl-misc {
    display: block;
    color: #16a;
}

.contents>.lbl-misc+.lbl-misc {
    border-top: 1px dashed gray;
}

.lbl.misc {
    color: #222;
    background-color: #eee;
    margin: 0 -5px;
    padding: .2em .5em;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 2px solid gray;
    border-bottom: 1px solid gray;
}

.lbl.misc+.inflected_forms,
.lbl.misc+.hom {
    margin-top: .5em;
}

.misc.definitions {
    padding: 0 5px 5px;
    margin-top: .5em;
}

/* 词头、音标、星级 */
.headword {
    font-size: 1.1em;
    font-weight: bold;
    color: #c33;
}

.word-frequency {
    float: right;
    margin: 0 .2em;
    vertical-align: middle;
    user-select: none;
}

.level.roundRed {
    background: radial-gradient(rgba(255, 182, 182, .3), #f00);
}

.level {
    background: radial-gradient(rgba(255, 182, 182, 0), #fcc);
    display: inline-block;
    border-radius: 1em;
    margin: 0 -1px;
}

.level1 {
    width: 8px;
    height: 8px;
}

.level2 {
    width: 9px;
    height: 9px;
}

.level3 {
    width: 10px;
    height: 10px;
}

.level4 {
    width: 11px;
    height: 11px;
}

.level5 {
    width: 12px;
    height: 12px;
}

.pronunciation {
    display: inline-block;
    margin: 0 .2em;
}

.pronunciation .orth {
    font-weight: bold;
}

.lbl {
    color: #789;
    margin-left: .3em;
}

.lbl+.lbl {
    margin-left: 0;
}

.lbl.type-misc {
    color: gray;
    font-size: .75em;
}

.lbl.type-register,
.lbl.type-subj {
    color: green;
    font-weight: normal;
}

.lbl.type-geo {
    color: green;
    font-family: serif;
    font-weight: normal;
}

.inflected_forms {
    display: block;
}

.inflected_forms .orth {
    font-weight: bold;
}

/* 释义和例句 */
.hom {
    margin: .5em 0 1em;
}

.sensenum {
    font-family: serif;
}

.hom .hom .sensenum {
    font-size: 1em;
    font-style: italic;
    color: #dbb;
    font-variant: oldstyle-nums;
}

.sense:not(.inline) {
    margin: .1em 0 0 1em;
    border-top: 1px solid gray;
}

.sense+.sense:not(.inline) {
    margin-top: 1em;
}

.sense.inline {
    display: inline;
}

.sense.inline.hom {
    margin-left: 1em;
}

.sense .def {
    margin-left: -.2em;
    padding-left: .2em;
}

.def {
    background-color: #f1f8e9;
}

.def .lbl {
    color: darkgreen;
}

.def .lbl.type-mod {
    color: #222;
}

.def>.ref {
    color: #222;
    background: linear-gradient(to bottom, transparent, transparent 93%, rgba(0, 136, 0, 0.21) 98%, rgba(0, 136, 0, 0.4) 100%);
    font-size: 1em;
}

.def>.xr {
    color: #800;
    font-weight: bold;
}

.def>.xr.here {
    color: #c33;
    border-bottom-width: 0;
}

.sense>.examples {
    margin-top: .5em;
    margin-bottom: .5em;
}

.examples .cit {
    margin: 0;
}

.examples .cit:not(.quote) {
    display: grid;
    grid-template-columns: 1em auto;
    grid-gap: .2em;
    max-width: max-content;
    position: relative;
    color: #456;
}

.cit>* {
    justify-self: start;
}

.cit .quote {
    margin-right: .2em;
    font-style: italic;
    grid-column-start: 2;
}

.cit.nosound:before {
    content: ">";
    color: #c33;
    justify-self: center;
}

.tips {
    margin-left: .2em;
}

.type-syntax,
a.lbl.type-syntax {
    font-size: .65em;
    color: gray;
    font-style: normal;
    display: inline-block;
    margin-left: .2em;
    align-self: center;
}

/* 派生词 */
.type-drv>.orth {
    color: purple;
    font-weight: bold;
    font-size: .9em;
    position: relative;
    margin-left: 1.5em;
}

.type-drv>.orth.add {
    color: #800;
}

.type-drv>.orth:before {
    content: "";
    background-color: purple;
    height: 2px;
    width: 1.3em;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -1.5em;
}

.form.type-drv {
    margin: 0;
    background-color: #fff3f3;
    display: block;
}

/* 同类词 */
.thes {
    font-size: .7em;
    margin: 0;
}

.thes a {
    font-size: 1em;
    border-bottom-width: 0;
}

a.form.empt {
    font-style: italic;
}

a.add {
    border-bottom: 1px dashed #cdd;
}

/* 从其它页面导入的短语 */
.hom.ext.cb-hide .sense {
    display: none;
}

.hom.ext>.phr-ext {
    display: inline-table;
    width: calc(100% - 2em);
    color: #222;
}

.hom.ext>.phr-ext>.rhw {
    font-weight: bold;
    margin: 0 .2em 0 1em;
}

.cross {
    position: relative;
}

.cross:before,
.cross:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 2px;
    background-color: #789;
    position: absolute;
    top: 50%;
    transition: .2s;
}

.cross:before {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.cross:after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.cb-hide .cross:before {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.cb-hide .cross:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.phr-ext:hover {
    background-color: #eee;
    cursor: pointer;
    text-shadow: 0 0;
}

/* phrasal verb 和 idiom */
.phrasal-verb>b.title,
.idiom>.title {
    padding: 0;
    margin: 1.5em 0 .5em;
    display: block;
    font-weight: bold;
}

.phrv-ext.cb-hide .phrv-def,
.idm-ext.cb-hide .idm-sense {
    display: none;
}

.phrasal-verb>.phrvs,
.phrasal-verb>.phrv-ext,
.idms {
    margin: .5em;
}

.phrv-ext,
.idm-ext {
    outline: 1px solid;
    outline-color: #eee;
}

.phrv-hw,
.idm-hw {
    display: block;
    color: #222;
    font-weight: bold;
    padding: .25em .8em;
}

.phrv-hw .rhw,
.idm-hw .ihw {
    margin-left: 1em;
}

.phrv-ext:not(.empt)>.phrv-hw:hover,
.idm-hw:hover {
    background-color: #eee;
    cursor: pointer;
}

.phrv-def,
.idm-sense {
    margin: 0 .8em .35em;
}

.cb24>.mini_h2 .orth {
    font-weight: bold;
}

.mini_h2 {
    font-weight: normal;
    font-size: .75em;
}

.mini_h2 .orth {
    font-weight: bold;
}

.phrv-def>.hom {
    margin: .0;
}

.phrv-ext.empt {
    padding: .25em 1.65em;
}

.type-phrasalverb.xr.here {
    padding: .25em .5em;
}

.phrv-ext.empt>.rhw {
    font-weight: bold;
    padding: .2em;
}

.phrv-ext.empt>.rhw:after,
.definitions>a.xr.ref:before {
    content: "\20\27a4\20";
    font-weight: normal;
    color: gray;
    font-style: italic;
    padding: 0 .2em;
}

.phrv-ext.empt>.cross {
    display: none;
}

.phrv-def>.hom>.sense {
    border-top-style: dotted;
}

.phrv.word-frequency {
    transform: scale(.8);
    -webkit-transform: scale(.8);
}

.idm-sense .cit:before {
    content: "//";
    color: #c33;
    margin: 0 .2em;
    display: inline-block;
}

.idm-sense .cit {
    color: #456;
    margin: .5em 0;
}

.idiom .copyright {
    font-size: .5em;
    font-style: italic;
    color: #789;
}

/* quotation */
x.quotation {
    grid-row-start: 1;
}

.quotation .cit.type-quotation {
    margin: 1em 2em;
}

.quotation>.title {
    font-weight: bold;
    margin-top: 1em;
    display: block;
}

.quotation .quote {
    font-style: normal;
    position: relative;
    color: #369;
}

.quotation .quote:before {
    content: "\201c";
    font-size: 1.6em;
    font-family: serif;
    position: absolute;
    color: #789;
    left: -.8em;
    top: -.5em;
}

.quotation a.ref {
    color: #369;
    border-bottom: 1px dashed;
    border-bottom-color: #bbb;
}

.quotation .bibl {
    display: block;
    font-style: italic;
    color: #456;
    font-size: .7em;
}

.quotation .author,
.quotation .bibl .title {
    font-style: italic;
    margin-right: 1em;
    font-variant: small-caps;
}

.quotation .author {
    font-weight: bold;
}

.quotation .bibl .title {
    font-style: italic;
}

/* collocation */
.collocation>.title {
    display: block;
    font-weight: bold;
    margin-top: 1em;
}

.collocation .collos {
    margin: .5em;
}

.collocation .collos.cb-hide .collo:nth-child(n+10) {
    display: none;
}

.collocation .collo {
    display: block;
    min-width: 12em;
    color: #222;
    outline: 1px solid;
    padding: .2em .5em;
    outline-color: #eee;
}

.collocation .collo:hover {
    outline-color: #aaa;
}

.collocation .collos,
.idiom .idms,
.translation>.trans {
    margin-top: .5em;
}

.collos.cb-hide>.more:before {
    content: "show more";
    display: inline-block;
    background-color: #eee;
    padding: .2em .5em;
    margin-top: .1em;
    color: #789;
}

.more:hover {
    text-shadow: 0 0 1px gray;
    cursor: pointer;
}

/* collo examples */
.cb24.collo>.headword:before {
    content: "Collocation";
    font-weight: bold;
    float: right;
    font-size: .9em;
    color: #222;
}

.cb24.collo>.headword:after {
    content: "COBUILD";
    font-weight: normal;
    font-family: serif;
    float: right;
    font-size: .9em;
    color: #222;
    margin: 0 .2em;
}

.cb24.collo .collo-exa:before {
    border-width: 0;
}

.collos>.collo:hover {
    cursor: pointer;
}

.show.collo {
    font-weight: bold;
}

.show+.collo-exa,
.cb24.collo .collo-exa {
    display: block;
    border-top: 1px solid gray;
    background-color: #fff;
    border-top: 2px solid gray;
    border-bottom: 1px solid gray;
    margin: 0 0 .5em 0;
}

.cb24.collo .collo-exa {
    margin-top: .5em;
    margin-right: 0;
}

.collo-exa {
    display: none;
    margin: 0;
    padding: .2em;
    position: relative;
}

.collo-exa .cit:not(:last-child) {
    border-bottom: 1px dotted gray;
}

.collo-exa .cit {
    padding: .5em 1em;
}

.collo-exa .cit .quote,
.blockquote {
    font-style: normal;
    margin: 0;
    color: #456;
}

.collo-exa .cit .credits {
    color: #456;
    font-size: .65em;
    font-variant: small-caps;
    font-style: italic;
}

.collo-exa .cit .credits .author {
    font-weight: bold;
}

.collo-exa a {
    color: #456;
    border-bottom: 1px dashed #789;
}

.emph {
    font-style: normal;
    color: #c33;
}

/* translation */
.translation .subtitle {
    font-weight: bold;
}

.translation .title {
    font-stretch: condensed;
    color: #222;
}

.translation .trans {
    margin-left: 1em;
}

.translation .trans .sense {
    color: green;
    display: inline;
    border-width: 0;
    margin: 0;
    font-size: 1em;
}

.translation .sense .orth {
    font-style: normal;
    font-weight: bold;
    color: #222;
    padding-right: .2em;
}

/* image */
.image .entry_title {
    color: #c33;
    font-weight: bold;
}

.image .blockDiagram {
    position: relative;
}

.image .blockDiagram>a {
    position: absolute;
    border-bottom: 1px dashed gray;
}

.image img {
    max-width: 240px;
    height: auto;
    cursor: zoom-in;
}

.image img.zoom-out {
    max-width: 100%;
    cursor: zoom-out;
}

.image[data-type-block="Vocabulary Builder"] img {
    cursor: initial;
}

.imageDescription {
    font-style: italic;
    color: #456;
}

img {
    user-select: none;
}

.image#images {
    display: none;
}

.image#images[data-type-block="Vocabulary Builder"] {
    display: none;
}

/* 杂项 */
a {
    text-decoration: none;
    color: #800;
}

.title {
    border-bottom-width: 0;
}

.hwd_sound.online:before,
.exa_sound.online:before {
    content: "";
    display: inline-block;
    user-select: none;
    vertical-align: sub !important;
}

.hwd_sound.online:before {
    background: url('data:image/png;base64,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');
    background-repeat: no-repeat;
    background-size: cover;
    width: 1em;
    height: 1em;

}

.exa_sound.online:before {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAEX0lEQVQ4jYWUW2xUVRSG/30558z1nNJOC0xpi23BWoptiVolIAmQiIHoC/HBSMSQyIuG+ICX6JOXmEBikMiDryYag08aNGDUqLUiUsACYmktlBnbTlva6VzPzJx9MaelQVBkPa6917fX+tdam1y4b8umpqk/3guislIraPyPEQLiSnol2b5hr2psOsvcvO+9JYAUa5ZPiLlMNuU0fGSJMr3t/KZpoGIE1LLc2PMkEjYHN+5cbrk5QN+aA7dkqXo8Gn87uarniEkkoNUdgV7EAU+ckw3XBt7VM9fhSQly4/4il0vQnMFJuMpmRiCV6tBK/WfZBKDlmH2RExXwGM/7Hh8mqYEKOGghP68J10JCxqqvhrluaL7cexqAWsjnVp7W2vizNtbkGYEkUdLwgz1qwnRzqOdpGO0r4efCCWfg05NtM6u7P/t96zMBCKFvAxIKsKBwm/PBmvFQZbRDMcMilMIlATRmz2GpNQk0tgNSgGulIKJ20irl4/WDpz6E9tW4oYjfVoB5Vmgm2frgs0Z6CuWy99JY4/0HhCColWOoo5PQzIF0FSAVuB9LDE6NoAntebl5FlnIkAkvTLQOS2blK4Uilo4Nr4snL9QX7drRaRGYiNeMg5BKtWLWLMJhIJsF91Onc+m4G4iMT23a/pzyhJ7vAOekUPDKxYKAlZ1G82Dfgbp0cr//lizm8qY7F+W+2jP4mI4n16rpiRUIhcC1lJDLakdC5XxTY+8Xv2jKpPaEIEIYqZbuQ5JFDradP/6WA7F/UVRP6iSvrYG5pgk6yPeR3vOX2edfHxO7d+7ghDHwXGZlBubR4eXd3YLSFKmrgXSqQGdnsPr0icMOxIv/bLngVqlKz4Kf+PmY7Op4Uz+1rYUfPT5Cf+p/koMx6HzRcqfSkjasSFWPXHg4lkg8rWxbG2N/tdilue3/HnIJ7WtmRGz2w8Apb9djBE74DDs5cGS+KWBcai0RKqZjLYmBk1R4d15ofxuUtDKVIERn86P8WJ9mfb9tVm1Nr9CzQ99Q/4KyLLDZ64j+2he/G2xhMKlSM2mIqAMssXMkU9iNYiXhjw1dWAMFbVrwItHyXWmLxjiIVIDnGRDeFCiYf0L94UWpBBUIId/VM1oIVZ28G0spwKwyYSQT65B3A6omchBzma3gHJyWXEeGY5NYuxa62i6PRiPreeLKEqWJacjKmtaLP357O1CCle2gB9p/qVfXxvrVlo2TxuFPDmkn+BV3zVCivjz5hjPcdy/PZ7kwA1ll8hRhTE+Y8RPnHnrika4zX/YRKeflWShLmW5GQq1r36M7Oz9lZ4df90WQna17MLxtV8dsdOl3OR4eyfLIUNaIDmVNeyjLI1cTDZ2vfb/zZVzq2bFRUr645DpHAqn++ANwH18P3dn8gu+T67v2VV7dCy6cJRcvt27YrKn/Wd/8ZLQnYUUtxDITmKtr7L3W1rOhLjn4juGV7vEse5iEIxClElAotGnH/ECuaniflDz8DeCQFR2bHSQjAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-size: cover;
    width: .9em;
    height: .9em;

}

.hwd_sound.online:hover,
.hwd_sound.mdd:hover,
.exa_sound.online:hover {
    filter: drop-shadow(0px 1px 1px #789);
}

.hwd_sound.mdd:before {
    background: unset;
    width: 1em !important;
    height: 1em !important;
    display: none;
}

a:hover {
    color: 0 0 1px #789;
}

.type-exa_sound {
    grid-column-start: 1;
    grid-row-start: 1;
    align-self: start;
}

.pos {
    font-weight: bold;
    color: #279;
    font-size: .75em;
    margin-right: .2em;
    font-stretch: condensed;
}

.tgg {
    opacity: 0;
}

.hom>.gramGrp:first-child {
    margin-left: 1em;
}

.cefr {
    background-color: #c33;
    color: #eee;
    border-radius: 1em;
    padding: 0 .4em;
    font-size: .65em;
    font-weight: bold;
    transform: scaleY(.9);
    -webkit-transform: scaleY(.9);
    display: table-cell;
}

.rend-b,
.rend-b>a {
    color: #c33;
    font-weight: bold;
}

.rend-i {
    font-style: italic;
}

.hi.rend-i {
    font-weight: bold;
}

.note .rend-i {
    display: block;
    margin-left: 1em;
    line-height: 1.5em;
}

.note .rend-i:before {
    content: ">";
    color: #c33;
    padding-right: .2em;
}

.rend-sup {
    vertical-align: super;
    font-size: smaller;
}

.rend-sc {
    color: #279;
    font-size: .6em;
    font-weight: bold;
}

.rend-u {
    text-decoration: underline;
    font-weight: bold;
    color: #456;
}

.note .scbold {
    font-weight: bold;
    display: block;
}

.note {
    display: block;
    background-color: #e9eef4;
    margin: .5em 0;
    padding: .5em 1em;
}

.contents:before,
.sense.inline.hom,
.phrv-hw,
.idiom-hw,
.inflected_forms .var,
.xr .lbl,
.thes,
.rhw,
.ihw,
.collocation .collo,
.xr .ref {
    font-stretch: condensed;
}

/* 屏幕足够大时释义和例句分左右栏显示 */
@media (min-width:840px) {
    .grid .sense {
        display: grid;
        /* 左右栏宽度比 */
        grid-template-columns: 2.5fr 3fr;
        align-items: start;
        grid-gap: .2em .5em;
    }

    .grid .sense>* {
        grid-column-start: 1;
    }

    .grid .sense>.examples,
    .grid .sense>.type-syntax {
        grid-column: 2/-1;
        padding-left: .2em;
    }

    .grid .sense>.examples {
        grid-row-start: 1;
        margin: 0;
    }

    .grid .sense>.type-syntax {
        justify-self: start;
    }

    .grid .sense>.def {
        grid-column: 1/2;
    }

    .grid .sense>.thes {
        grid-column: 1/-1;
        border-top: 1px dotted gray;
    }

    .grid .sense.inline {
        display: inline;
    }

    .grid .sense.inline.hom>.xr {
        grid-column: 1/-1;
    }

    .grid .sense.inline.hom {
        display: block;
        border-top: 1px dotted gray;
    }

    .grid .sense>.thes+.thes {
        border-top-width: 0;
    }

    .grid .sense>.note {
        grid-column: 1/-1;
    }

    /* grid切换按钮 */
    .tgg {
        position: relative;
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: 0 5px;
        vertical-align: sub;
        transition: .5s;
        opacity: .5;
    }

    .tgg:hover {
        cursor: pointer;
    }

    .tgg:before,
    .tgg:after {
        content: "";
        display: inline-block;
        height: 2px;
        background-color: #9ab;
        position: absolute;
        top: 50%;
        transition: .5s;
        box-shadow: 0 .3em #9ab, 0 -.3em #59a;
    }

    .tgg:before {
        width: 9px;
        left: 0;
    }

    .tgg:after {
        width: 9px;
        left: 9px;
    }

    .grid .tgg:after {
        width: 6px;
        left: 12px;
        box-shadow: 0 .3em #59a, 0 -.3em #59a;
        background-color: #59a;
    }

    .grid .tgg:before {
        box-shadow: 0 .3em #9ab, 0 -.3em #9ab;
    }

    .grid .tgg {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
    }

    x.collocation .collos.cb-hide .collo:nth-child(n+10) {
        display: inline-table;
    }

    x.collocation .more {
        display: none;
    }

}

/* brightd */
@media (max-width:24em) {
    .diagramContainer a {
        font-size: .5em;
    }
}

/* translations */
x.cb24>.translation {display: none;}
