:root {
  --paper: #f4efe6;
  --paper-2: #ebe3d5;
  --ink: #28211d;
  --muted: #7a6c61;
  --orange: #d9672d;
  --orange-dark: #b9481e;
  --coral: #ee8c68;
  --cream: #fffaf3;
  --line: rgba(93, 70, 54, .16);
  --shadow: 0 18px 55px rgba(85, 57, 38, .12);
  --serif: "Noto Serif SC", "Songti SC", SimSun, serif;
  --sans: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; color: var(--ink); background: var(--paper); font-family: var(--sans); }
button, input { font: inherit; }
button { cursor: pointer; }
.noise { position: fixed; inset: 0; pointer-events: none; opacity: .22; z-index: -1; background-image: radial-gradient(rgba(62,45,35,.19) .55px, transparent .55px); background-size: 8px 8px; }
.site-header { height: 72px; padding: 0 max(22px, calc((100vw - 1180px)/2)); display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:20; background:rgba(244,239,230,.9); backdrop-filter:blur(16px); border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-weight:800; letter-spacing:.04em; }
.brand-mark { width:36px; height:36px; display:grid; place-items:center; border-radius:50% 50% 44% 56%; color:#fff; background:var(--orange); transform:rotate(-7deg); font-family:var(--serif); }
.brand-mark::first-letter { transform:rotate(7deg); }
.header-actions { display:flex; align-items:center; gap:16px; }
.header-note { color:var(--muted); font-size:13px; }
.mini-button, .primary-button { border:0; color:white; background:var(--orange); border-radius:999px; font-weight:700; box-shadow:0 8px 20px rgba(217,103,45,.22); transition:.2s ease; }
.mini-button { padding:10px 18px; }
.mini-button:hover, .primary-button:hover { background:var(--orange-dark); transform:translateY(-2px); }
.ghost-button { border:1px solid var(--line); background:rgba(255,255,255,.72); color:var(--ink); border-radius:999px; padding:15px 24px; font-weight:700; transition:.2s; }
.ghost-button:hover { border-color:var(--orange); color:var(--orange-dark); }

.hero { min-height:710px; padding:95px 22px 75px; position:relative; overflow:hidden; }
.hero::before { content:""; position:absolute; width:520px; height:520px; right:-150px; top:20px; border-radius:50%; background:radial-gradient(circle at 38% 35%, #f8c8a3, #dd7744 58%, transparent 60%); opacity:.27; filter:blur(2px); }
.hero::after { content:""; position:absolute; width:240px; height:240px; left:-90px; bottom:20px; border:1px solid rgba(217,103,45,.24); border-radius:50%; box-shadow:0 0 0 35px rgba(217,103,45,.035),0 0 0 70px rgba(217,103,45,.025); }
.hero-inner { max-width:1180px; margin:auto; display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:65px; position:relative; z-index:2; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; padding:8px 13px; border:1px solid rgba(217,103,45,.27); background:rgba(255,250,243,.6); color:var(--orange-dark); border-radius:999px; font-size:13px; font-weight:700; letter-spacing:.08em; }
.hero h1 { margin:24px 0 18px; max-width:720px; font-family:var(--serif); font-size:clamp(48px,7vw,88px); line-height:1.06; letter-spacing:-.04em; font-weight:900; }
.hero h1 em { color:var(--orange); font-style:normal; position:relative; }
.hero h1 em::after { content:""; position:absolute; left:3%; right:0; bottom:-7px; height:7px; border-radius:50%; background:var(--coral); transform:rotate(-1.5deg); opacity:.65; }
.hero-copy { color:var(--muted); font-size:18px; line-height:1.9; max-width:650px; }
.hero-cta { display:flex; align-items:center; gap:14px; margin-top:34px; }
.primary-button { padding:17px 29px; font-size:16px; }
.trust { display:flex; gap:26px; margin-top:28px; color:var(--muted); font-size:13px; }
.trust span::before { content:"✓"; margin-right:6px; color:var(--orange); font-weight:900; }
.orbit-card { position:relative; min-height:430px; display:grid; place-items:center; }
.orbit { width:360px; height:360px; position:relative; border:1px solid rgba(217,103,45,.22); border-radius:50%; animation:spin 30s linear infinite; }
.orbit::before,.orbit::after { content:""; position:absolute; border:1px dashed rgba(217,103,45,.18); border-radius:50%; inset:40px; }
.orbit::after { inset:92px; border-style:solid; }
@keyframes spin { to { transform:rotate(360deg); } }
.orbit-center { position:absolute; inset:50%; width:126px; height:126px; margin:-63px; border-radius:42% 58% 50% 50%; display:grid; place-items:center; text-align:center; background:var(--orange); color:#fff; font-family:var(--serif); font-size:25px; font-weight:900; box-shadow:0 20px 45px rgba(217,103,45,.3); animation:counter-spin 30s linear infinite; }
@keyframes counter-spin { to { transform:rotate(-360deg); } }
.orbit-tag { position:absolute; padding:10px 14px; border-radius:14px; background:var(--cream); border:1px solid var(--line); box-shadow:0 8px 24px rgba(77,50,31,.1); font-size:13px; font-weight:700; animation:counter-spin 30s linear infinite; }
.orbit-tag:nth-child(2){left:-25px;top:70px}.orbit-tag:nth-child(3){right:-35px;top:95px}.orbit-tag:nth-child(4){left:12px;bottom:34px}.orbit-tag:nth-child(5){right:5px;bottom:28px}

.section { padding:88px 22px; }
.section-inner { max-width:1180px; margin:auto; }
.section-head { max-width:720px; margin-bottom:40px; }
.section-head.center { text-align:center; margin:0 auto 48px; }
.kicker { color:var(--orange); font-weight:800; font-size:13px; letter-spacing:.14em; text-transform:uppercase; }
.section h2 { margin:10px 0 14px; font-family:var(--serif); font-size:clamp(34px,4vw,54px); line-height:1.2; }
.section-head p { color:var(--muted); line-height:1.8; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.feature { padding:30px; min-height:230px; border-radius:26px; background:rgba(255,250,243,.68); border:1px solid var(--line); transition:.25s; }
.feature:hover { transform:translateY(-5px); box-shadow:var(--shadow); background:var(--cream); }
.feature-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:15px; background:#f6d7c2; font-size:24px; }
.feature h3 { margin:25px 0 10px; font-size:21px; }
.feature p { color:var(--muted); line-height:1.75; margin:0; font-size:14px; }
.dimensions { background:#28211d; color:white; overflow:hidden; }
.dimensions .section-head p { color:#cbbfb6; }
.dimension-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.dimension { padding:21px; border:1px solid rgba(255,255,255,.11); border-radius:18px; background:rgba(255,255,255,.035); }
.dimension b { display:block; color:#f3a27b; font-size:13px; margin-bottom:8px; }
.dimension span { font-family:var(--serif); font-size:20px; font-weight:800; }
.career-cloud { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; max-width:920px; margin:auto; }
.career-cloud span { background:var(--cream); border:1px solid var(--line); border-radius:999px; padding:11px 17px; color:#5e5046; font-size:14px; }
.career-cloud span:nth-child(4n+1) { color:var(--orange-dark); border-color:rgba(217,103,45,.3); }
.final-cta { margin-top:50px; padding:44px; border-radius:30px; background:linear-gradient(125deg,#e47a3e,#bd4b21); color:white; display:flex; justify-content:space-between; align-items:center; gap:30px; box-shadow:0 25px 55px rgba(177,65,25,.25); }
.final-cta h3 { font-family:var(--serif); font-size:32px; margin:0 0 8px; }
.final-cta p { margin:0; opacity:.8; }
.final-cta .primary-button { background:white;color:var(--orange-dark);box-shadow:none;white-space:nowrap; }

.quiz-shell { max-width:820px; margin:0 auto; padding:56px 22px 100px; min-height:calc(100vh - 72px); }
.quiz-top { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:15px; }
.quiz-top small { color:var(--muted); }
.quiz-count { color:var(--orange-dark); font-weight:800; }
.progress-track { height:8px; border-radius:99px; background:#dfd5c7; overflow:hidden; margin-bottom:42px; }
.progress-fill { height:100%; background:linear-gradient(90deg,var(--orange),#f1a073); border-radius:inherit; transition:width .35s ease; }
.question-card { padding:42px; border-radius:30px; background:rgba(255,250,243,.9); border:1px solid var(--line); box-shadow:var(--shadow); }
.question-index { color:var(--orange); font-size:12px; font-weight:900; letter-spacing:.14em; }
.question-card h1 { font-family:var(--serif); font-size:clamp(27px,4vw,39px); line-height:1.45; margin:16px 0 30px; }
.answers { display:grid; gap:12px; }
.answer { width:100%; text-align:left; display:flex; gap:16px; align-items:flex-start; padding:18px 20px; color:var(--ink); background:#f6f0e7; border:1px solid transparent; border-radius:17px; line-height:1.6; transition:.18s; }
.answer:hover { background:white; border-color:rgba(217,103,45,.45); transform:translateX(4px); }
.answer-letter { flex:0 0 29px; width:29px; height:29px; display:grid; place-items:center; border-radius:50%; background:white; color:var(--orange-dark); font-weight:900; font-size:12px; border:1px solid var(--line); }
.quiz-back { border:0; background:none; color:var(--muted); padding:15px 0; margin-top:12px; }
.quiz-back:hover { color:var(--orange-dark); }

.result-page { padding-bottom:100px; }
.result-hero { min-height:620px; padding:80px 22px; color:#fff; position:relative; overflow:hidden; display:grid; place-items:center; background:linear-gradient(135deg,rgba(48,36,29,.82),rgba(81,52,36,.72)),radial-gradient(circle at 15% 30%,#e38c60,transparent 40%),#7e6b5d; }
.result-hero::before { content:""; position:absolute; inset:-20%; background:repeating-radial-gradient(ellipse at 30% 25%,transparent 0 65px,rgba(255,255,255,.035) 66px 68px); transform:rotate(-8deg); }
.result-hero-inner { max-width:900px; text-align:center; position:relative; z-index:1; }
.complete-pill { display:inline-flex; padding:9px 18px; border-radius:999px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.25); letter-spacing:.12em; font-size:13px; }
.result-label { margin:40px 0 8px; opacity:.76; font-size:16px; }
.result-hero h1 { margin:0; font-family:var(--serif); font-size:clamp(46px,8vw,82px); line-height:1.15; }
.result-hero h1 em { display:block; color:#ffd8c1; font-style:italic; }
.match-big { margin-top:18px; font-size:20px; }.match-big strong{font-size:38px;color:#ffd8c1}
.top-traits { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:26px 0 34px; }
.top-traits span { padding:9px 15px; border-radius:999px; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.18); }
.result-actions { display:flex; justify-content:center; gap:12px; }
.result-actions .ghost-button { color:white; background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.28); }
.result-actions .primary-button { background:white;color:#873716;box-shadow:none; }
.result-content { max-width:1040px; margin:0 auto; padding:70px 22px 0; }
.result-section { margin-bottom:70px; }
.result-title { margin:0 0 10px; font-family:var(--serif); font-size:clamp(31px,4vw,46px); }
.result-subtitle { color:var(--muted); line-height:1.8; margin:0 0 28px; }
.analysis-card { display:grid; grid-template-columns:1fr 1fr; gap:36px; background:var(--cream); border:1px solid var(--line); padding:34px; border-radius:28px; box-shadow:var(--shadow); }
.radar-wrap { min-height:410px; display:grid; place-items:center; }
.radar-wrap svg { width:100%; max-width:430px; overflow:visible; }
.score-list { display:flex; flex-direction:column; justify-content:center; gap:14px; }
.score-row-head { display:flex; justify-content:space-between; font-size:13px; margin-bottom:6px; }
.score-row-head b { font-size:14px; }.score-row-head span{color:var(--muted)}
.score-bar { height:9px; background:#ead9cc; border-radius:99px; overflow:hidden; }
.score-bar i { display:block; height:100%; background:linear-gradient(90deg,var(--orange),#ee9870); border-radius:inherit; }
.profile-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.profile-card { padding:25px; border-radius:22px; background:var(--cream); border:1px solid var(--line); }
.profile-card b { display:block; margin-bottom:10px; font-size:17px; }.profile-card p{color:var(--muted);line-height:1.75;margin:0;font-size:14px}
.career-list { display:grid; gap:18px; }
.career-card { padding:30px; border-radius:26px; background:var(--cream); border:1px solid var(--line); display:grid; grid-template-columns:auto 1fr; gap:22px; position:relative; overflow:hidden; }
.career-card.best { border:2px solid var(--orange); box-shadow:0 14px 38px rgba(201,83,34,.13); }
.best-ribbon { position:absolute; right:0; top:0; background:var(--orange); color:#fff; padding:9px 16px; border-radius:0 0 0 15px; font-size:12px; font-weight:800; }
.career-emoji { width:68px; height:68px; display:grid; place-items:center; font-size:34px; background:#f4e6da; border-radius:20px; }
.career-main h3 { font-family:var(--serif); font-size:26px; margin:2px 0 6px; }.career-main h3 small{font-family:var(--sans);font-size:12px;color:var(--orange);margin-left:10px;}
.career-main > p { color:var(--muted); line-height:1.8; margin:0 0 18px; }
.career-match { display:flex; align-items:center; gap:14px; margin:13px 0 17px; }.career-match strong{font-size:23px;color:var(--orange-dark);}.career-match .score-bar{flex:1}
.career-details { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.detail-box { background:#f7f1e8; border-radius:14px; padding:13px 15px; }
.detail-box span { display:block; color:var(--muted); font-size:11px; margin-bottom:5px; }.detail-box b{font-size:14px}
.tag-row { display:flex; flex-wrap:wrap; gap:7px; margin-top:15px; }.tag{padding:6px 10px;border-radius:999px;background:#f4dfd1;color:#9a421e;font-size:12px}
.action-plan { counter-reset:step; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.action-item { padding:28px; background:#2d2520; color:white; border-radius:22px; }.action-item::before{counter-increment:step;content:"0" counter(step);display:block;color:#f6a17a;font-weight:900;margin-bottom:22px}.action-item h3{margin:0 0 10px}.action-item p{margin:0;color:#c9bdb5;line-height:1.7;font-size:14px}
.notice { padding:22px; background:#ebe2d6; border-radius:16px; color:#6f6157; line-height:1.75; font-size:13px; }
.site-footer { padding:36px 22px; text-align:center; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.site-footer > div { display:flex; justify-content:center; gap:10px; align-items:center; color:var(--ink); }.site-footer > div span{color:var(--muted)}
.toast { position:fixed; left:50%; bottom:30px; z-index:50; transform:translate(-50%,20px); background:#28211d; color:white; padding:11px 18px; border-radius:99px; font-size:13px; opacity:0; pointer-events:none; transition:.25s; }.toast.show{opacity:1;transform:translate(-50%,0)}

.site-locked { display:none; }
.access-gate { min-height:100vh; padding:45px 22px; position:relative; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#f7f0e6,#eadbca); }
.access-gate.is-hidden { display:none; }
.access-gate::before { content:""; position:absolute; width:650px; height:650px; border-radius:50%; left:-250px; bottom:-330px; border:1px solid rgba(217,103,45,.23); box-shadow:0 0 0 60px rgba(217,103,45,.035),0 0 0 120px rgba(217,103,45,.025); }
.gate-art { position:absolute; width:440px; height:440px; right:-110px; top:-90px; border-radius:50%; border:1px solid rgba(217,103,45,.2); color:var(--orange); display:grid; place-items:center; font-size:54px; transform:rotate(12deg); }
.gate-art i { position:absolute; inset:55px; border:1px dashed rgba(217,103,45,.18); border-radius:50%; }.gate-art i:nth-child(3){inset:115px}.gate-art i:nth-child(4){inset:170px;background:rgba(217,103,45,.08)}
.gate-card { width:min(620px,100%); position:relative; z-index:2; padding:52px; background:rgba(255,250,243,.86); border:1px solid rgba(124,91,67,.18); border-radius:34px; box-shadow:0 30px 80px rgba(80,52,31,.16); backdrop-filter:blur(18px); }
.gate-brand { margin-bottom:40px; width:max-content; }
.gate-card h1 { margin:20px 0 16px; font-family:var(--serif); font-size:clamp(38px,6vw,58px); line-height:1.18; letter-spacing:-.03em; }.gate-card h1 em{font-style:normal;color:var(--orange)}
.gate-card>p { color:var(--muted); line-height:1.8; max-width:510px; }.gate-card>small{display:block;color:#9b8c81;margin-top:17px}
.gate-form label { display:block; margin:27px 0 8px; font-size:13px; font-weight:800; color:#574940; }
.code-input-wrap { display:flex; padding:6px; background:white; border:1px solid var(--line); border-radius:16px; box-shadow:0 8px 26px rgba(75,48,30,.07); }
.code-input-wrap:focus-within { border-color:var(--orange); box-shadow:0 0 0 4px rgba(217,103,45,.1); }
.code-input-wrap input { flex:1; width:100%; min-width:0; border:0; outline:0; padding:11px 13px; background:transparent; color:var(--ink); font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.code-input-wrap button { border:0; padding:13px 19px; border-radius:11px; background:var(--orange); color:white; font-weight:800; white-space:nowrap; }.code-input-wrap button:disabled{opacity:.65;cursor:wait}
.gate-message { min-height:23px; margin-top:9px; font-size:13px; }.gate-message.error{color:#b63826}.gate-message.success{color:#2c7b49}

@media(max-width:800px){
  .site-header{height:62px;padding:0 16px}.brand{font-size:14px}.brand-mark{width:32px;height:32px}.header-note{display:none}.mini-button{padding:8px 13px;font-size:12px}
  .hero{padding:65px 18px 60px;min-height:auto}.hero-inner{grid-template-columns:1fr;gap:20px}.hero h1{font-size:49px}.hero-copy{font-size:16px}.orbit-card{min-height:345px}.orbit{width:290px;height:290px}.orbit-center{width:110px;height:110px;margin:-55px;font-size:21px}.orbit-tag:nth-child(2){left:-10px}.orbit-tag:nth-child(3){right:-13px}.trust{flex-wrap:wrap;gap:10px 18px}
  .section{padding:65px 18px}.feature-grid{grid-template-columns:1fr}.feature{min-height:0}.dimension-grid{grid-template-columns:repeat(2,1fr)}.final-cta{padding:30px;display:block}.final-cta .primary-button{margin-top:22px;width:100%}
  .question-card{padding:27px 20px}.question-card h1{font-size:28px}.quiz-shell{padding-top:35px}.answer{padding:16px 14px}
  .result-hero{min-height:590px;padding:60px 18px}.result-hero h1{font-size:48px}.result-actions{flex-direction:column}.result-actions button{width:100%}
  .result-content{padding:55px 16px 0}.analysis-card{grid-template-columns:1fr;padding:24px 18px;gap:10px}.radar-wrap{min-height:340px}.profile-grid{grid-template-columns:1fr}.career-card{padding:24px 18px;grid-template-columns:1fr}.career-emoji{width:58px;height:58px}.career-details{grid-template-columns:1fr}.action-plan{grid-template-columns:1fr}.result-section{margin-bottom:55px}
  .access-gate{padding:24px 16px}.gate-card{padding:34px 21px;border-radius:26px}.gate-brand{margin-bottom:30px}.gate-card h1{font-size:39px}.code-input-wrap{display:block;padding:7px}.code-input-wrap input{min-height:49px;text-align:center}.code-input-wrap button{width:100%;min-height:48px}.gate-art{opacity:.5}
}

@media(max-width:430px){.hero h1{font-size:42px}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta button{width:100%}.orbit{width:260px;height:260px}.orbit-tag{padding:8px 10px;font-size:11px}.dimension{padding:16px}.dimension span{font-size:17px}.analysis-card{overflow:hidden}.radar-wrap{min-height:300px}.career-main h3{font-size:23px}}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* 向光天赋测评专属视觉 */
.talent-hero::before{background:radial-gradient(circle at 38% 35%,#f5b987,#e86528 58%,transparent 60%)}
.talent-wheel{width:390px;height:390px;border-radius:50%;position:relative;margin:auto;border:1px solid rgba(217,103,45,.22);background:radial-gradient(circle,rgba(255,250,243,.9) 0 28%,transparent 29%),repeating-radial-gradient(circle,transparent 0 49px,rgba(217,103,45,.09) 50px 51px);animation:soft-float 6s ease-in-out infinite}
@keyframes soft-float{50%{transform:translateY(-9px)}}
.wheel-core{position:absolute;left:50%;top:50%;width:120px;height:120px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border-radius:46% 54% 50% 50%;background:linear-gradient(145deg,#ee7c3f,#c84b1d);color:#fff;font:900 29px/1.05 var(--serif);box-shadow:0 18px 40px rgba(197,72,25,.25)}
.wheel-core small{font:600 11px var(--sans);letter-spacing:.12em;opacity:.8;margin-top:6px}
.talent-wheel>span{--a:calc(var(--i)*36deg - 90deg);position:absolute;left:50%;top:50%;width:61px;height:61px;margin:-30px;transform:rotate(var(--a)) translateX(154px) rotate(calc(var(--a)*-1));display:grid;place-items:center;border-radius:50%;background:var(--cream);border:2px solid var(--c);color:var(--c);font-weight:800;font-size:12px;box-shadow:0 8px 20px rgba(67,44,30,.1)}
.talent-dark{background:#251f2a}.talent-dimension-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.talent-dimension-grid article{padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);position:relative;overflow:hidden}.talent-dimension-grid article::after{content:"";position:absolute;width:90px;height:90px;right:-30px;bottom:-40px;background:var(--c);opacity:.12;border-radius:50%}.talent-dimension-grid b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--c);color:white}.talent-dimension-grid h3{margin:14px 0 7px;font-family:var(--serif);font-size:21px}.talent-dimension-grid p{margin:0;color:#c9becd;line-height:1.7;font-size:13px}.talent-cta{background:linear-gradient(125deg,#7c3aed,#db2777 55%,#ea580c)}
.talent-result-hero{min-height:650px;padding:75px 22px;display:grid;place-items:center;text-align:center;color:white;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(245,158,11,.55),transparent 30%),radial-gradient(circle at 85% 70%,rgba(124,58,237,.45),transparent 33%),linear-gradient(145deg,#29202d,#6a2b47)}
.talent-result-hero::before{content:"";position:absolute;inset:-30%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 80px,rgba(255,255,255,.035) 81px 83px);transform:rotate(-8deg)}
.talent-result-hero .result-hero-inner{position:relative;z-index:1}.talent-result-hero h1{font:900 clamp(52px,8vw,86px)/1.1 var(--serif);margin:8px 0 16px;color:#ffd9c7}.type-copy{max-width:650px;margin:0 auto;color:#ded3df;font-size:17px;line-height:1.8}.talent-percent{display:inline-flex;align-items:center;text-align:left;gap:8px;margin:24px auto 0}.talent-percent strong{font-size:58px;color:#fff}.talent-percent span{font-size:12px;color:#d9cedb;line-height:1.4}.talent-progress{background:linear-gradient(90deg,#7c3aed,#db2777,#ea580c)}
.talent-analysis .score-row-head b{display:flex;align-items:center;gap:8px}.talent-analysis .score-row-head b i{font-style:normal;color:white;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:10px}.talent-analysis .score-list{gap:11px}
.talent-detail-list{display:grid;gap:10px}.talent-detail{background:var(--cream);border:1px solid var(--line);border-radius:19px;overflow:hidden}.talent-detail>button{width:100%;border:0;background:transparent;padding:16px 18px;display:grid;grid-template-columns:38px minmax(95px,1fr) minmax(80px,1.1fr) 28px auto 20px;gap:11px;align-items:center;text-align:left;color:var(--ink)}.talent-letter{width:36px;height:36px;display:grid;place-items:center;background:var(--c);color:white;border-radius:50%;font-weight:900}.mini-track{height:8px;background:#ece5ec;border-radius:99px;overflow:hidden}.mini-track i{display:block;height:100%;background:var(--c)}.talent-detail>button>strong{font-size:19px}.talent-detail>button em{font-style:normal;font-size:11px;border-radius:99px;padding:5px 9px;white-space:nowrap}.talent-detail>button em.strong{background:#fee2d5;color:#b94016}.talent-detail>button em.good{background:#ede4ff;color:#6f36c5}.talent-detail>button em.growing{background:#fff0bd;color:#9b6a00}.talent-detail>button em.quiet{background:#eee;color:#777}.chev{transition:.2s}.talent-detail.open .chev{transform:rotate(180deg)}.talent-expand{display:none;margin:0 18px 18px;padding:24px;border-left:4px solid var(--c);border-radius:0 16px 16px 0;background:#f7f3f8;color:#655b66;line-height:1.8}.talent-detail.open .talent-expand{display:block}.talent-expand blockquote{margin:0 0 12px;color:var(--c);font-size:17px;font-weight:800}.talent-expand h4{margin:18px 0 5px;color:var(--ink)}.talent-expand ul{margin:0;padding-left:20px}.advice-list{list-style:none;padding-left:0!important;color:#6040a0}
.talent-careers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.talent-career{background:var(--cream);border:1px solid var(--line);border-radius:22px;padding:24px}.talent-career.best{border:2px solid var(--orange);box-shadow:0 15px 36px rgba(201,83,34,.12)}.talent-career-top{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:12px}.talent-career-top>span{font-size:31px}.talent-career-top small{color:var(--muted)}.talent-career h3{font-family:var(--serif);font-size:22px;margin:3px 0}.talent-career-top>strong{font-size:23px;color:var(--orange)}.talent-career p{color:var(--muted);line-height:1.75}.next-step{display:block;background:#f7f0e8;border-radius:12px;padding:12px;font-size:12px;line-height:1.6}.caution-box{border:1px solid #f0d99c;background:#fff8df;padding:25px;border-radius:20px;color:#795c1f}.caution-box p{margin:7px 0 0;line-height:1.75}
@media(max-width:800px){.talent-wheel{width:300px;height:300px}.talent-wheel>span{width:50px;height:50px;margin:-25px;transform:rotate(var(--a)) translateX(120px) rotate(calc(var(--a)*-1));font-size:10px}.wheel-core{width:95px;height:95px;font-size:23px}.talent-dimension-grid{grid-template-columns:1fr}.talent-result-hero{min-height:620px;padding:55px 17px}.talent-result-hero h1{font-size:49px}.type-copy{font-size:15px}.talent-analysis{grid-template-columns:1fr}.talent-detail>button{grid-template-columns:36px 1fr 30px auto 16px}.talent-detail .mini-track{display:none}.talent-detail>button b{font-size:14px}.talent-detail>button em{font-size:10px;padding:4px 7px}.talent-expand{padding:19px 16px;margin:0 11px 12px}.talent-careers{grid-template-columns:1fr}}
@media(max-width:430px){.talent-wheel{width:275px;height:275px}.talent-wheel>span{transform:rotate(var(--a)) translateX(109px) rotate(calc(var(--a)*-1));width:46px;height:46px;margin:-23px}.talent-career{padding:20px 16px}.talent-career-top{grid-template-columns:42px 1fr auto}.talent-career-top>strong{font-size:20px}}