#careers.career-wheel-host{margin:0;padding:0;background:#0b1114;scroll-margin-top:0}
#art-career-wheel{font-size:16px;font-weight:400;line-height:normal;text-align:left}
#art-career-wheel a{text-decoration:underline}
#art-career-wheel .scene-image{max-width:none}
#art-career-wheel{color-scheme: dark; --ink: #f3f0e8; --muted: #b1b8b5; --gold: #dfbf85; --edge: rgba(218,198,153,.19); --ground: #0b1114;}
#art-career-wheel *{box-sizing: border-box;}
#art-career-wheel{background: var(--ground); scroll-behavior: smooth;}
#art-career-wheel{margin: 0px; font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif; color: var(--ink);}
#art-career-wheel button,#art-career-wheel select,#art-career-wheel a{-webkit-tap-highlight-color: transparent;}
#art-career-wheel button,#art-career-wheel select{font: inherit;}
#art-career-wheel button,#art-career-wheel a,#art-career-wheel select{touch-action: manipulation;}
#art-career-wheel button{cursor: pointer;}
#art-career-wheel a{color: var(--gold); text-underline-offset: 4px;}
#art-career-wheel a:hover{color: rgb(244, 223, 179);}
#art-career-wheel button:focus-visible,#art-career-wheel a:focus-visible,#art-career-wheel select:focus-visible,#art-career-wheel summary:focus-visible{outline: rgb(239, 212, 152) solid 2px; outline-offset: 5px;}
#art-career-wheel [hidden]{display: none !important;}
#art-career-wheel{position: relative; isolation: isolate; overflow: hidden; background: rgb(11, 17, 20); min-height: 100vh; --bg-x: 0px; --bg-y: 0px; --tilt-x: 0deg; --tilt-y: 0deg; --spot-x: 45%; --spot-y: 30%;}
#art-career-wheel .scene{position: absolute; inset: 0px; z-index: -1; pointer-events: none; overflow: hidden;}
#art-career-wheel .scene-image{position: absolute; right: -12%; top: -40px; width: 94%; height: calc(100% + 80px); object-fit: cover; object-position: 52% 15%; transform: translate3d(var(--bg-x),var(--bg-y),0) scale(1.035); filter: saturate(0.52); mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.78) 17%, rgb(0, 0, 0) 33%); will-change: transform;}
#art-career-wheel .scene-shade{position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(9, 16, 19, 0.96) 0%, rgba(10, 17, 20, 0.85) 31%, rgba(10, 17, 20, 0.27) 70%, rgba(10, 17, 20, 0.53) 100%), linear-gradient(0deg, rgb(11, 17, 20) 0%, rgba(11, 17, 20, 0.1) 66%, rgba(11, 17, 20, 0.23) 100%);}
#art-career-wheel .scene-light{position: absolute; inset: 0px; background: radial-gradient(ellipse at var(--spot-x) var(--spot-y),rgba(220,174,103,.055),transparent 52%); mix-blend-mode: screen;}
#art-career-wheel .page-shell{position: relative; max-width: 1440px; padding: 58px 70px 25px; margin: 0px auto;}
#art-career-wheel .page-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 31px;}
#art-career-wheel .eyebrow{display: flex; align-items: center; gap: 12px; font-size: 12px; letter-spacing: 4px; color: var(--gold); margin: 0px 0px 15px;}
#art-career-wheel .eyebrow::before{content: ""; width: 27px; height: 1px; background: var(--gold);}
#art-career-wheel .acw-heading{margin: 0px; font-family: "Noto Serif SC", "Songti SC", SimSun, serif; font-size: clamp(30px, 3.15vw, 46px); font-weight: 600; line-height: 1.35; letter-spacing: 2px;}
#art-career-wheel .head-note{max-width: 290px; color: rgb(196, 203, 199); font-size: 13px; line-height: 1.9; margin: 0px 0px 5px; text-align: right;}
#art-career-wheel .head-note strong{display: block; color: rgb(241, 231, 211); font-weight: 400;}
#art-career-wheel .topic-nav{display: flex; align-items: center; flex-wrap: wrap; gap: 8px; border-top: 1px solid var(--edge); border-bottom: 1px solid var(--edge); padding: 13px 0px; margin-bottom: 34px;}
#art-career-wheel .topic-button{display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: transparent; border: 1px solid transparent; border-radius: 7px; padding: 12px 20px; color: rgb(194, 201, 198); font-size: 14px; transition: background 0.2s, border-color 0.2s, color 0.2s;}
#art-career-wheel .topic-number{font: 10px / 1.3 Georgia, serif; letter-spacing: 1px; opacity: 0.55;}
#art-career-wheel .topic-button:hover{background: rgba(255, 255, 255, 0.05); color: rgb(249, 237, 218);}
#art-career-wheel .topic-button[aria-pressed="true"]{background: linear-gradient(125deg, rgba(201, 171, 113, 0.19), rgba(139, 113, 67, 0.1)); border-color: rgba(221, 190, 139, 0.34); color: rgb(243, 221, 174);}
#art-career-wheel .topic-button[aria-pressed="true"] .topic-number{color: var(--gold); opacity: 1;}
#art-career-wheel .nav-note{margin-left: auto; font-size: 11px; color: rgb(155, 170, 165); letter-spacing: 2px; padding: 0px 9px;}
#art-career-wheel .acw-layout{display: grid; grid-template-columns: minmax(0px, 1.16fr) minmax(0px, 1fr); align-items: start; gap: 48px;}
#art-career-wheel .acw-map{min-width: 0px; padding-top: 6px;}
#art-career-wheel .wheel-surround{position: relative; perspective: 1500px; max-width: 650px; margin: 0px auto;}
#art-career-wheel .wheel-surround::after{position: absolute; content: ""; bottom: -4%; left: 14%; width: 72%; height: 10%; border-radius: 50%; background: rgba(0, 0, 0, 0.7); filter: blur(22px); z-index: -1;}
#art-career-wheel .wheel-stage{transform: rotateX(calc(7deg + var(--tilt-x))) rotateY(var(--tilt-y)); transform-style: preserve-3d; will-change: transform;}
#art-career-wheel .acw-wheel{display: block; width: 100%; height: auto; overflow: visible;}
#art-career-wheel .acw-wheel text{fill: rgb(244, 238, 225); font-family: "Microsoft YaHei", "PingFang SC", sans-serif; font-size: 12.5px; font-weight: 400; pointer-events: none; text-shadow: rgba(0, 0, 0, 0.42) 0px 1px 2px;}
#art-career-wheel .acw-wheel .acw-main-label{font-size: 13px; font-weight: 500;}
#art-career-wheel .acw-wheel .wheel-core-title{font-family: "Songti SC", SimSun, serif; font-size: 24px; letter-spacing: 4px; fill: rgb(232, 212, 168);}
#art-career-wheel .acw-wheel .wheel-core-sub{font-size: 10px; letter-spacing: 2px; fill: rgb(174, 182, 173);}
#art-career-wheel .wheel-sector{cursor: pointer; transform: translateY(var(--lift,0px)); transition: transform 0.2s, filter 0.2s;}
#art-career-wheel .wheel-sector[data-selected="true"]{--lift: -3px; filter: drop-shadow(rgba(0, 0, 0, 0.45) 0px 5px 4px);}
#art-career-wheel .wheel-sector:hover{--lift: -6px; filter: brightness(1.18) drop-shadow(rgba(0, 0, 0, 0.38) 0px 7px 5px);}
#art-career-wheel .wheel-sector .sector-face{transition: fill-opacity 0.2s, stroke 0.2s;}
#art-career-wheel .wheel-sector:hover .sector-face{stroke: rgba(255, 231, 185, 0.75); stroke-width: 1.3px;}
#art-career-wheel .map-bottom{max-width: 470px; margin: 24px auto 0px;}
#art-career-wheel .acw-picker{display: flex; align-items: center; gap: 15px; font-size: 12px; color: rgb(166, 180, 173);}
#art-career-wheel .acw-picker select{flex: 1 1 0%; min-width: 0px; border: 1px solid rgba(228, 209, 165, 0.22); border-radius: 7px; background: rgb(23, 32, 35); color: rgb(238, 231, 215); padding: 12px 34px 12px 14px; font-size: 14px; cursor: pointer;}
#art-career-wheel .acw-caption{font-size: 11px; line-height: 1.7; color: rgb(148, 163, 155); margin: 12px 0px 0px;}
#art-career-wheel .map-line{display: flex; align-items: center; gap: 12px; color: rgb(167, 177, 166); font-size: 11px; letter-spacing: 3px; margin: 30px auto 0px; max-width: 470px;}
#art-career-wheel .map-line::before,#art-career-wheel .map-line::after{content: ""; height: 1px; background: linear-gradient(90deg, transparent, rgba(199, 177, 130, 0.35)); flex: 1 1 0%;}
#art-career-wheel .map-line::after{transform: rotate(180deg);}
#art-career-wheel .acw-detail{min-width: 0px; position: relative; background: linear-gradient(135deg, rgba(26, 33, 34, 0.9), rgba(12, 20, 23, 0.83)); border: 1px solid rgba(219, 202, 164, 0.22); border-radius: 13px; box-shadow: rgba(0, 0, 0, 0.24) 0px 22px 60px, rgba(255, 244, 214, 0.07) 0px 1px inset; backdrop-filter: blur(16px); padding: 29px 30px 26px; isolation: isolate;}
#art-career-wheel .acw-detail::before{content: ""; position: absolute; top: -1px; left: 28px; right: 28px; height: 1px; background: linear-gradient(90deg, transparent, rgba(231, 196, 134, 0.7), transparent);}
#art-career-wheel .detail-kicker{color: rgb(206, 186, 139); font-size: 11px; letter-spacing: 1.2px; line-height: 1.7; margin-bottom: 12px;}
#art-career-wheel .acw-detail h2{font-size: 23px; line-height: 1.45; letter-spacing: 0.5px; margin: 0px 0px 25px; font-weight: 500;}
#art-career-wheel .acw-facts{display: grid; grid-template-columns: 62px minmax(0px, 1fr); gap: 14px 16px; margin: 0px 0px 24px; font-size: 13px; line-height: 1.85;}
#art-career-wheel .acw-facts dt{color: rgb(163, 176, 170);}
#art-career-wheel .acw-facts dd{margin: 0px; color: rgb(227, 230, 223); overflow-wrap: anywhere;}
#art-career-wheel .acw-income{border-top: 1px solid rgba(231, 206, 159, 0.2); border-bottom: 1px solid rgba(231, 206, 159, 0.15); padding: 19px 6px 21px; background: linear-gradient(90deg, rgba(213, 179, 114, 0.067), transparent); margin: 0px -6px;}
#art-career-wheel .income-label{font-size: 10px; letter-spacing: 0.7px; color: rgb(179, 189, 175);}
#art-career-wheel .income-value{font-size: 31px; letter-spacing: 0.3px; line-height: 1.4; color: rgb(232, 199, 138); margin: 9px 0px 11px; font-weight: 400; font-variant-numeric: tabular-nums;}
#art-career-wheel .income-value.long{font-size: 22px;}
#art-career-wheel .income-job{font-size: 12px; line-height: 1.8; color: rgb(224, 227, 217);}
#art-career-wheel .acw-income-meta{font-size: 11px; line-height: 1.8; color: rgb(174, 184, 173); margin-top: 8px;}
#art-career-wheel .acw-income-note{color: rgb(152, 167, 157);}
#art-career-wheel .acw-source{margin-top: 21px; font-size: 12px; line-height: 1.8;}
#art-career-wheel .acw-source summary{color: rgb(217, 194, 148); cursor: pointer; font-size: 12px; list-style: none; display: flex; gap: 12px; align-items: center;}
#art-career-wheel .acw-source summary::-webkit-details-marker{display: none;}
#art-career-wheel .acw-source summary::before{content: "＋"; font-size: 17px; color: rgb(219, 195, 145);}
#art-career-wheel .acw-source[open] summary::before{content: "−";}
#art-career-wheel .acw-source summary:hover{color: rgb(244, 223, 179);}
#art-career-wheel #acw-video-case{padding: 15px 0px 8px;}
#art-career-wheel #acw-video-case h3{font-size: 15px; font-weight: 500; margin: 0px 0px 13px; color: rgb(238, 227, 199);}
#art-career-wheel .watch-button{display: flex; align-items: center; justify-content: center; gap: 13px; text-decoration: none; border: 1px solid rgba(224, 192, 132, 0.5); background: linear-gradient(110deg, rgba(221, 185, 113, 0.18), rgba(204, 178, 124, 0.07)); border-radius: 6px; padding: 12px 15px; color: rgb(240, 214, 160); font-size: 13px; line-height: 1.7; transition: background 0.2s, transform 0.2s;}
#art-career-wheel .watch-button::before{content: "▶"; font-size: 10px;}
#art-career-wheel .watch-button:hover{transform: translateY(-2px); background: rgba(206, 171, 105, 0.24);}
#art-career-wheel .acw-video-note{font-size: 10px; line-height: 1.8; color: rgb(170, 181, 169); margin-top: 10px;}
#art-career-wheel .acw-video-focus{color: rgb(211, 220, 207); margin-top: 11px; font-size: 12px;}
#art-career-wheel #acw-proof{margin: 14px 0px; color: rgb(184, 195, 185); font-size: 11px; line-height: 1.9;}
#art-career-wheel #acw-sources{display: grid; gap: 10px; overflow-wrap: anywhere; font-size: 11px; line-height: 1.8;}
#art-career-wheel #acw-sources a{text-decoration-color: rgba(218, 190, 135, 0.32); color: rgb(203, 184, 139);}
#art-career-wheel .acw-foot{font-size: 10px; line-height: 1.9; color: rgb(150, 164, 153); max-width: 1050px; margin: 35px 0px 0px; padding-top: 20px; border-top: 1px solid rgba(207, 190, 155, 0.12);}
#art-career-wheel .page-credit{display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 21px 0px 0px; color: rgb(124, 139, 132); font-size: 9px; line-height: 1.7; letter-spacing: 0.5px;}
#art-career-wheel .page-credit a{color: rgb(143, 156, 145); text-decoration-color: rgba(177, 189, 175, 0.3);}
@media (min-width: 1600px){#art-career-wheel .page-shell{padding-top: 68px;}
#art-career-wheel .page-head{margin-bottom: 37px;}
#art-career-wheel .acw-layout{gap: 66px;}
#art-career-wheel .acw-detail{padding: 32px 36px;}
#art-career-wheel .acw-facts{font-size: 14px; gap: 17px 18px;}
#art-career-wheel .acw-detail h2{font-size: 26px;}
#art-career-wheel .income-value{font-size: 34px;}}
@media (max-width: 1100px){#art-career-wheel .page-shell{padding: 38px 36px 22px;}
#art-career-wheel .acw-layout{gap: 28px;}
#art-career-wheel .acw-detail{padding: 24px;}
#art-career-wheel .acw-detail h2{font-size: 21px;}
#art-career-wheel .acw-facts{grid-template-columns: 55px minmax(0px, 1fr); column-gap: 12px;}
#art-career-wheel .nav-note{display: none;}
#art-career-wheel .topic-button{padding: 11px 15px;}
#art-career-wheel .income-value{font-size: 27px;}
#art-career-wheel .head-note{font-size: 12px; max-width: 220px;}}
@media (max-width: 859px){#art-career-wheel .page-shell{padding: 31px 24px 22px;}
#art-career-wheel .head-note{display: none;}
#art-career-wheel .page-head{margin-bottom: 23px;}
#art-career-wheel .topic-nav{margin-bottom: 22px; gap: 6px;}
#art-career-wheel .topic-button{padding: 10px 11px; font-size: 12px;}
#art-career-wheel .topic-number{display: none;}
#art-career-wheel .acw-layout{grid-template-columns: minmax(0px, 1fr); gap: 32px;}
#art-career-wheel .acw-map{max-width: 550px; width: 100%; margin: 0px auto;}
#art-career-wheel .acw-detail{width: 100%; max-width: 620px; margin: 0px auto; padding: 26px 28px;}
#art-career-wheel .acw-detail h2{font-size: 24px;}
#art-career-wheel .acw-facts{font-size: 14px; grid-template-columns: 64px minmax(0px, 1fr); gap: 16px;}
#art-career-wheel .scene-image{width: 140%; height: 940px; right: -47%; top: -30px; opacity: 0.66;}
#art-career-wheel .scene-shade{background: linear-gradient(90deg, rgba(10, 17, 20, 0.83), rgba(10, 17, 20, 0.5)), linear-gradient(0deg, rgb(11, 17, 20) 0%, rgba(11, 17, 20, 0.18) 85%);}
#art-career-wheel .map-bottom{margin-top: 14px;}
#art-career-wheel .map-line{margin-top: 20px;}
#art-career-wheel .acw-foot{font-size: 11px;}
#art-career-wheel .page-credit{font-size: 10px;}}
@media (max-width: 480px){#art-career-wheel .page-shell{padding: 25px 17px 20px;}
#art-career-wheel .acw-heading{font-size: 28px; letter-spacing: 0px;}
#art-career-wheel .eyebrow{font-size: 10px; letter-spacing: 3px; margin-bottom: 12px;}
#art-career-wheel .topic-nav{gap: 6px; padding: 10px 0px;}
#art-career-wheel .topic-button{padding: 10px 8px; min-height: 42px; font-size: 11px; flex: 1 1 0%; white-space: nowrap;}
#art-career-wheel .acw-layout{gap: 25px;}
#art-career-wheel .acw-detail{padding: 22px 20px;}
#art-career-wheel .acw-detail h2{font-size: 21px;}
#art-career-wheel .acw-facts{font-size: 13px; grid-template-columns: 57px minmax(0px, 1fr); gap: 13px 12px;}
#art-career-wheel .acw-picker{gap: 10px; font-size: 11px; display: grid; grid-template-columns: 1fr;}
#art-career-wheel .acw-picker select{width: 100%; font-size: 16px; min-height: 44px;}
#art-career-wheel .map-line{letter-spacing: 2px; font-size: 10px;}
#art-career-wheel .income-value{font-size: 28px;}
#art-career-wheel .income-value.long{font-size: 21px;}
#art-career-wheel .watch-button{font-size: 12px; padding: 11px 8px;}
#art-career-wheel .scene-image{width: 210%; right: -80%; height: 770px;}
#art-career-wheel .acw-caption{font-size: 10px;}
#art-career-wheel .acw-foot{font-size: 10px;}
#art-career-wheel .page-credit{font-size: 9px;}}
@media (prefers-reduced-motion: reduce){#art-career-wheel{scroll-behavior: auto;}
#art-career-wheel .scene-image,#art-career-wheel .wheel-stage{will-change: auto; transform: none !important;}
#art-career-wheel .wheel-sector,#art-career-wheel .topic-button,#art-career-wheel .watch-button{transition: none !important;}
#art-career-wheel .wheel-sector:hover{--lift: 0px;}
#art-career-wheel .watch-button:hover{transform: none;}}
@media (hover: none), (pointer: coarse){#art-career-wheel .scene-image,#art-career-wheel .wheel-stage{will-change: auto; transform: none !important;}
#art-career-wheel .wheel-sector:hover{--lift: 0px; filter: none;}}
.motion-off #art-career-wheel .scene-image,.motion-off #art-career-wheel .wheel-stage{transform:none!important;will-change:auto}
.motion-off #art-career-wheel .wheel-sector:hover{--lift:0px}

#art-career-wheel #acw-video-case h3{line-height:1.8}

/* Source access and locally readable notes. */
#art-career-wheel .acw-source-help{margin:0 0 2px;color:#bac5b8;font-size:11px;line-height:1.75}
#art-career-wheel .acw-reference{padding:12px 0;border-top:1px solid rgba(219,195,145,.16);min-width:0}
#art-career-wheel .acw-reference-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
#art-career-wheel .acw-reference-actions button{font:inherit;color:#e8d4a9;background:rgba(227,200,144,.08);border:1px solid rgba(227,200,144,.25);border-radius:6px;padding:5px 10px;cursor:pointer;min-height:32px}
#art-career-wheel .acw-reference-actions button:hover{background:rgba(227,200,144,.17)}
#art-career-wheel .acw-reference-actions button:focus-visible,#art-career-wheel .acw-source-address:focus-visible{outline:2px solid #e2c487;outline-offset:3px}
#art-career-wheel .acw-reference-note{color:#acb9aa;font-size:11px;line-height:1.75;margin:7px 0 0}
#art-career-wheel .acw-reference-excerpt{background:rgba(10,17,17,.48);border-left:2px solid rgba(225,197,139,.48);padding:10px 13px;margin-top:11px;line-height:1.85;color:#d9dfd1}
#art-career-wheel .acw-reference-excerpt p{margin:5px 0}
#art-career-wheel .acw-reference-excerpt strong{display:block;color:#ead9b8;font-weight:500;margin-top:7px}
#art-career-wheel .acw-copy-status{color:#bac5b8;font-size:10px}
#art-career-wheel .acw-source-address{width:100%;min-width:0;padding:9px;margin-top:8px;background:#15201d;color:#f0e3c7;border:1px solid #65735f;border-radius:5px;font:inherit}
#art-career-wheel .acw-reference [hidden]{display:none}

#art-career-wheel .watch-button{font-family:inherit;cursor:pointer}
#art-career-wheel .acw-video-player{margin-top:14px}
#art-career-wheel .acw-video-player video{display:block;width:100%;aspect-ratio:16/9;background:#030605;border-radius:8px}
#art-career-wheel .acw-video-player[hidden]{display:none}
#art-career-wheel .acw-close-video{font:inherit;color:#e8d4a9;background:transparent;border:1px solid rgba(227,200,144,.3);border-radius:5px;padding:5px 10px;cursor:pointer;margin-top:8px}
#art-career-wheel .acw-video-original{display:inline-block;margin-top:9px;color:#ccb889;font-size:11px}
#art-career-wheel #acw-video-status{font-size:11px;color:#bac5b8;margin:6px 0}