/* Google Fonts */

@import url(
'https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&family=Cinzel:wght@300;400;500;600;700;800&display=swap'
);

/* =========================
   BASE
========================= */

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

body{

font-family:'Cinzel',serif;

background:
linear-gradient(
180deg,
#050505,
#0b0b12,
#050505
);

color:white;

min-height:100vh;
}
/*=========================
BAR
=========================*/
.report-bar{

display:flex;

align-items:center;

gap:16px;

margin:12px 0;

}

.report-bar-label{

width:180px;

flex-shrink:0;

}

.report-bar-track{

flex:1;

height:8px;

background:#1b1b1b;

overflow:hidden;

}

.report-bar-fill{

height:100%;

background:#d4af37;

}

.report-bar-value{

width:90px;

text-align:right;

font-size:13px;

opacity:.75;

}
/* =========================
   PANEL
========================= */

.panel{

width:min(
700px,
90%
);

margin:auto;

padding:60px;

border-radius:24px;

background:
rgba(10,10,10,.82);

backdrop-filter:
blur(10px);

border:
1px solid rgba(255,255,255,.15);

box-shadow:
0 0 30px rgba(255,255,255,.05),
0 0 80px rgba(0,0,0,.7);

position:relative;
z-index:10;
}

/* =========================
   TITLE
========================= */

h1{

font-family:
'UnifrakturMaguntia',
serif;

font-size:56px;

font-weight:400;

text-align:center;

margin-bottom:40px;
}

/* =========================
   BUTTONS
========================= */

button{

padding:18px;

border-radius:14px;

border:
1px solid rgba(255,255,255,.15);

background:
rgba(255,255,255,.04);

color:white;

font-size:18px;

cursor:pointer;

transition:.3s;

font-family:'Cinzel',serif;
}

button:hover{

background:
rgba(255,255,255,.08);

transform:
translateY(-2px);
}

/* ======================
   LOGIN PANEL
====================== */

.login-panel{

    width:min(
        420px,
        90vw
    );

    display:flex;

    flex-direction:column;

    gap:16px;
}

.subtitle{

    color:
    rgba(255,255,255,.6);

    margin-bottom:10px;

    letter-spacing:2px;

    text-align:center;
}

.login-panel input{

    width:100%;

    padding:16px;

    border-radius:14px;

    border:
    1px solid
    rgba(255,255,255,.15);

    background:
    rgba(255,255,255,.04);

    color:white;

    font-size:16px;

    font-family:
    'Cinzel',
    serif;
}

.login-panel input:focus{

    outline:none;

    border-color:
    rgba(255,255,255,.4);

    box-shadow:
    0 0 20px
    rgba(255,255,255,.1);
}

.login-panel input::placeholder{

    color:
    rgba(255,255,255,.35);
}

#greeting{

margin-bottom:30px;

font-size:18px;

color:
rgba(
255,
255,
255,
0.75
);

text-align:center;

letter-spacing:1px;
}

/* 全站返回 Index 入口 */
.site-return{
    position:fixed;
    top:18px;
    left:18px;
    z-index:9999;

    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:0 10px;

    color:rgba(255,255,255,.68);
    text-decoration:none;
    font:14px/1 'Cinzel', serif;
    letter-spacing:.04em;

    background:transparent;
    border:0;
    border-radius:8px;

    transition:
        color .2s ease,
        text-shadow .2s ease,
        filter .2s ease;
}

.site-return:hover{
    color:white;

    text-shadow:
        0 0 6px rgba(255,255,255,.72),
        0 0 14px rgba(255,255,255,.3);

    filter:
        drop-shadow(0 0 7px rgba(255,255,255,.25));
}

.site-return:focus,
.site-return:focus-visible{
    outline:none;
    box-shadow:none;
}

@media (max-width:600px){
    .site-return{
        top:12px;
        left:12px;
        min-height:34px;
        padding:0 8px;
        font-size:13px;
    }
}