/* 首页 V0.7：以李狮兄当前首页的影像、名片、价值、体验、合作与影集顺序为标杆。 */
html,body{overflow-x:clip}
body{background:#02030a}
.phone{background:radial-gradient(circle at 50% 0,rgba(122,60,255,.18),transparent 34%),radial-gradient(circle at 90% 12%,rgba(24,215,255,.08),transparent 30%),linear-gradient(#050614,#070a1f 52%,#050614)}
#home .profile-hero{position:relative;height:min(78dvh,720px);min-height:min(78dvh,720px);overflow:hidden;background:#050614;isolation:isolate}
#home .profile-hero::before{display:none}
#home .hero-cinema,#home .hero-vignette{position:absolute;inset:0}
#home .hero-cinema{z-index:0;overflow:hidden}
#home .hero-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.04) brightness(.96);opacity:0;transform:scale(1.02);animation-duration:18s;animation-timing-function:linear;animation-iteration-count:infinite}
#home .hero-frame-one{object-position:center 27%;opacity:1;animation-name:home-film-one}
#home .hero-frame-two{object-position:center 29%;animation-name:home-film-two}
#home .hero-frame-three{object-position:center 32%;animation-name:home-film-three}
@keyframes home-film-one{0%,28%{opacity:1;transform:scale(1.035)}34%,94%{opacity:0;transform:scale(1.005)}100%{opacity:1;transform:scale(1.035)}}
@keyframes home-film-two{0%,28%{opacity:0;transform:scale(1.035)}34%,61%{opacity:1;transform:scale(1.02)}67%,100%{opacity:0;transform:scale(1.005)}}
@keyframes home-film-three{0%,61%{opacity:0;transform:scale(1.035)}67%,94%{opacity:1;transform:scale(1.02)}100%{opacity:0;transform:scale(1.005)}}
#home .hero-aura{display:block;position:absolute;z-index:1;right:-80px;top:110px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(122,60,255,.23),transparent 62%);filter:blur(8px);pointer-events:none}
#home .hero-vignette{z-index:2;background:radial-gradient(circle at 50% 22%,rgba(47,125,255,.07),transparent 32%),linear-gradient(180deg,#05061412 0%,#05061416 37%,#0506145f 68%,#050614ef 100%);pointer-events:none}
#home .hero-bottom-actions{position:absolute;z-index:3;left:22px;right:22px;bottom:38px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:0;pointer-events:none}
#home .hero-film-narrative{width:max-content;max-width:100%;padding:9px 12px;border-left:2px solid #9a7fff;border-radius:0 10px 10px 0;background:#10152bbd;box-shadow:0 8px 22px #0004;backdrop-filter:blur(9px)}
#home .hero-film-narrative span{display:block;color:#cbc8e4;font-size:9px;font-weight:750;letter-spacing:.14em}
#home .hero-film-narrative p{margin:5px 0 0;color:#fff;font-size:13px;line-height:1.5;font-weight:650;letter-spacing:.02em}
#home .hero-chat-entry{grid-column:2;min-width:140px;min-height:46px;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:9px 14px;border:1px solid #ffffff56;border-radius:999px;background:#4a526080;color:#fff;font-size:13px;font-weight:700;box-shadow:0 8px 25px #0006;backdrop-filter:blur(12px);pointer-events:auto}
#home .hero-chat-entry i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#40efae;box-shadow:0 0 11px #40efae}
#home .content{padding:0 18px 54px}
#home .content>*{order:20}
#home .content>.core-card{order:0}
#home .content>.value-intro{order:1}
#home .content>.assessment-panel{order:2}
#home .content>.section-title:not(.value-intro):not(.film-title){order:3}
#home .content>.value-dashboard{order:4}
#home .content>.cooperation-pipeline{order:5}
#home .content>.film-title{order:6}
#home .content>.portrait-preview{order:7}
#home .content>.film-story-entry{order:8}
#home .content>.home-more{order:9}
#home .content>.lounge-footer{order:10}
#home .core-card{position:relative;z-index:4;margin:-18px 0 0;padding:24px 22px 22px;border:1px solid #a9a0ff35;border-radius:22px;background:radial-gradient(circle at 20% 0,rgba(122,60,255,.16),transparent 38%),linear-gradient(135deg,#ffffff14,#ffffff08);box-shadow:0 20px 50px #0007,inset 0 1px 0 #ffffff18;backdrop-filter:blur(22px)}
#home .core-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:radial-gradient(#cfbfff22 .5px,transparent .5px);background-size:6px 6px;opacity:.35}
#home .core-main{position:relative;z-index:1;display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:15px;align-items:center}
#home .core-main>img{grid-column:1;grid-row:1/span 2;width:92px;height:92px;margin:0;border:2px solid #ffffff35;border-radius:50%;box-shadow:0 10px 26px #0008;object-fit:cover;object-position:center 24%}
#home .core-profile{display:contents}
#home .core-profile h1{grid-column:2;align-self:end;margin:0;font-size:28px;line-height:1.16;letter-spacing:0;font-weight:760}
#home .core-profile h1 span{font-size:18px;color:#ffffff8c;font-weight:650;white-space:nowrap}
#home .core-profile h2{grid-column:2;align-self:start;margin:7px 0 0;font-size:15px;line-height:1.4;font-weight:690;color:#efe9ff}
#home .core-profile h2 small{font-size:11px;color:#bfc6dd;font-weight:500}
#home .core-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}
#home .core-tags span{padding:5px 8px;border:1px solid #699bff33;border-radius:999px;background:#2f7dff21;color:#e1efffe8;font-size:10px;line-height:1.2;font-weight:760}
#home .core-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:22px}
#home .core-footer .microcopy{margin:0;max-width:62%;font-size:11px;line-height:1.65;color:#c4c9dc}
#home .core-about-entry{flex:0 0 auto;min-height:40px;margin-left:auto;padding:9px 19px;border-radius:999px;font-size:12px}
#home .energy-line{position:relative;z-index:1;height:2px;margin:22px 0 0;border-radius:99px;background:linear-gradient(90deg,#8a3fff,#5a69ff,#18cbee)}
#home .value-intro{display:block;margin:32px 0 20px}
#home .value-intro .value-intro__title{display:flex;flex-direction:column;margin:0;font-size:clamp(28px,4.5vw,39px)!important;line-height:1.42!important;letter-spacing:-.5px;font-weight:750}
#home .value-intro__accent{color:#ab87ff}
#home .value-intro__description{margin:12px 0 0;max-width:540px;color:#b8c0d6;font-size:14px;line-height:1.8}
#home .assessment-panel{position:relative;display:block;margin:0;padding:16px;border:1px solid #746dff57;border-radius:22px;background:radial-gradient(circle at 82% 8%,#3071ff3d,transparent 36%),radial-gradient(circle at 10% 72%,#7637ff33,transparent 42%),linear-gradient(155deg,#161843f5,#070b22f5);box-shadow:0 26px 68px #0006,0 0 44px #4944ff29,inset 0 1px 0 #ffffff14;isolation:isolate}
#home .assessment-panel::after{content:"";position:absolute;inset:0;border:1px solid #b8a9ff49;border-radius:inherit;pointer-events:none}
#home .orb-wrap{position:relative;height:250px;overflow:hidden;border:1px solid #8b97ff2e;border-radius:20px;background:#0d1330;box-shadow:0 15px 34px #0006}
#home .orb-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#0407188a)}
#home .orb-wrap img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 48%;filter:saturate(1.16) contrast(1.06)}
#home .assessment-copy{padding:18px 4px 4px;text-align:center}
#home .assessment-copy>.eyebrow{color:#bfa9ff;font-size:12px;letter-spacing:.16em}
#home .assessment-copy>h2{margin:9px 0 0;color:#fff;font-size:28px;line-height:1.22;font-weight:720}
#home .assessment-goal-intro{margin:19px 2px 11px;text-align:left}
#home .assessment-goal-intro>span{display:block;color:#bfa9ff;font-size:9px;font-weight:850;letter-spacing:.16em}
#home .assessment-goal-intro h3{margin:7px 0 0;color:#fff;font-size:18px;line-height:1.35}
#home .assessment-goal-intro p{margin:5px 0 0;color:#d2daf3a4;font-size:11px;line-height:1.55}
#home .assessment-goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 15px}
#home .assessment-goal-option{width:100%;min-width:0;min-height:78px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;padding:11px 10px;border:1px solid #8f97ff29;border-radius:15px;background:linear-gradient(145deg,#ffffff13,#ffffff08);text-align:left}
#home .assessment-goal-option:hover{border-color:#cdb6ffe6;background:linear-gradient(145deg,#7544ff3b,#ffffff0e)}
#home .assessment-goal-option>.ui-icon{width:21px;height:21px;color:#bca1ff}
#home .assessment-goal-option .entry-arrow{display:none}
#home .assessment-goal-option b{display:block;color:#ffffffef;font-size:13px;line-height:1.35}
#home .assessment-goal-option em{display:block;margin-top:4px;color:#cad3ef8c;font-size:10px;line-height:1.35;font-style:normal}
#home .assessment-report-cta{min-height:48px;border-radius:14px;font-size:14px}
#home .value-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0}
#home .direction{min-width:0;padding:23px 18px;border:1px solid #ffffff1d;border-radius:18px;background:#0c1430}
#home .direction+.direction{border-left:1px solid #ffffff1d}
#home .direction h3{font-size:19px}
#home .direction p{font-size:12px;line-height:1.65}
#home .cooperation-pipeline{margin-top:30px}
#home .pipeline-list{gap:15px}
#home .pipeline-card{border:1px solid #ffffff1d;border-radius:20px;background:linear-gradient(135deg,#111939,#0b1028);overflow:hidden}
#home .pipeline-card:hover{border-color:#8559ff66;box-shadow:0 18px 44px #2f7dff29}
#home .film-title{margin-top:44px}
#home .portrait-preview{width:100%;max-width:100%;margin-right:0;padding-right:0;overflow-x:auto}
#home .film-story-entry{margin-top:18px}
#home .home-more{display:block;margin-top:28px;border:1px solid #ffffff21;border-radius:18px;background:#0b1027;overflow:hidden}
#home .home-more summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center;padding:18px 20px;list-style:none;cursor:pointer}
#home .home-more summary::-webkit-details-marker{display:none}
#home .home-more summary span{grid-column:1;color:#a69bdb;font-size:9px;letter-spacing:.16em}
#home .home-more summary strong{grid-column:1;color:#eef0ff;font-size:16px;font-weight:650}
#home .home-more summary i{grid-column:2;grid-row:1/span 2;color:#b5a7ff;font-size:22px;font-style:normal;transition:transform .2s}
#home .home-more[open] summary i{transform:rotate(180deg)}
#home .home-more-content{padding:0 16px 18px}
#home .home-more .smart-entry{margin-top:0}
#home .home-more .learning-feature{margin-top:18px}
#home .lounge-footer{padding:44px 20px 25px}
@media(max-width:800px){
 #home .profile-hero{height:min(73dvh,650px);min-height:min(73dvh,650px)}
 #home .content{padding:0 16px 42px}
 #home .hero-bottom-actions{left:20px;right:20px;bottom:36px}
 #home .core-card{padding:22px 18px 20px}
 #home .core-main{grid-template-columns:74px minmax(0,1fr);column-gap:12px}
 #home .core-main>img{width:74px;height:74px}
 #home .core-profile h1{font-size:22px}
 #home .core-profile h1 span{display:block;margin-top:3px;font-size:12px}
 #home .core-profile h2{font-size:12px}
 #home .core-profile h2 small{font-size:10px}
 #home .core-tags{gap:6px;margin-top:18px}
 #home .core-tags span{font-size:9px;padding:5px 7px}
 #home .value-intro{margin-top:34px}
 #home .value-intro .value-intro__title{font-size:30px!important}
 #home .value-dashboard{grid-template-columns:1fr}
 #home .direction{padding:20px 23px}
 #home .home-more-content{padding:0 12px 14px}
}
@media(max-width:430px){
 #home .hero-frame-one{object-position:center 25%}
 #home .hero-frame-two{object-position:center 27%}
 #home .hero-frame-three{object-position:center 28%}
 #home .hero-bottom-actions{left:16px;right:16px;gap:8px}
 #home .hero-film-narrative{padding:8px 9px}
 #home .hero-film-narrative span{font-size:7px}
 #home .hero-film-narrative p{font-size:11px}
 #home .hero-chat-entry{min-width:125px;padding:8px 10px;font-size:11px}
 #home .assessment-panel{padding:12px}
 #home .orb-wrap{height:200px}
 #home .assessment-goal-option{min-height:82px;padding:10px 8px;gap:6px}
 #home .assessment-goal-option b{font-size:12px}
 #home .assessment-goal-option em{font-size:9px}
}
@media(max-width:360px){#home .hero-film-narrative p{font-size:10px}#home .hero-chat-entry{min-width:116px}#home .core-profile h1{font-size:20px}#home .core-tags span{font-size:8px}}
@media(prefers-reduced-motion:reduce){#home .hero-frame{animation:none;opacity:0;transform:none}#home .hero-frame-one{opacity:1}}