:root{--p59:#8b5cf6;--h6:#1e293b;--w88:#2d3a4f;--y96:#f1f5f9;--v61:#94a3b8;--m37:#374151;--d24:#a78bfa;--x26:12px;--e50:16px}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--h6);color:var(--y96);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;min-height:100vh}
a{color:var(--d24);text-decoration:none;transition:color .2s}
a:hover{color:#c4b5fd}
img{max-width:100%;height:auto}

.z7r8r6{max-width:1200px;margin:0 auto;padding:0 var(--e50)}
.b4w5d6{display:flex;gap:var(--e50);flex-wrap:wrap}
._nxx53{background:var(--w88);border:1px solid var(--m37);border-radius:var(--x26);padding:var(--e50);transition:transform .2s,box-shadow .2s}
._nxx53:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,92,246,.15)}

header{background:linear-gradient(135deg,#1e293b 0%,#312e81 100%);border-bottom:1px solid var(--m37);padding:12px 0;position:sticky;top:0;z-index:100}
._x5552{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.mv-area{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#8b5cf6,#ec4899,#f59e0b,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
nav a{margin:0 12px;font-size:.9rem;color:var(--v61);transition:color .2s}
nav a:hover{color:var(--y96)}

.a4d5m7{background:linear-gradient(90deg,#8b5cf6,#ec4899,#f59e0b,#10b981);padding:3px 0;overflow:hidden;position:relative;height:32px}
.a4d5m7 div{position:absolute;animation:m7scroll 30s linear infinite;white-space:nowrap;color:#fff;font-size:.8rem;line-height:32px}
@keyframes m7scroll{0%{transform:translateY(0)}100%{transform:translateY(-320px)}}
.a4d5m7 span{display:block;height:32px;line-height:32px;padding:0 20px}

.pn-box{display:grid;grid-template-columns:1fr 320px;gap:var(--e50);margin-top:var(--e50)}
@media(max-width:1024px){.pn-box{grid-template-columns:1fr}}
@media(max-width:768px){._x5552{flex-direction:column;text-align:center}nav a{margin:0 8px}}
@media(max-width:480px){.pn-box{gap:12px}._nxx53{padding:12px}}

.p3y7n9{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--e50)}
.p3y7n9 a{padding:8px 16px;background:var(--w88);border:1px solid var(--m37);border-radius:20px;font-size:.85rem;position:relative;overflow:hidden}
.p3y7n9 a::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#ec4899,#f59e0b,#10b981,#3b82f6);opacity:.7}
.p3y7n9 a small{display:block;font-size:.7rem;color:var(--v61)}

.g9n5m6{list-style:none}
.g9n5m6 li{display:flex;gap:12px;padding:14px;border-bottom:1px solid var(--m37);transition:background .2s}
.g9n5m6 li:hover{background:rgba(139,92,246,.05)}
.g9n5m6 li:last-child{border-bottom:none}

._3kow4{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;flex-shrink:0}
.m8t4g5{flex:1;min-width:0}
.m8t4g5 h3{font-size:.95rem;margin-bottom:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.m8t4g5 h3 a{color:var(--y96)}
.m8t4g5 h3 a:hover{color:var(--d24)}
.m4n2j1{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600}
.t6y8u1._zc8gm{background:rgba(236,72,153,.2);color:#f472b6}
.t6y8u1._nng7x{background:rgba(59,130,246,.2);color:#60a5fa}
.t6y8u1.u2h3w2{background:rgba(16,185,129,.2);color:#34d399}
.t6y8u1.bx-foot{background:rgba(245,158,11,.2);color:#fbbf24}
.r6v7b5{font-size:.8rem;color:var(--v61);margin-top:6px;display:flex;gap:12px;flex-wrap:wrap}

._g94x6{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(max-width:768px){._g94x6{grid-template-columns:1fr}}
._g94x6 ._b9ujp{text-align:center;padding:16px}
._g94x6 ._b9ujp ._3kow4{width:64px;height:64px;margin:0 auto 8px;font-size:1.3rem}
._g94x6 ._b9ujp h4{font-size:.9rem;margin-bottom:4px}
._g94x6 ._b9ujp ._voysy{font-size:.75rem;color:var(--v61);margin-bottom:8px}
._g94x6 ._b9ujp .jm-head{font-size:.75rem;color:var(--v61)}
.cy-zone{display:inline-block;margin-top:8px;padding:4px 14px;border-radius:16px;font-size:.75rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;cursor:pointer;border:none}

.sl-card{margin-top:var(--e50)}
.sl-card h2{font-size:1.1rem;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.sl-card h2::before{content:'';width:4px;height:20px;background:var(--p59);border-radius:2px}
.mv-mark{list-style:none}
.mv-mark li{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--m37)}
.mv-mark li:last-child{border-bottom:none}
.mv-mark .lq-flow{color:var(--d24);font-size:.9rem}
.mv-mark .z9r7r5{width:80px;height:6px;background:var(--m37);border-radius:3px;overflow:hidden}
.mv-mark .z9r7r5 span{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:3px}

._xvsbe{display:flex;align-items:center;gap:8px;padding:12px;background:var(--w88);border-radius:var(--x26);margin-bottom:var(--e50);font-size:.85rem}
._o66dr{width:10px;height:10px;background:#10b981;border-radius:50%;animation:pulse-anim 1.5s infinite}
@keyframes pulse-anim{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}

.hp-box{display:flex;gap:20px;flex-wrap:wrap;padding:16px;background:var(--w88);border-radius:var(--x26);margin:var(--e50) 0}
.hp-box .wd-foot{text-align:center}
.hp-box .wd-foot ._cj4km{font-size:1.3rem;font-weight:700;background:linear-gradient(90deg,#8b5cf6,#ec4899,#f59e0b,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hp-box .wd-foot .e9r5l4{font-size:.75rem;color:var(--v61)}

.j1n4v4{display:flex;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:thin}
.j1n4v4 .rp-unit{width:140px;height:180px;flex-shrink:0;border-radius:var(--x26);background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 50%,#f59e0b 100%);position:relative}
.j1n4v4 .rp-unit::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(transparent,rgba(0,0,0,.6));border-radius:0 0 var(--x26) var(--x26)}

._16imh{margin-top:var(--e50)}
._16imh h2{font-size:1rem;margin-bottom:12px}
.tx-card{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--m37)}
.tx-card:last-child{border-bottom:none}
.tx-card ._3kow4{width:36px;height:36px;font-size:.8rem}
.tx-card .jm-col{flex:1}
.tx-card .jm-col ._l2h02{font-size:.8rem;color:var(--v61);margin-bottom:4px;display:flex;gap:8px;align-items:center}
.tx-card .jm-col ._l2h02 .cy-tag{color:var(--y96);font-weight:500}
.tx-card .jm-col .hp-wrap{font-size:.88rem;line-height:1.5}
.tx-card .jm-col .dk-note{margin-top:6px;font-size:.75rem;color:var(--v61);display:flex;gap:12px}

.c4z4l5{background:var(--w88);border:1px solid var(--m37);border-radius:var(--x26);padding:16px;margin-bottom:var(--e50)}
.c4z4l5 textarea{width:100%;background:var(--h6);border:1px solid var(--m37);border-radius:8px;padding:12px;color:var(--y96);resize:none;height:60px;font-size:.9rem}
.c4z4l5 .nf-pill{margin-top:8px;padding:8px 20px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:.85rem}

footer{background:var(--w88);border-top:1px solid var(--m37);padding:24px 0;margin-top:40px;text-align:center;font-size:.8rem;color:var(--v61)}
footer a{color:var(--v61);margin:0 8px}
footer a:hover{color:var(--y96)}

.rp-wrap{font-size:.8rem;color:var(--v61);padding:12px 0}
.rp-wrap a{color:var(--v61)}
.rp-wrap a:hover{color:var(--d24)}

._9f7sb{padding:20px 0}
._9f7sb ._5rue1{font-size:1.4rem;margin-bottom:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
._am62w{background:var(--w88);border:1px solid var(--m37);border-radius:var(--x26);padding:16px;margin-bottom:12px}
.floor.e1o9s4{border-left:3px solid var(--p59)}
._am62w .d5w6o5{display:flex;align-items:center;gap:10px;margin-bottom:12px}
._am62w .d5w6o5 .w6e6l2{background:var(--p59);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:4px}
._am62w .c3q9n5{font-size:.9rem;line-height:1.7}
._am62w ._9wpim{margin-top:12px;font-size:.8rem;color:var(--v61);display:flex;gap:16px;align-items:center}
.wd-pan{padding:6px 16px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:16px;font-size:.8rem;cursor:pointer}

.placeholder-img{width:100%;height:200px;border-radius:var(--x26);margin:12px 0}

.p4k4b1{display:flex;gap:6px;justify-content:center;margin:20px 0}
.p4k4b1 a,.p4k4b1 span{padding:6px 12px;border-radius:6px;font-size:.85rem;background:var(--w88);border:1px solid var(--m37);color:var(--v61)}
.p4k4b1 .active{background:var(--p59);color:#fff;border-color:var(--p59)}

._1gjii{padding:20px;background:var(--w88);border-radius:var(--x26);margin-bottom:var(--e50)}
._1gjii h1{font-size:1.3rem;margin-bottom:8px}
._1gjii p{font-size:.9rem;color:var(--v61)}
.x2d9a4{display:inline-block;margin-top:12px;padding:10px 24px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:24px;font-size:.9rem;cursor:pointer;position:relative}
.x2d9a4::before{content:'';position:absolute;inset:-2px;border-radius:26px;background:linear-gradient(90deg,#8b5cf6,#ec4899,#f59e0b,#10b981,#3b82f6);z-index:-1;opacity:.6}

.h9u7j9{text-align:center;padding:30px 20px}
.h9u7j9 .bw-mark{width:100%;height:160px;border-radius:var(--x26);margin-bottom:-40px}
.h9u7j9 ._3kow4{width:80px;height:80px;margin:0 auto 12px;font-size:1.8rem;position:relative;z-index:1;border:3px solid var(--h6)}
.h9u7j9 h1{font-size:1.2rem;margin-bottom:4px}
.h9u7j9 .p3b4y4{font-size:.85rem;color:var(--v61);margin-bottom:12px}
.h9u7j9 .wd-flow{display:flex;justify-content:center;gap:24px;margin-bottom:16px}
.h9u7j9 .wd-flow .wd-foot ._cj4km{font-size:1.1rem;font-weight:700;color:var(--d24)}

.mv-card{margin-top:var(--e50)}
.mv-card h3{font-size:1rem;margin-bottom:12px}
.mv-card ul{list-style:none}
.mv-card ul li{padding:8px 0;border-bottom:1px solid var(--m37)}
.mv-card ul li:last-child{border-bottom:none}
.mv-card ul li a{font-size:.88rem}

.cy-foot{margin-top:var(--e50)}
.cy-foot h3{font-size:.95rem;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.cy-foot ol{list-style:none;counter-reset:hot-counter}
.cy-foot ol li{counter-increment:hot-counter;padding:8px 0;border-bottom:1px solid var(--m37);font-size:.85rem;display:flex;align-items:center;gap:8px}
.cy-foot ol li::before{content:counter(hot-counter);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--p59);color:#fff;border-radius:4px;font-size:.7rem;flex-shrink:0}
.cy-foot ol li:nth-child(1)::before,.cy-foot ol li:nth-child(2)::before,.cy-foot ol li:nth-child(3)::before{background:linear-gradient(135deg,#ec4899,#8b5cf6)}