/* THYUU / 星度 26.7.3: extracted author modules; scoped for Hexo. */
@font-face { font-family: thyuu-author-icons; src: url("iconfont.woff2") format("woff2"); font-display: block; }
.thyuu-author-modules {
 --thyuu--color-font: 0deg 0% 20%; --thyuu--color-back-white: white;
 --thyuu--size-small: 12px; --thyuu--size-normal: 16px; --thyuu--size-radius: 16px;
 --thyuu--size-card-normal: 360px; --thyuu--size-icon: 20px; --thyuu--size-span: 16px; --thyuu--size-divs: 24px;
 --thyuu--shadow-white: 0 3.2px 16px 0 hsl(0deg 0% 15% / 4%);
 --thyuu--shadow-normal: 0 3.2px 16px 0 hsl(0deg 0% 15% / 10%);
 --animation-on: cubic-bezier(.6,.1,0,1);
 display: flex; flex-wrap: wrap; gap: 16px;
 font: 400 16px/2 'Misans VF', 'Noto Sans SC', 'PingFang SC', sans-serif;
 color: hsl(var(--thyuu--color-font)); text-rendering: optimizeSpeed;
}
.thyuu-author-modules *, .thyuu-author-modules *::before, .thyuu-author-modules *::after {
 box-sizing: border-box; font: inherit; color: inherit; padding: 0; margin: 0; border: none;
}
.thyuu-author-modules :is(ul,li) { list-style: none; }
.thyuu-author-modules h6 { font-size: 14px; font-weight: 600; line-height: 1.5; }
.thyuu-author-modules a { cursor: pointer; text-decoration: none; transition: .7s cubic-bezier(.6,.1,0,1); }
.thyuu-author-modules img { display: block; max-width: 100%; height: auto; }
.thyuu-author-modules label { cursor: pointer; }
:root[data-theme="dark"] .thyuu-author-modules { --thyuu--color-font: 0deg 0% 85%; --thyuu--color-back-white: hsl(0deg 0% 60% / .1); }
.thyuu-author-modules span {
    display: block;
    font-size: 1.25em;
    font-variant-numeric: tabular-nums;
}
.thyuu-author-modules a::after {
    content: "\e627";
    font-family: thyuu-author-icons;
    width: var(--thyuu--size-icon);
    height: var(--thyuu--size-icon);
    line-height: var(--thyuu--size-icon);
    background: rgb(255 255 255 / .2);
    border-radius: 50%;
    text-align: center;
}
.thyuu-author-modules a:not(.more)[target="_blank"]::after {
    content: "↗";
}
.thyuu-author-modules a.more::after {
    content: "\e645";
}
.thyuu-author-modules a.no-icon::after {
    display: none;
}
.thyuu-author-modules a:not(.no-icon):hover {
    background-size: calc(100% - var(--thyuu--size-icon) - .5em) 1px;
}
.thyuu-author-modules :where(li) {
    flex: auto;
    z-index: 2;
}
.thyuu-author-modules :where(.info) {
    flex: none;
    gap: var(--thyuu--size-span) var(--thyuu--size-divs);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    opacity: .6;
}
.thyuu-author-modules .info a {
    display: flex;
    align-items: center;
    gap: .5em;
}
.thyuu-author-modules section {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    place-content: space-between;
    font-size: var(--thyuu--size-small);
    border-radius: var(--thyuu--size-radius);
    padding: 1.5em;
    gap: 1.5em;
    background-color: var(--thyuu--color-back-white);
    box-shadow: var(--main-depth);
    flex: auto;
    min-height: 15em;
    overflow: hidden;
    transition: all 1s,box-shadow .5s;
}
.thyuu-author-modules section:hover {
    box-shadow: var(--main-depth), 0 0 0 2px rgb(255 255 255 / 40%);
}
.thyuu-author-modules h6,
.thyuu-author-modules .full {
    flex: 100%;
}
.thyuu-author-modules .column {
    flex: var(--thyuu--size-card-normal);
    flex-direction: column;
    align-content: normal;
}
.thyuu-author-modules .place {
    flex: var(--thyuu--size-card-normal);
    color: white;
    background: #32374c;
}
.thyuu-author-modules .place.bj {--map: -25% 25%;} .thyuu-author-modules .place.tj {--map: -25% 25%;} .thyuu-author-modules .place.he {--map: -25% 25%;} .thyuu-author-modules .place.sx {--map: -17% 15%;}
.thyuu-author-modules .place.im {--map: -15% 40%;} .thyuu-author-modules .place.ln {--map: -40% 30%;} .thyuu-author-modules .place.jl {--map:-50% 40%;} .thyuu-author-modules .place.hl {--map: -55% 55%;}
.thyuu-author-modules .place.sh {--map: -35% 0%;} .thyuu-author-modules .place.js {--map: -35% 0%;} .thyuu-author-modules .place.zj {--map: -35% -10%;} .thyuu-author-modules .place.ah {--map: -30% 0%;}
.thyuu-author-modules .place.fj {--map: -30% -20%;} .thyuu-author-modules .place.jx {--map: -25% -15%;} .thyuu-author-modules .place.sd {--map: -30% 15%;} .thyuu-author-modules .place.ha {--map: -20% 5%;}
.thyuu-author-modules .place.hb {--map: -15% 0%;} .thyuu-author-modules .place.hn {--map: -15% -15%;} .thyuu-author-modules .place.gd {--map: -20% -30%;} .thyuu-author-modules .place.gx {--map: -5% -30%;}
.thyuu-author-modules .place.hi {--map: -10% -45%;} .thyuu-author-modules .place.cq {--map: 0% -10%;} .thyuu-author-modules .place.sc {--map: 10% -10%;} .thyuu-author-modules .place.gz {--map: 0% -20%;}
.thyuu-author-modules .place.yn {--map: 15% -20%;} .thyuu-author-modules .place.xz {--map: 50% -5%;} .thyuu-author-modules .place.sn {--map:-5% 10%;} .thyuu-author-modules .place.gs {--map: 15% 15%;}
.thyuu-author-modules .place.qh {--map: 27% 15%;} .thyuu-author-modules .place.nx {--map: 0% 15%;} .thyuu-author-modules .place.xj {--map: 55% 30%;} .thyuu-author-modules .place.tw {--map: -35% -25%;}
.thyuu-author-modules .place.hk {--map: -20% -30%;} .thyuu-author-modules .place.mo {--map:-20% -30%;}
.thyuu-author-modules .place #china-map {
    stroke: #fff;
    opacity: 1;
    position: absolute;
    width: 100%;
    inset: 0;
    margin: auto;
    scale: 1.7;
    aspect-ratio: 1;
    transition: opacity 1s var(--animation-on), scale 1s var(--animation-on) .5s, translate 1s var(--animation-on);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.thyuu-author-modules .place:hover #china-map {
    scale: 3;
    opacity: 1;
    translate: var(--map);
    transition: opacity 1s var(--animation-on), scale 1s .5s cubic-bezier(.5, 0, 0, 1), translate 1s var(--animation-on);
}
.thyuu-author-modules .place #china-map .st1{stroke-dasharray:4,4;stroke-dashoffset:4;}
.thyuu-author-modules .place #china-map .st2{stroke-dasharray:8,4,4,4;}
.thyuu-author-modules .place #china-map .st3{stroke:#3388FF;}
.thyuu-author-modules .place #china-map .st5, .thyuu-author-modules .place #china-map .st6{fill-rule:evenodd;clip-rule:evenodd;stroke-width:0;}
.thyuu-author-modules #china-map path { opacity: .3; transition: opacity 1s; }
.thyuu-author-modules .place:hover #china-map path { opacity: .7; }
.thyuu-author-modules #china-map #zj {
    fill: #656b7c; opacity: 1; stroke: #858b9b; stroke-width: 1;
    transition: fill 1s var(--animation-on), stroke 1s var(--animation-on), stroke-width 1s var(--animation-on);
}
.thyuu-author-modules .place:hover #china-map #zj { fill: #aebfd8; stroke: #d2dbe8; opacity: 1; stroke-width: 2; }
.thyuu-author-modules .place li {
    transition: opacity 1s cubic-bezier(.5, 0, 0, 1);
}
.thyuu-author-modules .place:hover li {
    opacity: 0;
    transition: opacity 1s var(--animation-on) .5s;
}
.thyuu-author-modules .nature {
    display: grid;
    gap: 1em;
}
.thyuu-author-modules .mbti {
    text-transform: uppercase;
    font-variant-numeric: tabular-nums;
}
.thyuu-author-modules .mbti .nature-button a:after {
    transition: .5s;
}
.thyuu-author-modules .mbti #about-nature:checked ~ .info .nature-button a:after {
    transform: rotate(180deg);
}
.thyuu-author-modules .mbti .nature-button a:before {
    content: "查看上次结果";
}
.thyuu-author-modules .mbti #about-nature:checked ~ .info .nature-button a:before {
    content: "返回最新结果";
}
.thyuu-author-modules .mbti .caption {
    position: relative;
    margin: 0 0 1.5em;
    grid-area: 1 / 1 / 1 / 1;
    transition: .3s;
}
.thyuu-author-modules .mbti .capt { font-weight: 600; }
.thyuu-author-modules .mbti #about-nature:checked ~ .nature .caption.new,
.thyuu-author-modules .mbti #about-nature:Not(:checked) ~ .nature .caption.old {
    opacity: 0;
}
.thyuu-author-modules .mbti .cont {
    width: 60%;
    margin: 1em 0 0;
}
.thyuu-author-modules .mbti .cont:before {
    content: var(--des);
}
.thyuu-author-modules .intj {--des:"富有想象力和战略性思维，一切皆在计划之中。"}
.thyuu-author-modules .intp {--des:"具有创造力的发明家，对知识有着不可抑制的渴望。"}
.thyuu-author-modules .entj {--des:"聪明好奇的思考者，无法抵挡智力挑战的诱惑。"}
.thyuu-author-modules .entp {--des:"大胆、富有想象力且意志强大，总能找到或创造解决方法。"}
.thyuu-author-modules .infj {--des:"安静神秘，但非常鼓舞人心且不知疲倦的理想主义者。"}
.thyuu-author-modules .infp {--des:"富有诗意、善良且无私的人，总是热衷于帮助正义事业。"}
.thyuu-author-modules .enfj {--des:"具有魅力并能激励人心的领导者，能够让听众为之着迷。"}
.thyuu-author-modules .enfp {--des:"充满活力，富有创意，善于交际的自由之人，总能找到微笑的理由。"}
.thyuu-author-modules .istj {--des:"务实且注重事实的人，可靠性不容怀疑。"}
.thyuu-author-modules .isfj {--des:"非常专注和热情的保护者，总是随时准备保护他们所爱的人。"}
.thyuu-author-modules .estj {--des:"出色的管理者，在管理事物或人的方面无与伦比。"}
.thyuu-author-modules .esfj {--des:"非常关心他人，善于社交，受人欢迎，总是乐于助人。"}
.thyuu-author-modules .istp {--des:"大胆而实际的实验家，擅长使用各种形式的工具。"}
.thyuu-author-modules .isfp {--des:"灵活有魅力的艺术家，时刻准备着探索和体验新鲜事物。"}
.thyuu-author-modules .estp {--des:"聪明、充满活力且洞察力极强的人，真正喜欢充满刺激和危险的生活。"}
.thyuu-author-modules .esfp {--des:"精力充沛、热情，总是心血来潮--有他们在身边，生活永远不会无聊。"}
.thyuu-author-modules .mbti .mbti-mg {
    position: absolute;
    width: min(20em,60%);
    top: 0;
    right: -2em;
    aspect-ratio: 1;
    opacity: .7;
    z-index: 1;
    pointer-events: none;
    transition: .5s;
}
.thyuu-author-modules .mbti:hover .mbti-mg {
    transform: scale(1.1);
    opacity: 1;
}
.thyuu-author-modules .mbti .mbti-bg {
    position: absolute;
    inset: 0;
    opacity: 1;
    transition: .5s .2s;
    transform: scale(4);
    filter: blur(20px) brightness(.6) opacity(.8);
    z-index: -1;
}
.thyuu-author-modules .mbti .traits {
    position: relative;
    display: flex;
    flex-flow: column;
    gap: 2em;
    line-height: 1;
    z-index: 2;
}
.thyuu-author-modules .mbti .traits li {
    display: flex;
    align-items: center;
    gap: 1em;
}
.thyuu-author-modules .mbti .traits li.extraverted {
    --color: 66 152 180;
    --num: var(--extraverted, 50);
    --delay: .3s;
}
.thyuu-author-modules .mbti .traits li.intuitive {
    --color: 228 174 58;
    --num: var(--intuitive, 50);
    --delay: .5s;
}
.thyuu-author-modules .mbti .traits li.feeling {
    --color: 51 164 116;
    --num: var(--feeling, 50);
    --delay: .7s;
}
.thyuu-author-modules .mbti .traits li.judging {
    --color: 136 97 154;
    --num: var(--judging, 50);
    --delay: .9s;
}
.thyuu-author-modules .mbti .traits li.assertive {
    --color: 242 94 98;
    --num: var(--assertive, 50);
    --delay: 1.1s;
}
.thyuu-author-modules .mbti .traits li i {
    position: relative;
    flex: auto;
    border-radius: 1em;
    height: 1em;
    background: hsl(var(--thyuu--color-font) / .2);
    opacity: .4;
    transition: .5s;
}
.thyuu-author-modules .mbti:hover .traits li i {
    opacity: .8;
}
.thyuu-author-modules .mbti .traits li i:before,
.thyuu-author-modules .mbti .traits li i:after {
    content: "";
    height: 100%;
    position: absolute;
    border-radius: 1em;
    background: rgb(var(--color));
    transition: all 1s, opacity .3s;
}
.thyuu-author-modules .mbti .traits li i:before {
    width: calc(var(--num) *1%);
    opacity: calc(var(--num) - 49);
}
.thyuu-author-modules .mbti .traits li i:after {
    width: calc((100 - var(--num)) *1%);
    opacity: calc(100 - var(--num) - 49);
    right: 0;
}
.thyuu-author-modules .mbti:hover .traits li i:before,
.thyuu-author-modules .mbti:hover .traits li i:after {
    box-shadow: var(--thyuu--shadow-normal),0 0 0 2px hsl(var(--thyuu--color-font) / .5);
    animation: about-traits 1s var(--animation-on) var(--delay);
}
.thyuu-author-modules .mbti .traits li em:nth-of-type(1):after,
.thyuu-author-modules .mbti .traits li em:nth-of-type(2):before {
    counter-reset: progress var(--num);
    content: counter(progress, decimal-leading-zero) "%";
    margin: 0 .5em;
}
.thyuu-author-modules .mbti .traits li em:nth-of-type(2):before {
    counter-reset: progress calc(100 - var(--num));
}
        .thyuu-author-modules .nature {
            --extraverted: var(--current-0);
            --intuitive: var(--current-1);
            --feeling: var(--current-2);
            --judging: var(--current-3);
            --assertive: var(--current-4);
        }
        .thyuu-author-modules #about-nature:checked ~ .nature {
            --extraverted: var(--previous-0);
            --intuitive: var(--previous-1);
            --feeling: var(--previous-2);
            --judging: var(--previous-3);
            --assertive: var(--previous-4);
        }
@keyframes about-traits { 50% { width: 0; opacity: 0; } }
.thyuu-author-modules .nature-toggle { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
.thyuu-author-modules .nature-toggle:focus-visible ~ .info .nature-button { outline: 2px solid currentColor; outline-offset: 4px; }
.thyuu-author-modules a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.about-demo-note { margin: 0 0 .75rem; color: var(--grey-5); font-size: .8rem; }
@media (prefers-reduced-motion: reduce) {
 .thyuu-author-modules *, .thyuu-author-modules *::before, .thyuu-author-modules *::after { animation: none !important; transition: none !important; }
}