查看“︁用户:Qiuyin-spring tide”︁的源代码

{{#css:
.css-toggler::after {
    content: "？！？！？！补药泼卸妆水啊呜——";
}
#MessageWall .Reply {
    position: relative;          /* 为伪元素提供定位参考 */
    padding-left: 12px;          /* 留出竖条位置（可根据设计调整） */
    border-left: none;           /* 移除原有边框 */
}

#MessageWall .Reply::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;                    /* 可根据内容区域微调起始位置 */
    bottom: 4px;                 /* 与 top 配合控制竖条高度 */
    width: 4px;                  /* 竖条宽度，与原 border-left 一致 */
    background-color: rgba(var(--theme-border-color--rgb), .5);
    border-radius: 2px;          /* 圆角值，等于宽度一半时两端为半圆形 */
}
.css-toggler {
    background: #fff !important;
    border-left: 4px solid #f5c0d0 !important;
    border-right: 4px solid #f5c0d0 !important;
    border-radius: 10px !important;
    padding: 6px 20px !important;
    margin: 4px 8px !important;
}
.tabs-container {
    display: flex;
    width: 81%;
    margin: 5% auto; 
    height: auto;
    position: relative;
}

.tabs-header {
    background: transparent;
    width: 200px;
    height: min-content;
    transition: transform 0.3s ease;
    position: sticky;
    top: 15%;
    gap: 10px;
    display: flex; 
    flex-direction: column;
}

/* ===== 桌面端标签按钮样式 ===== */
.tabs-header a {
    display: block !important;
    text-decoration: none !important;
    color: inherit !important;
    padding: 15px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    user-select: none;
    margin: 0 15px 10px 15px !important;
    border-radius: 12px;
    background: white;
    color: #d99cb0;
    border-left: 6px solid #f5ceda;
    border-right: 6px solid #f5ceda;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    text-shadow: 
        1px 1px 0 #ffffff,
        -1px -1px 0 #ffffff,
        1px -1px 0 #ffffff,
        -1px 1px 0 #ffffff,
        1.5px 1.5px 0 #ffffff,
        -1.5px -1.5px 0 #ffffff,
        0 0 3.5px rgba(150, 80, 100, 0.2) !important;
    position: relative;
}

.tabs-header a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(to right, rgba(220, 140, 170, 0.15), rgba(240, 170, 190, 0.15));
    z-index: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.tabs-header a:hover {
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.tabs-header a:hover::before {
    opacity: 1;
}

/* ===== :target 互斥逻辑 ===== */
#tabs-content > .tab-content {
    display: none;
}

#tabs-content > .tab-content:last-of-type:not(:target) {
    display: block;
}

#tabs-content > .tab-content:target {
    display: block;
    animation: fadeIn 0.5s ease;
}

#tabs-content > .tab-content:target ~ .tab-content:last-of-type {
    display: none;
}

.tabs-content {
    flex: 1;
    padding: 30px;
    overflow-y: auto;
    position: relative;
    min-height: 500px;
    background: transparent;
}

.tab-content.active {
    display: block;
    animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.flag {
    width: 40%;
    aspect-ratio: 3 / 2;
    display: flex;
    flex-direction: column;
}

.stripe {
    flex: 1 !important;
}

.yellow { background-color: #FFF433; }
.white { background-color: #FFFFFF; }
.purple { background-color: #9C59D1; }
.black { background-color: #2C2C2C; }

@media (max-width: 600px) {
    .card {
        width: 80%;
        padding: 1rem;
    }
    
    .flag {
        max-width: 40%;
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    color: #d45b8a !important;
    transition: color 0.3s ease !important;
}

a:hover {
    color: #e57ea2 !important;
    text-shadow: 0 0 10px rgba(220, 120, 160, 0.5);
}

hr {
    border-color: #f5c0d0 !important;
    background: linear-gradient(90deg, transparent, #e57ea2, transparent) !important;
    height: 2px !important;
}

.main-container, .resizable-container{
    --theme-page-background-color:rgb(254,254,254,0) !important;
    --theme-body-background-color:rgb(254,254,254,0) !important;
    --theme-page-background-color--secondary:rgb(254,254,254,0) !important;
    --theme-body-background-image: linear-gradient(135deg, #ffffff 0%, #ffe4f0 50%, #ffffff 100%) !important;
}

.user-profile-navigation {
    display: flex;
    list-style: none;
    gap: 10px;
    padding: 0;
    margin: 0;
}

.user-profile-navigation__link a {
    display: inline-block;
    padding: 10px 20px;
    background: linear-gradient(145deg, #f5c0d0, #e57ea2);
    color: white;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(220, 120, 160, 0.3);
    transition: all 0.3s ease;
    position: relative;
}

.user-profile-navigation__link a::before {
    content: '🌸';
    margin-right: 8px;
}

.user-profile-navigation__link a::after {
    content: '🌸';
    margin-left: 8px;
}

.user-profile-navigation__link a:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(220, 120, 160, 0.5);
}

.user-profile-navigation__link.is-active a {
    background: linear-gradient(145deg, #d95b8c, #b8436e);
}

.user-identity-box__wrapper{
    display: inline-block;
    padding: 10px 20px;
    width: 100%;
    background: linear-gradient(145deg, #f5c0d0, #e57ea2);
    color: white;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(220, 120, 160, 0.3);
    transition: all 0.3s ease;
    position: relative;
}

.user-identity-box__wrapper::before{
    content: '🌸';
    margin-right: 8px;
}

.user-identity-box__wrapper::after{
    content: '🌸';
    margin-right: 8px;
}

.user-identity-box__wrapper:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(220, 120, 160, 0.5);
}

h1{
    font-size:36px;
    text-align:center;
}
h1, h2, h3, h4, h5, h6 {
    color: #d99cb0;
    text-shadow: 
        1.5px 1.5px 0 #ffffff,
        -1.5px -1.5px 0 #ffffff,
        1.5px -1.5px 0 #ffffff,
        -1.5px 1.5px 0 #ffffff,
        2px 2px 0 #ffffff,
        -2px -2px 0 #ffffff,
        2px -2px 0 #ffffff,
        -2px 2px 0 #ffffff,
        0px 2px 0 #ffffff,
        0px -2px 0 #ffffff,
        2px 0px 0 #ffffff,
        -2px 0px 0 #ffffff,
        3px 3px 5px rgba(220, 120, 160, 0.3) !important;
}
p, li, td, th, div, span {
    color: #d99cb0;
    text-shadow:
        1px 1px 0 #ffffff,
        -1px -1px 0 #ffffff,
        1px -1px 0 #ffffff,
        -1px 1px 0 #ffffff,
        1.5px 1.5px 0 #ffffff,
        -1.5px -1.5px 0 #ffffff,
        0 0 3.5px rgba(150, 80, 100, 0.2) !important;
}
.card{
    border: solid #f5ceda 10px;
    border-radius: 30px;
    padding: 0.5rem 1.5rem;
    width: 80%;
    max-width: 800px;
    box-sizing: border-box;
    height: auto;
    align-self: flex-start;
    margin: 5% auto; 
    background-color: white;
}
.card1{
    border: solid #f5ceda 6px;
    border-radius: 30px;
    padding: 0.5rem 1.5rem;
    width: 100%;
    max-width: 800px;
    box-sizing: border-box;
    height: 100%;
    align-self: flex-start;
    margin: 0 auto; 
    background-color: white;
}
.card2{
    border: solid #f5ceda 6px;
    border-radius: 30px 30px 0 0;
    padding: 0.5rem 1.5rem;
    width: 100%;
    max-width: 1000px;
    box-sizing: border-box;
    height: 100%;
    align-self: flex-start;
    margin: 0 auto; 
    background-color: white;
}
.card3{
    border: solid #f5ceda 3px;
    border-radius: 0 0 30px 30px;
    padding: 0.5rem 1.5rem;
    width: 100%;
    max-width: 1000px;
    box-sizing: border-box;
    height: 100%;
    align-self: flex-start;
    margin: 0 auto; 
    background-color: #ffe2ed;
}
.t1{
    text-align:center;
    font-size:24px;
    color: #d99cb0;
    text-shadow: 
        1.5px 1.5px 0 #ffffff,
        -1.5px -1.5px 0 #ffffff,
        1.5px -1.5px 0 #ffffff,
        -1.5px 1.5px 0 #ffffff,
        2px 2px 0 #ffffff,
        -2px -2px 0 #ffffff,
        2px -2px 0 #ffffff,
        -2px 2px 0 #ffffff,
        0px 2px 0 #ffffff,
        0px -2px 0 #ffffff,
        2px 0px 0 #ffffff,
        -2px 0px 0 #ffffff,
        3px 3px 5px rgba(220, 120, 160, 0.3) !important;
}
.t2{
    text-align:center;
    font-size:18px;
    color: #d99cb0;
    text-shadow: 
        1.5px 1.5px 0 #ffffff,
        -1.5px -1.5px 0 #ffffff,
        1.5px -1.5px 0 #ffffff,
        -1.5px 1.5px 0 #ffffff,
        2px 2px 0 #ffffff,
        -2px -2px 0 #ffffff,
        2px -2px 0 #ffffff,
        -2px 2px 0 #ffffff,
        0px 2px 0 #ffffff,
        0px -2px 0 #ffffff,
        2px 0px 0 #ffffff,
        -2px 0px 0 #ffffff,
        3px 3px 5px rgba(220, 120, 160, 0.3) !important;
}
}}

<div class="card2">
<div class="t2">
<span style="font-size: 18px;color:#FFFFFF"><span class="countdown" style="display:none;"><center><big><big>至此<span class="countdowndate">October 4 2025</span></big></big></center></span></span>
</div>
</div>
{{collapse|num=2025|initial=<div class="card3"><div class="t1">是生？</div></div>|final= |body=
{{collapse|num=8|initial=<div class="card3"><div class="t1">是死？</div></div>|final= |body=
{{collapse|num=25|initial=<div class="card3"><div class="t1">我都仍是我</div></div>|final= |body=<div class="card3"><div class="t1">真正的我</div></div>

<div class="card">
<h2>自我介绍（？）</h2>
你好！

'''名称：'''hi！我是湫汐，Qiuyin Spring tide、蚯蚓、春潮什么的都是我（大概？）的名字，你可以随意怎样称呼我。（当然，本人更喜欢“湫汐”）

'''性别：'''非二元性别（<s>ta/她</s>随意）。

'''年龄：'''我不太清楚了。

'''生日：'''我也不太清楚。
<br><br>
<s>之前这里的那些逼话到底是谁写的？好智障。</s>
<br><br>
'''爱好：'''

极度喜欢写作<s>（写的好不好就是另外一回事了）</s>。

用五音不全的奇异极端嗓唱死核。

用精神分析解释为什么LGBT是迷你世界玩家<br>[https://www.bilibili.com/opus/1190090692800544770?spm_id_from=333.1387.0.0 我错了]<s>（其实一大半都在求助AI）</s>。

用跨学科视角八万字解析为什么notch是迷你世界玩家<br>[https://www.bilibili.com/opus/1195634211363487761/?from=readlist 点击观看全世界最权威的解解又构构]。

将每一篇自己的文章打造的外强中干。

像个弱智一样整天照镜子。

看恐怖电影。

看cult片。

看白井智之。

听歌。

'''喜欢听的音乐：'''

唔……比较爱听重型音乐（其实还有中西emo）。

emm……推荐几个比较喜欢的乐队：

Bring Me The Horizon，老生常谈的乐队喵，最喜欢《LosT》。

Falling In Reverse，加入了一些嘻哈之类元素的后核（其实根本不知道怎么分类）的乐队，<s>以及让我们忽略左右脑互博的奇异主唱</s>。

Lorna Shore，死核乐队，超喜欢喵！可惜现在有点同质化……不过有主唱人声顶着喵！还是好听喵！

Hot Mulligan，Choose lifeChoose lifeChoose lifeChoose lifeChoose life。

Ice Nine Kill!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!最喜欢的乐队！把美恐改编成歌曲喵！还有完全可以当连续剧看的剧情向MV喵！

……还会发新专吗喵……
</div>

<div class="card">
<h2>同时身处？</h2>
我于Miraheze后室(https://wiki.backroomszh.org )<s>极其</s>不太活跃，曾有幸任职Miraheze后室红线审核。
<br><br>
</div>

<div class="card">
<div class="t1">'''我的作品！'''</div>
</div>
<div class="tabs-container">
    <div class="tabs-header">
[[#tab1|常规ZH楼层]]
[[#tab2|负数ZH楼层]]
[[#tab3|异常ZH楼层]]
[[#tab4|集群ZH实体]]
[[#tab5|集群ZH现象]]
[[#tab6|集群ZH物品]]
[[#tab7|集群ZH人士]]
[[#tab8|集群ZH故事]]
[[#tab9|ZH玩笑文章]]
    </div>

    <div class="tabs-content" id="tabs-content">
        <div id="tab2" class="tab-content">
            <div class="card1"><ul><li>散了吧散了吧这人什么都没写</li></ul></div>
        </div>
        <div id="tab3" class="tab-content">
            <div class="card1"><ul><li>散了吧散了吧这人什么都没写</li></ul></div>
        </div>
        <div id="tab4" class="tab-content">
            <div class="card1"><ul><li>散了吧散了吧这人什么都没写</li></ul></div>
        </div>
        <div id="tab5" class="tab-content">
            <div class="card1"><ul><li>散了吧散了吧这人什么都没写</li></ul></div>
        </div>
        <div id="tab6" class="tab-content">
            <div class="card1"><ul><li>散了吧散了吧这人什么都没写</li></ul></div>
        </div>
        <div id="tab7" class="tab-content">
            <div class="card1"><ul><li>散了吧散了吧这人什么都没写</li></ul></div>
        </div>
        <div id="tab8" class="tab-content">
            <div class="card1"><ul><li>散了吧散了吧这人什么都没写</li></ul></div>
        </div>
        <div id="tab9" class="tab-content">
            <div class="card1"><ul><li>散了吧散了吧这人什么都没写</li></ul></div>
        </div>
        <div id="tab1" class="tab-content">
            <div class="card1">
                <ul><li>[[Level ZH 1444]]-“蚁巢”</li></ul>
            </div>
        </div>
    </div>
</div>

<div class="card">
{{Collapse|num=3|initial=<div class="t1">'''>要给我贴票嘛？！<'''</div>|final=<div class="t1">'''>谢谢！<'''</div>|body=
<div style="text-align:center"><big>>> '''[[User:Qiyin-spring_tide/票|点击此处进入贴票区]]''' <<</big></div>
{{User:Qiyin-spring_tide/票}}
}}
</div>
}}
}}
}}
<br><br><br>
<span style="font-size: 10px;">你知道吗？这个页面<s>没有夜间模式适配</s></span>