*,
::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: #e5e7eb;
    /* 2 */
}

::before,
::after {
    --tw-content: '';
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Microsoft Yahei, 微软雅黑, Graphik, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    background: #0284c7;
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
    margin: 0;
    line-height: inherit;
}

html,body{
    min-width: 1200px;
}

#app {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center
}

#app h1{
    margin: 40px 0;
    width: 1000px;
    color: #FFFFFF;
    text-align: center;
}

.main {
    width: 1000px;
    background: #ffffff;
    padding: 40px;
    border-radius: 20px;
}

.float_bar {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.float_bar .btn {
    margin-bottom: 10px;
}

.inquiry-result{
    position: relative;
    margin: 40px;
    padding: 30px;
    background-color: #ffffff;        /* 白色背景 */
}

.inquiry-result-inner{
    margin: 20px;
    background-image: url(/static/images/bg_gezi.png);  /* 背景图片 */
    background-size: 20px 20px;       /* 背景图片尺寸 */
    background-repeat: repeat;        /* 平铺重复 */
    background-position: 0 0;
    padding: 40px 60px;
    position: relative;
    overflow: hidden;                 /* 防止水印溢出 */
    /* 三层边框：使用 box-shadow 实现多层边框效果 */
    /* 从内到外：3px橙色(内层) + 2px白色(中层) + 4px蓝色(外层) = 9px总宽度 */
    box-shadow: 0 0 0 3px #f97316, 0 0 0 5px #ffffff, 0 0 0 9px #3b82f6;
}

/* 水印只显示在 inquiry-result-inner 内部 */
.inquiry-result-inner::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    pointer-events: none;             /* 不影响点击 */
    z-index: 1;
    /* 单行文本，每瓦片一条；通过缩小瓦片尺寸提升密度（不缩放文字） */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><g transform='rotate(-45 80 80)' fill='%23f97316' fill-opacity='0.2' font-size='20' font-family='Microsoft Yahei, sans-serif'><text x='0' y='100'>邯郸科技职业学院</text></g></svg>");
    background-size: 160px 160px;     /* 更密集的平铺尺寸 */
    background-repeat: repeat;        /* 平铺重复 */
    background-position: 0 0;
}

.inquiry-result .bianhao{
    width: 100%;
    text-align: right;
    margin-bottom: 30px;
    font-size: 14px;
}

.inquiry-result h2 {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font-size: 40px;
    text-align: center;
}


.inquiry-result .content{
    margin-top: 70px;
    margin-bottom: 40px;
}
.inquiry-result .content p {
    text-indent: 2em;
    font-size: 18px;
}
.inquiry-result .content p span {
    font-weight: bold;
    text-decoration: underline;
}

.result-footer {
    margin-top: 50px;
    text-align: right;
    font-size: 18px;
}

@media print {
    /* 确保打印时保留背景与水印颜色 */
    .inquiry-result {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        background-color: #ffffff !important;
    }
    .inquiry-result-inner {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        background-image: url(/static/images/bg_gezi.png) !important;
        background-size: 20px 20px !important;
        background-repeat: repeat !important;
        /* 打印时保留边框 */
        box-shadow: 0 0 0 3px #f97316, 0 0 0 5px #ffffff, 0 0 0 9px #3b82f6 !important;
    }
    .inquiry-result-inner::before {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}