*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#050510;--bg2:#0C0C1C;--bg3:#13132A;--pri:#A855F7;--sec:#C084FC;--acc:#22D3EE;--tx:#FAFAFA;--tx2:#A1A1AA;--bdr:#27273A;--grd:linear-gradient(135deg,#A855F7 0%,#C084FC 100%)}
body{font-family:'Noto Sans SC',-apple-system,sans-serif;background:var(--bg);color:var(--tx);line-height:1.6;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{cursor:pointer;border:none;font-family:inherit;background:none;color:inherit}
.cp-container{max-width:1200px;margin:0 auto;padding:0 24px}
.cp-header{position:sticky;top:0;z-index:100;background:rgba(10,10,15,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--bdr)}
.cp-head{display:flex;align-items:center;justify-content:space-between;height:68px}
.cp-logo{display:flex;align-items:baseline;gap:6px;font-weight:900}.cp-lt{font-size:22px;color:var(--pri)}.cp-ls{font-size:11px;letter-spacing:2px;color:var(--tx2)}
.cp-nav{display:flex;gap:28px}
.cp-nl{font-size:14px;color:var(--tx2);transition:color .2s;position:relative;padding:4px 0}
.cp-nl:hover,.cp-na{color:var(--tx)}.cp-na::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--grd);border-radius:1px}
.cp-nc{padding:6px 14px;background:var(--grd);color:#fff!important;border-radius:20px;font-weight:500}
.cp-hr{display:flex;align-items:center;gap:16px}
.cp-phone{font-size:14px;font-weight:500;color:var(--pri)}.cp-burger{display:none;flex-direction:column;gap:5px;padding:8px}.cp-burger span{width:22px;height:2px;background:var(--tx);border-radius:1px}
.cp-hero{position:relative;padding:80px 0 60px;overflow:hidden;background:var(--bg)}
.cp-bg-g{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,rgba(230,57,70,.15),transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(255,107,107,.1),transparent 50%)}
.cp-hw{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.cp-hb{display:inline-block;padding:6px 14px;background:rgba(230,57,70,.15);border:1px solid rgba(230,57,70,.3);border-radius:20px;font-size:12px;letter-spacing:2px;color:var(--sec);margin-bottom:24px}
.cp-ht{font-size:52px;font-weight:900;line-height:1.1;margin-bottom:20px}
.cp-ht em{font-style:normal;background:var(--grd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.cp-hd{font-size:17px;color:var(--tx2);line-height:1.8;margin-bottom:32px}
.cp-hbtns{display:flex;gap:14px;margin-bottom:28px}
.cp-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s;cursor:pointer}
.cp-btnp{background:var(--grd);color:#fff}.cp-btnp:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(230,57,70,.3)}
.cp-btno{background:transparent;border:1px solid var(--bdr);color:var(--tx)}.cp-btno:hover{border-color:var(--pri);color:var(--pri)}
.cp-btnd{background:rgba(255,209,102,.15);border:1px solid var(--acc);color:var(--acc)}.cp-sm{padding:8px 16px;font-size:13px}.cp-full{width:100%;justify-content:center}
.cp-hcall{display:flex;align-items:center;gap:12px}.cp-hp{font-weight:600;color:var(--pri)}.cp-hcall span{font-size:13px;color:var(--tx2)}
.cp-screen{background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.cp-sc-bar{height:36px;background:var(--bg3);display:flex;align-items:center;padding:0 14px;gap:8px}
.cp-sc-bar span{width:12px;height:12px;border-radius:50%}
.cp-sc-bar span:nth-child(1){background:#ff5f57}.cp-sc-bar span:nth-child(2){background:#febc2e}.cp-sc-bar span:nth-child(3){background:#28c840}
.cp-sc-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#000}
.cp-sc-img img{width:100%;height:100%;object-fit:cover}
.cp-sc-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:var(--grd);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 24px rgba(230,57,70,.4);cursor:pointer}
.cp-sc-play:hover{transform:translate(-50%,-50%) scale(1.1)}
.cp-sc-info{height:40px;display:flex;align-items:center;gap:12px;padding:0 16px;font-size:12px;color:var(--tx2)}
.cp-sc-info span:first-child{color:var(--pri);font-weight:600}
.cp-warn{background:rgba(230,57,70,.08);border-top:1px solid rgba(230,57,70,.2);border-bottom:1px solid rgba(230,57,70,.2);padding:16px 0}
.cp-wb{display:flex;gap:16px;align-items:flex-start}.cp-wm{width:32px;height:32px;background:var(--pri);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0;color:#fff}.cp-wb strong{color:var(--sec);display:block;margin-bottom:4px}.cp-wb p{font-size:13px;color:var(--tx2)}
.cp-sec{padding:80px 0}.cp-sd{background:var(--bg2)}
.cp-sh{margin-bottom:48px;position:relative}
.cp-sn{display:inline-block;font-size:14px;font-weight:700;color:var(--pri);letter-spacing:3px;margin-bottom:8px}
.cp-st{font-size:36px;font-weight:900;margin-bottom:8px}.cp-ss{font-size:15px;color:var(--tx2)}
.cp-shc{text-align:center}
.cp-pg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cp-pc{background:var(--bg3);border:1px solid var(--bdr);border-radius:12px;padding:28px;position:relative;transition:all .2s}
.cp-pc:hover{border-color:var(--pri);transform:translateY(-4px)}
.cp-pr{position:absolute;top:20px;right:20px;font-size:11px;font-weight:900;color:var(--bdr)}
.cp-pc h3{font-size:20px;font-weight:700;margin-bottom:10px}.cp-pdv{font-size:18px;margin-bottom:12px}
.cp-pc p{font-size:13px;color:var(--tx2);line-height:1.7;margin-bottom:14px}
.cp-pt{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}
.cp-pt span{padding:3px 10px;background:rgba(230,57,70,.12);border-radius:4px;font-size:11px;color:var(--sec)}
.cp-pl{font-size:13px;font-weight:500;color:var(--pri);transition:gap .2s}.cp-pl:hover{gap:4px}
.cp-pi{border-color:rgba(255,209,102,.3);background:linear-gradient(180deg,rgba(255,209,102,.05),var(--bg3))}
.cp-pri{color:rgba(255,209,102,.2)!important}.cp-pit{background:rgba(255,209,102,.12)!important;color:var(--acc)!important}.cp-pli{color:var(--acc)!important}.cp-pn{font-size:11px;color:var(--tx2);margin-top:8px}
.cp-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}
.cp-tb{padding:8px 18px;border-radius:20px;font-size:13px;border:1px solid var(--bdr);color:var(--tx2);transition:all .2s}
.cp-tb:hover,.cp-tba{background:var(--grd);border-color:transparent;color:#fff}
.cp-dg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cp-dc{background:var(--bg);border:1px solid var(--bdr);border-radius:12px;padding:24px;position:relative;transition:all .2s}
.cp-dc:hover{border-color:var(--pri);transform:translateY(-4px)}
.cp-db{position:absolute;top:16px;right:16px;padding:3px 10px;background:var(--grd);border-radius:4px;font-size:10px;font-weight:700;color:#fff}
.krdbi{background:var(--acc)!important;color:#000!important}
.cp-dc h3{font-size:18px;font-weight:700;margin-bottom:12px}
.cp-dsys{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.cp-dsys span{padding:3px 8px;background:var(--bg3);border-radius:4px;font-size:11px;color:var(--tx2)}
.cp-dc>p{font-size:13px;color:var(--tx2);margin-bottom:12px;line-height:1.6}
.cp-dsrc{font-size:11px;color:var(--tx2);line-height:1.6;margin-bottom:16px;padding:10px;background:rgba(255,255,255,.03);border-radius:6px;border-left:2px solid var(--pri)}
.cp-dsrc b{color:var(--tx)}
.cp-dbtns{display:flex;gap:8px}
.cp-di{border-color:rgba(255,209,102,.2)}.cp-di .cp-dsrc{border-left-color:var(--acc)}
.cp-fg{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cp-fc{background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;padding:28px;text-align:center;transition:all .2s}
.cp-fc:hover{border-color:var(--pri);transform:translateY(-3px)}
.cp-fi{width:56px;height:56px;background:var(--grd);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px}
.cp-fc h3{font-size:16px;font-weight:700;margin-bottom:6px}.cp-fc p{font-size:13px;color:var(--tx2)}
.cp-steps{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}
.cp-sp{display:flex;align-items:center;gap:16px;background:var(--bg);border:1px solid var(--bdr);border-radius:12px;padding:20px 24px;min-width:200px}
.cp-spn{width:48px;height:48px;background:var(--grd);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;color:#fff;flex-shrink:0}
.cp-sp h3{font-size:16px;font-weight:700;margin-bottom:4px}.cp-sp p{font-size:13px;color:var(--tx2)}
.cp-sa{width:40px;height:2px;background:linear-gradient(90deg,var(--pri),transparent);flex-shrink:0}
.cp-sb{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;align-items:center;background:var(--bg2);border:1px solid var(--bdr);border-radius:16px;padding:48px}
.cp-stag{display:inline-block;padding:4px 12px;background:rgba(230,57,70,.12);border-radius:4px;font-size:11px;letter-spacing:2px;color:var(--sec);margin-bottom:12px}
.cp-sl h2{font-size:32px;font-weight:900;margin-bottom:10px}.cp-sl p{color:var(--tx2)}
.cp-slist{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cp-si{display:flex;gap:14px;align-items:flex-start;padding:16px;background:var(--bg);border-radius:10px;border:1px solid var(--bdr)}
.cp-si span{width:28px;height:28px;background:rgba(230,57,70,.15);color:var(--sec);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}
.cp-si h4{font-size:14px;font-weight:600;margin-bottom:2px}.cp-si p{font-size:12px;color:var(--tx2)}
ul.article-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;list-style:none;margin:0;padding:0;width:100%;box-sizing:border-box}
ul.article-cards>li.article-card{min-width:0;width:auto;max-width:none;margin:0;float:none;box-sizing:border-box;background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;overflow:hidden;transition:all .2s}
ul.article-cards>li.article-card:hover{border-color:var(--pri);transform:translateY(-4px)}
.article-card .card-thumb{width:100%;overflow:hidden}
.article-card .card-thumb img{display:block;width:100%;max-width:100%;height:auto;object-fit:cover;aspect-ratio:16/10}
.article-card .card-title{overflow-wrap:anywhere;font-size:16px;font-weight:600;padding:16px 16px 8px;line-height:1.5}
.article-card .card-date{display:block;font-size:12px;color:var(--tx2);padding:0 16px}
.article-card .card-summary{overflow-wrap:anywhere;font-size:13px;color:var(--tx2);padding:8px 16px 16px;line-height:1.6}
.article-card a{color:var(--tx);transition:color .2s}.article-card a:hover{color:var(--pri)}
.cp-fqg{max-width:800px;margin:0 auto}
.cp-fq{background:var(--bg);border:1px solid var(--bdr);border-radius:10px;margin-bottom:12px;overflow:hidden;transition:border .2s}
.cp-fq.open{border-color:var(--pri)}
.cp-fqq{width:100%;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:500;text-align:left;gap:16px}
.cp-fp{width:28px;height:28px;border:1px solid var(--bdr);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--tx2);flex-shrink:0;transition:all .2s}
.cp-fq.open .cp-fp{background:var(--pri);border-color:var(--pri);color:#fff;transform:rotate(45deg)}
.cp-fqa{max-height:0;overflow:hidden;transition:max-height .3s;padding:0 24px}.cp-fq.open .cp-fqa{max-height:200px;padding:0 24px 20px}
.cp-fqa p{font-size:14px;color:var(--tx2);line-height:1.8}
.cp-ag{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.cp-al h2{margin-bottom:16px}.cp-al>p{font-size:15px;color:var(--tx2);line-height:1.8;margin-bottom:12px}
.cp-atgs{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.cp-atgs span{padding:6px 14px;background:var(--bg2);border:1px solid var(--bdr);border-radius:20px;font-size:12px;color:var(--tx2)}
.cp-remote{aspect-ratio:1;border-radius:12px;background:var(--grd);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 20px 60px rgba(230,57,70,.3)}
.cp-rp{width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:16px}
.cp-remote p{font-size:24px;font-weight:900}.cp-remote small{opacity:.8;letter-spacing:2px}
.cp-cg{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}
.cp-ci{display:flex;gap:16px;align-items:flex-start;padding:20px;background:var(--bg);border:1px solid var(--bdr);border-radius:10px;margin-bottom:12px}
.cp-ciic{width:48px;height:48px;background:var(--grd);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.cp-ci strong{display:block;font-size:15px;margin-bottom:4px}.cp-ci p{font-size:13px;color:var(--tx2)}
.cp-cp{font-size:20px;font-weight:700;color:var(--pri);display:block}.cp-ci small{font-size:12px;color:var(--tx2)}
.cp-form{background:var(--bg);border:1px solid var(--bdr);border-radius:12px;padding:32px}
.cp-form h3{font-size:20px;margin-bottom:8px}.cp-fnote{font-size:12px;color:var(--pri);margin-bottom:20px}
.cp-fr{margin-bottom:16px}.cp-fr label{display:block;font-size:13px;color:var(--tx2);margin-bottom:6px}
.cp-fr input,.cp-fr select,.cp-fr textarea{width:100%;padding:10px 14px;background:var(--bg2);border:1px solid var(--bdr);border-radius:6px;color:var(--tx);font-family:inherit;font-size:14px;transition:border .2s}
.cp-fr input:focus,.cp-fr select:focus,.cp-fr textarea:focus{outline:none;border-color:var(--pri)}
.cp-fw{font-size:12px;color:var(--pri);text-align:center;margin-top:12px}
.cp-footer{background:var(--bg2);border-top:1px solid var(--bdr);padding:56px 0 24px}
.cp-fg{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px}
.cp-fl{font-size:20px;font-weight:900;color:var(--pri);display:block;margin-bottom:12px}
.cp-fb p{font-size:13px;color:var(--tx2);line-height:1.7;margin-bottom:16px}
.cp-fc{display:flex;gap:12px;flex-wrap:wrap}.cp-fc a{font-size:13px;color:var(--tx2);padding:6px 12px;border:1px solid var(--bdr);border-radius:6px;transition:all .2s}.cp-fc a:hover{border-color:var(--pri);color:var(--pri)}
.cp-fcol h4{font-size:14px;font-weight:600;margin-bottom:16px}.cp-fcol a{display:block;font-size:13px;color:var(--tx2);margin-bottom:10px;transition:color .2s}.cp-fcol a:hover{color:var(--pri)}
.cp-fbot{border-top:1px solid var(--bdr);padding-top:20px;display:flex;justify-content:space-between;font-size:12px;color:var(--tx2);flex-wrap:wrap;gap:12px}
.cp-fbot a{color:var(--tx2);margin:0 6px}.cp-fbot a:hover{color:var(--pri)}
.cp-art{padding:40px 0}.cp-bc{margin-bottom:20px;font-size:13px;color:var(--tx2)}
.cp-bc a{color:var(--tx2);transition:color .2s}.cp-bc a:hover{color:var(--pri)}
.cp-abox{background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;padding:40px;margin-bottom:24px}
.cp-at{font-size:32px;font-weight:900;margin-bottom:12px;line-height:1.3}
.cp-asu{font-size:15px;color:var(--tx2);margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--bdr)}
.cp-ameta{display:flex;gap:8px;font-size:13px;color:var(--tx2);margin-bottom:24px}
.cp-acov{border-radius:8px;overflow:hidden;margin-bottom:24px}
.cp-acov img{width:100%;aspect-ratio:16/9;object-fit:cover}
.cp-acon{font-size:15px;line-height:1.9;color:var(--tx);max-width:760px}
.cp-acon p{margin-bottom:16px}.cp-acon h2,.cp-acon h3{margin:24px 0 12px;font-weight:700}.cp-acon img{border-radius:8px;margin:16px 0}.cp-acon a{color:var(--pri)}
.cp-aside{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cp-aw{background:var(--bg2);border:1px solid var(--bdr);border-radius:10px;padding:20px}.cp-aw h3{font-size:15px;font-weight:600;margin-bottom:12px}
.cp-aw p{font-size:13px;color:var(--tx2);margin-bottom:12px}
.cp-aw a{display:block;font-size:13px;color:var(--tx2);padding:8px 0;border-bottom:1px solid var(--bdr);transition:color .2s}.cp-aw a:hover{color:var(--pri)}
.cp-back{border-bottom:none!important;color:var(--pri)!.important;border:none!important;font-weight:500}
.cp-artc{background:var(--bg2);border-top:1px solid var(--bdr);padding:48px 0}
.cp-cta{text-align:center}.cp-cta h2{font-size:24px;font-weight:700;margin-bottom:20px}.cp-cta .cp-btn{margin:0 8px}
.cp-hidden{display:none}
@keyframes cpIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.cp-hl>*,.cp-pc,.cp-dc,.cp-fc,.cp-si,.cp-fq,.cp-ci,.cp-aw{animation:cpIn .6s ease both}
@media(max-width:1024px){.cp-hw,.cp-sb,.cp-ag,.cp-cg{grid-template-columns:1fr;gap:30px}.cp-pg,.cp-dg,.cp-fg{grid-template-columns:repeat(2,1fr)}.cp-sa{display:none}.cp-steps{flex-direction:column}.cp-fg{grid-template-columns:1fr 1fr 1fr 1fr}.cp-fg .cp-fc:nth-child(n+5){grid-column:span 2}}
@media(max-width:768px){.cp-container{padding:0 16px}.cp-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg2);flex-direction:column;padding:16px;gap:4px;border-bottom:1px solid var(--bdr)}.cp-nav.open{display:flex}.cp-nl{padding:12px 16px;border-radius:8px}.cp-nc{margin-top:8px;text-align:center}.cp-burger{display:flex}.cp-phone{display:none}.cp-hero{padding:40px 0}.cp-ht{font-size:36px}.cp-hbtns{flex-direction:column}.cp-hbtns .cp-btn{justify-content:center}.cp-sec{padding:48px 0}.cp-st{font-size:28px}.cp-pg,.cp-dg,.cp-fg,.cp-slist,.cp-fg{grid-template-columns:1fr}.cp-fg .cp-fc:nth-child(n){grid-column:span 1}.cp-fbot{flex-direction:column;text-align:center}.cp-aside{grid-template-columns:1fr}.cp-sb{padding:28px}.cp-abox{padding:24px}.cp-at{font-size:24px}.cp-form{padding:20px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}