/* 9dodofiu4uxu | v5.65 */
/* ============================================
   短剧创作网站 - 独特深紫金配色方案
   Unique Design: Deep Purple + Gold Accent
   ============================================ */

/* CSS Reset & Base */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;color:#e8e0f0;background:#0d0a1a;line-height:1.8;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:#d4a853;text-decoration:none;transition:color .3s ease}
a:hover{color:#f0c96e}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{line-height:1.4;font-weight:700}
h1{font-size:2.2rem}
h2{font-size:1.8rem}
h3{font-size:1.4rem}
/* r6ur1d8l */h4{font-size:1.2rem}
p{margin-bottom:1rem}

/* Layout Container */
.qn9m6cafcf{max-width:1280px;margin:0 auto;padding:0 1rem}

/* ============ HEADER ============ */
.bivmsgs{background:linear-gradient(135deg,#12091f 0%,#1a0e2e 100%);border-bottom:2px solid #d4a85333;padding:.8rem 0}
.ebw6lfj{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
._e34oco2v img{height:48px;width:auto}
._e34oco2v{display:flex;align-items:center;gap:.6rem}
._frb3stbh{font-size:1.3rem;font-weight:700;color:#d4a853;white-space:nowrap}

/* Navigation */
.f4apq7xk{display:flex;align-items:center}
.css-i41zcm{display:flex;gap:.2rem;flex-wrap:wrap}
.css-i41zcm li a{display:block;padding:.5rem .8rem;border-radius:6px;font-size:.9rem;color:#c8bdd8;transition:all .3s}
.css-i41zcm li a:hover,.css-i41zcm li a.active{background:#d4a85322;color:#d4a853}
/* 6wnha2qy */.tw-uzxuka{display:none;background:none;border:2px solid #d4a853;color:#d4a853;padding:.4rem .6rem;border-radius:6px;font-size:1.2rem;cursor:pointer}

/* ============ HERO ============ */
._9lgp64{position:relative;overflow:hidden;min-height:420px;display:flex;align-items:center;justify-content:center;text-align:center}
.css-5wtv49{position:absolute;inset:0;z-index:0}
.css-5wtv49 img{width:100%;height:100%;object-fit:cover;filter:brightness(.5)}
._vyt3kpsg{position:relative;z-index:2;padding:2rem 1rem}
._vyt3kpsg h1{font-size:2.4rem;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.6);margin-bottom:.8rem}
._vyt3kpsg p{font-size:1.1rem;color:#e0d8f0;max-width:700px;margin:0 auto 1.5rem}
._ctgbc8p8{display:inline-block;padding:.8rem 2rem;background:linear-gradient(135deg,#d4a853,#b8862e);color:#0d0a1a;font-weight:700;border-radius:50px;font-size:1.05rem;transition:transform .3s,box-shadow .3s}
._ctgbc8p8:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(212,168,83,.4);color:#0d0a1a}

/* ============ SECTIONS ============ */
.szo65z9x{padding:3rem 0}
.szo65z9x:nth-child(even){background:#110d20}
.css-zm22ni{text-align:center;margin-bottom:2rem;position:relative;padding-bottom:.8rem}
.css-zm22ni::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#d4a853,#b8862e);border-radius:2px}
.css-zm22ni h2{color:#f0e6d0;font-size:1.8rem}
.css-zm22ni p{color:#a89bc0;margin-top:.5rem;font-size:.95rem}

/* ============ CARDS GRID ============ */
.ieh5mtshg3{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}
.bzleq1rdcn{background:#1a1230;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s;border:1px solid #2a1f45}
.bzleq1rdcn:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(100,60,180,.2)}
.bzleq1rdcn figure{position:relative;overflow:hidden;aspect-ratio:4/3}
/* cwnbx */.bzleq1rdcn figure img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.bzleq1rdcn:hover figure img{transform:scale(1.05)}
.bzleq1rdcn ._b9zi71{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:0;transition:opacity .3s}
.bzleq1rdcn:hover ._b9zi71{opacity:1}
.kz0ncg40o9{width:50px;height:50px;background:rgba(212,168,83,.9);border-radius:50%;display:flex;align-items:center;justify-content:center}
.kz0ncg40o9::after{content:"";border-left:18px solid #0d0a1a;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}
.bzleq1rdcn ._wwxpy0{padding:1rem}
/* xkvt9 */.bzleq1rdcn ._wwxpy0 h3{font-size:1.05rem;color:#e8ddf5;margin-bottom:.4rem}
.bzleq1rdcn ._wwxpy0 p{font-size:.85rem;color:#9a8cb5;margin-bottom:.5rem}
._3lpthg{display:flex;gap:2px;color:#d4a853;font-size:.9rem}
._ydu3tld{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#7a6c95}
/* 7idvneb */
/* ============ VIDEO PLAYER ============ */
._te0xi3k{position:relative;width:100%;max-width:800px;margin:0 auto;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;border:2px solid #2a1f45}
._te0xi3k video{width:100%;height:100%;object-fit:cover}
._te0xi3k ._51p3c2bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(0,0,0,.4)}
._te0xi3k ._51p3c2bg .el-3wimqh{width:70px;height:70px;background:rgba(212,168,83,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s}
._te0xi3k ._51p3c2bg:hover .el-3wimqh{transform:scale(1.1)}
._te0xi3k ._51p3c2bg .el-3wimqh::after{content:"";border-left:24px solid #0d0a1a;border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:5px}

/* ============ STAR COLLABORATION ============ */
.d59lkls{position:relative;overflow:hidden;border-radius:16px;margin:1rem 0}
.d59lkls img{width:100%;height:auto;display:block}
/* zk1j4i */.u92ld2bse{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,10,26,.9) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem}
.u92ld2bse h3{color:#d4a853;font-size:1.6rem;margin-bottom:.5rem}
/* bmvf */.u92ld2bse p{color:#e0d8f0;font-size:.95rem;max-width:600px}

/* ============ SERVICES GRID ============ */
.st-m2w4gt{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem}
.tw-30vp50{background:linear-gradient(145deg,#1a1230,#201640);border:1px solid #2a1f45;border-radius:12px;padding:1.5rem;text-align:center;transition:border-color .3s,transform .3s}
.tw-30vp50:hover{border-color:#d4a853;transform:translateY(-3px)}
._qfuq5nb0{font-size:2.5rem;margin-bottom:.8rem;display:block}
/* xu1c7uagzu */.tw-30vp50 h3{color:#e8ddf5;font-size:1.1rem;margin-bottom:.5rem}
.tw-30vp50 p{color:#9a8cb5;font-size:.88rem}

/* ============ CONSULTATION CTA ============ */
._9488j3{background:linear-gradient(135deg,#2a1040,#3d1860);border-radius:16px;padding:2.5rem;text-align:center;margin:1rem 0;border:1px solid #5a3090}
._9488j3 h2{color:#d4a853;margin-bottom:.8rem}
._9488j3 p{color:#c8bdd8;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}
/* eyru0ix */._br4qj5n{display:inline-block;padding:.8rem 2.5rem;background:linear-gradient(135deg,#d4a853,#b8862e);color:#0d0a1a;font-weight:700;border-radius:50px;font-size:1rem;transition:all .3s;border:none;cursor:pointer}
._br4qj5n:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(212,168,83,.4);color:#0d0a1a}
/* dlzmc9up8r */._ncquto{display:inline-block;padding:.7rem 2rem;border:2px solid #d4a853;color:#d4a853;font-weight:600;border-radius:50px;font-size:.95rem;transition:all .3s;margin-left:.8rem}
._ncquto:hover{background:#d4a85322;color:#f0c96e}

/* ============ REVIEWS ============ */
.sc-yjxn8n{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}
.sc-ny7zl3{background:#1a1230;border:1px solid #2a1f45;border-radius:12px;padding:1.3rem}
.css-vbofih{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}
.ycuy0cg4c{font-weight:600;color:#e8ddf5}
.st-0a3lta{font-size:.82rem;color:#9a8cb5}
._a05mo0e{color:#d4a853;font-size:.95rem;letter-spacing:2px}
.kzw8o9g{color:#b8aad0;font-size:.9rem;line-height:1.7;margin-bottom:.5rem}
.bus6aawn{font-size:.78rem;color:#6a5c85;text-align:right}

/* ============ FAQ ============ */
.tw-04x5sn{max-width:800px;margin:0 auto}
.blwspx6y{border:1px solid #2a1f45;border-radius:10px;margin-bottom:.8rem;overflow:hidden;background:#1a1230}
.tw-i4ciaj{padding:1rem 1.2rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#e8ddf5;transition:background .3s}
/* 41hdm8nx73 */.tw-i4ciaj:hover{background:#201640}
/* 0mm9f3pxu0 */.tw-i4ciaj::after{content:"+";font-size:1.4rem;color:#d4a853;transition:transform .3s}
.blwspx6y.open .tw-i4ciaj::after{transform:rotate(45deg)}
/* m90gmzg */._65yojmxw{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;padding:0 1.2rem}
.blwspx6y.open ._65yojmxw{max-height:500px;padding:0 1.2rem 1rem}
._65yojmxw p{color:#a89bc0;font-size:.9rem;line-height:1.8}

/* ============ PAYMENT ============ */
.st-j6ohy1{text-align:center}
.tw-v5hmx3{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:1rem}
._su9g4un{background:#1a1230;border:1px solid #2a1f45;border-radius:10px;padding:.8rem 1.5rem;min-width:100px;text-align:center}
._su9g4un span{display:block;font-size:.85rem;color:#9a8cb5;margin-top:.3rem}
.sc-w3wp9d{border-color:#d4a853!important;background:#1f1535!important}
.sc-w3wp9d::before{content:"推荐";display:block;font-size:.7rem;color:#d4a853;font-weight:600;margin-bottom:.2rem}

/* ============ BREADCRUMB ============ */
.u3jjavd{padding:.8rem 0;font-size:.85rem}
.u3jjavd ol{display:flex;flex-wrap:wrap;gap:.3rem}
.u3jjavd li{color:#9a8cb5}
.u3jjavd li+li::before{content:"›";margin-right:.3rem;color:#6a5c85}
.u3jjavd li a{color:#d4a853}

/* ============ ABOUT SECTION ============ */
.sc-28p98m{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
._w49wiw{color:#b8aad0;font-size:.95rem}
._w49wiw h3{color:#d4a853;margin-bottom:.8rem;font-size:1.3rem}

/* ============ LICENSE ============ */
.css-6seef8{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;justify-content:center}
.ospegix{max-width:200px}
.nyrznp9j5f{max-width:500px}
.nyrznp9j5f h3{color:#d4a853;margin-bottom:.5rem}
.nyrznp9j5f p{color:#a89bc0;font-size:.9rem}

/* ============ SUPPORT ============ */
.tw-23azb1{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
._s21az6tc{background:#1a1230;border:1px solid #2a1f45;border-radius:10px;padding:1.2rem;text-align:center}
/* orpun */._s21az6tc .dkp589s2{font-size:2rem;margin-bottom:.5rem;display:block}
._s21az6tc h4{color:#e8ddf5;margin-bottom:.3rem}
._s21az6tc p{color:#9a8cb5;font-size:.85rem}

/* ============ FOOTER ============ */
.css-ql0a9n{background:#08051a;border-top:2px solid #1a1230;padding:2.5rem 0 1rem}
.d24cbcux7{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}
._r0iryswk h4{color:#d4a853;margin-bottom:.8rem;font-size:1rem}
._r0iryswk ul li{margin-bottom:.4rem}
._r0iryswk ul li a{color:#9a8cb5;font-size:.88rem;transition:color .3s}
._r0iryswk ul li a:hover{color:#d4a853}
._r0iryswk p{color:#9a8cb5;font-size:.85rem;line-height:1.7}
/* 9xnqt06wb */.tw-wyt0tj{display:flex;gap:.8rem;margin-top:.5rem}
.tw-wyt0tj a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#1a1230;color:#d4a853;font-size:.9rem;transition:all .3s;border:1px solid #2a1f45}
/* wiz2ugd */.tw-wyt0tj a:hover{background:#d4a853;color:#0d0a1a}
.st-d1hui2{border-top:1px solid #1a1230;padding-top:1rem;text-align:center;color:#6a5c85;font-size:.8rem}
.st-d1hui2 a{color:#9a8cb5}
._68x5q44v{display:flex;justify-content:center;gap:1rem;margin:.8rem 0;flex-wrap:wrap}
._68x5q44v span{background:#1a1230;padding:.3rem .8rem;border-radius:6px;font-size:.78rem;color:#9a8cb5}

/* ============ INNER PAGE ============ */
.jvjmruw{position:relative;min-height:280px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
/* kwlzebl */.jvjmruw img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.4)}
.sc-q5gpws{position:relative;z-index:2;padding:2rem 1rem}
.sc-q5gpws h1{color:#fff;font-size:2rem;text-shadow:0 2px 15px rgba(0,0,0,.5)}
.sc-q5gpws p{color:#d0c8e0;margin-top:.5rem}
/* 887k5ld0 */
.st-ks5raq{max-width:800px;margin:0 auto;padding:2rem 1rem}
/* k4sh08s1 */.st-ks5raq h2{color:#d4a853;margin:1.5rem 0 .8rem;font-size:1.5rem}
.st-ks5raq h3{color:#e8ddf5;margin:1.2rem 0 .6rem;font-size:1.2rem}
.st-ks5raq p{color:#b8aad0;font-size:.95rem;line-height:1.9;margin-bottom:1rem}
.st-ks5raq figure{margin:1.5rem 0;border-radius:10px;overflow:hidden}
.st-ks5raq figure img{width:100%;height:auto}
.st-ks5raq figure figcaption{background:#1a1230;padding:.5rem;text-align:center;font-size:.82rem;color:#9a8cb5}
/* 0a3m8i1 */.st-ks5raq blockquote{border-left:3px solid #d4a853;padding:.8rem 1.2rem;margin:1rem 0;background:#1a1230;border-radius:0 8px 8px 0;color:#c8bdd8;font-style:italic}

/* ============ APP DOWNLOAD ============ */
._amlp0xf4{background:linear-gradient(135deg,#1a0e2e,#2d1550);text-align:center;padding:3rem 1rem}
._amlp0xf4 h1{color:#d4a853;margin-bottom:1rem}
.wtzbtyp1gy{max-width:300px;margin:1.5rem auto;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(100,50,180,.3)}
._ta3lhy{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:2rem 0}
.css-1fdf6q{background:#1a1230;border:1px solid #2a1f45;border-radius:12px;padding:1.3rem;text-align:center}
/* l36c */.css-1fdf6q ._ooyccgw{font-size:2rem;margin-bottom:.5rem;display:block}
.css-1fdf6q h3{color:#e8ddf5;font-size:1rem;margin-bottom:.3rem}
.css-1fdf6q p{color:#9a8cb5;font-size:.85rem}
._wr5f9o{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:1.5rem 0}
._udd7ogsr{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.8rem;border-radius:50px;font-weight:600;font-size:.95rem;transition:all .3s}
/* i59mx */._csvv75i3{background:linear-gradient(135deg,#d4a853,#b8862e);color:#0d0a1a}
.hnoxxnpuo4{border:2px solid #d4a853;color:#d4a853;background:transparent}
._udd7ogsr:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,168,83,.3)}
/* cpqdklhi1 */
/* ============ RESPONSIVE ============ */
@media(max-width:768px){
    .tw-uzxuka{display:block}
    .css-i41zcm{display:none;flex-direction:column;width:100%;background:#12091f;padding:.5rem;border-radius:8px;position:absolute;top:100%;left:0;right:0;z-index:100;border:1px solid #2a1f45}
    .css-i41zcm.open{display:flex}
    .f4apq7xk{position:relative}
    .ebw6lfj{position:relative}
    ._vyt3kpsg h1{font-size:1.6rem}
    ._vyt3kpsg p{font-size:.9rem}
/* vlixjg7acs */    .sc-28p98m{grid-template-columns:1fr}
    .ieh5mtshg3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
/* dopa */    .szo65z9x{padding:2rem 0}
    h1{font-size:1.7rem}
    h2{font-size:1.4rem}
    .d24cbcux7{grid-template-columns:1fr 1fr}
    .jvjmruw{min-height:200px}
    .u92ld2bse h3{font-size:1.2rem}
}
@media(max-width:480px){
    .ieh5mtshg3{grid-template-columns:1fr}
    .d24cbcux7{grid-template-columns:1fr}
/* bl90dt49 */    .st-m2w4gt{grid-template-columns:1fr}
    .sc-yjxn8n{grid-template-columns:1fr}
    .tw-23azb1{grid-template-columns:1fr 1fr}
    ._vyt3kpsg h1{font-size:1.3rem}
    ._frb3stbh{font-size:1rem}
}

/* ============ ANIMATIONS ============ */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
._cluvwvo{animation:fadeInUp .6s ease forwards;opacity:0}
._5gme2rk{animation-delay:.1s}
.wlv4b3q{animation-delay:.2s}
.tw-15v9ay{animation-delay:.3s}

/* ============ UTILITY ============ */
._g1asvc{text-align:center}
._tuyinq{color:#d4a853}
.st-t7w9rc{margin-top:1rem}
._6sfb36{margin-top:2rem}
._vtiruo3r{margin-bottom:1rem}
._syd1o6{margin-bottom:2rem}
/* a9pz0ku8fh */._3unjoos0{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/* zibdlv */
/* zvsbbf3toyoq9s15 */
