系统阻断提示 壁纸
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>系统阻断提示</title>
    <style>
        body,
        html {
            margin: 0;
            padding: 0;
            height: 100%;
            width: 100%;
            background-color: #0060ff;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #ffffff;
            /* 强制使用黑体 */
            font-family: "SimHei", "STHeiti", "Heiti SC", "Microsoft YaHei", sans-serif;
        }

        /* 主提示语容器 */
        .message-container {
            text-align: center;
            margin-top: -8vh;
            /* 向上微调,留出下方落款空间 */
            width: 100%;
        }

        .main-text,
        .sub-text {
            display: block;
            /* 保持较大的字号 */
            font-size: 5.2vw;
            font-weight: normal;
            /* 调小字间距,从 0.15em 降至 0.05em */
            letter-spacing: 0.05em;
            line-height: 1.4;
            margin-bottom: 2vh;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
            /* 轻微投影增加立体感 */
        }

        /* 右下角落款容器 */
        .footer {
            position: absolute;
            bottom: 15vh;
            right: 10vw;
            /* 固定宽度以实现对齐参照 */
            width: 28vw;
        }

        .footer-text {
            display: block;
            font-size: 1.6vw;
            line-height: 1.8;
            /* 关键:强制两端对齐 */
            text-align: justify;
            text-align-last: justify;
            -moz-text-align-last: justify;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {

            .main-text,
            .sub-text {
                font-size: 32px;
                letter-spacing: 0.02em;
            }

            .footer {
                width: 240px;
                bottom: 10vh;
                right: 5vw;
            }

            .footer-text {
                font-size: 14px;
            }
        }
    </style>
</head>

<body>

    <div class="message-container">
        <div class="main-text">此计算机因违规外联已被阻断</div>
        <div class="sub-text">请等待安全部门与你联系</div>
    </div>

    <div class="footer">
        <div class="footer-text">中央保密委员会办公室</div>
        <div class="footer-text">中央密码工作领导小组办公室</div>
    </div>

</body>

</html>
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇