@layer tokens,reset,base,layout,components,responsive;@layer tokens{:root{--color-bg-page: #f4f4f4;--color-surface: #fff;--color-surface-subtle: #f9f9f9;--color-border: #eee;--color-border-soft: #ebebeb;--color-header: #2f3a59;--color-header-glow: #744567;--color-brand: #4976e8;--color-ink: #333;--color-ink-muted: #666;--color-ink-faint: #999;--color-ink-strong: #000;--color-float-btn: #2095ff;--color-btn-bg: #fafafa;--color-white: #fff;--font-sans: "Microsoft YaHei", "微软雅黑", "宋体", Helvetica, "STHeiti STXihei", "Microsoft JhengHei", Arial;--text-base: 14px;--content-width: 940px;--radius-xs: 3px;--radius-lg: 10px}}@layer reset{body,html,div,ul,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul,li{list-style:none}}@layer base{body{text-align:center;font-size:var(--text-base);font-family:var(--font-sans);background-color:var(--color-bg-page);line-break:strict}strong{color:var(--color-ink-strong)}}@layer layout{.content{display:block;max-width:var(--content-width);padding:0 10px;margin:0 auto}}@layer components{.btn{cursor:pointer;display:block;border:none;background-color:var(--color-btn-bg);font-size:var(--text-base);padding:12px 14px;line-height:1;color:var(--color-ink);border-radius:var(--radius-xs);outline:none;box-sizing:border-box;text-decoration:none;&.btn-primary{box-shadow:2px 2px 4px #0000001a;padding:12px 14px;transition:all .3s;background-color:var(--color-brand);color:var(--color-white)}&:hover{background-color:var(--color-brand);color:var(--color-white)}}.item{display:inline-block;margin-right:18px}header{background-color:var(--color-header);color:var(--color-white);.content{min-height:380px;position:relative;.light{position:absolute;width:960px;height:580px;top:-220px;left:-200px;background:radial-gradient(ellipse at center,#744567 0% 22%,#6a4166 35%,#563c5d 46%,#2f3a59 66% 100%)}}.header-details{position:relative;z-index:1;text-align:left;padding-right:380px;.btn{display:inline-block;padding:14px 42px}}& h1{font-weight:400;font-size:24px;letter-spacing:1px;padding-top:46px;padding-bottom:22px;line-height:1.5}& p{font-size:var(--text-base);margin-bottom:22px}& video{position:absolute;top:50%;right:10px;margin-top:-110px;width:345px;height:220px;border-radius:var(--radius-lg)}}#nav{height:80px;margin-bottom:-30px}.nav{text-align:left;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:15px 0;z-index:2;min-height:50px;.btn{margin-bottom:10px}}.fixed .nav{position:fixed;padding:5px 0;height:auto;width:100%;top:0;left:0}a[name]{display:block;height:55px}.page{padding:20px 28px;background-color:var(--color-surface);border:1px solid var(--color-border);text-align:left;margin-bottom:40px;& h2{margin:20px 0;color:var(--color-ink-strong);padding-left:1em;font-size:16px;position:relative;border-left:3px solid var(--color-brand)}}.part-table,.part-content{margin-bottom:20px;border-radius:var(--radius-xs);border:1px solid var(--color-border-soft)}.part-content{padding:20px;color:var(--color-ink-muted);& p{text-indent:2em}& img{width:auto;height:auto;max-height:300px;max-width:90%;margin-right:3%;border-radius:var(--radius-lg)}}.part-table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse;background-color:transparent;& caption{padding:8px 0 8px 1em;font-size:15px;color:var(--color-ink);text-align:left}>tbody>tr>td,>tbody>tr>th,>tfoot>tr>td,>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:middle}>tbody>tr>td,>tbody>tr>th,>tfoot>tr>td,>tfoot>tr>th,>thead>tr>td,>thead>tr>th{border:1px solid var(--color-border-soft)}& tr th,tr td{text-align:center;color:var(--color-ink);min-width:80px;vertical-align:middle}& tr th{background-color:var(--color-surface-subtle);color:var(--color-ink-faint);font-weight:400}& tr:hover{background-color:var(--color-surface-subtle)}}footer{padding:3em;color:var(--color-ink-faint);font-size:var(--text-base);text-align:right}.toTop{position:fixed;right:20px;bottom:60px;width:3em;height:3em;text-align:center;line-height:3;background-color:var(--color-float-btn);text-decoration:none;&:before{content:"△";color:var(--color-white)}}}@layer responsive{@media(max-width:720px){header{padding-top:120px;.header-details{padding-right:0}& video{position:relative;left:15%;width:70%;margin-top:20px;margin-bottom:20px}}#nav .nav{position:fixed;padding:5px 0;height:auto;width:100%;top:0;left:0}}}@media(prefers-reduced-motion:reduce){.btn{transition:none}}