:root{--grey100: #555;--typo1: #111;--typo2: #222;--typo3: #333;--typo4: #444;--typo5: #555;--typo6: #666;--typo7: #767676;--typo-sub: #999;--surface1: #eaeef3;--surface1-2: #dae0e9;--surface2: #f2f2f2;--surface3: #ccc;--surface-white: #fff;--surface-text: #5b6a80;--surface-btn: #d2dae4;--surface-btn2: rgb(221, 227, 234);--surface-btn3: rgb(240, 243, 248);--surface-btn4: rgb(228, 232, 238);--blue1: rgb(62, 106, 207);--red1: rgb(230, 31, 31);--yellow1: rgb(200, 136, 0);--green1: rgb(22, 183, 118);--surfaceBlue1: rgb(238, 242, 255);--surfaceBlue2: rgb(206, 218, 255);--surfaceGreen1: rgb(227, 243, 229);--surfaceGreen2: rgb(164, 221, 169);--surfaceRed1: rgb(255, 218, 218);--surfaceYellow1: rgb(254, 249, 199);--bg: #fff;--bg-surface: #f1f3f6;--bg-dark: #fff;--bg1-2: #eee;--bg2: #d9dee2;--bg-invert: #222;--skel-from: #eee;--skel-to: #f5f5f5}@media (prefers-color-scheme: dark){:root{--grey100: #ccc;--typo1: #eee;--typo2: #ddd;--typo3: #ccc;--typo4: #bbb;--typo5: #aaa;--typo6: #9a9a9a;--typo7: #a5a5a5;--typo-sub: rgb(124, 124, 124);--surface1: #303134;--surface1-2: #3e4045;--surface2: #353535;--surface3: #555;--surface-text: rgb(158, 165, 180);--surface-btn: rgb(70, 74, 82);--surface-btn2: #3a3c42;--surface-btn3: rgb(45, 47, 53);--surface-btn4: rgb(27, 30, 35);--surface-white: #2b2c2e;--blue1: rgb(111, 162, 255);--red1: rgb(255, 128, 128);--yellow1: rgb(225, 215, 139);--green1: rgb(139, 225, 215);--surfaceBlue1: rgba(47, 56, 132, .619);--surfaceBlue2: rgba(72, 90, 255, .2);--surfaceGreen1: rgba(72, 255, 173, .1);--surfaceGreen2: rgba(72, 255, 148, .2);--surfaceRed1: rgba(250, 15, 15, .15);--surfaceYellow1: rgba(250, 183, 15, .15);--bg: #232428;--bg-surface: #191a1c;--bg2: #161719;--bg-dark: #222224;--bg1-2: #39393d;--bg-invert: #eee;--skel-from: #2a2a30;--skel-to: rgb(48, 48, 54)}}:root body{--grey100: #555;--typo1: #111;--typo2: #222;--typo3: #333;--typo4: #444;--typo5: #555;--typo6: #666;--typo7: #767676;--typo-sub: #999;--surface1: #eaeef3;--surface1-2: #dae0e9;--surface2: #f2f2f2;--surface3: #ccc;--surface-white: #fff;--surface-text: #5b6a80;--surface-btn: #d2dae4;--surface-btn2: rgb(221, 227, 234);--surface-btn3: rgb(240, 243, 248);--surface-btn4: rgb(228, 232, 238);--blue1: rgb(62, 106, 207);--red1: rgb(230, 31, 31);--yellow1: rgb(200, 136, 0);--green1: rgb(22, 183, 118);--surfaceBlue1: rgb(238, 242, 255);--surfaceBlue2: rgb(206, 218, 255);--surfaceGreen1: rgb(227, 243, 229);--surfaceGreen2: rgb(164, 221, 169);--surfaceRed1: rgb(255, 218, 218);--surfaceYellow1: rgb(254, 249, 199);--bg: #fff;--bg-surface: #f1f3f6;--bg-dark: #fff;--bg1-2: #eee;--bg2: #d9dee2;--bg-invert: #222;--skel-from: #eee;--skel-to: #f5f5f5}:root body.dark-mode{--grey100: #ccc;--typo1: #eee;--typo2: #ddd;--typo3: #ccc;--typo4: #bbb;--typo5: #aaa;--typo6: #9a9a9a;--typo7: #a5a5a5;--typo-sub: rgb(124, 124, 124);--surface1: #303134;--surface1-2: #3e4045;--surface2: #353535;--surface3: #555;--surface-text: rgb(158, 165, 180);--surface-btn: rgb(70, 74, 82);--surface-btn2: #3a3c42;--surface-btn3: rgb(45, 47, 53);--surface-btn4: rgb(27, 30, 35);--surface-white: #2b2c2e;--blue1: rgb(111, 162, 255);--red1: rgb(255, 128, 128);--yellow1: rgb(225, 215, 139);--green1: rgb(139, 225, 215);--surfaceBlue1: rgba(47, 56, 132, .619);--surfaceBlue2: rgba(72, 90, 255, .2);--surfaceGreen1: rgba(72, 255, 173, .1);--surfaceGreen2: rgba(72, 255, 148, .2);--surfaceRed1: rgba(250, 15, 15, .15);--surfaceYellow1: rgba(250, 183, 15, .15);--bg: #232428;--bg-surface: #191a1c;--bg2: #161719;--bg-dark: #222224;--bg1-2: #39393d;--bg-invert: #eee;--skel-from: #2a2a30;--skel-to: rgb(48, 48, 54)}.Page-name{background:var(--bg);-webkit-user-select:none;-moz-user-select:none;user-select:none}.Page-name .quick-wrap{position:sticky;top:50px;left:0;width:100%;z-index:10;padding:0 10px;background-color:var(--surface1);display:flex;overflow-x:auto;margin-bottom:30px;border-bottom:1px solid var(--surface3)}.Page-name .quick-wrap::-webkit-scrollbar{display:none}.Page-name .quick-tab{flex-shrink:0}.Page-name .quick-tab a{display:inline-flex;padding:10px;font-size:15px;font-weight:600}.Page-name .quick-tab a.active{color:var(--blue1);border-bottom:2px solid var(--blue1)}.Page-name h1,.Page-name h2,.Page-name h3,.Page-name .top-list{padding:0 15px}.Page-name .re-pick{margin-top:15px;text-align:center;padding:0 15px}.Page-name .re-pick p{text-align:left;color:var(--typo3)}.Page-name .btn-name-link{margin:20px 10px;padding:16px 12px;display:block;text-align:center;background:var(--blue1);color:#fff;border-radius:4px;font-size:16px;font-weight:700}.Page-name .btn-name-link.red{background:var(--red1)}.Page-name .btn-wrap{display:flex;align-items:center;justify-content:center;margin:10px 0}.Page-name .btn-wrap button{flex:1;padding:10px 15px;font-size:15px;font-weight:600;transition:.1s ease-out}.Page-name .btn-wrap button:active{transform:scale(.98)}.Page-name .btn-wrap button+button{margin-left:8px}.Page-name .btn-wrap button:nth-child(1){background-color:var(--surfaceBlue1);border-color:var(--blue1);color:var(--blue1)}.Page-name .btn-wrap button:nth-child(2){background-color:var(--surfaceRed1);border-color:var(--red1);color:var(--red1)}.Page-name .btn-wrap button:nth-child(3){color:var(--typo1)}.Page-name .ranName{margin-bottom:40px}.Page-name .name-tab{position:sticky;top:50px;left:0;width:100%;z-index:10;padding:10px 0 30px;display:flex;margin-bottom:20px;background:var(--bg);background:linear-gradient(to bottom,white 70%,rgba(255,255,255,0))}.dark-mode .Page-name .name-tab{background:linear-gradient(to bottom,#39393b 70%,rgba(57,57,59,0))}.Page-name .name-tab a{flex:1;display:inline-flex;align-items:center;justify-content:center;color:var(--typo6);padding:8px 15px;border-bottom:2px solid var(--surface1);background-color:var(--surface1)}.Page-name .name-tab a+a{margin-left:2px}.Page-name .name-tab a.active{font-weight:600;color:var(--typo1);border-bottom:2px solid var(--typo1)}.Page-name article h4{margin-bottom:10px}.Page-name article+article{margin-top:30px}.Page-name h2{margin:20px 0 15px}.Page-name h3{font-size:20px;margin-top:30px}.Page-name button{border:1px solid #000;padding:5px 8px;background:var(--bg);border-radius:4px;border-color:var(--typo1);color:var(--typo1)}.Page-name button+button{margin-left:5px}.Page-name .pick-name{background-color:var(--surface1);border-radius:10px;margin:0 15px;padding:20px 10px;box-shadow:2px 2px 2px #0000000d;text-align:center}.Page-name .pick-name strong{display:block;font-size:25px;margin-bottom:5px;font-weight:700}.Page-name .pick-name .kor{display:block;font-size:17px;color:var(--typo4);margin-bottom:5px}.Page-name .pick-name .mean{color:#999;font-size:13px;word-break:keep-all}.Page-name .top-list{display:flex;justify-content:space-around}.Page-name .top-list h4{padding:10px 0}.Page-name .top-list p{height:70px}@media (max-width: 550px){.Page-name .top-list p{height:60px}}.Page-name .top-list>div{flex:1}.Page-name .top-list>div p:nth-child(even){background-color:var(--surface1)}.Page-name .top-list .idx{max-width:40px}.Page-name .top-list .idx p{padding:0;text-align:center;line-height:70px}@media (max-width: 550px){.Page-name .top-list .idx p{line-height:60px}}.Page-name .top-list .idx p em{font-style:13px;font-weight:500;opacity:.4}@media (max-width: 550px){.Page-name .top-list .idx p em{font-style:11px}}.Page-name .top-list .name-list h4{text-align:center}.Page-name .top-list .name-list p{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:10px}.Page-name .top-list span{display:block;margin-top:5px;font-size:15px;opacity:.6}@media (max-width: 550px){.Page-name .top-list span{font-size:12px}}.Page-name .RandomName__Tips{text-align:left;margin-bottom:10px}.Page-name .RandomName__Tips div{padding:0 15px}