phaten-audio/assets/stylesheets/extra.css

.md-typeset__table {
    min-width: 100%;
}

@media only screen and (min-width: 768px)
{
	td:nth-child(1){
		white-space: nowrap;
	}
}
/*
.Telegraf-Regular{
    font-family:Microsoft YaHei UI;
    src: url("typography/msyh.ttc");
}

.Telegraf-UltraBold{
    font-family:Microsoft YaHei UI Bold;
    src: url("typography/msyhbd.ttc");
}*/

* {
    --md-primary-fg-color: #2094F8;
    /*--md-primary-fg-color: #FF42CD;*/
    /*--md-primary-fg-color: #AB47BD; purple*/    
    --md-primary-fg-color--light: #2094F8;
    --md-primary-fg-color--dark:  #2094F8;
    --md-typeset-color:   var(--md-default-fg-color);
    --md-typeset-a-color: var(--md-primary-fg-color--light);
    /*--md-text-font: "Telegraf-Regular"*/
}

:root {
    --md-primary-fg-color: #181917;
    --md-primary-fg-color--light: #2094F8;
    --md-primary-fg-color--dark:  #2094F8;
    /* --md-primary-fg-color--light: #029c8e; */
    /* --md-primary-fg-color--dark:  #303C55; */
}

:root>* {
    --md-primary-bg-color:   #000;
    --md-typeset-color:   var(--md-default-fg-color);
    --md-typeset-a-color: var(--md-primary-fg-color--light);
}

/*
markdown and image alignment
ALT tag and a CSS selector on the alt tag
*/
img[src*='#left'] {
    float: left;
}
img[src*='#right'] {
    float: right;
}
img[src*='#center'] {
    display: block;
    margin: auto;
}

/*
Tables set to 100% width
*/
.md-typeset__table {
    min-width: 100%;
}

.md-typeset table:not([class]) {
    display: table;
}

/*
Colors for First Steps
custom code blocks coloring
*/
.fsg-timestamp {
    color: grey;
}
.fsg-userinput {
    color: cornflowerblue;
}
.fsg-path, .fsg-prompt {
    color: mediumseagreen;
}

/*
Footer social media icons:
set the size of the svg icons and the espace between them.
*/
.md-social__link {
    width: 2rem;
}
.md-social__link svg {
    max-height: 1.6rem;
}

/*
hide content only for mobile devices
*/
@media only screen and (min-device-width: 280px) and (max-device-width: 480px)
{
	.hide-on-mobile {
    display: none;
	}
}

.custForm {
    width:80%;
}
.custForm h4{
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 5px;
}

.custForm input {
    border:1px solid #CCCCCC;
    width: 100%;
    height: 35px;
}
.custForm select{
        border:1px solid #CCCCCC;
    height: 35px;
    width: 100%;
}
.custForm textarea {
    border:1px solid #CCCCCC;
    width: 100%;
}
.custForm .button {
    background-color: #0B70F6;
    border-radius: 5px;
    width: 80px;
    margin: 0 auto;
    color: #FFFFFF;
}

.goback input {
    font-size:18px;
    padding: 10px;
    color:#FFFFFF;
    border-radius: 5px;
    background-color: #0B70F6;
}

/* 控制 MkDocs-Material 的默认字体大小 */
.md-typeset {
    font-size: 0.70rem !important;  /* 默认值约为 0.7rem */
}

/* 确保各类文本元素使用一致的字体大小 */
.md-typeset p,
.md-typeset ul li,
.md-typeset ol li,
.md-typeset li p,
.md-typeset table:not([class]),
.md-typeset .admonition p,
.md-typeset details p {
    font-size: 0.70rem !important;
}

/* 优化表格单元格内边距 - 减少文字与表格边框的距离 */
.md-typeset table:not([class]) td {
    padding: 0.3rem 0.5rem !important; /* 垂直方向0.3rem，水平方向0.5rem */
}

.md-typeset table:not([class]) th {
    padding: 0.3rem 0.5rem !important; /* 表头也使用相同的内边距 */
}

/* 减少表格内文字的行高和外边距 */
.md-typeset table:not([class]) td p,
.md-typeset table:not([class]) th p {
    margin: 0 !important;
    line-height: 1.1 !important; /* 进一步减少行高 */
}

/* 固定表头样式 */
.md-typeset .sticky-header table {
    display: flex;
    flex-direction: column;
    max-height: 500px; /* 根据需要调整 */
    width: 100%;
  }
  
  .md-typeset .sticky-header table thead,
  .md-typeset .sticky-header table tbody {
    display: block;
  }
  
  .md-typeset .sticky-header table tbody {
    overflow-y: auto;
    overflow-x: hidden;
  }
  
  .md-typeset .sticky-header table tr {
    display: flex;
    width: 100%;
  }
  
  .md-typeset .sticky-header table th,
  .md-typeset .sticky-header table td {
    display: block;
    flex: 1;
    text-align: left;
  }
  
  /* 固定首列样式 */
  .md-typeset .sticky-column table {
    overflow: auto;
    max-height: 500px; /* 根据需要调整 */
    width: 100%;
  }
  
  .md-typeset .sticky-column table th:first-child,
  .md-typeset .sticky-column table td:first-child {
    position: sticky;
    left: 0;
    background-color: var(--md-default-bg-color);
    z-index: 1;
    /* 添加轻微阴影以实现视觉分离 */
    box-shadow: 2px 0 5px rgba(0,0,0,0.1);
  }

  .card-wide {
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 100% !important;
    margin: 0 !important;
  }
  
  .grid.cards .card-wide {
    grid-column: 1 / -1;
  }
  
  .card-wide h1 {
    margin-bottom: 0.5rem;
  }
  
  .card-wide hr {
    margin: 0.5rem 0;
  }