*{box-sizing:border-box}html,body,h1,h2,h3{margin:0;padding:0}
body{background:var(--t-c-bg);font-family:var(--t-font-family-base);color:var(--t-c-text-1);}
a{color:var(--t-c-text-1);text-decoration:none}
a.external::after{
  content: "";display:inline-block;
  margin-top: -1px;
  margin-left: 4px;
  width: 11px;
  height: 11px;
  background: currentColor;
  color: var(--t-c-text-3);
  flex-shrink: 0;
  --icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");
  -webkit-mask-image:var(--icon);mask-image:var(--icon);
}

.wp{max-width:1200px;margin:0 auto;overflow:hidden}
header{position:fixed;top:0;left:0;width:100%;z-index:30;transition:background-color .5s;height:64px;background-color:var(--t-c-bg);border-bottom:1px solid var(--t-c-gutter)}
header.top{background:transparent;border:0}
header .container{display:flex;justify-content:space-between}
header .title{height:64px;line-height:64px}
header .content{height:64px;line-height:64px}
header .content a{padding:0 10px;color:var(--t-c-text-1)}header .content a.external{padding-right:5px}
header .nav{background-color:transparent}
header #nav{display:inline-block}

.t_switch{
	margin-left:10px;cursor:pointer;position:relative;top:-6px;border-radius:11px;display:inline-block;width:40px;height:22px;
	border:1px solid var(--t-c-border);background-color:var(--t-c-bg-3);transition:border-color .25s !important;
}
.t_switch:hover{border-color:var(--t-c-main)}
.t_switch .check{
	position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background-color:var(--t-c-bg-4);
	box-shadow:0 1px 2px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06);transition:transform .25s !important;
}
.dark .t_switch .check{transform:translate(18px)}
.t_switch .icon{position:relative;display:block;width:18px;height:18px;border-radius:50%;overflow:hidden}
.t_switch .icon .t_i{
	position:absolute;top:3px;left:3px;width:12px;height:12px;color:var(--t-c-text-1);mask:var(--icon) no-repeat;-webkit-mask:var(--icon) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%;background-color:currentColor;
}
.t_switch .icon .sun{
	--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E");
	opacity:1;
}
.dark .t_switch .icon .sun{opacity:0}
.t_switch .icon .moon {
	--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E");
	opacity:0;
}
.dark .t_switch .icon .moon{opacity:1}

footer{padding:32px;border-top:1px solid var(--t-c-gutter);text-align:center;line-height:24px;font-size:14px;font-weight:200;color:var(--t-c-text-2)}

.cover{display:flex;justify-content:space-between;margin-top:100px}
.cover .pic{position:relative;top:-20px;display:none}
.cover .pic img{height:200px;border-radius:10px}

.brand{margin:0 10px 10px;font-size:3.5rem;line-height:1;font-weight:700;letter-spacing:3px}
.brand2{margin:10px 10px 30px;font-size:1.5rem;font-weight:200}
.accent{
    background:var(--t-home-hero-name-background);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}

.ch{
	--stripes: repeating-linear-gradient( 100deg, #fff 0%, #fff 7%, transparent 10%, transparent 12%, #fff 16% );
	--stripesDark: repeating-linear-gradient( 100deg, #000 0%, #000 7%, transparent 10%, transparent 12%, #000 16% );
	--rainbow: repeating-linear-gradient( 100deg, #60a5fa 10%, #e879f9 15%, #60a5fa 20%, #5eead4 25%, #60a5fa 30% );
	background-image: var(--stripes),var(--rainbow);
	background-size: 300%,200%;
	background-position: 50% 50%,50% 50%;
	filter: blur(10px) invert(100%);
	-webkit-mask-image: radial-gradient(ellipse at 100% 0%,black 40%,transparent 70%);
	mask-image: radial-gradient(ellipse at 100% 0%,black 40%,transparent 70%);
	pointer-events: none;
    opacity: .5;
    position: absolute;
    z-index:-1;
    top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.dark .ch{
    background-image: var(--stripesDark),var(--rainbow);
    filter: blur(10px) opacity(50%) saturate(200%);
}
.ch::after {
	content: "";
	position: absolute;
    z-index:-1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: var(--stripes),var(--rainbow);
	background-size: 200%,100%;
	animation: jumbo 60s linear infinite;
	background-attachment: fixed;
	mix-blend-mode: difference;
}
.dark .ch::after{
    background-image: var(--stripesDark),var(--rainbow);
}
@keyframes jumbo {
  0% {
    background-position:50% 50%,50% 50%
  }
  to {
    background-position:350% 50%,350% 50%
  }
}

.headline{text-align:center;font-size:2rem;line-height:2.6rem;font-weight:700;margin-top:2.5rem}
.subhead{text-align:center;font-size:1.1rem;line-height:1.8rem;color:rgb(156 163 175)}

.list{margin:20px -2% 15px 0}
.list .e{width:31.3%;display:inline-block;border-radius:10px;margin-right:2%;margin-bottom:2.5%;vertical-align:top;word-break:break-all;background-color:var(--t-c-bg-2);height:9rem;border:1px solid var(--t-c-border-2);padding:1.5rem}
.list .e .domain{font-size:1.5rem;line-height:1.75rem;font-weight:500}
.list .e .info{margin:.5rem 0;font-size:1rem;line-height:1.2rem;font-weight:200}
.list .e .col1{float:left}.list .e .col2{float:left;margin-left:1.5rem}
.list .e img.icon{width:90px;height:90px;border-radius:50%}
.list .e div.icon{width:90px;height:90px;border-radius:50%;background:#ccc;color:#444;text-align:center;line-height:90px;font-size:50px;font-weight:700}

.article{background-color:var(--t-c-bg-2);border:1px solid var(--t-c-border-2);border-radius:10px;padding:1.5rem;margin:20px 0 50px}

button{margin:0;padding:0;border:0;background-color:transparent;background-image:none}
#hamburger{-webkit-appearance:button;cursor:pointer;width:48px;height:64px;display:none;justify-content:center;align-items:center}
#hamburger .container{position:relative;width:16px;height:14px;overflow:hidden}
#hamburger .top,#hamburger .middle,#hamburger .bottom{position:absolute;width:16px;height:2px;background-color:var(--t-c-text-1);transition:top .25s,background-color .5s,transform .25s}
#hamburger .top{top:0;left:0;transform:translate(0)}
#hamburger .middle{top:6px;left:0;transform:translate(8px)}
#hamburger .bottom{top:12px;left:0;transform:translate(4px)}
#hamburger:hover .top{transform:translate(4px)}#hamburger:hover .middle{transform:translate(0)}#hamburger:hover .bottom{transform:translate(8px)}
#hamburger.active .top{top:6px;transform:translate(0) rotate(225deg)}
#hamburger.active .middle{top:6px;transform:translate(16px)}
#hamburger.active .bottom{top:6px;transform:translate(0) rotate(135deg)}


@media(max-width:767px){
    .wp{width:95%}
    .list{margin:20px 0 15px}
    .list .e{width:100%;margin-right:0}
    header .content #nav:not(.active){display:none}
    #hamburger{display:inline-flex}
    #nav.active{position:fixed;top:88px;right:0;bottom:0;left:0;width:100%;background-color:var(--t-c-bg);overflow-y:auto;text-align:center}
    #nav.active a{display:block;border-bottom:1px solid var(--t-c-divider);padding:12px 0 11px;line-height:24px;font-size:14px;font-weight:500;max-width:288px;margin:auto;text-align:left}
    #main.hidden,#footer.hidden,#ch.hidden{display:none}
    footer .row{display:block}
}
:root{
    --t-font-family-base: "Chinese Quotes", "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --t-home-hero-name-background: -webkit-linear-gradient(120deg,#e59866 5%, #922b21);
    --t-c-text-1: rgba(60, 60, 67);
    --t-c-text-2: rgba(60, 60, 67,.78);
    --t-c-text-3: rgba(60, 60, 67,.56);
    --t-c-main:#007bff;
	--t-c-border:#c2c2c4;
    --t-c-border-2:rgb(229,231,235);
	--t-c-bg:#f9fafb;
    --t-c-bg-2:rgb(255,255,255,.5);
	--t-c-bg-3:rgb(142,150,170,.14);
	--t-c-bg-4:#fff;
    --t-c-gutter:#e2e2e3;
}
.dark{
    --t-c-bg: #111827;
    --t-c-text-1: rgba(255, 255, 245, .86);
    --t-c-text-2: rgba(235, 235, 245,.6);
    --t-c-text-3: rgba(235, 235, 245,.38);
    --t-c-divider: #2e2e32;
    --t-c-border:#3c3f44;
    --t-c-border-2:rgb(55,65,81);
	--t-c-bg-2:rgb(31,41,55,.5);
	--t-c-bg-3:rgb(101,117,133,.16);
	--t-c-bg-4:#22272e;
    --t-c-gutter:#000;
}