html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}body{margin:0;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff5f8;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.add-grade-page-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#3f2d45;display:flex;align-items:center;justify-content:center}.add-grade-page{max-width:600px;width:100%;padding:24px;background:#4d3a54;border-radius:8px;animation:form-fade-in .5s ease-in-out .2s backwards}@keyframes form-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.add-grade-page h1{text-align:center;margin-bottom:24px;color:#fff}.form-buttons{display:flex;gap:16px}@keyframes fall{0%{transform:translateY(-10vh) rotate(0)}to{transform:translateY(110vh) rotate(360deg)}}.emoji-rain-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.emoji{position:absolute;top:-10vh;font-size:2.5rem;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;opacity:1}@keyframes float-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-container{position:relative;width:100%;height:100vh;background-image:url(/assets/my-background1-DoQOzv5I.png);background-size:cover;background-position:center;background-repeat:no-repeat}#tsparticles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;color:#434343}.hero-section-empty{width:100%;height:calc(100vh - 64px);position:relative}.empty-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;color:#434343;animation:float-in 1s ease-out forwards}.empty-content h2{font-size:3rem;margin-bottom:1rem;color:#d438a2}.empty-content p{font-size:1.2rem;max-width:500px}.main-score-wrapper{display:flex;justify-content:center;margin-bottom:40px}.total-score-card{background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:50%;width:280px;height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #883a7033;animation:float-in .8s ease-out forwards}.total-score-title{font-size:1.2rem;opacity:.7;font-weight:500}.total-score-value{font-size:5rem;font-weight:700;line-height:1;margin:10px 0;color:#c41d7f}.score-diff{font-size:1rem;padding:4px 8px;border-radius:12px;font-weight:500}.score-diff.positive{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.score-diff.negative{background:#fff1f0;color:#f5222d;border:1px solid #ffa39e}.subjects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:800px;width:100%}.subject-card-glass{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:15px;padding:20px;text-align:center;border:1px solid rgba(255,255,255,.7);box-shadow:0 4px 16px #883a7026;opacity:0;animation:float-in .5s ease-out forwards;animation-delay:calc(.6s + var(--i) * .1s);transition:transform .3s ease,box-shadow .3s ease}.subject-card-glass:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 8px 24px #883a7033}.subject-name{display:block;font-size:1rem;margin-bottom:8px;color:#000!important;font-weight:700;opacity:1!important}.subject-score{display:block;font-size:2rem;color:#000;font-weight:700}.page-container{position:relative;min-height:100vh;overflow:hidden}.nav-arrow{position:absolute;z-index:10}.nav-arrow.down{bottom:40px;left:50%;transform:translate(-50%)}.nav-arrow.up{top:40px;left:50%;transform:translate(-50%)}.box{--width: 100%;--height: 100%;position:relative;z-index:10;width:100%;height:100%;background:#feffe4cc;box-sizing:border-box;overflow:hidden;box-shadow:0 20px 50px #2eb87233;border:2px solid #2eb872;color:#fff;padding:20px}.box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:.5s;pointer-events:none}.box:hover:before{left:-50%;transform:skew(-5deg)}.box .content{position:absolute;inset:15px;border:1px solid #a3de83;padding:0;text-align:center;box-shadow:0 5px 10px #2eb8721a;display:flex;justify-content:center;align-items:center}.box span{position:absolute;display:block;box-sizing:border-box;width:100%;height:100%}.box span:nth-child(1){top:0;left:0;transform:rotate(0)}.box span:nth-child(2){top:0;left:100%;transform-origin:top left;transform:rotate(90deg)}.box span:nth-child(3){top:100%;left:100%;transform-origin:top left;transform:rotate(180deg)}.box span:nth-child(4){top:100%;left:0;transform-origin:top left;transform:rotate(270deg)}.box span:before{content:"";position:absolute;width:101%;height:2px;background:#fa4659;animation:animate 4s linear infinite}@keyframes animate{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}50.1%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.chart-page-container{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#feffe4;min-height:100vh;position:relative;overflow:hidden}.page-title{text-align:center;font-size:28px;color:#0c4a6e;margin-bottom:32px}.chart-wrapper{width:90%;max-width:1200px;height:70vh}.stats-row{margin-bottom:32px}.stats-row .ant-card{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.7);box-shadow:0 4px 20px #7090b026;color:#0c4a6e;transition:all .3s ease}.stats-row .ant-card:hover{transform:translateY(-5px);box-shadow:0 8px 32px #7090b040}.stats-row .ant-statistic-title{color:#0c4a6e99;font-size:14px}.stats-row .ant-statistic-content{font-size:30px;font-weight:500}.ant-col:nth-child(1) .ant-statistic-content{color:#0ea5e9}.ant-col:nth-child(2) .ant-statistic-content{color:#22c55e}.ant-col:nth-child(3) .ant-statistic-content{color:#ef4444}.ant-col:nth-child(4) .ant-statistic-content{color:#f97316}@media (max-width: 768px){.chart-page-container{padding:20px;padding-bottom:19vh}.page-title{font-size:24px;margin-bottom:24px}.stats-row .ant-col{padding-bottom:16px}.stats-row .ant-card-body{display:flex;align-items:center;justify-content:space-between;padding:12px 16px!important}.chart-legends{display:flex;justify-content:space-around;width:100%;margin-top:16px;padding:0 10px;color:#333;font-weight:700}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.legend-line{display:inline-block;width:25px;height:3px}.legend-line.max{background-color:#2eb872}.legend-line.min{background-color:#fa4659}.legend-line.avg{background-color:#a3de83;height:2px;border-style:dashed;border-width:1px 0;border-color:#a3de83;background-color:transparent}.stats-row .ant-statistic{flex-grow:1}.stats-row .ant-statistic-title{font-size:13px;margin-bottom:0!important}.stats-row .ant-statistic-content{font-size:22px;text-align:right}.chart-wrapper{height:65vw;width:110%}}.radar-chart-container{height:100%}.score-comparison{padding:0}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.subject-card{background:transparent;position:relative;display:flex;flex-direction:column;gap:4px;padding:16px;overflow:hidden;border-radius:20px;z-index:1}.subject-card:before{display:none}@keyframes rotBGimg{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.subject-card:after{display:none}.subject-card-top,.latest-score,.average-score{z-index:1}.subject-card:hover{transform:translateY(-4px)}.subject-card-top{display:flex;justify-content:space-between;align-items:center}.subject-name{font-size:14px;color:#0245a3;font-weight:500}.score-diff{font-size:12px;font-weight:600;padding:2px 6px;border-radius:6px;z-index:1}.score-diff.positive{color:#0245a3;background-color:#8fbaf34d}.score-diff.negative{color:#0245a3;background-color:#8fbaf333}.latest-score{font-size:32px;font-weight:700;color:#0245a3;line-height:1.2}.average-score{font-size:12px;color:#0245a3}@media (max-width: 768px){.subject-card{padding:12px;gap:2px}.subject-name{font-size:13px}.score-diff{font-size:11px;padding:2px 5px}.latest-score{font-size:28px}.average-score{font-size:11px}}.comparison-page-container{padding:40px;min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.infographic-layout{position:relative;width:80vw;height:80vh;max-width:1000px;max-height:800px}.radar-chart-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%}.subject-cards-container{position:absolute;top:0;left:0;width:100%;height:100%}.subject-card-wrapper{position:absolute;width:180px;transition:transform .3s ease}.subject-card-wrapper:hover{transform:scale(1.1);z-index:10}.subject-chinese{top:-2%;left:50%;transform:translate(-50%)}.subject-math{top:20%;left:15%;transform:translate(-50%)}.subject-english{top:55%;left:15%;transform:translate(-50%)}.subject-physics{top:80%;left:50%;transform:translate(-50%)}.subject-chemistry{top:55%;left:85%;transform:translate(-50%)}.subject-biology{top:20%;left:85%;transform:translate(-50%)}@media (max-width: 768px){.comparison-page-container{padding:20px;height:auto;min-height:100vh}.infographic-layout{display:flex;flex-direction:column;align-items:center;width:100%;height:auto;position:static;gap:210px}.radar-chart-wrapper{position:static;transform:none;width:90vw;height:50vw;max-height:300px;margin-top:-10px;margin-bottom:15px}.subject-cards-container{position:static;width:100%;height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.subject-card-wrapper{position:static;width:auto;transform:none!important}.subject-chinese,.subject-math,.subject-english,.subject-physics,.subject-chemistry,.subject-biology{top:auto;left:auto;transform:none}}.ink-overlay{position:fixed;top:0;left:0;z-index:9999;height:100%;width:100%;overflow:hidden}.ink-overlay .bg-layer{position:absolute;left:50%;top:50%;transform:translateY(-50%) translate(-2%);height:100%;width:2500%;background:url(/img/ink.png) no-repeat 0 0;background-size:100% 100%;animation:cd-sequence .8s steps(24) forwards}@keyframes cd-sequence{0%{transform:translateY(-50%) translate(-2%)}to{transform:translateY(-50%) translate(-98%)}}main{padding:32px;position:relative}.page-fade-enter{opacity:0;transform:scale(1.1)}.page-fade-enter-active{opacity:1;transform:scale(1);transition:opacity .3s,transform .3s}.page-fade-exit{opacity:1;transform:scale(1)}.page-fade-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s}