豆腐的伟大历史

+ 版式代码

@import url('https://fontlibrary.org/face/fantasque-sans-mono');
@font-face {
    font-family: 'XiaolaiSC';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/XiaolaiSC-Regular.woff') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "tofu";
   --theme-name: "Tofu Theme";
 
   --logo-image: url("http://sensenca-picture.wikidot.com/local--files/main/Tofu_YinYang.png");
   --header-title: "豆腐数据库";
   --header-subtitle: "互联网第一的豆腐食谱数据库！";
 
   --body-font: 'Comic Sans MS', 'Comic Sans', 'XiaolaiSC';
   --header-font: 'Comic Sans MS', 'Comic Sans', 'XiaolaiSC';
   --title-font: 'Comic Sans MS', 'Comic Sans', 'XiaolaiSC';
   --mono-font: 'Comic Sans MS', 'Comic Sans', 'XiaolaiSC';
 
   --white-monochrome: 195, 219, 228;
   --text-white-monochrome: 255, 255, 255;
   --pale-gray-monochrome: 104, 165, 212;
   --light-gray-monochrome: 104, 165, 212;
   --gray-monochrome: 36, 107, 162;
   --black-monochrome: 12, 12, 12;
   --bright-accent: 104, 165, 212;
   --medium-accent: 87, 100, 186;
   --dark-accent: 87, 100, 186;
   --pale-accent:  81, 132, 118;
   --alt-accent: 87, 100, 186;
   --legacy-accent:  112, 196, 174;
   --darker-legacy-accent: 81, 132, 118;
   --tranquility-purple: 165, 134, 229;
   --onion-beige: 228, 232, 202;
   --onion-border-beige: 193, 201, 140;
   --table-wood: 129, 111, 61;
   --table-border-wood: 97, 79, 31;
   --salmon-red: 196, 101, 37;
   --salmon-border-red: 229, 156, 108;
   --bellpepper-color: 221, 230, 95;
   --bellpepper-border-color: 161, 219, 110;
 
   --swatch-topmenu-border-color: var(--medium-accent);
  --swatch-headerh1-color: 222, 222, 222;
  --swatch-headerh2-color: 104, 165, 212;
 
   --link-color: 87, 100, 186;
   --hover-link-color: 104, 165, 212;
   --visited-link-color: 4, 225, 166;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent)) 0%,
      rgba(var(--medium-accent), 0.90) 0%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--medium-accent)) 50%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#page-title::after {
   content: "(这是一份豆腐食谱！我发四！)";
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}
 
#top-bar > ul > li a, #top-bar > ul > li a:hover {
   color: rgb(var(--bright-accent));
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 16rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.4;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}
 
a:hover::before {
   content: "豆腐食谱：";
}
 
.scp-image-caption,
.yui-navset .yui-nav a,
blockquote,
.blockquote,
table.wiki-content-table th {
   color: rgb(255, 255, 255);
}
 
.yui-navset .yui-nav .selected a {
   color: rgb(var(--bright-accent)) !important;
}
 
table.wiki-content-table th {
   color: rgb(var(--text-white-monochrome));
}
 
#login-status {
   color: rgb(var(--bright-accent));
}
 
#login-status a {
   color: rgb(var(--bright-accent));
}
 
#search-top-box input.empty {
   color: rgb(var(--bright-accent));
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--alt-accent))
}
 
tofuquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(90, 20, 20,.25);
}
 
.styled-tofu {
   background-color:rgb(var(--bright-accent));
   border-left: 0.5rem solid rgba(var(--gray-monochrome));
   color:rgb(255, 255, 255);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.veggie-styled-tofu {
   background-color:rgb(var(--darker-legacy-accent));
   border-left: 0.5rem solid rgba(var(--legacy-accent));
   color:rgb(var(--text-white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.veggie-styled-tofu a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.tranquility-styled-tofu {
   background-color:rgb(var(--tranquility-purple));
   border-left: 0.5rem solid rgba(var(--medium-accent));
   color:rgb(255, 255, 255);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.onion-styled-tofu {
   background-color:rgb(var(--onion-beige));
   border-left: 0.5rem solid rgba(var(--onion-border-beige));
   color:rgb(255, 255, 255);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.salmon-styled-tofu {
   background-color:rgb(var(--salmon-red));
   border-left: 0.5rem solid rgba(var(--salmon-border-red));
   color:rgb(255, 255, 255);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.bellpepper-styled-tofu {
   background-color:rgb(var(--bellpepper-color));
   border-left: 0.5rem solid rgba(var(--bellpepper-border-color));
   color:rgb(255, 255, 255);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.table-styled-tofu {
   background-color:rgb(var(--table-wood));
   border-left: 0.5rem solid rgba(var(--table-border-wood));
   color:rgb(255, 255, 255);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.yin-styled-tofu {
   background-color:rgb(255, 255, 255);
   border-left: 0.5rem solid rgba(12, 12, 12);
   color:rgb(12, 12, 12);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.yang-styled-tofu {
   background-color:rgb(12, 12, 12);
   border-left: 0.5rem solid rgba(255, 255, 255);
   color:rgb(255, 255, 255);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.plaintofu {
   background-color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.tofu {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--text-white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.veggietofu {
   background-color:rgb(var(--darker-legacy-accent));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   color: rgb(var(--text-white-monochrome));
}
 
.veggietofu a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
.linedtofu {
    background-color:rgb(var( --gray-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--bright-accent));
 }
 
 .tranquility-linedtofu {
    background-color:rgb(var(--tranquility-purple));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--medium-accent));
 }
 
 .onion-linedtofu {
    background-color:rgb(var(--onion-beige));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--onion-border-beige));
 }
 
 .salmon-linedtofu {
    background-color:rgb(var(--salmon-red));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--salmon-border-red));
 }
 
 .bellpepper-linedtofu {
    background-color:rgb(var(--bellpepper-color));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--bellpepper-border-color));
 }
 
 .table-linedtofu {
    background-color:rgb(var(--table-wood));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--table-border-wood));
 }
 
 .yin-linedtofu {
    background-color:rgb(255, 255, 255);
    color:rgb(12, 12, 12);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(12, 12, 12);
 }
 
 .yang-linedtofu {
    background-color:rgb(12, 12, 12);
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(255, 255, 255);
 }
 
.veggie-linedtofu {
    background-color:rgb(var( --darker-legacy-accent));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--legacy-accent));
 }
 
 .lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--gray-monochrome));
     border: solid 0.3rem rgb(var(--bright-accent));
    }
 
    .lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://sensenca-picture.wikidot.com/local--files/main/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .veggie-lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--darker-legacy-accent));
     border: solid 0.3rem rgb(var(--legacy-accent));
    }
 
    .veggie-lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://sensenca-picture.wikidot.com/local--files/main/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .tranquility-lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--tranquility-purple));
     border: solid 0.3rem rgb(var(--medium-accent));
    }
 
    .tranquility-lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://sensenca-picture.wikidot.com/local--files/main/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .onion-lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--onion-beige));
     border: solid 0.3rem rgb(var(--onion-border-beige));
    }
 
    .onion-lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://sensenca-picture.wikidot.com/local--files/main/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .salmon-lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--salmon-red));
     border: solid 0.3rem rgb(var(--salmon-border-red));
    }
 
    .salmon-lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://sensenca-picture.wikidot.com/local--files/main/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .bellpepper-lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--bellpepper-color));
     border: solid 0.3rem rgb(var(--bellpepper-border-color));
    }
 
    .bellpepper-lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://sensenca-picture.wikidot.com/local--files/main/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .table-lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--table-wood));
     border: solid 0.3rem rgb(var(--table-border-wood));
    }
 
    .table-lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://sensenca-picture.wikidot.com/local--files/main/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .yin-lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(12, 12, 12);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(255, 255, 255);
     border: solid 0.3rem rgb(12, 12, 12);
    }
 
    .yin-lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://sensenca-picture.wikidot.com/local--files/main/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .yang-lined-tofusymbolism{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(12, 12, 12);
     border: solid 0.3rem rgb(255, 255, 255);
    }
 
    .yang-lined-tofusymbolism::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://sensenca-picture.wikidot.com/local--files/main/Tofu_YinYang.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
.titletofu {
        background-color: rgb(var(--gray-monochrome));
        color:rgb(var(--text-white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--bright-accent)) 2px;
     }
 
     .titlebowl{
       color: rgb(var(--gray-monochrome));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--bright-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.veggie-titletofu {
        background-color: rgb(var(--darker-legacy-accent));
        color:rgb(var(--text-white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--legacy-accent)) 2px;
     }
 
     .veggie-titlebowl{
       color: rgb(var(--darker-legacy-accent));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--legacy-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.tranquility-titletofu {
        background-color: rgb(var(--tranquility-purple));
        color:rgb(var(--text-white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--medium-accent)) 2px;
     }
 
     .tranquility-titlebowl{
       color: rgb(var(--tranquility-purple));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--medium-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.onion-titletofu {
        background-color: rgb(var(--onion-beige));
        color:rgb(var(--text-white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--onion-border-beige)) 2px;
     }
 
     .onion-titlebowl{
       color: rgb(var(--onion-beige));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--onion-border-beige));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.salmon-titletofu {
        background-color: rgb(var(--salmon-red));
        color:rgb(var(--text-white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--salmon-border-red)) 2px;
     }
 
     .salmon-titlebowl{
       color: rgb(var(--salmon-red));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--salmon-border-red));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.bellpepper-titletofu {
        background-color: rgb(var(--bellpepper-color));
        color:rgb(var(--text-white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--bellpepper-border-color)) 2px;
     }
 
     .bellpepper-titlebowl{
       color: rgb(var(--bellpepper-color));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--bellpepper-border-color));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.table-titletofu {
        background-color: rgb(var(--table-wood));
        color:rgb(var(--text-white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--table-border-wood)) 2px;
     }
 
     .table-titlebowl{
       color: rgb(var(--table-wood));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--table-border-wood));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.yin-titletofu {
        background-color: rgb(255, 255, 255);
        color:rgb(var(--black-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(12, 12, 12) 2px;
     }
 
     .yin-titlebowl{
       color: rgb(255, 255, 255);
       position: relative;
       top: -1.6rem;
       background-color: rgb(12, 12, 12);
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.yang-titletofu {
        background-color: rgb(12, 12, 12);
        color:rgb(var(--text-white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(255, 255, 255) 2px;
     }
 
     .yang-titlebowl{
       color: rgb(12, 12, 12);
       position: relative;
       top: -1.6rem;
       background-color: rgb(255, 255, 255);
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.lined-tofu {
    background-color:rgb(var(--gray-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--gray-monochrome));
 }
 
@media screen and (prefers-reduced-motion: no-preference) {
    #page-title, #breadcrumbs, #page-content > * {
      animation-name: fadeIn;
      animation-duration: 1s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
  #page-title { animation-delay: 0s; }
 
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translate(0,30px);
    }
    to {
      opacity: 1;
      transform: translate(0,0);
    }
  }
 
:root {
   --fade-in-delay: 0.1s; /* Change the speed here. */
}
 
#page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delay)); }
#page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delay)); }
#page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delay)); }
#page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delay)); }
#page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delay)); }
#page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delay)); }
#page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delay)); }
#page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delay)); }
#page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delay)); }
#page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delay)); }
#page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delay)); }
#page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delay)); }
#page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delay)); }
#page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delay)); }
#page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delay)); }
#page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delay)); }

豆腐在我们的生活中扮演着重要的角色，我们有时会忘记把我们带到现在的伟大旅程。在我们的生活中，这样的事情经常发生，没有人会想到走到这一步有多难。但今天一切都改变了。今天，豆腐数据库将回顾每个人都喜欢的豆制品的精彩历史。我是aether48，我将带领你们了解豆子的历史。

---

我们的旅程始于公元前2000年。新月沃土是如今中东的一个繁荣地区，早已开始厌倦谷物和肉类。领主阿舒尔-尼拉里二世甚至悬赏一百二十头牛给任何能发现新食物的人。一些人看着奶牛，想知道如何处理它们的牛奶。其他人试图捕捉鸟类，但无济于事。一个勇敢的灵魂宰杀了一匹马，并把它的肉献给了上帝，却因不敬而遭到处决。

根据我们顶尖科学家找到的楔形文字抄本，一个名叫安托索利的人从其他搜寻者中脱颖而出。作为一名退休农民，他对所有曾探索过的地方了如指掌，因此在探索未知方面有巨大优势。赏金一发出，他就冲到他家附近的深洞里去寻找一颗种子。

地球深处是一条巨大冰川的遗迹，它融化后形成了底格里斯河。但安托索利知道，并不是所有的都消失了。在洞穴的深处，他从永久冻土中提取出了一粒种子。

他小心翼翼地解冻了他的战利品，并用其他植物材料修复了它，然后把它埋在他能找到的最好的土壤里。每天浇水，小心地控制它的阳光摄入量，种子慢慢地发芽成新的东西。一颗豆子。一颗大豆。

在秘密传播这种新作物，并试验了它所能被塑造成什么之后，安托索利找到了完美的造物。他称之为“toso”，这是我们现代豆腐的继承者。在把它展示给阿舒尔-尼拉里后，他获得了120头牛，平静地度过了余生。

---

2000年后的汉朝，安托索利的一个曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾曾孙子产生了一个想法。toso的配方已经传承了几十代人，就像那些来自新月沃土的人向东北迁移一样。但它从未改变过。

这位名叫陈福的女士认为，如果能把大豆的味道提取出来并精炼，那就更好了。通过挤出大块的toso，她创造了酱油。这种神奇的液体为朝廷的军队提供了整整十年的动力，直到人们发现这种盐是有害的。然而，陈福在历史上留下了她的印记。酱油将继续成为亚洲食物的主食，而新形成的“豆腐”一直是最大的食物来源。

---

今天，豆腐已经被证明具有比最初预期的更多的有益特性。它能填饱肚子，对节食有好处，而且很好吃！但以我们今天所拥有的一切，有时很容易忘记是什么把我们带到这里。
所以，下次当你拿起一块豆腐时，想想安托索利，感谢你的祖先。

作者(们)

Aether48
为了愚人节的豆腐数据库事件