.solid_white{
  background:#fff;
  color:#222;
}

.solid_black{
  background:#111;
  color:#fff;
}
.solid_gray{
  background:#707070;
  color:#fff;
}

.solid_brown{
  background:#563d00;
  color:#fff;
}
.solid_pink{
  background:#eebbcb;
  color:#fff;
}
.solid_yellow{
  background:#fef263;
  color:#000;
}
.solid_blue{
  background:#afeeee;
  color:#000;
}
.solid_purple{
  background:#9370db;
  color:#fff;
}
.cf2026_blue{
  background:#fff;
  color:#222;
}
.cf2026_pink{
  background:#fff;
  color:#222;
}

.card.white{
  background-image:
    url("/themes/haihu/2026.png");

  background-size:
    cover,
    contain;

  background-position:
    center,
    right bottom;

  background-repeat:
    no-repeat,
    no-repeat;

  color:#222;
--petal-link-color:#ff66cc;
}
.card.sky_grad{
  background-image:
    linear-gradient(135deg, rgba(109,213,250,0.6), rgba(41,128,185,0.6)),
    url("/themes/haihu/2026_3.png");

  background-size:
    cover,
    contain;

  background-position:
    center,
    right bottom;

  background-repeat:
    no-repeat,
    no-repeat;

  color:#222;
--petal-link-color:#ff66cc;
}

.card.sakura_grad{
  background-image:
    linear-gradient(135deg, rgba(255,221,225,0.6), rgba(238,156,167,0.6)),
    url("/themes/haihu/2026_3.png");

  background-size:
    cover,
    contain;

  background-position:
    center,
    right bottom;

  background-repeat:
    no-repeat,
    no-repeat;

  color:#222;
--petal-link-color:#ff66cc;
}

.card.gold_grad{
  background-image:
    linear-gradient(135deg, rgba(212,175,55,0.6), rgba(245,226,122,0.6)),
    url("/themes/haihu/2026_3.png");

  background-size:
    cover,
    contain;

  background-position:
    center,
    right bottom;

  background-repeat:
    no-repeat,
    no-repeat;

  color:#222;
--petal-link-color:#ff66cc;
}

.card.purple_grad{
  background-image:
    linear-gradient(135deg, rgba(161,140,209,0.6), rgba(251,194,235,0.6)),
    url("/themes/haihu/2026_3.png");

  background-size:
    cover,
    contain;

  background-position:
    center,
    right bottom;

  background-repeat:
    no-repeat,
    no-repeat;

  color:#222;
--petal-link-color:#ff66cc;
}

.card.sky_move{
  background:
    linear-gradient(
      135deg,
      rgba(120,210,255,0.40),
      rgba(109,213,250,0.6),
      rgba(60,160,230,0.40),
      rgba(120,210,255,0.40),
      rgba(255,255,255,0.5)
    ),
    url("/themes/haihu/2026_3.png");

  background-size:
    350% 350%,
    contain;

  background-position:
    0% 0%,
    right bottom;

  background-repeat:
    no-repeat,
    no-repeat;

  animation:flowBG 12s linear infinite;
--petal-link-color:#ff66cc;
}

@keyframes flowBG {

  0%{
    background-position:
      0% 0%,
      right bottom;
  }

  50%{
    background-position:
      100% 100%,
      right bottom;
  }

  100%{
    background-position:
      0% 0%,
      right bottom;
  }

}
.grad_1{
background: linear-gradient(120deg, #e95295,#e6cde3);
  background-size: 100% 100%;
color: #222;
}
.grad_2{
background: linear-gradient(120deg, #dccb18,#82ae46);
  background-size: 100% 100%;
color: #222;
}
.grad_3{
background: linear-gradient(120deg, #e5e4e6,#727171);
  background-size: 100% 100%;
color: #222;
}
.grad_4{
background: linear-gradient(120deg, #005243,#522f60);
  background-size: 100% 100%;
color: #fff;
}
.grad_5{
background: linear-gradient(120deg, #165e83,#5f414b);
  background-size: 100% 100%;
color: #fff;
}
.grad_6{
background: linear-gradient(120deg, #6d3c32,#ea5506);
  background-size: 100% 100%;
color: #fff;
}

.circle_gra1{
background: radial-gradient(circle, #f8f4e6,#007b43);
  background-size: 110% 110%;
color: #222;
}
.circle_gra2{
background: radial-gradient(circle, #f8f4e6,#e95464);
  background-size: 110% 110%;
color: #222;
}
.circle_gra3{
background: radial-gradient(circle, #f8f4e6,#5a4498);
  background-size: 110% 110%;
color: #222;
}
.circle_gra4{
background: radial-gradient(circle, #dc143c,#fff462);
  background-size: 100% 100%;
color: #fff;
}
.circle_gra5{
background: radial-gradient(circle, #666c67,#f7f6f5);
  background-size: 100% 100%;
color: #fff;
}
.circle_gra6{
background: radial-gradient(circle, #6c3524,#192f60);
  background-size: 100% 100%;
color: #fff;
}
.logodon_white{
color: #fff;
}
.logodon_white .company_icon {
  position: absolute !important;
  top: 0%;
  left: 0%;
  width: 100vw !important;
  opacity: 0.8;
}
.logodon_black{
color: #222;
}

.logodon_black .company_icon {
  position: absolute !important;
  top: 0%;
  left: 0%;
  width: 100vw !important;
  opacity: 0.8;
}
.icondon_white{color: #fff;}
.icondon_white .icon {
  position: absolute !important;
  top: 0%;
  left: 0%;
  width: 100% !important;
  opacity: 0.8;
}
.icondon_white .company_icon{
opacity: 0 !important; 
}
.icondon_black{color: #222;}
.icondon_black .icon {
  position: absolute !important;
  top: 0%;
  left: 0%;
  width: 100% !important;
  opacity: 0.8;
}
.icondon_black .company_icon{
opacity: 0 !important; 
}
.twoton1::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:30%;
  background:#f14135;
}
.twoton2::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:30%;
  background:#7fffd4;
}
.twoton3::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:30%;
  background:#ee82ee;
}
.twoton4{
background:#222;
color: #fff;}
.twoton4::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:30%;
  background:#006400;
}
.twoton5{
background:#222;
color: #fff;}
.twoton5::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:30%;
  background:#808080;
}
.twoton6{
background:#222;
color: #fff;}
.twoton6::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:30%;
  background:#800000;
}
.stripe1{
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0.06),
      rgba(255,255,255,0.06) 5vw,
      transparent 5vw,
      transparent 10vw
    ),
    #5a189a;
}
.stripe2{
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0.06),
      rgba(255,255,255,0.06) 5vw,
      transparent 5vw,
      transparent 10vw
    ),
    #6495ed;
}
.stripe3{
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0.06),
      rgba(255,255,255,0.06) 5vw,
      transparent 5vw,
      transparent 10vw
    ),
    #708090;
}
.stripe4{
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0.06),
      rgba(255,255,255,0.06) 5vw,
      transparent 5vw,
      transparent 10vw
    ),
    #a0522d;
color: #fff;
}
.stripe5{
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0.06),
      rgba(255,255,255,0.06) 5vw,
      transparent 5vw,
      transparent 10vw
    ),
    #a22041;
color: #fff;
}
.stripe6{
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0.06),
      rgba(255,255,255,0.06) 5vw,
      transparent 5vw,
      transparent 10vw
    ),
    #006e54;
color: #fff;
}
.dot1{
  background:
    radial-gradient(circle,
  rgba(42,124,10,1) 15px,
  rgba(42,124,10,0.6) 15px,
  transparent 16px
),
    radial-gradient(circle,
  rgba(42,124,10,1) 15px,
  rgba(42,124,10,0.6) 15px,
  transparent 16px
),
    #fafdff;

  background-size: 33vw 33vw;
  background-position: 0 0, 16.5vw 16.5vw;
}
.dot2{
  background:
    radial-gradient(circle,
  rgba(142,24,10,1) 15px,
  rgba(142,24,10,0.6) 15px,
  transparent 16px
),
    radial-gradient(circle,
  rgba(142,24,10,1) 15px,
  rgba(142,24,10,0.6) 15px,
  transparent 16px
),
    #ffb6c1;

  background-size: 33vw 33vw;
  background-position: 0 0, 16.5vw 16.5vw;
}
.dot3{
  background:
    radial-gradient(circle,
  rgba(42,124,160,1) 15px,
  rgba(42,124,160,0.6) 15px,
  transparent 16px
),
  radial-gradient(circle,
  rgba(42,124,160,1) 15px,
  rgba(42,124,160,0.6) 15px,
  transparent 16px
),
    #2ca9e1;

  background-size: 33vw 33vw;
  background-position: 0 0, 16.5vw 16.5vw;
}
.dot4{
  background:
    radial-gradient(circle,
  rgba(142,124,160,1) 15px,
  rgba(142,124,160,0.6) 15px,
  transparent 16px
),
  radial-gradient(circle,
  rgba(142,124,160,1) 15px,
  rgba(142,124,160,0.6) 15px,
  transparent 16px
),
    #622d18;

  background-size: 33vw 33vw;
  background-position: 0 0, 16.5vw 16.5vw;
color: #fff;
}
.dot5{
  background:
    radial-gradient(circle,
  rgba(242,124,160,1) 15px,
  rgba(242,124,160,0.6) 15px,
  transparent 16px
),
  radial-gradient(circle,
  rgba(242,124,160,1) 15px,
  rgba(242,124,160,0.6) 15px,
  transparent 16px
),
    #333631;

  background-size: 33vw 33vw;
  background-position: 0 0, 16.5vw 16.5vw;
color: #fff;
}
.dot6{
  background:
    radial-gradient(circle,
  rgba(242,224,160,1) 15px,
  rgba(242,224,160,0.6) 15px,
  transparent 16px
),
  radial-gradient(circle,
  rgba(242,224,160,1) 15px,
  rgba(242,224,160,0.6) 15px,
  transparent 16px
),
    #ea5532;

  background-size: 33vw 33vw;
  background-position: 0 0, 16.5vw 16.5vw;
color: #fff;
}
.stripe_a1{
  background:
    radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
   #f8e58c;

  background-size: 50vw 0.1vw;
  background-position: 0 0, 25vw 25vw;
}
.stripe_a2{
  background:
    radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
   #f6bfbc;

  background-size: 50vw 0.1vw;
  background-position: 0 0, 25vw 25vw;
}
.stripe_a3{
  background:
    radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
   #93ca76;

  background-size: 50vw 0.1vw;
  background-position: 0 0, 25vw 25vw;
}
.stripe_a4{
  background:
    radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
   #bbc8e6;

  background-size: 50vw 0.1vw;
  background-position: 0 0, 25vw 25vw;
}
.stripe_a5{
  background:
    radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
   #dcdddd;

  background-size: 50vw 0.1vw;
  background-position: 0 0, 25vw 25vw;
}
.stripe_a6{
  background:
    radial-gradient(circle,
  rgba(2,4,20,1) 25px,
  rgba(2,4,60,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(2,4,20,1) 25px,
  rgba(2,4,60,0.6) 26px,
  transparent 26px
),
   #640125;

  background-size: 50vw 0.1vw;
  background-position: 0 0, 25vw 25vw;
color: #fff;
}
.stripe_a7{
  background:
    radial-gradient(circle,
  rgba(2,4,20,1) 25px,
  rgba(2,4,60,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(2,4,20,1) 25px,
  rgba(2,4,60,0.6) 26px,
  transparent 26px
),
   #555647;

  background-size: 50vw 0.1vw;
  background-position: 0 0, 25vw 25vw;
color: #fff;
}
.stripe_a8{
  background:
    radial-gradient(circle,
  rgba(2,4,20,1) 25px,
  rgba(2,4,60,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(2,4,20,1) 25px,
  rgba(2,4,60,0.6) 26px,
  transparent 26px
),
   #1f3134;

  background-size: 50vw 0.1vw;
  background-position: 0 0, 25vw 25vw;
color: #fff;
}
.stripe_a9{
  background:
    radial-gradient(circle,
  rgba(2,4,20,1) 25px,
  rgba(2,4,60,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(2,4,20,1) 25px,
  rgba(2,4,60,0.6) 26px,
  transparent 26px
),
   #513743;

  background-size: 50vw 0.1vw;
  background-position: 0 0, 25vw 25vw;
color: #fff;
}
.stripe_b1{
  background:
    radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
   #f8e58c;

  background-size: 0.1vw 50vw;
  background-position: 0 0, 25vw 25vw;
}
.stripe_b2{
  background:
    radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
   #f6bfbc;

  background-size: 0.1vw 50vw;
  background-position: 0 0, 25vw 25vw;
}
.stripe_b3{
  background:
    radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
   #93ca76;

  background-size: 0.1vw 50vw;
  background-position: 0 0, 25vw 25vw;
}
.stripe_b4{
  background:
    radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
   #bbc8e6;

  background-size: 0.1vw 50vw;
  background-position: 0 0, 25vw 25vw;
}
.stripe_b5{
  background:
    radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(252,254,250,1) 25px,
  rgba(242,224,160,0.6) 26px,
  transparent 26px
),
   #dcdddd;

  background-size: 0.1vw 50vw;
  background-position: 0 0, 25vw 25vw;
}
.stripe_b6{
  background:
    radial-gradient(circle,
  rgba(2,4,20,1) 25px,
  rgba(2,4,60,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(2,4,20,1) 25px,
  rgba(2,4,60,0.6) 26px,
  transparent 26px
),
   #640125;

  background-size: 0.1vw 50vw;
  background-position: 0 0, 25vw 25vw;
color: #fff;
}
.stripe_b7{
  background:
    radial-gradient(circle,
  rgba(2,4,20,1) 25px,
  rgba(2,4,60,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(2,4,20,1) 25px,
  rgba(2,4,60,0.6) 26px,
  transparent 26px
),
   #555647;

  background-size: 0.1vw 50vw;
  background-position: 0 0, 25vw 25vw;
color: #fff;
}
.stripe_b8{
  background:
    radial-gradient(circle,
  rgba(2,4,20,1) 25px,
  rgba(2,4,60,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(2,4,20,1) 25px,
  rgba(2,4,60,0.6) 26px,
  transparent 26px
),
   #1f3134;

  background-size: 0.1vw 50vw;
  background-position: 0 0, 25vw 25vw;
color: #fff;
}
.stripe_b9{
  background:
    radial-gradient(circle,
  rgba(2,4,20,1) 25px,
  rgba(2,4,60,0.6) 26px,
  transparent 26px
),
  radial-gradient(circle,
  rgba(2,4,20,1) 25px,
  rgba(2,4,60,0.6) 26px,
  transparent 26px
),
   #513743;

  background-size: 0.1vw 50vw;
  background-position: 0 0, 25vw 25vw;
color: #fff;
}