/* V0.8 人物档案；仅作用于认识我，延续标杆深紫蓝视觉。 */
#about{--profile-lilac:#c9b8ff;--profile-muted:#b3bdd5}
#about .profile-page{padding-top:22px;padding-bottom:28px;max-width:800px}
#about .profile-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
#about .profile-topline>span{font-size:10px;color:#9da6c3;letter-spacing:.12em;padding-right:47px}
#about .profile-overline{font-size:10px;font-weight:650;letter-spacing:.15em;color:var(--profile-lilac);line-height:1.8;display:block}
#about .profile-hero-real{position:relative;height:560px;border-radius:26px;overflow:hidden;isolation:isolate;background:#181b29}
#about .profile-hero-real>img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
#about .profile-hero-real:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,transparent 25%,#05081520 40%,#090c21bd 73%,#090c21 100%)}
#about .profile-hero-copy{position:absolute;bottom:55px;left:34px;right:26px;z-index:1}
#about .profile-hero-copy .profile-overline{color:#e1d8ff;font-size:10px;letter-spacing:.18em}
#about .profile-hero-copy p{font-size:18px;color:#ecebf4;margin:14px 0 0}
#about .profile-hero-copy h1{font-size:59px;line-height:1.3;margin:4px 0 15px;letter-spacing:.05em;font-weight:700;color:#fff}
#about .profile-hero-copy h1 span{color:#b8a1f1}
#about .profile-hero-copy>div{font-size:17px;color:#e0ddef;line-height:1.8}
#about .profile-photo-label{position:absolute;top:18px;right:18px;color:#f6f4ff;background:#14172b73;border:1px solid #ffffff40;border-radius:20px;padding:6px 11px;font-size:10px;backdrop-filter:blur(8px);z-index:1}
#about .profile-identity{position:relative;margin:-25px 18px 0;z-index:2;padding:29px 30px 22px;border:1px solid #ad99f94a;border-radius:22px;background:radial-gradient(ellipse at 0 0,#7449d32b,transparent 70%),linear-gradient(125deg,#1d1b3c,#101a32);box-shadow:0 16px 35px #0003}
#about .profile-identity h2{font-size:27px;line-height:1.55;margin:9px 0 17px;color:#f3f1ff}
#about .profile-mobile-break{display:none}
#about .profile-role-chips{display:flex;gap:7px;flex-wrap:wrap}
#about .profile-role-chips span{color:#d1c5ef;font-size:11px;background:#8d76d51a;border:1px solid #bda0ff29;padding:6px 9px;border-radius:8px;line-height:1.5}
#about .profile-identity>p{font-size:15px;line-height:1.95;color:#bfc4d9;margin:20px 0}
#about .profile-identity strong{color:#efebff;font-weight:500}
#about .profile-identity-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:15px;border-top:1px solid #ffffff12}
#about .profile-identity-foot>span{font-size:12px;color:#afa9d1}
#about .profile-identity-foot button{font-size:12px}
#about .profile-index{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0 0;gap:8px}
#about .profile-index button{font-size:12px;color:#bdc5dc;padding:13px 4px;border-bottom:1px solid #ffffff20;line-height:1.7}
#about .profile-index button:hover{color:#ece4ff;border-color:#b197ee}
#about .profile-section{margin-top:66px;scroll-margin-top:110px}
#about .profile-section-head{margin-bottom:26px}
#about .profile-section-head h2{font-size:32px;line-height:1.55;letter-spacing:.015em;margin:12px 0 13px;color:#f5f3ff}
#about .profile-section-head p{color:var(--profile-muted);font-size:15px;line-height:1.9;margin:0}
#about .profile-film{border-radius:24px;border:1px solid #a68de63d;overflow:hidden;background:#0f152b}
#about .profile-film-stage{position:relative;height:420px;overflow:hidden}
#about .profile-film-slide{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#11172b}
#about .profile-film-slide[hidden]{display:none}
#about .profile-film-slide>img{width:100%;height:100%;object-fit:cover;object-position:center 24%;display:block;filter:brightness(.75)}
#about .profile-film-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,#060a1970 35%,#080d22ee 100%);z-index:0}
#about .profile-film-text{position:absolute;left:32px;right:28px;bottom:58px;z-index:1}
#about .profile-film-text>span{font-size:11px;letter-spacing:.12em;color:#d9c5ff}
#about .profile-film-text h3{font-size:31px;line-height:1.6;color:#fff;margin:14px 0}
#about .profile-film-text p{font-size:14px;line-height:1.9;margin:0;color:#d4d5e7}
#about .profile-film-slide>small{position:absolute;bottom:19px;left:32px;right:20px;z-index:1;font-size:10px;color:#b8bdd2;line-height:1.7}
#about .profile-film-type{background:radial-gradient(ellipse at 80% 20%,#533a8099,transparent 75%),linear-gradient(130deg,#1d193d,#0e1d3b)}
#about .profile-film-orbit{position:absolute;right:-30px;top:-45px;width:320px;height:320px;border:1px solid #d0b7ff40;border-radius:50%;display:grid;place-items:center;transform:rotate(-16deg)}
#about .profile-film-orbit:after{content:"";position:absolute;inset:38px;border:1px solid #c1c5ff30;border-radius:50%}
#about .profile-film-orbit span{position:absolute;font-size:18px;letter-spacing:.15em;color:#dfd0ff;font-weight:300}
#about .profile-film-orbit span:first-child{top:30px;left:70px;font-size:60px}
#about .profile-film-orbit span:nth-child(2){top:143px;right:25px}
#about .profile-film-orbit span:nth-child(3){bottom:33px;left:66px}
#about .profile-film-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#131730}
#about .profile-chapters{display:flex;gap:7px}
#about .profile-chapters button{font-size:12px;min-width:37px;min-height:37px;border-radius:10px;color:#a6aec9;border:1px solid transparent}
#about .profile-chapters button[aria-pressed=true]{color:#e4d7ff;background:#9473df20;border-color:#af93ff75}
#about #profileStoryPlay{font-size:12px;color:#dfd5fb;min-height:38px;white-space:nowrap}
#about .profile-film-arrows{display:flex;gap:6px}
#about .profile-film-arrows button{color:#c5cbe3;width:38px;height:38px;border:1px solid #ffffff26;border-radius:50%;font-size:19px}
#about .profile-caption{font-size:11px;color:#98a2c0;line-height:1.8;margin:12px 3px}
#about .profile-film.is-playing .profile-film-slide.is-current>img{animation:profile-drift 8.2s ease-out both}
#about .profile-film.is-playing .profile-film-slide.is-current .profile-film-text{animation:profile-enter .6s ease-out both}
#about .profile-film.is-playing .profile-film-slide.is-current .profile-film-orbit{animation:profile-orbit 8s linear both}
#about .profile-foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#about .profile-credential{position:relative;overflow:hidden;min-width:0;border:1px solid #ffffff20;background:linear-gradient(145deg,#ffffff09,#ffffff03);border-radius:18px;padding:24px 23px;min-height:169px}
#about .profile-credential>span{font-size:10px;letter-spacing:.05em;color:#b2a2dc}
#about .profile-credential h3{position:relative;z-index:1;color:#eeeefa;font-size:20px;font-weight:650;margin:18px 0 9px;line-height:1.6;text-wrap:balance}
#about .profile-credential p{color:#b0bad3;font-size:13px;line-height:1.8;margin:0;position:relative;z-index:1}
#about .profile-school span{display:inline-block;white-space:nowrap}
#about .profile-credential i{position:absolute;right:16px;bottom:-12px;color:#b29ceb0b;font-size:100px;font-weight:800;font-style:normal;line-height:1}
#about .profile-source{border-top:1px solid #ffffff14;margin-top:18px}
#about .profile-source summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#b7b5d3;font-size:12px;line-height:1.85;min-height:50px;padding:9px 0}
#about .profile-source summary::-webkit-details-marker{display:none}
#about .profile-source summary>span{font-size:19px;color:#bda7ee;flex-shrink:0}
#about .profile-source[open] summary>span{transform:rotate(45deg)}
#about .profile-source p{font-size:12px!important;color:#a1abc5!important;line-height:1.95!important;margin:4px 0 16px!important}
#about .profile-career-list{display:grid;gap:0}
#about .profile-career-item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:19px;position:relative;padding:0 0 38px}
#about .profile-career-item:not(:last-child):before{content:"";position:absolute;left:21px;top:45px;bottom:8px;width:1px;background:linear-gradient(#9f7be16b,#9f7be120)}
#about .profile-step{display:grid;place-items:center;width:44px;height:44px;font-size:13px;border:1px solid #b49bf750;border-radius:50%;background:#7353ba17;color:#cbb4ff}
#about .profile-career-item h3{font-size:23px;line-height:1.65;margin:9px 0 13px;font-weight:650;color:#f0effc}
#about .profile-career-item p{font-size:14px;color:var(--profile-muted);line-height:1.95;margin:12px 0}
#about .profile-skill-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
#about .profile-skill-line span{font-size:11px;color:#abb5d0;border-left:2px solid #997adb;padding:1px 10px;line-height:1.7}
#about .profile-roles{display:grid;gap:1px;margin:22px 0 0;background:#ffffff12;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden}
#about .profile-roles>div{background:#11162b;padding:17px 19px;display:flex;flex-direction:column;gap:7px}
#about .profile-roles b{font-size:16px;color:#deddee;font-weight:600;line-height:1.6}
#about .profile-roles span{font-size:12px;color:#9da8c6;line-height:1.7}
#about .profile-career-now>div{padding:22px 24px;border:1px solid #ac88fa45;background:radial-gradient(ellipse at 0 0,#784cdd20,transparent 80%),#10142c;border-radius:20px}
#about .profile-career-now .text-link{margin-top:15px;font-size:13px}
#about .profile-quote{display:grid;grid-template-columns:160px 1fr;gap:27px;align-items:center;padding:30px 0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}
#about .profile-quote img{width:160px;height:195px;object-fit:cover;object-position:center;border-radius:80px 80px 22px 22px;border:1px solid #fff2}
#about .profile-quote h2{font-size:29px;line-height:1.55;margin:10px 0 17px;color:#f2edff}
#about .profile-quote p{font-size:15px;color:#d2c8e7;line-height:1.8;margin:0 0 9px}
#about .profile-quote small{font-size:11px;color:#9cacc8}
#about .profile-way-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
#about .profile-way-grid article>span{font-size:10px;letter-spacing:.08em;color:#ae9bd7}
#about .profile-way-grid h3{font-size:17px;line-height:1.6;margin:12px 0;color:#ebedf8}
#about .profile-way-grid p{font-size:13px;line-height:1.9;color:var(--profile-muted);margin:0}
#about .profile-more{margin-top:24px;font-size:13px}
#about .profile-future{border:1px solid #af9af233;position:relative;overflow:hidden;border-radius:23px;padding:36px;background:radial-gradient(ellipse at 95% 0,#7250a344,transparent 65%),linear-gradient(135deg,#181631,#101b30)}
#about .profile-future h2{font-size:35px;line-height:1.55;color:#f3efff;margin:16px 0 22px}
#about .profile-future>p{font-size:15px;line-height:2;color:#b8bfd7;max-width:550px}
#about .profile-future-actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:28px}
#about .profile-future-actions .text-link{font-size:13px}
#about .profile-original-block{display:grid;grid-template-columns:130px 1fr;gap:28px;align-items:center;margin:66px 0 40px;scroll-margin-top:110px}
#about .profile-poster-thumb{position:relative;display:block;overflow:hidden;border-radius:12px;border:1px solid #ffffff45;box-shadow:0 12px 24px #0004;width:100%;padding:0;background:#eee}
#about .profile-poster-thumb img{display:block;width:100%;height:auto}
#about .profile-poster-thumb>span{position:absolute;bottom:0;left:0;right:0;padding:10px 2px;color:#fff;background:#0c1330e6;font-size:10px}
#about .profile-original-block h2{font-size:23px;line-height:1.6;color:#e8e9f7;margin:10px 0 14px}
#about .profile-original-block p{font-size:13px;line-height:1.9;color:#a8b1ca;margin:10px 0}
#about .profile-original-block .profile-source-note{font-size:11px;color:#8f9dbb}
#about .profile-ending{border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;gap:20px;padding:25px 0}
#about .profile-ending>span{font-size:11px;color:#9895bd;letter-spacing:.18em}
#about .profile-ending button{font-size:12px}
#about .profile-poster-dialog{padding:0;border:1px solid #b8a1ed60;border-radius:18px;background:#0f1429;color:#f5f3ff;width:min(720px,calc(100vw - 28px));max-width:none;max-height:90dvh;overflow:hidden}
#about .profile-poster-dialog::backdrop{background:#030614d9;backdrop-filter:blur(5px)}
#about .profile-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px}
#about .profile-dialog-head h2{font-size:15px;line-height:1.6;margin:0}
#about .profile-dialog-head button{font-size:13px;color:#e2d7ff;border:1px solid #fff3;border-radius:9px;padding:8px 10px;white-space:nowrap}
#about .profile-dialog-scroll{max-height:calc(90dvh - 76px);overflow:auto;overscroll-behavior:contain}
#about .profile-dialog-scroll img{display:block;width:100%;height:auto}
@keyframes profile-drift{from{transform:scale(1)}to{transform:scale(1.035)}}
@keyframes profile-enter{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes profile-orbit{from{transform:rotate(-16deg)}to{transform:rotate(0)}}
@media(max-width:700px){
 #about .profile-page{padding-top:18px}#about .profile-topline{margin-bottom:18px}#about .profile-topline>span{font-size:9px}
 #about .profile-hero-real{height:470px;border-radius:22px}#about .profile-hero-real>img{object-position:50% 25%}
 #about .profile-hero-copy{left:23px;right:18px;bottom:49px}#about .profile-hero-copy h1{font-size:46px;margin-bottom:12px}#about .profile-hero-copy p{font-size:15px}#about .profile-hero-copy>div{font-size:13px}#about .profile-hero-copy .profile-overline{font-size:9px}
 #about .profile-identity{margin:-24px 9px 0;padding:23px 21px 20px;border-radius:19px}#about .profile-identity h2{font-size:23px;margin-top:8px}#about .profile-mobile-break{display:block}#about .profile-identity>p{font-size:14px;line-height:1.95;margin:18px 0}#about .profile-role-chips span{font-size:10px;padding:5px 8px}#about .profile-identity-foot{gap:14px}#about .profile-identity-foot>span{font-size:11px}
 #about .profile-index{grid-template-columns:1fr 1fr;gap:0 14px;padding-top:17px}#about .profile-index button{text-align:left;padding:12px 3px;font-size:11px}
 #about .profile-section{margin-top:48px;scroll-margin-top:90px}#about .profile-section-head h2{font-size:27px;line-height:1.55;margin:10px 0 12px}#about .profile-section-head p{font-size:13px}#about .profile-section-head{margin-bottom:22px}
 #about .profile-film-stage{height:390px}#about .profile-film-text{left:23px;right:19px;bottom:57px}#about .profile-film-text h3{font-size:26px;margin:13px 0}#about .profile-film-text p{font-size:12px;line-height:1.9}#about .profile-film-slide>small{left:23px;font-size:9px}#about .profile-film-controls{padding:12px 13px;gap:6px;flex-wrap:wrap}#about .profile-chapters{gap:4px}#about .profile-chapters button{min-width:32px;min-height:36px;font-size:11px}#about #profileStoryPlay{font-size:11px}#about .profile-film-arrows{gap:4px}#about .profile-film-arrows button{width:33px;height:33px}#about .profile-caption{font-size:10px}
 #about .profile-foundation-grid{gap:11px}#about .profile-credential{padding:20px 15px;min-height:172px;border-radius:16px}#about .profile-credential>span{font-size:9px;line-height:1.7;display:block;max-width:115px}#about .profile-credential h3{font-size:17px;line-height:1.65;margin-top:14px}#about .profile-credential p{font-size:12px}#about .profile-source summary{font-size:11px}
 #about .profile-career-item{grid-template-columns:30px minmax(0,1fr);gap:14px;padding-bottom:28px}#about .profile-step{width:30px;height:30px;font-size:11px}#about .profile-career-item:not(:last-child):before{left:14px;top:35px}#about .profile-career-item h3{font-size:21px;line-height:1.6;margin-top:8px}#about .profile-career-item p{font-size:14px}#about .profile-roles>div{padding:15px}#about .profile-roles b{font-size:15px}#about .profile-roles span{font-size:11px}#about .profile-career-now>div{padding:20px 17px}
 #about .profile-quote{grid-template-columns:87px minmax(0,1fr);gap:17px;padding:25px 0;align-items:start}#about .profile-quote img{width:87px;height:120px;border-radius:44px 44px 15px 15px}#about .profile-quote h2{font-size:22px;margin:9px 0 15px}#about .profile-quote p{font-size:13px}#about .profile-quote small{font-size:10px}
 #about .profile-way-grid{grid-template-columns:1fr;gap:22px;margin-top:26px}#about .profile-way-grid article{padding-left:18px;border-left:1px solid #b196ee48}#about .profile-way-grid h3{font-size:18px;margin:7px 0}#about .profile-way-grid p{font-size:14px}
 #about .profile-future{padding:27px 22px}#about .profile-future h2{font-size:29px;margin:14px 0 20px}#about .profile-future>p{font-size:14px}#about .profile-future-actions{gap:20px}#about .profile-future-actions .btn{font-size:13px}
 #about .profile-original-block{grid-template-columns:95px minmax(0,1fr);gap:19px;align-items:start;margin-top:48px}#about .profile-original-block h2{font-size:19px;margin-top:8px}#about .profile-original-block p{font-size:12px}#about .profile-original-block .profile-source-note{font-size:10px}#about .profile-original-block .profile-overline{font-size:9px}
 #about .profile-dialog-head{padding:14px 12px}#about .profile-dialog-head h2{font-size:12px}#about .profile-dialog-head button{font-size:12px}
}
@media(max-width:360px){#about .profile-hero-real{height:440px}#about .profile-hero-copy h1{font-size:42px}#about .profile-identity{margin-left:5px;margin-right:5px;padding:22px 18px}#about .profile-identity h2{font-size:21px}#about .profile-film-controls{display:grid;grid-template-columns:1fr auto}#about .profile-film-arrows{display:none}#about .profile-credential{padding:18px 13px}#about .profile-credential h3{font-size:16px}#about .profile-quote{grid-template-columns:70px minmax(0,1fr);gap:14px}#about .profile-quote img{width:70px;height:105px}#about .profile-quote h2{font-size:20px}#about .profile-original-block{grid-template-columns:80px minmax(0,1fr);gap:16px}#about .profile-career-now>div{padding:18px 15px}}
@media(prefers-reduced-motion:reduce){#about *,#about *:before,#about *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}