*{box-sizing:border-box}html{background:#f2f1ed}body{margin:0;color:#343532;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(ellipse at 51% 41%,#fffdfa 0%,#f2f1ed 56%,#eae9e5 100%);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #3286d8;outline-offset:4px}.masthead{height:110px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d9d2}.wordmark{font-size:34px;font-weight:800;letter-spacing:-3px}.wordmark span{font-size:10px;vertical-align:top;letter-spacing:0;display:inline-block;margin:8px 0 0 5px}.edition,.tiny-label{font-size:9px;letter-spacing:1.6px;font-weight:600}.edition{color:#878880}.language{border:1px solid #cfcec8;border-radius:30px;background:#f9f8f4;padding:10px 16px;font-size:11px;display:flex;gap:10px;align-items:center}.language i{font-style:normal;color:#c5c5bc}.language span{color:#a0a098}.language span.active{color:#30322d;font-weight:bold}main{max-width:1360px;margin:auto;min-height:780px;display:grid;grid-template-columns:1fr 440px 1fr;align-items:center;gap:50px;padding:45px 65px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:600;letter-spacing:1.2px;white-space:nowrap}.green-dot{width:6px;height:6px;border-radius:100%;background:#82956e;box-shadow:0 0 0 4px #82956e13;flex-shrink:0}h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(42px,4.7vw,64px);font-weight:400;letter-spacing:-3px;line-height:1.06;margin:25px 0}.intro>p{max-width:260px;color:#86877f;font-size:13px;line-height:1.9}.signature{margin-top:42px;font-size:14px;letter-spacing:-.3px}.signature span{display:block;margin-top:9px;font-size:7px;letter-spacing:1.2px;color:#8e8f87}.player-zone{position:relative;justify-self:center;width:410px;padding-top:5px}.player{position:relative;z-index:1;width:410px;height:644px;border-radius:36px;background:linear-gradient(103deg,#c4c7c8 0%,#eff0f0 3%,#d6d9da 8%,#e3e5e5 46%,#caced0 87%,#edf0f0 96%,#a2a6a7 100%);box-shadow:inset 0 2px 2px #fff,inset 0 -3px 4px #7b7e80,0 0 0 1px #a7aaac,3px 8px 15px #55594c28;padding:27px 25px 20px;overflow:hidden}.player:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(0deg,transparent 0px,#fff 1px,transparent 2px,#90999b 3px);z-index:0}.screen-bezel{position:relative;background:#202526;padding:7px;border-radius:13px;box-shadow:0 1px 1px #fff,0 -1px 2px #717579}.screen{height:309px;border-radius:5px;overflow:hidden;background:#f5f7f4;color:#26323d;font-family:Arial,"PingFang SC",sans-serif;position:relative;box-shadow:inset 0 0 10px #2d3e4d24}.status{height:28px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;background:linear-gradient(#fafbfa,#e5e9e9 48%,#cbd1d5);border-bottom:1px solid #9aa6b2}.status-right{display:flex;align-items:center;gap:10px;color:#84929b;font-size:11px}.battery{width:22px;height:10px;border:1px solid #738174;border-radius:2px;padding:1px;position:relative}.battery:after{content:"";position:absolute;width:2px;height:4px;background:#738174;right:-3px;top:2px}.battery i{display:block;background:linear-gradient(#a5ce70,#6b9f37);height:100%;width:85%}#screen-content{height:259px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b6c0c5 transparent}.screen-footer{height:22px;background:#e5eaed;border-top:1px solid #c9d1d6;padding:0 9px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.6px;color:#78828a}.home-view{display:grid;grid-template-columns:49% 51%;height:100%}.menu-list{border-right:1px solid #a6b1b9;padding-top:6px;background:linear-gradient(90deg,#fff,#f2f4f4)}.menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;padding:9px 10px;text-align:left;font-size:12px;font-weight:bold;line-height:18px;color:#30383f}.menu-item.selected{background:linear-gradient(#54aff2,#2183d5 48%,#1675c6);color:white;box-shadow:inset 0 1px #8cc7f3,inset 0 -1px #1562a4}.menu-item .chev{font-size:20px;line-height:14px}.preview{padding:21px 12px 10px;overflow:hidden;background:linear-gradient(145deg,#eef3f4,#d8e2e4);position:relative}.album{height:126px;margin:0 0 15px;background:#223c3a;position:relative;overflow:hidden;box-shadow:2px 5px 10px #294b4b40;transform:rotate(-6deg);border:4px solid #f8f6ed;display:flex;align-items:center;justify-content:center}.album:before,.album:after{content:"";position:absolute;border:1px solid #b4c5a980;width:145px;height:145px;border-radius:50%;left:34px;top:-35px;box-shadow:0 0 0 14px #91ad8b15,0 0 0 28px #91ad8b15,0 0 0 42px #91ad8b15}.album:after{width:55px;height:55px;left:-10px;top:77px;background:#d5ddbc}.album-letter{font-family:Georgia,serif;color:#e9ecda;font-size:59px;font-style:italic;z-index:1;letter-spacing:-5px}.preview h2{font-size:13px;margin:0 0 5px}.preview p{font-size:10px;line-height:1.5;margin:0;color:#667881}.preview small{display:block;margin-top:10px;font-size:8px;letter-spacing:1px;color:#89999d}.wheel{width:238px;height:238px;border-radius:50%;margin:27px auto 0;background:linear-gradient(140deg,#fff,#f8f8f6 52%,#e8e9e7);box-shadow:0 0 0 1px #bfc2c1,0 1px 2px #fff,inset 0 0 6px #fff;position:relative;touch-action:none;user-select:none}.wheel button{position:absolute;background:transparent;border:0;color:#8e9393;padding:12px;font-size:20px;z-index:2;line-height:1}.wheel button:active{color:#414847}.wheel .wheel-menu{left:50%;top:10px;transform:translateX(-50%);font-size:12px;font-weight:bold;letter-spacing:1.3px}.wheel-prev{left:7px;top:calc(50% - 24px)}.wheel-next{right:7px;top:calc(50% - 24px)}.wheel-play{bottom:7px;left:50%;transform:translateX(-50%)}.wheel .wheel-center{width:91px;height:91px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(125deg,#e4e7e7,#c8cdcf);box-shadow:inset 0 1px 3px #adb4b6,0 1px 1px #fff;border:1px solid #b8bebf}.wheel .wheel-center:active{background:#bdc6ca;box-shadow:inset 0 2px 6px #7a8389}.engraving{position:relative;text-align:center;font-size:7px;letter-spacing:2px;color:#979e9f;margin-top:13px;text-shadow:0 1px #ffffff80}.top-hardware{position:absolute;top:1px;left:48px;right:40px;height:6px;display:flex;justify-content:space-between}.top-hardware span{height:5px;width:43px;background:linear-gradient(90deg,#686b66 25%,#dbdedb 26%);border:1px solid #adb0ac;border-radius:3px}.top-hardware i{width:22px;height:4px;background:#6c716e;border-radius:4px}.device-shadow{height:22px;position:absolute;bottom:42px;left:25px;right:15px;filter:blur(16px);background:#3e43355c;border-radius:50%}.wheel-caption{text-align:center;font-family:Georgia,"Songti SC",serif;font-style:italic;font-size:13px;color:#94948a;margin-top:26px}.guide{padding-left:5px;max-width:230px}.tiny-label{font-size:8px;letter-spacing:1.2px;color:#99998e;line-height:1.7}.guide>p{font-size:18px;line-height:1.7;font-family:Georgia,"Songti SC",serif;color:#73766b;margin-top:18px}.guide-line{width:32px;height:1px;background:#c8cac0;margin:31px 0}.instructions{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:14px 8px}.instructions>span{font-size:8px;color:#a7a99f;font-family:monospace}.instructions p{margin:0;font-size:10px;color:#85877d}.keyboard{display:block;margin-top:24px;font-size:9px;color:#a6a89e}footer{margin:0 5%;padding:25px 0 30px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d9d9d2;font-size:10px;color:#92958b;gap:20px}footer a{color:#51564c;border-bottom:1px solid #b7bbb0;padding-bottom:5px}.footer-right{font-size:8px;letter-spacing:1.5px}.detail{padding:13px 14px 20px}.detail h2{font-size:18px;margin:5px 0 10px;letter-spacing:-.4px}.detail h3{font-size:12px;margin:14px 0 5px;color:#255f89}.detail p,.detail li{font-size:11px;line-height:1.65;margin:7px 0;color:#4f606b}.detail ul{padding-left:15px}.detail .kicker{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#82929d}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.stat{padding:10px 8px;background:#e3ebee;border:1px solid #d4dfe5;border-radius:3px}.stat strong{display:block;color:#2376ab;font-size:23px;letter-spacing:-1px}.stat span{font-size:9px;line-height:1.5;display:block;margin-top:4px;color:#617683}.detail-link{display:block;border:1px solid #beced8;background:linear-gradient(#fff,#e5edf1);border-radius:3px;margin:7px 0;padding:8px;font-size:11px;color:#24658b;overflow-wrap:anywhere}.skill-tags{display:flex;gap:5px;flex-wrap:wrap}.skill-tags span{border:1px solid #cbd6dc;background:#e8eff2;padding:4px 6px;border-radius:3px;font-size:10px}.sub-list .menu-item{padding:10px;font-size:12px;border-bottom:1px solid #dce3e6}.sub-list .menu-item small{display:block;font-size:9px;font-weight:normal;opacity:.7;margin-top:4px}.screen-content-enter{animation:enter .16s ease-out}@keyframes enter{from{opacity:.4;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}@media(min-width:1500px){main{min-height:calc(100vh - 185px)}}@media(max-width:1150px){main{gap:30px;padding:40px 35px;grid-template-columns:1fr 410px}.guide{display:none}.intro{justify-self:center}.eyebrow{font-size:7px}.edition{font-size:8px}}@media(max-width:730px){.masthead{height:76px;margin:0 6%}.edition{font-size:7px;letter-spacing:1px}.wordmark{font-size:28px}.language{padding:8px 10px;font-size:10px}main{display:flex;flex-direction:column;gap:25px;padding:32px 12px 12px;min-height:0}.intro{text-align:center}.eyebrow{justify-content:center;font-size:7px}.intro h1{font-size:40px;line-height:1.08;letter-spacing:-2px;margin:16px 0 12px}.intro h1 br{display:none}.intro>p{max-width:290px;font-size:11px;line-height:1.7;margin:0 auto}.signature{margin-top:17px;font-size:12px}.signature span{font-size:6px;margin-top:6px}.player-zone{width:350px}.player{width:350px;height:595px;padding:23px 20px 16px;border-radius:31px}.screen{height:294px}#screen-content{height:244px}.wheel{width:222px;height:222px;margin-top:25px}.wheel .wheel-center{width:85px;height:85px}.menu-item{font-size:11px;padding:8px}.preview{padding:18px 10px}.album{height:114px}.preview h2{font-size:12px}.preview p{font-size:9px}.wheel-caption{font-size:12px}footer{font-size:9px;flex-wrap:wrap;justify-content:center;margin:0 6%;text-align:center;padding:23px 0}.footer-right{display:none}}@media(max-width:374px){.player-zone{width:318px}.player{width:318px;padding:21px 16px;height:590px}.edition{display:none}.menu-item{font-size:10px}.album{height:103px}.preview p{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
@media(max-width:730px){html[lang="zh-CN"] .intro h1{font-size:34px;line-height:1.25;letter-spacing:-1px}html[lang="zh-CN"] .intro h1 br{display:block}}