*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;gap:20px}body{font-family:Arial,microsoft yahei,sans-serif;font-size:16px;line-height:1.5}a{text-decoration:none}input,button,textarea,select{border:none;outline:none;font:inherit}button{cursor:pointer}img{vertical-align:middle;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:400}hr{margin:0;padding:0}@media(max-width:575px){body{gap:120px}}@media(max-width:767px){body{gap:15px}}@media(max-width:1023px){body{gap:20px}}@media(max-width:1439px){body{gap:25px}}body{background:linear-gradient(to bottom,var(--common-color-1),var(--common-color-2));color:var(--common-text);min-height:100vh;background-attachment:fixed;background-size:cover;background-repeat:no-repeat}body.pjax-loading{cursor:wait}body.pjax-loading .center-container{pointer-events:none}.center-container{transition:opacity .3s ease-out,transform .3s ease-out}.pjax-transitioning{opacity:0;transform:translateX(20px)}a{color:var(--common-text)}a:hover{color:var(--common-hover)}.header-card,.left-asider-card,.center-card,.footer-card,.footer-element-card,.page-list-card{background-color:var(--common-bg);box-shadow:0 2px 4px var(--common-shadow)}.mid-flex{max-width:1400px;max-height:650px;width:100%;height:100%;margin:0 auto;display:flex;justify-content:center;align-items:flex-start;flex-direction:row;gap:20px}.center-S{width:calc(100% - 15% - 20px);height:100%;display:flex;justify-content:center}.center-container{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:flex-start}.center-card{width:100%;max-height:600px;height:600px;padding:20px;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;border:2px solid var(--common-color-1)}.center-header-area{display:flex;flex-direction:column;height:100%;overflow:hidden}.center-header-area .center-head-card{flex-shrink:0;width:100%}.center-header-area .center-card-content{flex:1;overflow-y:auto;padding:20px}.center-card-content{background-color:var(--common-bg)}.center-head-card{background-color:var(--common-bg);transition:background-color .3s ease}.center-head-card h2{color:var(--common-color-1);transition:color .3s ease}.center-card-content hr,.center-card hr{border:none;height:1px;background-color:var(--common-color-1);margin:10px 0;transition:background-color .3s ease}.center-card-bordered{border:2px solid var(--common-color-1);transition:border-color .3s ease}@media(max-width:576px){.center-S{width:100%;padding:0 20px;display:flex;justify-content:center}.center-container{width:100%;max-width:100%;display:flex;justify-content:center}.center-card{width:100%;max-width:100%;height:auto;max-height:calc(100vh - 300px);padding:15px;overflow-y:auto;border-radius:12px}}@media(max-width:768px){.center-S{width:100%;padding:0 25px;display:flex;justify-content:center}.center-container{width:100%;max-width:100%;display:flex;justify-content:center}.center-card{width:100%;max-width:100%;height:auto;max-height:calc(100vh - 280px);padding:20px;overflow-y:auto;border-radius:12px}}@media(max-width:1024px){.center-S{width:calc(100% - 20% - 20px);padding:0 15px;justify-content:center}.center-card{height:600px;border-radius:8px}}@media(max-width:1200px){.center-S{width:1e3px;padding:0 10px;justify-content:center}.center-card{height:650px;border-radius:8px}}@media(max-width:1440px){.center-S{width:1200px;padding:0 10px;justify-content:center}.center-card{height:600px;border-radius:8px}}