*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#06192b,#0a4978);color:#17324a;font:14px/1.65 Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif}.account-shell{width:min(1120px,calc(100% - 32px));margin:auto;padding:32px 0 70px}.account-logo{display:inline-block;margin-bottom:25px}.account-logo img{width:210px;height:auto}.account-card{display:grid;grid-template-columns:1fr 470px;min-height:650px;overflow:hidden;border:1px solid #ffffff26;border-radius:22px;background:#fff;box-shadow:0 32px 90px #001a}.account-copy{padding:80px 64px;background:linear-gradient(145deg,#08223a,#0c568b);color:#fff}.account-copy>span{color:#66baff;font-size:11px;font-weight:800;letter-spacing:.16em}.account-copy h1{max-width:530px;margin:16px 0;font-size:clamp(38px,4vw,60px);line-height:1.12}.account-copy p{max-width:520px;color:#bed3e3;font-size:16px}.account-copy ul{display:grid;gap:12px;margin:38px 0 0;padding:0;list-style:none}.account-copy li:before{content:'✓';display:inline-grid;place-items:center;width:23px;height:23px;margin-right:10px;border-radius:50%;background:#1677ff}.account-form{align-self:center;padding:55px}.account-form nav{display:flex;border-bottom:1px solid #dce6ee}.account-form nav a{flex:1;padding:12px;color:#7890a3;text-align:center;text-decoration:none;font-weight:800}.account-form nav a.on{border-bottom:3px solid #1677ff;color:#1677ff}.account-form h2{margin:28px 0 20px;font-size:27px}.account-form form{display:grid;gap:15px}.account-form label{display:grid;gap:7px;color:#49647a;font-weight:700}.account-form input{height:48px;padding:0 13px;border:1px solid #ccd9e3;border-radius:8px;font:inherit;outline:0}.account-form input:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1a}.account-form button{height:50px;border:0;border-radius:8px;background:#1677ff;color:#fff;font-weight:800;cursor:pointer}.account-error{padding:11px;border-radius:8px;background:#fde8ea;color:#a12835}.account-switch{color:#7c8e9d;text-align:center}.account-switch a{color:#1677ff;font-weight:800;text-decoration:none}@media(max-width:850px){.account-card{grid-template-columns:1fr}.account-copy{padding:45px 35px}.account-form{padding:42px 35px}}@media(max-width:520px){.account-shell{padding-top:20px}.account-card{border-radius:14px}.account-copy{padding:35px 24px}.account-copy h1{font-size:35px}.account-form{padding:35px 22px}}
@media(max-height:800px){body{min-height:0;background:#fff}.account-shell{width:100%;padding:0}.account-logo,.account-copy{display:none}.account-card{display:block;min-height:0;border:0;border-radius:0;box-shadow:none}.account-form{max-width:560px;margin:auto;padding:28px 46px 34px}.account-form h2{margin:20px 0 16px;font-size:25px}.account-form form{gap:12px}.account-form input{height:44px}.account-form button{height:46px}}
@media(max-height:800px) and (max-width:520px){.account-shell{padding:0}.account-form{padding:25px 20px 30px}}
.profile-page{background:#f3f6f8;color:#17324a}.profile-shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:24px 0 70px}.profile-header{display:flex;justify-content:space-between;margin-bottom:18px}.profile-header a{color:#287bc5;text-decoration:none;font-weight:700}.profile-hero{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:35px;padding:38px 48px;border-top:5px solid #4d9be3;background:#fff;box-shadow:0 8px 28px rgba(16,53,82,.08)}.profile-avatar-large{display:grid;place-items:center;width:150px;height:150px;overflow:hidden;border:7px solid #edf5fc;border-radius:50%;background:#1677ff;color:#fff;font-size:58px;font-weight:800}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-hero small{color:#398fe5;font-weight:800;letter-spacing:.15em}.profile-hero h1{margin:7px 0 4px;font-size:34px}.profile-hero p{margin:0;color:#70879a}.profile-facts{display:flex;gap:25px;margin-top:22px;color:#527089}.profile-grid{display:grid;grid-template-columns:230px 1fr;gap:25px;margin-top:28px}.profile-grid>aside{display:flex;align-self:start;flex-direction:column;padding:12px 0;background:#fff;border:1px solid #dee7ed}.profile-grid>aside button{padding:15px 24px;border:0;background:#fff;color:#49657b;text-align:left;font:inherit;cursor:pointer}.profile-grid>aside button.on{background:#eaf2f8;color:#1677ff;font-weight:800}.profile-content{min-height:560px;padding:30px 38px;background:#fff;border:1px solid #dee7ed}.profile-content h2{margin:0 0 24px;font-size:24px}.profile-form{display:grid;gap:17px;max-width:680px}.profile-form>label{display:grid;gap:7px;color:#49647a;font-weight:700}.profile-form input,.profile-form textarea{width:100%;padding:12px;border:1px solid #ccd9e3;border-radius:6px;font:inherit}.profile-form textarea{min-height:110px;resize:vertical}.profile-form>button{justify-self:start;padding:12px 30px;border:0;border-radius:6px;background:#1677ff;color:#fff;font-weight:800;cursor:pointer}.profile-avatar-upload>div{display:flex;align-items:center;gap:18px}.profile-avatar-upload img,.profile-avatar-upload b{display:grid;place-items:center;width:88px;height:88px;object-fit:cover;border-radius:50%;background:#1677ff;color:#fff;font-size:32px}.profile-avatar-upload input{display:none}.profile-avatar-upload em{padding:9px 18px;border:1px solid #1677ff;border-radius:5px;color:#1677ff;font-style:normal;cursor:pointer}.profile-avatar-upload small{color:#8999a6;font-weight:400}.profile-success{padding:11px;background:#e3f7ed;color:#176642}.profile-list{display:grid}.profile-list a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 10px;border-bottom:1px solid #e3e9ee;color:#24445c;text-decoration:none}.profile-list a:hover{background:#f5f9fc}.profile-list span{flex:0 0 auto;color:#8497a8;font-size:12px}@media(max-width:720px){.profile-hero{grid-template-columns:1fr;padding:28px}.profile-avatar-large{width:105px;height:105px}.profile-grid{grid-template-columns:1fr}.profile-grid>aside{flex-direction:row;overflow-x:auto}.profile-grid>aside button{flex:1 0 auto}.profile-content{padding:25px 20px}.profile-list a{align-items:flex-start;flex-direction:column;gap:5px}}
.profile-hero>div:last-child{position:relative}.profile-points{position:absolute;top:4px;right:0;display:grid;min-width:105px;padding:10px 18px;border-radius:12px;background:#fff7df;text-align:center}.profile-points b{color:#e59b00;font-size:27px;line-height:1.2}.profile-points span{color:#8f793d;font-size:12px}.points-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.points-rules span{display:flex;align-items:center;justify-content:space-between;padding:18px;border-radius:9px;background:#f1f7fc;color:#456379}.points-rules b{color:#1677ff;font-size:20px}.points-history{display:grid}.points-history>div{display:flex;align-items:center;justify-content:space-between;padding:15px 8px;border-bottom:1px solid #e3e9ee}.points-history span{display:grid;gap:3px}.points-history small{color:#8a9aa7}.points-history em{font-size:19px;font-style:normal;font-weight:800}.points-history em.plus{color:#e69a00}.points-history em.minus{color:#d84f5c}@media(max-width:720px){.profile-points{position:static;width:max-content;margin-top:15px}.points-rules{grid-template-columns:1fr}}
.experience-shell{width:min(1050px,calc(100% - 32px));margin:auto;padding:24px 0 70px}.experience-card{padding:42px 52px;border-top:5px solid #6d70e8;background:linear-gradient(135deg,#fff,#f3f3ff);box-shadow:0 10px 32px rgba(28,42,88,.1)}.experience-user{display:flex;align-items:center;gap:28px}.experience-user .profile-avatar-large{width:110px;height:110px;flex:0 0 110px;border-color:#e7e8ff;background:#676ee8;font-size:42px}.experience-user small{color:#696fe0;font-weight:800;letter-spacing:.15em}.experience-user h1{display:inline-block;margin:6px 15px 6px 0;font-size:30px}.level-badge{display:inline-block;padding:5px 12px;border-radius:15px;background:#686fe5;color:#fff;font-weight:800}.experience-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.experience-summary>div{display:grid;gap:4px;padding:17px 20px;border-radius:10px;background:#fff}.experience-summary b{font-size:25px;color:#555dd4}.experience-summary span{color:#77889a}.level-progress{height:14px;margin-top:18px;overflow:hidden;border-radius:8px;background:#dfe1f1}.level-progress i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#686fe5,#59afff)}.experience-grid{display:grid;grid-template-columns:300px 1fr;gap:24px;margin-top:25px}.experience-grid>aside,.experience-grid>main{padding:28px;background:#fff;border:1px solid #dfe6ec}.experience-grid h2{margin:0 0 20px}.experience-grid>aside>div{display:flex;justify-content:space-between;padding:17px;border-radius:8px;background:#f1f2ff}.experience-grid>aside b{color:#5d64dd}.experience-grid>aside p,.experience-empty{color:#778b9b;line-height:1.8}@media(max-width:720px){.experience-card{padding:30px 22px}.experience-user{align-items:flex-start;flex-direction:column}.experience-summary,.experience-grid{grid-template-columns:1fr}.experience-user .profile-avatar-large{width:90px;height:90px;flex-basis:90px}}