*,*::before,*::after{box-sizing:border-box}*{margin:0}ul,ol{list-style:none;padding:0}html{scroll-behavior:smooth}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a{text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.01ms !important}}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}@font-face{font-display:swap;font-family:inter;font-stretch:75% 100%;font-style:oblique 0 20deg;font-weight:1 999;src:url(/asset/fonts/Inter.var.c2fe3cb2b7c746f7966a.woff2)format("woff2 supports variations"),url(/asset/fonts/Inter.var.c2fe3cb2b7c746f7966a.woff2)format("woff2-variations")}:root{--font-fallback:BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
    "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-body:Inter, var(--font-fallback);--font-heading:Inter, var(--font-fallback);--font-code:Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;--base-font-size:100%;--base-line-height:1.2;--intermediate-line-height:1.5;--heading-line-height:var(--base-line-height);--heading-letter-spacing:-0.031rem;--font-content-line-height:1.75;--font-body-strong-weight:600;--type-heading-h1-font-size:2.488rem;--type-heading-h2-font-size:2.074rem;--type-heading-h3-font-size:1.728rem;--type-heading-h4-font-size:1.44rem;--type-heading-h5-font-size:1.2rem;--type-base-font-size-rem:1rem;--type-smaller-font-size:0.833rem;--type-tiny-font-size:0.694rem;--type-heading-h1-font-size-mobile:1.802rem;--type-heading-h2-font-size-mobile:1.602rem;--type-heading-h3-font-size-mobile:1.424rem;--type-heading-h4-font-size-mobile:1.266rem;--type-emphasis-m:var(--font-body-strong-weight)
    var(--type-smaller-font-size) / 1.23 var(--font-body);--type-label-s:600 var(--type-tiny-font-size) / 1.2 var(--font-heading);--type-heading-h1:600 var(--type-heading-h1-font-size-mobile) /
    var(--heading-line-height) var(--font-heading);--type-heading-h2:500 var(--type-heading-h2-font-size-mobile) /
    var(--heading-line-height) var(--font-heading);--type-heading-h3:500 var(--type-heading-h3-font-size-mobile) /
    var(--heading-line-height) var(--font-heading);--type-heading-h4:400 var(--type-heading-h4-font-size-mobile) /
    var(--heading-line-height) var(--font-heading);--type-heading-h5:400 var(--type-heading-h5-font-size) /
    var(--heading-line-height) var(--font-heading);--type-heading-h6:400 var(--type-base-font-size-rem) /
    var(--heading-line-height) var(--font-heading);--type-article-p:400 var(--type-base-font-size-rem) /
    var(--font-content-line-height) var(--font-body);--max-width:1440px;--gutter:1rem;--top-navigation-height:4rem;--top-navigation-offset:-4rem;--z-index-a11y:10000;--z-index-modal-content:801;--z-index-modal-overlay:800;--z-index-main-header:700;--z-index-sidebar-mobile:600;--z-index-mid:500;--z-index-nav-menu:200;--z-index-search-results:101;--z-index-low:100;--z-index-search-results-home:99;--z-index-back:-1;--elem-radius:0.25rem;--focus-effect:0 0 0 3px var(--accent-primary-engage);--form-elem-height:2rem;--top-nav-height:4rem;--article-actions-container-height:2rem;--icon-size:1rem;--sticky-header-without-actions-height:calc(var(--top-nav-height) + 1px);--sticky-header-with-actions-height:calc(
    var(--sticky-header-without-actions-height) +
      var(--article-actions-container-height) + 1px
  );--screen-sm:426px;--screen-md:769px;--screen-lg:992px;--screen-xl:1200px;--screen-xxl:1441px;--main-width-pc:80%;--main-width-mobile:85%;--text-primary:#404040;--text-secondary:#4e4e4e;--text-active:#858585;--text-inactive:#9e9e9ea6;--text-link:#2288bb;--text-visited:#551a8b;--text-invert:#fff;--text-muted:#6f6f6f;--background-primary:#fff;--background-secondary:#f9f9fb;--background-tertiary:#ebeaea;--background-toc-active:#ebeaea;--background-mark-yellow:#c7b70066;--background-mark-green:#00d06166;--background-information:#0085f21a;--background-warning:#ff2a511a;--background-critical:#d300381a;--background-success:#0079361a;--background-del:#d3003880;--background-ins:#00793680;--border-primary:#cdcdcd;--border-secondary:#cdcdcd;--button-primary-default:#1b1b1b;--button-primary-hover:#696969;--button-primary-active:#9e9e9e;--button-primary-inactive:#1b1b1b;--button-secondary-default:#fff;--button-secondary-hover:#cdcdcd;--button-secondary-active:#cdcdcd;--button-secondary-inactive:#f9f9fb;--button-secondary-border-focus:#0085f2;--button-secondary-border-red:#ff97a0;--button-secondary-border-red-focus:#ffd9dc;--icon-primary:#696969;--icon-secondary:#b3b3b3;--icon-information:#0085f2;--icon-warning:#ff2a51;--icon-critical:#d30038;--icon-success:#007936;--accent-primary:#0085f2;--accent-primary-engage:#0085f21a;--accent-secondary:#0085f2;--accent-tertiary:#0085f21a;--shadow-01:0 1px 2px #2b2a330d;--shadow-02:0 1px 6px #2b2a331a;--focus-01:0 0 0 3px #0090ed66;--field-focus-border:#0085f2;--code-token-tag:#0069c2;--code-token-punctuation:#858585;--code-token-attribute-name:#d30038;--code-token-attribute-value:#007936;--code-token-comment:#858585;--code-token-default:#1b1b1b;--code-token-selector:#872bff;--code-background-inline:#f2f1f1;--code-background-block:#f2f1f1;--ix-tab-background-active:#fff;--notecard-link-color:#343434;--scrollbar-bg:#0000;--scrollbar-color:#00000040;--category-color:#0085f2;--category-color-background:#0085f210;--code-color:#5e9eff;--mark-color:#dce2f2;--text-primary-red:#d30038;--text-primary-green:#007936;--text-primary-blue:#0069c2;--text-primary-yellow:#746a00;--collections-link:#9e0027;--collections-header:#ffd9dc;--collections-mandala:#ff97a0;--collections-icon:#ff2a51;--updates-link:#0069c2;--updates-header:#f9f9fb;--updates-mandala:#8cb4ff;--updates-icon:#0085f2;--form-limit-color:#696969;--form-limit-color-emphasis:#4e4e4e;--form-invalid-color:#d30038;--form-invalid-focus-color:#ff2a51;--form-invalid-focus-effect-color:#ff2a5133;--highlight-bg:yellow}[data-theme=dark]{--text-primary:#f8faff;--text-secondary:#cdcdcd;--text-active:#858585;--text-inactive:#cdcdcda6;--text-link:#7FCFFF;--text-visited:#ffadff;--text-invert:#292a2d;--text-muted:#858585;--background-primary:#292a2d;--background-secondary:#313131;--background-tertiary:#858585;--background-toc-active:#343434;--background-mark-yellow:#c7b70066;--background-mark-green:#00d06166;--background-information:#0085f21a;--background-warning:#ff2a511a;--background-critical:#d300381a;--background-success:#0079361a;--background-del:#d3003880;--background-ins:#00793680;--border-primary:#858585;--border-secondary:#696969;--button-primary-default:#fff;--button-primary-hover:#cdcdcd;--button-primary-active:#9e9e9e;--button-primary-inactive:#fff;--button-secondary-default:#4e4e4e;--button-secondary-hover:#858585;--button-secondary-active:#9e9e9e;--button-secondary-inactive:#4e4e4e;--button-secondary-border-focus:#0085f2;--button-secondary-border-red:#ff97a0;--button-secondary-border-red-focus:#ffd9dc;--icon-primary:#fff;--icon-secondary:#b3b3b3;--icon-information:#5e9eff;--icon-warning:#afa100;--icon-critical:#ff707f;--icon-success:#00b755;--accent-primary:#5e9eff;--accent-primary-engage:#5e9eff1a;--accent-secondary:#5e9eff;--accent-tertiary:#0085f21a;--shadow-01:0 1px 2px #fbfbfe33;--shadow-02:0 1px 6px #fbfbfe33;--focus-01:0 0 0 3px #fbfbfe80;--field-focus-border:#fff;--code-token-tag:#c1cff1;--code-token-punctuation:#b3b3b3;--code-token-attribute-name:#ff97a0;--code-token-attribute-value:#00d061;--code-token-comment:#b3b3b3;--code-token-default:#fff;--code-token-selector:#bea5ff;--code-background-inline:#343434;--code-background-block:#343434;--ix-tab-background-active:#4e4e4e;--notecard-link-color:#e2e2e2;--scrollbar-bg:#0000;--scrollbar-color:#ffffff40;--category-color:#8cb4ff;--category-color-background:#8cb4ff70;--code-color:#c1cff1;--mark-color:#004d92;--text-primary-red:#ff97a0;--text-primary-green:#00d061;--text-primary-blue:#8cb4ff;--text-primary-yellow:#c7b700;--collections-link:#ff97a0;--collections-header:#40000a;--collections-mandala:#9e0027;--collections-icon:#d30038;--updates-link:#8cb4ff;--updates-header:#000;--updates-mandala:#c1cff1;--updates-icon:#8cb4ff;--form-limit-color:#9e9e9e;--form-limit-color-emphasis:#b3b3b3;--form-invalid-color:#ff97a0;--form-invalid-focus-color:#ff707f;--form-invalid-focus-effect-color:#ff707f33;--highlight-bg:green}@media(min-width:var(--screen-md)){:root{--type-heading-h1:600 var(--type-heading-h1-font-size) /
      var(--heading-line-height) var(--font-heading);--type-heading-h2:500 var(--type-heading-h2-font-size) /
      var(--heading-line-height) var(--font-heading);--type-heading-h3:500 var(--type-heading-h3-font-size) /
      var(--heading-line-height) var(--font-heading);--type-heading-h4:400 var(--type-heading-h4-font-size) /
      var(--heading-line-height) var(--font-heading)}}body{font-family:var(--font-body);font-size:var(--base-font-size);line-height:var(--font-content-line-height);text-rendering:optimizeSpeed;color:var(--text-primary);background-color:var(--background-primary)}em{font-variation-settings:"slnt" -10}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--heading-line-height);letter-spacing:var(--heading-letter-spacing)}h1{font:var(--type-heading-h1)}h2{font:var(--type-heading-h2)}h3{font:var(--type-heading-h3)}h4{font:var(--type-heading-h4)}h5{font:var(--type-heading-h5)}a{color:var(--text-link)}ul ul,ul ol,ol ul,ol ol{padding-left:.75rem}article{h2, h3, h4, h5, h6 { margin: 1rem 0; } p { margin: 0.5rem 0; } ol { list-style: decimal; ::marker { color: var(--text-link); font-weight: bold; } li { margin: 0.5rem 0; } } ul { ::marker { content: " - "; color: var(--text-link); font-weight: bold; } li { margin: 0.5rem 0; }; } pre { padding: 1rem; margin: 1rem auto; max-height: 40vh; overflow: auto; border-radius: 0.5rem; font-family: var(--font-code); font-size: 1rem; background-color: var(--code-background-block); } code:not(pre code), kbd, samp { padding: 0.25em; border-radius: 0.25rem; font-size: 1rem; word-break: break-all; color: var(--text-primary-red); background-color: var(--code-background-block); } hr { margin: 1rem 0; } del { text-decoration-color: var(--text-primary-red); text-decoration-thickness: 1px; text-decoration-style: double; } mark { background-color: var(--highlight-bg); color: var(--text-primary); font-weight: var(--font-body-strong-weight); } dl { margin: 1rem 0; dt { font-weight: bold; margin: 0.5rem 0; } dd { padding-inline-start: 0.75rem; } dd~dd, dt~dt { margin: 0.5rem 0; } } blockquote { margin: 1rem 0; padding: 0 1rem; border-inline-start: 0.2rem solid var(--text-primary-red); } table { margin: 1rem auto; border-collapse: collapse; width: 100%; max-width: 100%; overflow: auto; border-radius: 0.5rem; background-color: var(--background-secondary); thead { background-color: var(--background-information); border-top: 2px solid var(--text-link); border-bottom: 2px solid var(--text-link); font-weight: bold; } tbody { tr { border-bottom: 1px solid var(--text-primary); } } th, td { padding: 0.5rem; text-align: left; } } details { margin: 0.5rem 0; background-color: var(--background-information); border-radius: 0.3rem; padding: 0.5rem; summary { color: red; font-weight: bold; } }}:root{--book-cover-width-pc:100px;--book-cover-height-pc:calc(var(--book-cover-width-pc) * 1.4);--book-cover-width-mob:80px;--book-cover-height-mob:calc(var(--book-cover-width-mob) * 1.4)}body{transition:background-color .3s,color .3s}body.theme-loaded{transition:background-color .3s ease}[data-theme]{transition:background-color .3s ease,color .3s ease}header,main,footer{width:var(--main-width-pc);margin:.3rem auto;padding:.3rem 0;border-bottom:2px solid var(--text-primary)}main{min-height:80vh}footer{border-bottom:none}@media screen and (max-width:768px){header,main,footer{width:var(--main-width-mobile)}}.svg-icon{width:24px;display:flex;align-items:center;justify-content:center}.btn-icon{transition:transform .5s ease;cursor:pointer;margin:.3rem;&:hover { transform:scale(1.2); }}.box-shadow{box-shadow:0 4px 8px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.15)}#btn-return-to-top{opacity:0;visibility:hidden;position:fixed;bottom:20px;right:20px;z-index:99;cursor:pointer;padding:.5rem;border-radius:50%;background-color:var(--background-secondary);box-shadow:0 4px 8px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.15);transition:opacity .3s ease,visibility .3s ease;&:hover { background-color:var(--background-tertiary); } &.show { opacity:1; visibility:visible; }}.search-input-area{position:relative;display:flex;align-items:center;width:80%;margin:.5rem auto;.search-icon { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } #search-input { border: none; border-bottom: 2px solid var(--text-link); outline: none; background-color: transparent; color: var(--text-primary); font-size: 1rem; padding-left: 1.8rem; width: 100%; margin: 0.5rem auto; &::-moz-placeholder { color: var(--text-primary); opacity: 0.7; } &::placeholder { color: var(--text-primary); opacity: 0.7; } }}#search-results{list-style:none;padding:0;margin:1rem auto;width:80%;max-height:50vh;overflow:auto;li { padding: 0.5rem 0; border-bottom: 1px dotted var(--text-primary); ; } a { display: block; padding: 0.5rem 0; color: var(--text-primary); } .book-meta { display: flex; gap: 1rem; font-size: 0.9rem; }}.search-highlight{background-color:var(--highlight-bg);font-weight:var(--font-body-strong-weight)}@media screen and (max-width:768px){.search-input-area{width:100%}#search-results{margin:.5rem auto;width:100%}}.pagination-default{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0;margin:1rem auto;.page-item { a { display: block; padding: 0.5rem; } &.active a, &.disabled a { color: var(--text-primary); cursor: not-allowed; } }}a:has(.external-link-icon){display:inline-flex;svg { width: 1rem; height: 1rem; margin-left: 0.2rem; fill: var(--text-primary); }}.page-404{margin:1rem auto;text-align:center;.num { font-size: 5rem; } a { display: flex; justify-content: center; svg { width: 5rem; height: 5rem; fill: var(--text-primary); } }}.top-nav{display:flex;padding:.2rem 0;align-items:center;justify-content:space-between;a { color: var(--text-primary); } .left ul { display: flex; gap: 1rem; li a { display: flex; gap: 0.2rem; align-items: center; } } .right { .toggle { display: flex; align-items: center; .theme { .dark_mode { display: none; } } .menu { display: none; } } }}.menu-mobile-wrapper{display:none;.menu-mobile { display: none; a { color: var(--text-primary); } }}@media screen and (max-width:768px){.top-nav{.left ul li:not(.home) { display: none; } .right { .toggle { .menu { display: block; .menu_close { display: none; } } } }}.menu-mobile-wrapper{display:block;.menu-mobile { margin-top: 0.3rem; border-top: 2px solid var(--text-primary); ul { display: flex; flex-direction: column; li { padding: 0.5rem 0; border-bottom: 1px solid var(--text-primary); } li:last-child { border-bottom: none; padding-bottom: 0; } } a { display: flex; gap: 0.2rem; align-items: center; } }}}main .home{padding:1rem 0;h2 { text-align: center; } &:not(:last-child) { border-bottom: 2px solid var(--text-primary); }}.page-link-title{margin:.5rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card{display:flex;gap:1rem;border-bottom:var(--text-primary)1px solid;padding:1rem 0;&:last-of-type { border-bottom:none; } .book-cover img { width:var(--book-cover-width-pc); height:var(--book-cover-height-pc); border-radius:0.2rem; vertical-align:middle; -o-object-fit:cover; object-fit:cover; box-shadow:0 4px 8px rgba(0,0,0,0.2),0 8px 16px rgba(0,0,0,0.15); } .book-meta { display:flex; flex-direction:column; gap:0.5rem; max-width:calc(100% - var(--book-cover-width-pc) - 1rem); .title { font-size:1.2rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } }}@media screen and (max-width:768px){.book-card{.book-cover img { width: var(--book-cover-width-mob); height: var(--book-cover-height-mob); } .book-meta { max-width: calc(100% - var(--book-cover-width-mob) - 1rem); .title { font-size: 1rem; } }}}.slogan{text-align:center}.page.list{margin:1rem auto;h1 { text-align: center; }}.article-title{text-align:center;margin:1rem auto}.article{display:flex;article { .toc.top { display: none; ul { ::marker { content: none; } } } width: 80%; h2:not(:first-of-type), h3, h4, h5, h6 { margin-top: 2rem; margin-bottom: 2rem; } } aside { width: 20%; .toc.aside { position: fixed; } } .toc { padding: 1rem; max-height: 60vh; overflow: auto; .title { margin-bottom: 0.5rem; } a { color: var(--text-primary); font-size: 0.9rem; opacity: 0.6; transition: opacity 0.3s ease; &:hover { opacity: 1; } } }}@media screen and (max-width:768px){.article{display:block;article { width: 100%; .toc.top { display: block; background-color: var(--background-information); margin-bottom: 1rem; border-radius: 0.5rem; } } aside { display: none; }}}.book-single{.info { display: flex; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px dotted var(--text-primary); .book-cover img { width: calc(var(--book-cover-width-pc) * 1.5); height: calc(var(--book-cover-height-pc) * 1.5); border-radius: 0.2rem; vertical-align: middle; -o-object-fit: cover; object-fit: cover; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 8px 16px rgba(0, 0, 0, 0.15); } .book-meta { display: flex; flex-direction: column; justify-content: space-between; max-width: calc(100% - var(--book-cover-width-pc) * 1.5 - 1rem); .item { display: flex; align-items: center; gap: 0.5rem; .label { opacity: 70%; min-width: -moz-fit-content; min-width: fit-content; } .value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } } } .summary { padding: 1rem 0; border-bottom: 1px dotted var(--text-primary); .value .intro-more { display: inline-block; margin-top: 0.5rem; font-size: 0.9em; } }}@media screen and (max-width:768px){.book-single{.info { .book-cover img { width: calc(var(--book-cover-width-mob) * 1.5); height: calc(var(--book-cover-height-mob) * 1.5); } .book-meta { max-width: calc(100% - var(--book-cover-width-mob) * 1.5 - 1rem); } }}}.english-single{.pronunciation-box { display: flex; flex-direction: column; .us, .uk { display: flex; gap: 0.3rem; align-items: center; .text { font-weight: 600; font-style: italic; } } .us { .text, .audio-icon svg { color: red; } } .uk { .text, .audio-icon svg { color: var(--text-link); } } } .content { .eg_para, .eg_span, .idioms_value { color: var(--text-link); font-weight: 600; } .opp_label, .syn_label, .idioms_label { padding: 0.2rem; border-radius: 0.2rem; color: var(--text-invert); background-color: var(--text-link); font-weight: 600; } .idioms_label { width: -moz-fit-content; width: fit-content; } .opp_value, .syn_value { color: red; font-weight: 600; } }}.english-ipa{.pronunciation-box { display: flex; justify-content: space-between; .left-table, .right-table { width: 45%; .table-name { color: var(--text-link); font-size: 1.5rem; text-align: center; font-weight: 600; padding: 0.5rem 0; } .first-column { display: flex; align-items: center; .audio-btn svg { color: var(--text-link); } } } .right-table { display: flex; flex-direction: column; gap: 1rem; } .emphasis { color: #36b100; font-weight: 600; } }}@media screen and (max-width:768px){.english-ipa{.pronunciation-box { flex-direction: column; align-items: center; justify-content: center; .left-table, .right-table { width: 100%; } }}}