*,*::before,*::after{box-sizing:border-box}
    :root{
      --bg:#0b0d11;--panel:#13171f;--panel-2:#181d27;--line:#26303d;
      --text:#eef3f8;--muted:#9aa7b8;--soft:#657386;
      --teal:#35d6a4;--blue:#65a8ff;--coral:#ff6b5f;--amber:#ffd166;--violet:#a78bfa;
      --ok:#49d17c;--danger:#ff5d73;--shadow:0 18px 60px rgba(0,0,0,.36);
      --r:8px;
    }
    html{scroll-behavior:smooth}
    body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:
      linear-gradient(180deg,rgba(53,214,164,.08),transparent 280px),
      radial-gradient(circle at 70% 10%,rgba(255,209,102,.08),transparent 28rem),
      var(--bg);color:var(--text);overflow-x:hidden}
    body::before{content:"";position:fixed;inset:0;z-index:-2;background-image:
      linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
    button,input,textarea,select{font:inherit}
    button{border:0;cursor:pointer}
    a{color:inherit;text-decoration:none}
    :focus-visible{outline:2px solid var(--teal);outline-offset:3px}
    .app{min-height:100vh}

    .topbar{position:sticky;top:0;z-index:80;height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(11,13,17,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
    .brand{display:flex;align-items:center;gap:10px;min-width:210px;cursor:pointer}
    .brand-mark{width:34px;height:34px;border-radius:8px;background:conic-gradient(from 140deg,var(--teal),var(--blue),var(--coral),var(--amber),var(--teal));display:grid;place-items:center;color:#07100d;font-weight:900}
    .brand-title{font-weight:800;letter-spacing:.01em}
    .brand-sub{font-size:11px;color:var(--muted);margin-top:1px}
    .nav{display:flex;align-items:center;gap:4px}
    .nav button,.mobile-nav button{height:34px;padding:0 13px;border-radius:7px;color:var(--muted);background:transparent}
    .nav button:hover,.nav button.on,.mobile-nav button:hover,.mobile-nav button.on{color:var(--text);background:rgba(255,255,255,.07)}
    .nav-actions{display:flex;align-items:center;gap:10px;min-width:210px;justify-content:flex-end}
    .icon-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted)}
    .icon-btn:hover{color:var(--text);border-color:rgba(53,214,164,.45)}
    .btn{height:38px;padding:0 16px;border-radius:8px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .15s,background .15s,border-color .15s}
    .btn:active{transform:translateY(1px)}
    .btn-primary{background:var(--teal);color:#06110e}
    .btn-primary:hover{background:#45e4b2}
    .btn-secondary{background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line)}
    .btn-danger{background:linear-gradient(135deg,#ff5d73,#ff8a5c);color:#fff;border-color:rgba(255,93,115,.45);box-shadow:0 12px 30px rgba(255,93,115,.18)}
    .btn-secondary:hover{border-color:rgba(101,168,255,.55)}
    .btn-coral{background:rgba(255,107,95,.14);color:#ffaea7;border:1px solid rgba(255,107,95,.32)}
    .menu-btn{display:none}
    .mobile-nav{display:none;position:fixed;top:64px;left:0;right:0;z-index:70;padding:10px 14px;background:rgba(11,13,17,.96);border-bottom:1px solid var(--line)}
    .mobile-nav.open{display:grid;gap:6px}

    .user-chip{display:none;align-items:center;gap:9px;height:38px;padding:0 10px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
    .avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--amber));color:#0b0d11;font-size:12px;font-weight:900}
    .user-meta{line-height:1.15}
    .user-name{font-size:13px;font-weight:800;max-width:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .user-email{font-size:10px;color:var(--muted);max-width:116px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .guest-actions,.authed-actions{display:flex;align-items:center;gap:8px}
    .authed-actions{display:none}

    .page{display:none}
    .page.active{display:block}
    .hero{padding:54px 28px 28px}
    .hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:28px;align-items:stretch}
    .hero-copy{min-height:440px;display:flex;flex-direction:column;justify-content:center}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:6px 10px;border-radius:999px;background:rgba(53,214,164,.1);border:1px solid rgba(53,214,164,.28);color:#8ef2cd;font-size:12px;font-weight:750}
    .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px var(--ok)}
    h1{margin:22px 0 18px;font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-.045em}
    .accent{color:var(--teal)}
    .hero-sub{max-width:650px;color:var(--muted);font-size:17px;line-height:1.75;margin:0 0 28px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:34px}
    .metric{padding:14px;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:8px}
    .metric strong{display:block;font-size:24px;color:var(--text)}
    .metric span{font-size:11px;color:var(--muted)}
    .showcase{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}
    .showcase-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.18)}
    .traffic{width:10px;height:10px;border-radius:50%}
    .traffic.r{background:var(--coral)}.traffic.y{background:var(--amber)}.traffic.g{background:var(--teal)}
    .showcase-body{padding:18px;display:grid;gap:14px}
    .feature-preview{min-height:220px;border-radius:8px;padding:18px;background:
      linear-gradient(135deg,rgba(101,168,255,.16),rgba(255,107,95,.1)),
      #0d1118;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
    .feature-preview::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(255,255,255,.035) 9px);opacity:.45}
    .preview-title{position:relative;z-index:1;font-size:13px;color:var(--muted);margin-bottom:36px}
    .preview-game{position:relative;z-index:1;display:grid;grid-template-columns:repeat(8,1fr);gap:5px;max-width:300px}
    .preview-game span{aspect-ratio:1;border-radius:5px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.08)}
    .preview-game span:nth-child(3n){background:rgba(53,214,164,.2)}.preview-game span:nth-child(5n){background:rgba(255,209,102,.2)}.preview-game span:nth-child(7n){background:rgba(255,107,95,.2)}
    .review-line{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:8px;background:rgba(255,255,255,.045);border:1px solid var(--line)}
    .rank{width:44px;height:44px;border-radius:8px;background:rgba(255,209,102,.16);color:var(--amber);display:grid;place-items:center;font-weight:900}
    .review-line h3{margin:0 0 3px;font-size:15px}
    .review-line p{margin:0;color:var(--muted);font-size:12px}

    .section{max-width:1180px;margin:0 auto;padding:34px 28px}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
    .section-title{margin:0;font-size:22px;letter-spacing:-.02em}
    .section-desc{margin:6px 0 0;color:var(--muted);font-size:13px}
    .toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .search{width:min(340px,100%);height:40px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--text);border-radius:8px;padding:0 13px;outline:none}
    .search:focus,.field:focus,.textarea:focus,.select:focus{border-color:rgba(53,214,164,.65)}
    .filters{display:flex;gap:7px;flex-wrap:wrap}
    .pill{height:32px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid var(--line);color:var(--muted);font-size:12px}
    .pill.on,.pill:hover{color:#06110e;background:var(--teal);border-color:var(--teal)}
    .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
    .work-card{background:rgba(19,23,31,.86);border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .16s,border-color .16s,box-shadow .16s}
    .work-card:hover{transform:translateY(-4px);border-color:rgba(53,214,164,.52);box-shadow:0 20px 48px rgba(0,0,0,.34),0 0 30px rgba(53,214,164,.08)}
    .thumb{height:154px;position:relative;padding:14px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
    .thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-120%);transition:transform .6s}
    .work-card:hover .thumb::after{transform:translateX(120%)}
    .thumb-icon{font-size:34px}
    .thumb-mini{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-width:150px}
    .thumb-mini span{height:22px;border-radius:5px;background:rgba(255,255,255,.16)}
    .badge-row{display:flex;gap:6px;flex-wrap:wrap}
    .badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid transparent}
    .b-teal{background:rgba(53,214,164,.12);color:#9cf4d4;border-color:rgba(53,214,164,.24)}
    .b-blue{background:rgba(101,168,255,.13);color:#a9ccff;border-color:rgba(101,168,255,.22)}
    .b-coral{background:rgba(255,107,95,.12);color:#ffb3ac;border-color:rgba(255,107,95,.22)}
    .b-amber{background:rgba(255,209,102,.12);color:#ffe3a3;border-color:rgba(255,209,102,.24)}
    .card-body{padding:14px}
    .card-title{margin:0 0 7px;font-size:16px}
    .card-desc{margin:0;color:var(--muted);font-size:13px;line-height:1.55;min-height:40px}
    .card-foot{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
    .maker{display:flex;align-items:center;gap:8px;min-width:0}
    .maker-name{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .like-btn{height:30px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid var(--line);color:var(--muted);font-size:12px}
    .like-btn.liked{background:rgba(255,107,95,.14);color:#ffaea7;border-color:rgba(255,107,95,.34)}
    .empty{padding:34px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);text-align:center;grid-column:1/-1}

    .challenge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
    .challenge{padding:17px;border-radius:8px;background:rgba(255,255,255,.045);border:1px solid var(--line)}
    .challenge h3{margin:10px 0 6px;font-size:16px}
    .challenge p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
    .challenge-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:var(--soft);font-size:12px}
    .about-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
    .panel{background:rgba(19,23,31,.86);border:1px solid var(--line);border-radius:8px;padding:20px}
    .panel h3{margin:0 0 10px}
    .panel p,.panel li{color:var(--muted);line-height:1.75}
    .panel ul{margin:10px 0 0;padding-left:18px}

    .modal-backdrop{display:none;position:fixed;inset:0;z-index:120;background:rgba(5,7,10,.72);backdrop-filter:blur(14px);padding:18px;overflow:auto}
    .modal-backdrop.open{display:grid;place-items:center}
    .modal{width:min(760px,100%);background:linear-gradient(180deg,#171c25,#10141b);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}
    .profile-modal{max-width:500px}
    .modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
    .modal-title{margin:0;font-size:19px}
    .close{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.05);color:var(--muted);border:1px solid var(--line)}
    .close:hover{color:var(--text)}
    .modal-body{padding:18px}
    .detail-top{display:grid;grid-template-columns:210px 1fr;gap:16px}
    .detail-visual{min-height:176px;border-radius:8px;padding:14px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between}
    .detail-visual .thumb-icon{font-size:48px}
    .detail-title{margin:0 0 8px;font-size:24px}
    .detail-desc{margin:0 0 14px;color:var(--muted);line-height:1.7}
    .detail-meta{display:flex;gap:8px;flex-wrap:wrap}
    .comments{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
    .comment-list{display:grid;gap:8px;margin:12px 0;max-height:180px;overflow:auto}
    .comment{padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.045);border:1px solid var(--line)}
    .comment strong{font-size:12px}
    .comment p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
    .inline-form{display:flex;gap:8px}
    .inline-form input{flex:1}

    .auth-modal{width:min(430px,100%)}
    .auth-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
    .auth-code-row .btn{white-space:nowrap}
    .submit-incentive{padding:10px 14px;margin-bottom:14px;border-radius:8px;background:linear-gradient(135deg,rgba(19,109,255,.08),rgba(24,215,255,.06));border:1px solid rgba(19,109,255,.18);font-size:13px;color:#31506f;line-height:1.7}
    .tabs{display:grid;grid-template-columns:1fr 1fr;padding:6px;background:rgba(255,255,255,.045);border-radius:8px;margin-bottom:16px}
    .tab{height:36px;border-radius:7px;background:transparent;color:var(--muted);font-weight:800}
    .tab.on{background:var(--panel-2);color:var(--text)}
    .form{display:grid;gap:12px}
    .form-row{display:grid;gap:6px}
    label{font-size:12px;color:var(--muted);font-weight:800}
    .label-note{color:#6f8298;font-weight:400}
    .field,.textarea,.select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--text);border-radius:8px;padding:0 12px;outline:none}
    .field,.select{height:42px}
    .textarea{min-height:104px;padding:11px 12px;resize:vertical}
    .hint{font-size:12px;color:var(--soft);line-height:1.6}
    .status{min-height:20px;color:var(--danger);font-size:12px}
    .status.ok{color:var(--ok)}
    .submit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .toast{position:fixed;left:50%;bottom:24px;z-index:200;transform:translate(-50%,80px);opacity:0;transition:.22s;background:#10141b;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;padding:10px 16px;color:var(--text);font-size:13px}
    .toast.show{transform:translate(-50%,0);opacity:1}

    @media(prefers-reduced-motion:reduce){
      *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
    }

    @media(max-width:900px){
      .nav{display:none}.menu-btn{display:inline-grid}.topbar{padding:0 16px}
      .brand{min-width:0}.nav-actions{min-width:0}
      .hero-inner,.about-layout{grid-template-columns:1fr}
      .hero-copy{min-height:auto}.hero-metrics{grid-template-columns:repeat(2,1fr)}
      .showcase{order:-1}
    }
    @media(max-width:620px){
      .guest-actions .btn-secondary,.authed-actions .btn-secondary{display:none}
      .user-email{display:none}.hero{padding:30px 16px 16px}.section{padding:26px 16px}
      .detail-top,.submit-grid,.auth-code-row{grid-template-columns:1fr}
      .inline-form{display:grid}
      h1{font-size:40px}
    }
  
    
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr}
  .hero-copy{min-height:auto}
  .showcase{order:-1;max-width:480px;margin:0 auto}
  .about-layout{grid-template-columns:1fr}
}

@media(max-width:820px){
  .topbar{padding:0 16px;height:56px}
  .brand{min-width:0;gap:8px}
  .brand-mark{width:30px;height:30px;font-size:13px}
  .brand-sub{display:none}
  .nav{display:none}
  .menu-btn{display:inline-grid}
  .nav-actions{min-width:0}
  .hero{padding:24px 16px 20px}
  .hero-metrics{grid-template-columns:repeat(2,1fr)}
  .grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
  .section{padding:24px 16px}
  .section-head{flex-direction:column;align-items:start}
  .toolbar{width:100%}
  .search{width:100%;max-width:none}
  .detail-top{grid-template-columns:1fr}
  .submit-grid{grid-template-columns:1fr}
  .modal-backdrop{padding:12px}
  .challenge-grid{grid-template-columns:1fr}
}

@media(max-width:480px){
  .topbar{padding:0 12px;height:52px}
  .brand-title{font-size:14px}
  .brand-mark{width:28px;height:28px;font-size:12px}
  .guest-actions .btn-secondary,
  .authed-actions .btn-secondary{display:none}
  .user-email{display:none}
  .hero{padding:18px 12px 16px}
  .hero-metrics{grid-template-columns:repeat(2,1fr);gap:6px}
  .metric{padding:10px}
  .metric strong{font-size:18px}
  .section{padding:20px 12px}
  .grid{grid-template-columns:1fr;gap:12px}
  .work-card{animation:none;opacity:1}
  .thumb{height:130px}
  h1{font-size:32px}
  .hero-sub{font-size:15px;line-height:1.6}
  .modal{width:100%}
  .modal-head{padding:12px 14px}
  .modal-body{padding:12px}
  .detail-title{font-size:20px}
  .inline-form{display:grid}
  .inline-form input{width:100%}
  .profile-header{flex-direction:column;text-align:center}
  .profile-stats{grid-template-columns:1fr 1fr}
  .skeleton-grid{grid-template-columns:1fr}
  .work-card:nth-child(n){animation-delay:0s}
}

@media(max-width:380px){
  .topbar{padding:0 8px}
  .hero{padding:14px 8px 12px}
  .section{padding:16px 8px}
  .filters{gap:4px}
  .pill{height:28px;padding:0 8px;font-size:11px}
}
/* Page transitions */
    .page{opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}
    .page.active{opacity:1;transform:translateY(0)}
    @keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
    .work-card{animation:fadeUp .42s ease forwards;opacity:0}
    .work-card:nth-child(1){animation-delay:0s}
    .work-card:nth-child(2){animation-delay:.06s}
    .work-card:nth-child(3){animation-delay:.12s}
    .work-card:nth-child(4){animation-delay:.18s}
    .work-card:nth-child(5){animation-delay:.24s}
    .work-card:nth-child(6){animation-delay:.30s}
    .work-card:nth-child(7){animation-delay:.36s}
    .work-card:nth-child(8){animation-delay:.42s}
    .modal-backdrop{display:none;position:fixed;inset:0;z-index:120;background:rgba(5,7,10,.72);backdrop-filter:blur(14px);padding:18px;overflow:auto}
    .modal-backdrop.open{display:grid;place-items:center}
    .modal-backdrop .modal{transform:scale(.94) translateY(14px);opacity:0;transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .22s ease}
    .modal-backdrop.open .modal{transform:scale(1) translateY(0);opacity:1}
    @keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
    .skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
    .skeleton-card{background:rgba(19,23,31,.86);border:1px solid var(--line);border-radius:8px;overflow:hidden}
    .skeleton-thumb{height:154px;background:linear-gradient(90deg,rgba(38,48,61,.4) 25%,rgba(38,48,61,.6) 50%,rgba(38,48,61,.4) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}
    .skeleton-body{padding:14px}
    .skeleton-line{height:14px;border-radius:999px;background:linear-gradient(90deg,rgba(38,48,61,.4) 25%,rgba(38,48,61,.6) 50%,rgba(38,48,61,.4) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;margin-bottom:8px}
    .skeleton-line:last-child{width:60%}
    .back-top{position:fixed;right:22px;bottom:28px;z-index:90;width:42px;height:42px;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--muted);display:grid;place-items:center;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .25s,background .2s;box-shadow:0 6px 20px rgba(0,0,0,.34)}
    .back-top.show{opacity:1;transform:translateY(0);pointer-events:auto}
    .back-top:hover{background:var(--panel-2);color:var(--text);border-color:rgba(53,214,164,.45)}
    .empty-wrap{padding:52px 20px;border:1px dashed var(--line);border-radius:8px;text-align:center;grid-column:1/-1}
    .empty-icon{font-size:44px;margin-bottom:10px;opacity:.45}
    .empty-title{font-size:16px;margin:0 0 5px;color:var(--text)}
    .empty-desc{margin:0;color:var(--soft);font-size:13px;line-height:1.6}
    .work-thumb-img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
    .thumb.has-img{padding:0;overflow:hidden}
    .detail-img-wrap{width:100%;aspect-ratio:16/10;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08);margin-bottom:14px}
    .detail-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
    .no-img-placeholder{width:100%;aspect-ratio:16/10;border-radius:8px;background:rgba(255,255,255,.045);display:grid;place-items:center;border:1px solid var(--line);margin-bottom:14px;color:var(--soft);font-size:13px}
    .profile-header{display:flex;align-items:center;gap:18px;padding:0 0 18px;border-bottom:1px solid var(--line);margin-bottom:18px}
    .profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--amber));display:grid;place-items:center;font-size:28px;font-weight:900;color:#0b0d11;flex-shrink:0}
    .profile-name{font-size:22px;margin:0 0 3px}
    .profile-email{font-size:13px;color:var(--muted);margin:0}
    .profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
    .profile-stat{padding:14px;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:8px;text-align:center}
    .profile-stat strong{display:block;font-size:22px;color:var(--text)}
    .profile-stat span{font-size:11px;color:var(--muted)}
    .profile-works-title{margin:0 0 10px;font-size:15px}
    .profile-works{display:grid;gap:8px;max-height:320px;overflow:auto}
    .profile-work-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.045);border:1px solid var(--line);cursor:pointer;transition:background .15s}
    .profile-work-item:hover{background:rgba(255,255,255,.07)}
    .profile-card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}
    .profile-work-icon{width:32px;height:32px;border-radius:6px;display:grid;place-items:center;flex-shrink:0}
    .profile-work-info{flex:1;min-width:0}
    .profile-work-info strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .profile-work-info span{font-size:11px;color:var(--muted)}
    .profile-award-download{height:28px;padding:0 9px;border:1px solid rgba(19,109,255,.16);border-radius:999px;background:#fff;color:#075de8;font-size:11px;font-weight:850;flex-shrink:0}
    .profile-award-pending{height:28px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:rgba(19,109,255,.06);color:var(--muted);font-size:11px;font-weight:800;flex-shrink:0}
    .field.error,.textarea.error{border-color:var(--danger);box-shadow:0 0 0 2px rgba(255,93,115,.18)}
    .field.valid,.textarea.valid{border-color:var(--ok);box-shadow:0 0 0 2px rgba(73,209,124,.15)}
    .comment-time{font-size:11px;color:var(--soft)}
    /* ===== Vibe Coding 科幻大赏主题 ===== */
    :root{
      --bg:#05070c;--panel:#0c111c;--panel-2:#121a29;--line:#223149;
      --text:#f4f8ff;--muted:#9cafc8;--soft:#64758f;
      --teal:#2fffd2;--blue:#58a6ff;--coral:#ff6b8a;--amber:#ffd166;--violet:#9b7cff;
      --ok:#6dff9f;--danger:#ff5d73;--shadow:0 24px 80px rgba(0,0,0,.48);
    }
    body{background:
      linear-gradient(180deg,rgba(47,255,210,.10),transparent 310px),
      radial-gradient(circle at 18% 8%,rgba(88,166,255,.18),transparent 25rem),
      radial-gradient(circle at 86% 18%,rgba(255,107,138,.12),transparent 28rem),
      radial-gradient(circle at 58% 86%,rgba(255,209,102,.08),transparent 30rem),
      var(--bg)}
    body::before{background-image:
      linear-gradient(rgba(47,255,210,.07) 1px,transparent 1px),
      linear-gradient(90deg,rgba(88,166,255,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
    body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
      linear-gradient(115deg,transparent 0 42%,rgba(47,255,210,.08) 43%,transparent 44% 100%),
      repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px);mix-blend-mode:screen;opacity:.5}
    .topbar{height:70px;background:rgba(5,7,12,.72);border-bottom:1px solid rgba(47,255,210,.18);box-shadow:0 12px 40px rgba(0,0,0,.28)}
    .brand-mark{position:relative;background:linear-gradient(135deg,var(--teal),var(--blue) 48%,var(--amber));box-shadow:0 0 24px rgba(47,255,210,.34)}
    .brand-mark::after{content:"";position:absolute;inset:4px;border:1px solid rgba(5,7,12,.45);border-radius:6px}
    .nav button,.mobile-nav button{border:1px solid transparent;text-transform:uppercase}
    .nav button:hover,.nav button.on,.mobile-nav button:hover,.mobile-nav button.on{background:rgba(47,255,210,.10);border-color:rgba(47,255,210,.24);color:var(--text)}
    .btn-primary{background:linear-gradient(135deg,var(--teal),#8affdf);box-shadow:0 0 22px rgba(47,255,210,.22)}
    .btn-secondary{background:rgba(12,17,28,.78);border-color:rgba(88,166,255,.24)}
    .icon-btn,.close{background:rgba(12,17,28,.74);border-color:rgba(88,166,255,.22)}

    .hero{position:relative;padding:72px 28px 34px;overflow:hidden}
    .hero::before{content:"";position:absolute;left:50%;top:22px;width:min(980px,92vw);height:220px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(47,255,210,.18),transparent 68%);filter:blur(18px);pointer-events:none}
    .hero-inner{position:relative;max-width:1220px;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:34px}
    .hero-copy{min-height:500px}
    .eyebrow{border-radius:8px;background:rgba(47,255,210,.08);border-color:rgba(47,255,210,.32);box-shadow:inset 0 0 18px rgba(47,255,210,.05)}
    h1{font-size:clamp(42px,6vw,82px);letter-spacing:-.04em;text-wrap:balance}
    .accent{color:var(--teal);text-shadow:0 0 24px rgba(47,255,210,.28)}
    .hero-sub{font-size:18px;color:#b4c3d8;max-width:720px}
    .hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
    .hero-tag{height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:rgba(88,166,255,.10);border:1px solid rgba(88,166,255,.22);color:#b9d6ff;font-size:12px;font-weight:800}
    .signal-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px;max-width:720px}
    .signal{padding:12px 13px;border-radius:8px;background:rgba(255,255,255,.045);border:1px solid rgba(88,166,255,.18)}
    .signal b{display:block;color:var(--text);font-size:13px;margin-bottom:4px}.signal span{color:var(--soft);font-size:11px}
    .metric{background:linear-gradient(180deg,rgba(47,255,210,.07),rgba(255,255,255,.035));border-color:rgba(47,255,210,.18)}

    .showcase{position:relative;background:linear-gradient(180deg,rgba(14,22,36,.96),rgba(7,10,18,.94));border-color:rgba(47,255,210,.24);box-shadow:0 28px 90px rgba(0,0,0,.48),0 0 46px rgba(47,255,210,.12)}
    .showcase::before{content:"AWARDS / LIVE";position:absolute;right:14px;top:13px;color:rgba(47,255,210,.7);font-size:10px;font-weight:900;letter-spacing:.16em;z-index:2}
    .showcase-top{background:rgba(5,7,12,.62);border-bottom-color:rgba(47,255,210,.15)}
    .feature-preview{min-height:260px;background:
      linear-gradient(135deg,rgba(47,255,210,.13),rgba(88,166,255,.11) 48%,rgba(255,107,138,.10)),#080d16;border-color:rgba(47,255,210,.18)}
    .feature-preview::before{content:"";position:absolute;inset:18px;border:1px solid rgba(47,255,210,.15);border-radius:8px;clip-path:polygon(0 0,38% 0,38% 12px,62% 12px,62% 0,100% 0,100% 100%,0 100%)}
    .preview-title{color:#b9d6ff;text-transform:uppercase;letter-spacing:.08em}
    .preview-game{max-width:330px}.preview-game span{border-color:rgba(47,255,210,.16);box-shadow:inset 0 0 12px rgba(47,255,210,.05)}
    .award-console{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .award-console div{padding:12px;border-radius:8px;background:rgba(255,255,255,.045);border:1px solid rgba(88,166,255,.18)}
    .award-console strong{display:block;color:var(--amber);font-size:12px;margin-bottom:5px}.award-console span{color:var(--muted);font-size:12px}
    .review-line{background:rgba(47,255,210,.055);border-color:rgba(47,255,210,.18)}
    .rank{background:rgba(47,255,210,.12);color:var(--teal);box-shadow:inset 0 0 18px rgba(47,255,210,.06)}

    .section{max-width:1220px}.section-head{align-items:center}.section-title{font-size:25px}.section-desc{font-size:14px;color:#a8b8cf}
    .section-kicker{display:inline-flex;margin-bottom:8px;color:var(--teal);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
    .work-card{background:linear-gradient(180deg,rgba(14,22,36,.95),rgba(9,13,22,.94));border-color:rgba(88,166,255,.16);box-shadow:0 12px 42px rgba(0,0,0,.24)}
    .work-card:hover{border-color:rgba(47,255,210,.5);box-shadow:0 24px 62px rgba(0,0,0,.38),0 0 36px rgba(47,255,210,.14)}
    .thumb{height:170px}.thumb::after{background:linear-gradient(120deg,transparent,rgba(47,255,210,.14),transparent)}
    .vibe-score{--score-deg:331deg;display:inline-flex;align-items:center;gap:8px;min-width:max-content;color:#b8fff0}
    .vibe-ring{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) 0 var(--score-deg),rgba(255,255,255,.09) var(--score-deg) 360deg);box-shadow:0 0 18px rgba(47,255,210,.2);position:relative;flex:0 0 auto}
    .vibe-ring::before{content:"";width:20px;height:20px;border-radius:50%;background:#0a101a;border:1px solid rgba(255,255,255,.08)}
    .vibe-number{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:15px;font-weight:900;letter-spacing:0;color:#f4fff9;text-shadow:2px 0 rgba(255,107,138,.58),-2px 0 rgba(47,255,210,.5);animation:vibeJitter 2.4s steps(2,end) infinite}
    .vibe-label{font-size:10px;color:var(--soft);font-weight:900;letter-spacing:.12em;text-transform:uppercase}
    .card-title-row{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:7px}
    .card-title-row .card-title{margin:0;min-width:0}
    .detail-score-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
    @keyframes vibeJitter{0%,88%,100%{transform:translate(0)}90%{transform:translate(1px,-1px) skewX(-4deg)}92%{transform:translate(-1px,1px) skewX(5deg)}94%{transform:translate(2px,0)}}
    .like-btn{height:34px;padding:0 12px;border-radius:8px;background:rgba(255,255,255,.045);border:1px solid rgba(88,166,255,.22);color:#c6d7ee;font-weight:850}
    .like-btn:hover{border-color:rgba(47,255,210,.45);color:#f4fff9;box-shadow:0 0 18px rgba(47,255,210,.1)}
    .like-btn.liked{background:rgba(47,255,210,.13);color:#a6ffec;border-color:rgba(47,255,210,.34)}
    .badge{letter-spacing:.01em}.b-teal{background:rgba(47,255,210,.12);color:#a6ffec}.b-blue{background:rgba(88,166,255,.14);color:#bddcff}
    .skeleton-card{position:relative;min-height:268px;background:#080d16;border-color:rgba(47,255,210,.22)}
    .skeleton-card::before{content:"";position:absolute;inset:14px;background:
      linear-gradient(90deg,transparent 0 44%,rgba(255,107,138,.35) 45% 48%,transparent 49%),
      repeating-linear-gradient(90deg,rgba(47,255,210,.16) 0 8px,transparent 8px 16px),
      repeating-linear-gradient(0deg,rgba(88,166,255,.12) 0 8px,transparent 8px 16px);opacity:.75;animation:pixelGlitch .7s steps(2,end) infinite}
    .skeleton-card::after{content:"VIBE 校准中...";position:absolute;left:18px;bottom:18px;font-family:"SFMono-Regular",Consolas,monospace;font-size:12px;color:#a6ffec;text-shadow:2px 0 rgba(255,107,138,.65)}
    @keyframes pixelGlitch{0%,100%{clip-path:inset(0);transform:translate(0)}25%{clip-path:inset(14% 0 58% 0);transform:translate(5px,-2px)}50%{clip-path:inset(54% 0 18% 0);transform:translate(-4px,2px)}75%{clip-path:inset(28% 0 36% 0);transform:translate(2px,1px)}}
    .not-found{min-height:calc(100vh - 70px);display:grid;align-items:center}
    .not-found-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:24px;align-items:center}
    .not-found h2{font-size:clamp(44px,9vw,112px);line-height:.9;margin:0 0 16px;text-shadow:3px 0 rgba(255,107,138,.55),-3px 0 rgba(47,255,210,.48);animation:vibeJitter 2s steps(2,end) infinite}
    .lost-shot{border:1px solid rgba(47,255,210,.28);border-radius:8px;background:#070b13;box-shadow:0 26px 70px rgba(0,0,0,.42),0 0 38px rgba(47,255,210,.12);overflow:hidden}
    .lost-shot-top{height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;background:rgba(255,255,255,.045);border-bottom:1px solid rgba(47,255,210,.18)}
    .lost-shot-body{position:relative;aspect-ratio:16/10;padding:18px;background:
      radial-gradient(circle at 74% 28%,rgba(255,209,102,.22),transparent 24%),
      linear-gradient(135deg,rgba(47,255,210,.13),rgba(255,107,138,.1)),#090f19}
    .lost-window{position:absolute;border:1px solid rgba(255,255,255,.18);background:rgba(8,13,22,.82);box-shadow:8px 8px 0 rgba(255,107,138,.22)}
    .lost-window.one{left:8%;top:14%;width:48%;height:34%;transform:rotate(-4deg)}
    .lost-window.two{right:8%;top:26%;width:38%;height:46%;transform:rotate(5deg)}
    .lost-window.three{left:24%;bottom:10%;width:46%;height:24%;transform:rotate(1deg)}
    .lost-window::before{content:"作品截图加载成功，但审美已偏航";display:block;padding:8px;color:#ffd166;font-size:12px;font-weight:900}
    .lost-pixel{position:absolute;right:20%;bottom:18%;font-size:42px;filter:drop-shadow(0 0 18px rgba(47,255,210,.36));animation:vibeJitter 1.4s steps(2,end) infinite}
    .challenge{position:relative;background:linear-gradient(180deg,rgba(14,22,36,.92),rgba(9,13,22,.9));border-color:rgba(88,166,255,.18);overflow:hidden}
    .challenge::after{content:"";position:absolute;inset:auto -25% -70% -25%;height:120px;background:radial-gradient(circle,rgba(47,255,210,.12),transparent 70%)}
    .panel{background:linear-gradient(180deg,rgba(14,22,36,.93),rgba(9,13,22,.92));border-color:rgba(88,166,255,.18)}
    .modal{background:linear-gradient(180deg,#111a2a,#080c14);border-color:rgba(47,255,210,.18)}
    .field,.textarea,.select,.search{background:rgba(4,8,15,.72);border-color:rgba(88,166,255,.22)}
    .modal-backdrop.open{place-items:start center}
    .modal{max-height:calc(100dvh - 36px);overflow:auto}
    .hero-copy,.showcase{animation:riseIn .8s cubic-bezier(.2,.7,.2,1) both}
    .showcase{animation-delay:.12s}
    .feature-preview::after{animation:scanLines 3.2s linear infinite}
    .preview-game span{animation:gridPulse 2.8s ease-in-out infinite}
    .preview-game span:nth-child(2n){animation-delay:.12s}.preview-game span:nth-child(3n){animation-delay:.24s}.preview-game span:nth-child(5n){animation-delay:.36s}
    .motion-strip{max-width:1220px;margin:0 auto;padding:2px 28px 8px}
    .motion-strip-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:16px;align-items:stretch}
    .ticker-panel,.award-ticket{position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,rgba(14,22,36,.88),rgba(8,12,20,.88));border:1px solid rgba(88,166,255,.18)}
    .ticker-panel{min-height:164px;padding:16px}
    .ticker-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(47,255,210,.08),transparent);transform:translateX(-80%);animation:sweep 4.4s ease-in-out infinite}
    .ticker-label{position:relative;color:var(--teal);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
    .ticker-track{position:relative;display:grid;gap:8px}
    .ticker-item{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:8px;background:rgba(255,255,255,.045);border:1px solid rgba(47,255,210,.12);animation:rowFloat 4.8s ease-in-out infinite;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
    .ticker-item:hover,.ticker-item:focus-visible{border-color:rgba(47,255,210,.48);background:rgba(47,255,210,.08);box-shadow:0 14px 28px rgba(47,255,210,.12);outline:none}
    .ticker-item:nth-child(2){animation-delay:.22s}.ticker-item:nth-child(3){animation-delay:.44s}
    .ticker-rank{font-family:"SFMono-Regular",Consolas,monospace;color:#06110e;background:var(--teal);border-radius:6px;padding:5px 8px;font-weight:900;text-align:center}
    .ticker-item strong{display:block;font-size:14px}.ticker-item span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
    .ticker-empty{position:relative;z-index:1;padding:18px;border-radius:8px;border:1px dashed rgba(88,166,255,.24);color:var(--muted);font-weight:800;text-align:center}
    .judge-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}
    .judge-chip{min-height:70px;padding:10px;border-radius:8px;background:rgba(88,166,255,.08);border:1px solid rgba(88,166,255,.18)}
    .judge-chip b{display:block;color:#f4fff9;font-size:12px;margin-bottom:7px}.judge-chip i{display:block;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--amber));box-shadow:0 0 16px rgba(47,255,210,.18)}
    .award-ticket{min-height:248px;padding:18px;display:grid;align-content:space-between;background:
      linear-gradient(135deg,rgba(47,255,210,.12),rgba(88,166,255,.10) 48%,rgba(255,209,102,.09)),#080d16}
    .award-ticket[data-work]{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
    .award-ticket[data-work]:hover,.award-ticket[data-work]:focus-visible{border-color:rgba(47,255,210,.46);box-shadow:0 22px 60px rgba(47,255,210,.14);outline:none}
    .award-ticket::before{content:"";position:absolute;inset:12px;border:1px solid rgba(47,255,210,.24);border-radius:8px;clip-path:polygon(0 0,100% 0,100% 76%,88% 76%,88% 100%,0 100%)}
    .award-ticket::after{content:"SELECTED";position:absolute;right:18px;top:20px;color:rgba(255,209,102,.22);font-size:42px;font-weight:1000;letter-spacing:.02em;transform:rotate(4deg)}
    .ticket-kicker{position:relative;z-index:1;color:var(--teal);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
    .ticket-title{position:relative;z-index:1;margin:26px 0 8px;font-size:28px;line-height:1.1;font-weight:950;text-wrap:balance}
    .ticket-comment{position:relative;z-index:1;color:#b7c8df;line-height:1.65;margin:0}
    .ticket-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}
    .ticket-code{font-family:"SFMono-Regular",Consolas,monospace;color:var(--amber);font-weight:900}
    @keyframes riseIn{from{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
    @keyframes scanLines{0%{transform:translateY(-14px);opacity:.28}50%{opacity:.58}100%{transform:translateY(14px);opacity:.28}}
    @keyframes gridPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(.92);filter:brightness(1.6)}}
    @keyframes sweep{0%,35%{transform:translateX(-90%)}70%,100%{transform:translateX(90%)}}
    @keyframes rowFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

    .feature-band{max-width:1220px;margin:0 auto;padding:10px 28px 22px}
    .feature-band-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}
    .curator-panel,.insight-panel,.submit-panel,.challenge-brief,.about-brief{border:1px solid rgba(19,109,255,.16);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(235,247,255,.78));box-shadow:0 18px 48px rgba(19,109,255,.09);overflow:hidden}
    .curator-panel{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .curator-copy h2,.submit-panel h2,.challenge-brief h2,.about-brief h2{margin:0;font-size:28px;line-height:1.12;color:#06152b;text-wrap:balance}
    .curator-copy p,.submit-panel p,.challenge-brief p,.about-brief p{margin:10px 0 0;color:var(--muted);line-height:1.7}
    .curator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .curator-card{min-height:116px;padding:12px;border-radius:8px;background:rgba(255,255,255,.72);border:1px solid rgba(19,109,255,.14);position:relative;overflow:hidden}
    .curator-card::after{content:"";position:absolute;right:-22px;bottom:-22px;width:76px;height:76px;border:1px solid rgba(24,215,255,.34);transform:rotate(22deg)}
    .curator-card b{display:block;color:#063c9f;font-size:13px;margin-bottom:8px}.curator-card span{display:block;color:var(--muted);font-size:12px;line-height:1.55}
    .insight-panel{padding:18px;display:grid;gap:12px}
    .insight-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:8px;background:rgba(255,255,255,.7);border:1px solid rgba(19,109,255,.12)}
    .insight-no{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#136dff,#18d7ff);color:#fff;font-weight:950}
    .insight-row strong{display:block;color:#06152b;font-size:14px}.insight-row span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
    .insight-value{font-family:"SFMono-Regular",Consolas,monospace;color:#075de8;font-weight:950}
    .works-spotlight{display:grid;grid-template-columns:1fr .9fr;gap:16px;margin:0 0 18px}
    .stage-wall{min-height:280px;border-radius:8px;position:relative;overflow:hidden;border:1px solid rgba(19,109,255,.16);background:
      linear-gradient(135deg,rgba(19,109,255,.18),rgba(24,215,255,.13)),
      url("https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1200&q=80") center/cover;box-shadow:0 22px 60px rgba(19,109,255,.14)}
    .stage-wall::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,252,255,.95),rgba(248,252,255,.46) 44%,rgba(248,252,255,.08))}
    .stage-wall-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;max-width:520px}
    .stage-wall-content h2{margin:0;color:#06152b;font-size:34px;line-height:1.04;text-wrap:balance}
    .stage-wall-content p{margin:10px 0 0;color:#31506f;line-height:1.7}
    .spotlight-card{padding:18px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(235,247,255,.78));border:1px solid rgba(19,109,255,.16);box-shadow:0 18px 48px rgba(19,109,255,.09)}
    .spotlight-list{display:grid;gap:10px;margin-top:12px}
    .spotlight-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px;border-radius:8px;background:rgba(255,255,255,.72);border:1px solid rgba(19,109,255,.12)}
    .spotlight-item strong{display:block;color:#06152b;font-size:14px}.spotlight-item span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
    .archive-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
    .archive-tool{padding:13px;border-radius:8px;background:rgba(255,255,255,.74);border:1px solid rgba(19,109,255,.14)}
    .archive-tool b{display:block;color:#063c9f;font-size:13px}.archive-tool span{display:block;color:var(--muted);font-size:12px;margin-top:5px}
    .challenge-hero{display:grid;grid-template-columns:1fr .9fr;gap:16px;margin-bottom:18px}
    .challenge-brief,.about-brief,.submit-panel{padding:22px}
    .challenge-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
    .challenge-lane{padding:14px;border-radius:8px;background:rgba(255,255,255,.74);border:1px solid rgba(19,109,255,.14)}
    .challenge-lane b{display:block;color:#063c9f;font-size:13px;margin-bottom:8px}.challenge-lane span{color:var(--muted);font-size:12px;line-height:1.55}
    .challenge-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
    .challenge-detail{padding:16px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(235,247,255,.78));border:1px solid rgba(19,109,255,.16);box-shadow:0 18px 48px rgba(19,109,255,.08)}
    .challenge-detail h3{margin:10px 0 6px;color:#06152b}.challenge-detail p{margin:0;color:var(--muted);line-height:1.65;font-size:13px}
    .about-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:16px;margin-bottom:16px}
    .process{display:grid;gap:10px}
    .process-step{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:13px;border-radius:8px;background:rgba(255,255,255,.74);border:1px solid rgba(19,109,255,.14)}
    .process-step i{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#136dff;color:#fff;font-style:normal;font-weight:950}
    .process-step b{display:block;color:#06152b}.process-step span{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.55}
    .principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
    .principle-card{padding:17px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(235,247,255,.78));border:1px solid rgba(19,109,255,.16);box-shadow:0 18px 48px rgba(19,109,255,.08)}
    .principle-card h3{margin:0 0 8px;color:#06152b}.principle-card p{margin:0;color:var(--muted);line-height:1.7;font-size:13px}
    @media(max-width:900px){
      .feature-band-inner,.works-spotlight,.challenge-hero,.about-hero-grid{grid-template-columns:1fr}
      .curator-panel{grid-template-columns:1fr}
      .archive-tools,.challenge-detail-grid,.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media(max-width:620px){
      .feature-band{padding:6px 16px 18px}
      .curator-grid,.archive-tools,.challenge-lanes,.challenge-detail-grid,.principle-grid{grid-template-columns:1fr}
      .stage-wall{min-height:360px;background-position:center}
      .stage-wall::before{background:linear-gradient(180deg,rgba(248,252,255,.9),rgba(248,252,255,.45),rgba(248,252,255,.94))}
      .stage-wall-content h2{font-size:28px}
      .spotlight-item,.insight-row{grid-template-columns:auto 1fr}
      .insight-value,.spotlight-item .badge{grid-column:1/-1;width:max-content}
    }
    @media(max-width:820px){
      .hero{padding:34px 16px 22px}
      .hero-inner{grid-template-columns:minmax(0,1fr);gap:20px}
      .hero-copy,.hero-sub,.hero-tags,.hero-actions,.signal-row,.hero-metrics{width:100%;max-width:100%}
      .showcase{order:0;width:100%;max-width:480px;margin:0 auto}
      .signal-row,.award-console{grid-template-columns:1fr}
      .motion-strip{padding:0 16px 8px}
      .motion-strip-inner{grid-template-columns:1fr}
      .judge-board{grid-template-columns:repeat(2,minmax(0,1fr))}
      .topbar{height:60px}
      .modal-backdrop.open{place-items:start center}
      .modal{max-height:calc(100dvh - 24px);overflow:auto}
    }
    @media(max-width:480px){
      .hero-inner{gap:14px}
      h1{font-size:32px;line-height:1.08;letter-spacing:0}
      .hero-actions .btn{width:100%;justify-content:center}
      .showcase-body{padding:12px}
      .feature-preview{min-height:190px}
      .review-line{grid-template-columns:38px 1fr;align-items:start}
      .review-line .btn{grid-column:1/-1;width:100%;justify-content:center}
      .card-title-row{display:grid}
      .ticker-item{grid-template-columns:44px 1fr}
      .ticker-item .badge{grid-column:1/-1;width:max-content}
      .judge-board{grid-template-columns:1fr}
      .ticket-title{font-size:23px}
      .not-found-layout{grid-template-columns:1fr}
    }

    /* AI 科幻蓝白主题覆盖 */
    :root{
      --bg:#f7fbff;
      --panel:#ffffff;
      --panel-2:#edf6ff;
      --line:#bfdcff;
      --text:#06152b;
      --muted:#4a6585;
      --soft:#7891ad;
      --teal:#18d7ff;
      --blue:#136dff;
      --coral:#3a8cff;
      --amber:#8fdfff;
      --violet:#6aa9ff;
      --shadow:0 28px 90px rgba(19,109,255,.18);
    }
    body{background:
      radial-gradient(circle at 18% 8%,rgba(24,215,255,.28),transparent 26rem),
      radial-gradient(circle at 84% 4%,rgba(19,109,255,.22),transparent 30rem),
      linear-gradient(180deg,#f8fcff 0%,#edf7ff 48%,#f9fcff 100%);color:var(--text)}
    body::before{background-image:
      linear-gradient(rgba(19,109,255,.11) 1px,transparent 1px),
      linear-gradient(90deg,rgba(24,215,255,.12) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#000 0 62%,transparent)}
    body::after{background:
      linear-gradient(115deg,transparent 0 43%,rgba(19,109,255,.13) 43.4%,transparent 44% 100%),
      repeating-linear-gradient(180deg,rgba(19,109,255,.035) 0 1px,transparent 1px 8px);opacity:.72}
    .topbar{background:rgba(248,252,255,.78);border-bottom-color:rgba(19,109,255,.18);box-shadow:0 14px 46px rgba(19,109,255,.12)}
    .brand-mark{color:#fff;background:linear-gradient(135deg,#16d8ff,#136dff 58%,#ffffff);box-shadow:0 0 28px rgba(19,109,255,.28)}
    .brand-title,.section-title,.card-title,.panel h3,.challenge h3{color:#06152b}
    .brand-sub,.hero-sub,.section-desc,.card-desc,.panel p,.panel li,.challenge p{color:var(--muted)}
    .nav button,.mobile-nav button{color:#476783}
    .nav button:hover,.nav button.on,.mobile-nav button:hover,.mobile-nav button.on{background:rgba(19,109,255,.08);border-color:rgba(19,109,255,.22);color:#063c9f}
    .btn-primary{background:linear-gradient(135deg,#136dff,#18d7ff);color:#fff;box-shadow:0 14px 34px rgba(19,109,255,.25)}
    .btn-primary:hover{background:linear-gradient(135deg,#075de8,#0fc7f0)}
    .btn-secondary,.icon-btn,.close{background:rgba(255,255,255,.72);border-color:rgba(19,109,255,.2);color:#164a8c}
    .btn-secondary:hover,.icon-btn:hover,.close:hover{border-color:rgba(19,109,255,.42);color:#063c9f;box-shadow:0 0 22px rgba(24,215,255,.16)}
    .hero{min-height:calc(100vh - 70px);padding:68px 28px 42px}
    .hero::before{background:radial-gradient(ellipse at center,rgba(19,109,255,.20),rgba(24,215,255,.12),transparent 70%);filter:blur(10px)}
    .hero::after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(180deg,transparent,#f8fcff);pointer-events:none}
    .hero-inner{z-index:1;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);align-items:center}
    .hero-copy{min-height:560px}
    .eyebrow{background:rgba(255,255,255,.72);border-color:rgba(19,109,255,.22);color:#075de8;box-shadow:0 10px 30px rgba(19,109,255,.12)}
    .dot{background:#18d7ff;box-shadow:0 0 16px #18d7ff}
    h1{color:#06152b;text-shadow:0 10px 40px rgba(19,109,255,.14)}
    .accent{color:#136dff;text-shadow:0 0 28px rgba(24,215,255,.42)}
    .hero-tag{background:rgba(255,255,255,.76);border-color:rgba(19,109,255,.19);color:#1558b8;box-shadow:0 8px 24px rgba(19,109,255,.08)}
    .signal,.metric,.work-card,.challenge,.panel,.ticker-panel,.award-ticket,.modal,.profile-stat,.comment,.review-line{background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(237,247,255,.76));border-color:rgba(19,109,255,.16);box-shadow:0 18px 48px rgba(19,109,255,.09)}
    .signal b,.metric strong,.ticker-item strong,.judge-chip b{color:#06152b}
    .metric span,.signal span,.ticker-item span,.maker-name,.challenge-foot,.hint,.comment-time{color:var(--muted)}
    .showcase.ai-video-stage{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(231,245,255,.92));border-color:rgba(19,109,255,.22);box-shadow:0 34px 110px rgba(19,109,255,.2),0 0 70px rgba(24,215,255,.18)}
    .showcase.ai-video-stage::before{content:"AI 视觉 / 实时";color:#136dff}
    .showcase.ai-video-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:
      linear-gradient(90deg,rgba(19,109,255,.13) 1px,transparent 1px),
      linear-gradient(rgba(24,215,255,.13) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,transparent,#000 16%,transparent 92%)}
    .showcase-top{background:rgba(255,255,255,.62);border-bottom-color:rgba(19,109,255,.14)}
    .traffic.r{background:#7bbcff}.traffic.y{background:#18d7ff}.traffic.g{background:#136dff}
    .showcase-body.ai-video-body{padding:14px}
    .video-orbit{position:relative;aspect-ratio:16/10;min-height:360px;border-radius:8px;overflow:hidden;border:1px solid rgba(19,109,255,.22);background:#eaf7ff}
    .video-orbit video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.04) brightness(1.04)}
    .video-orbit::before{content:"";position:absolute;inset:0;z-index:1;background:
      radial-gradient(circle at 50% 45%,transparent 0 34%,rgba(24,215,255,.16) 35%,transparent 36% 100%),
      linear-gradient(180deg,rgba(255,255,255,.04),rgba(9,59,135,.2));pointer-events:none}
    .video-orbit::after{content:"";position:absolute;inset:14px;z-index:2;border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 0 36px rgba(24,215,255,.2);clip-path:polygon(0 0,28% 0,28% 10px,72% 10px,72% 0,100% 0,100% 100%,0 100%);pointer-events:none}
    .hud-panel{position:absolute;z-index:3;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;color:#fff;text-shadow:0 2px 18px rgba(0,37,90,.72)}
    .hud-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#bdeeff}
    .hud-title{margin:5px 0 0;font-size:24px;line-height:1.1;font-weight:950}
    .hud-score{min-width:94px;padding:10px 12px;border:1px solid rgba(255,255,255,.58);border-radius:8px;background:rgba(255,255,255,.18);backdrop-filter:blur(14px);text-align:center}
    .hud-score strong{display:block;font-size:24px;color:#fff}.hud-score span{font-size:11px;color:#dcf8ff}
    .ai-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    .ai-status-card{padding:12px;border-radius:8px;background:rgba(255,255,255,.78);border:1px solid rgba(19,109,255,.16)}
    .ai-status-card b{display:block;color:#063c9f;font-size:12px;margin-bottom:6px}.ai-status-card span{font-size:12px;color:#4a6585}
    .vibe-number{color:#063c9f;text-shadow:2px 0 rgba(24,215,255,.36),-2px 0 rgba(19,109,255,.22)}
    .vibe-ring{background:conic-gradient(#136dff 0 var(--score-deg),rgba(19,109,255,.10) var(--score-deg) 360deg)}
    .vibe-ring::before{background:#fff}
    .b-teal,.b-blue,.b-coral,.b-amber{background:rgba(19,109,255,.08);color:#075de8;border-color:rgba(19,109,255,.16)}
    .thumb{background:#e7f5ff}
    .thumb::after{background:linear-gradient(120deg,transparent,rgba(255,255,255,.56),transparent)}
    .field,.textarea,.select,.search{background:rgba(255,255,255,.82);border-color:rgba(19,109,255,.18);color:#06152b}
    .toast,.back-top{background:#ffffff;border-color:rgba(19,109,255,.22);color:#063c9f}
    .motion-strip{position:relative;z-index:1}
    @media(max-width:1024px){
      .hero{min-height:auto}
      .hero-inner{grid-template-columns:1fr}
      .hero-copy{min-height:auto}
      .showcase.ai-video-stage{width:100%;max-width:760px}
    }
    @media(max-width:820px){
      .hero{padding:28px 16px 24px}
      .video-orbit{min-height:auto}
      .hud-panel{grid-template-columns:1fr;align-items:start}
      .hud-score{width:max-content}
      .ai-status-grid{grid-template-columns:1fr}
    }
    @media(max-width:480px){
      .hero{padding:20px 12px 18px}
      .hud-title{font-size:19px}
      .video-orbit{aspect-ratio:4/5}
    }

    /* 首屏视频舞台 */
    .cinema-hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#06152b;transition:opacity .18s linear,transform .18s linear}
    .cinema-media{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#06152b}
    .cinema-media video{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.04) brightness(.86);transform:scale(1.04)}
    .cinema-media::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:
      radial-gradient(ellipse at center,rgba(255,255,255,0) 0 42%,rgba(19,109,255,.14) 62%,rgba(248,252,255,.95) 100%),
      linear-gradient(180deg,rgba(248,252,255,.86),rgba(248,252,255,.08) 21%,rgba(248,252,255,.05) 68%,rgba(248,252,255,.94))}
    .cinema-media::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:
      linear-gradient(90deg,rgba(248,252,255,.96),transparent 16%,transparent 84%,rgba(248,252,255,.96)),
      linear-gradient(180deg,rgba(248,252,255,.86),transparent 18%,transparent 74%,#f8fcff)}
    .cinema-content{position:absolute;left:clamp(20px,5vw,72px);top:clamp(24px,7vh,76px);z-index:3;width:min(520px,calc(100% - 40px));display:grid;justify-items:start;text-align:left;color:#fff;text-shadow:0 14px 46px rgba(0,37,90,.58)}
    .cinema-title{margin:0;font-size:clamp(34px,5vw,68px);line-height:1;font-weight:1000;letter-spacing:0;text-transform:none;color:#fff}
    .cinema-title span{color:#18d7ff;text-shadow:0 0 34px rgba(24,215,255,.7),0 14px 46px rgba(0,37,90,.58)}
    .cinema-intro{margin:16px 0 0;max-width:480px;color:rgba(255,255,255,.86);font-size:clamp(15px,1.7vw,19px);line-height:1.72;font-weight:650}
    .cinema-actions{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap;margin-top:24px}
    .cinema-actions .btn{box-shadow:0 14px 42px rgba(19,109,255,.26)}
    .cinema-player{display:none;position:fixed;inset:0;z-index:220;background:rgba(3,8,18,.88);backdrop-filter:blur(18px);padding:24px}
    .cinema-player.open{display:grid;place-items:center}
    .cinema-player-inner{position:relative;width:min(1180px,100%);aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#020814;box-shadow:0 30px 120px rgba(0,0,0,.48),0 0 80px rgba(24,215,255,.22)}
    .cinema-player video{width:100%;height:100%;object-fit:contain;background:#020814}
    .cinema-close{position:absolute;right:14px;top:14px;z-index:2;width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,.88);border:1px solid rgba(19,109,255,.2);color:#063c9f}
    .hero .showcase.ai-video-stage{display:none}
    .hero .hero-inner{grid-template-columns:1fr;max-width:940px}
    .hero .hero-copy{min-height:auto;text-align:center;align-items:center}
    .hero .hero-sub{margin-left:auto;margin-right:auto}
    .hero .signal-row,.hero .hero-metrics{margin-left:auto;margin-right:auto}
    @media(max-width:820px){
      .cinema-hero{min-height:calc(100svh - 60px)}
      .cinema-content{top:22px}
      .cinema-title{font-size:clamp(32px,12vw,56px)}
      .cinema-actions .btn{width:100%;max-width:260px}
      .cinema-player{padding:12px}
    }
    .award-stage{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:16px;margin-bottom:18px;padding:18px;border:1px solid rgba(19,109,255,.16);border-radius:8px;background:
      radial-gradient(circle at 74% 18%,rgba(24,215,255,.24),transparent 24rem),
      linear-gradient(135deg,rgba(255,255,255,.9),rgba(228,245,255,.8));box-shadow:0 22px 70px rgba(19,109,255,.12)}
    .award-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(19,109,255,.09) 1px,transparent 1px),linear-gradient(rgba(24,215,255,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(115deg,#000,transparent 76%);pointer-events:none}
    .award-copy,.theme-console,.jury-panel,.award-flow,.award-share-lab,.detail-process-card{border:1px solid rgba(19,109,255,.16);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(235,247,255,.78));box-shadow:0 18px 48px rgba(19,109,255,.09)}
    .award-copy{position:relative;z-index:1;padding:24px;background:transparent;border:0;box-shadow:none}
    .award-copy h2,.theme-console h2,.jury-panel h2,.award-flow h2,.award-share-lab h2{margin:0;color:#06152b;font-size:30px;line-height:1.12;text-wrap:balance}
    .award-copy p,.theme-console p,.jury-panel p,.award-flow p,.award-share-lab p{margin:10px 0 0;color:var(--muted);line-height:1.7}
    .award-stage-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
    .award-stage-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
    .award-stat{padding:12px;border-radius:8px;background:rgba(255,255,255,.74);border:1px solid rgba(19,109,255,.13)}
    .award-stat strong{display:block;color:#06152b;font-size:24px}.award-stat span{display:block;color:var(--muted);font-size:11px;margin-top:2px}
    .award-live-card{position:relative;z-index:1;overflow:hidden;min-height:332px;padding:18px;display:grid;align-content:space-between;border-radius:8px;border:1px solid rgba(19,109,255,.18);background:linear-gradient(160deg,rgba(7,93,232,.12),rgba(24,215,255,.11) 52%,rgba(255,209,102,.14)),rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.54),0 18px 58px rgba(19,109,255,.14);cursor:pointer}
    .award-live-card::after{content:"LIVE AWARD";position:absolute;right:16px;top:16px;color:rgba(19,109,255,.12);font-weight:1000;font-size:42px;letter-spacing:.02em}
    .award-live-top,.award-live-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}
    .award-live-title{position:relative;z-index:1;margin:34px 0 8px;color:#06152b;font-size:34px;line-height:1.08;font-weight:950;text-wrap:balance}
    .award-live-desc{position:relative;z-index:1;color:#31506f;line-height:1.7;margin:0}
    .award-work-visual{position:relative;z-index:1;height:116px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#dff3ff,#f8fcff);border:1px solid rgba(19,109,255,.16);margin-top:16px}
    .award-work-visual img{width:100%;height:100%;object-fit:cover;display:block}.award-work-visual span{font-size:50px;color:#18d7ff;text-shadow:0 0 28px rgba(24,215,255,.36)}
    .award-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
    .award-card{position:relative;overflow:hidden;min-height:190px;padding:16px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(235,247,255,.8));border:1px solid rgba(19,109,255,.16);box-shadow:0 18px 48px rgba(19,109,255,.08);transition:transform .16s,border-color .16s,box-shadow .16s}
    .award-card:hover{transform:translateY(-3px);border-color:rgba(24,215,255,.42);box-shadow:0 22px 58px rgba(19,109,255,.14)}
    .award-card::after{content:"";position:absolute;right:-26px;bottom:-26px;width:96px;height:96px;border:1px solid rgba(24,215,255,.35);transform:rotate(22deg)}
    .award-medal{width:46px;height:46px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#136dff,#18d7ff);color:#fff;font-weight:950;box-shadow:0 12px 28px rgba(19,109,255,.22)}
    .award-card h3{margin:14px 0 7px;color:#06152b}.award-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
    .award-fit{position:relative;z-index:1;margin-top:14px;padding-top:10px;border-top:1px solid rgba(19,109,255,.12);color:#075de8;font-size:12px;font-weight:850}
    .honor-wall{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;margin-top:18px}
    .podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
    .podium-card{position:relative;overflow:hidden;padding:14px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(230,246,255,.86));border:1px solid rgba(19,109,255,.16);box-shadow:0 18px 48px rgba(19,109,255,.08);cursor:pointer;transition:transform .16s,border-color .16s}
    .podium-card:hover{transform:translateY(-4px);border-color:rgba(24,215,255,.48)}
    .podium-card.rank-1{min-height:244px;box-shadow:0 24px 70px rgba(19,109,255,.16)}.podium-card.rank-2{min-height:196px}.podium-card.rank-3{min-height:172px}
    .podium-rank{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#136dff,#18d7ff);color:#fff;font-weight:950}
    .podium-shot{height:92px;margin:12px 0;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#eaf6ff,#dff3ff);border:1px solid rgba(19,109,255,.15)}
    .podium-shot img{width:100%;height:100%;object-fit:cover}.podium-shot span{font-size:36px;color:#18d7ff}
    .podium-card h3{margin:10px 0 6px;color:#06152b}.podium-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
    .jury-panel,.award-flow,.award-share-lab,.theme-console{padding:22px}
    .jury-grid{display:grid;gap:12px;margin-top:16px}
    .jury-meter{display:grid;grid-template-columns:96px 1fr 42px;gap:10px;align-items:center}
    .jury-meter b{color:#06152b;font-size:13px}.jury-bar{height:9px;border-radius:999px;background:rgba(19,109,255,.1);overflow:hidden}.jury-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#136dff,#18d7ff,#ffd166);box-shadow:0 0 18px rgba(24,215,255,.24)}
    .jury-meter span{color:#075de8;font-size:12px;font-weight:900;text-align:right}
    .award-flow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}
    .award-flow-step{position:relative;min-height:132px;padding:13px;border-radius:8px;background:rgba(255,255,255,.74);border:1px solid rgba(19,109,255,.13)}
    .award-flow-step i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#075de8;color:#fff;font-style:normal;font-weight:900}.award-flow-step b{display:block;margin-top:12px;color:#06152b}.award-flow-step span{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.55}
    .award-share-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(380px,1.18fr);gap:16px;align-items:stretch;margin-top:16px}
    .award-download-copy{display:grid;align-content:start;gap:10px}
    .award-select-panel{padding:13px;border-radius:8px;background:rgba(255,255,255,.76);border:1px solid rgba(19,109,255,.14)}
    .award-select-panel label{display:block;color:#06152b;font-size:13px;font-weight:900;margin-bottom:8px}
    .award-select-panel .select{width:100%}
    .award-share-card{position:relative;overflow:hidden;min-height:250px;aspect-ratio:1659/948;padding:34px 38px;border-radius:8px;background:linear-gradient(90deg,rgba(3,13,33,.82),rgba(3,13,33,.24) 58%,rgba(3,13,33,0)),var(--award-card-bg,url("图片/award_card_bg.png")) center/cover no-repeat;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,30%);grid-template-rows:1fr auto;gap:16px;align-items:end;cursor:pointer;box-shadow:0 24px 70px rgba(19,109,255,.18)}
    .award-share-card::before{content:"";position:absolute;inset:22px;border:1px solid rgba(41,230,255,.26);border-radius:8px;pointer-events:none}
    .award-share-copy{position:relative;z-index:1;max-width:660px;min-width:0}
    .award-share-award{display:inline-flex;margin-top:16px;color:#ffd166;font-weight:950;font-size:18px;max-width:100%;overflow-wrap:anywhere}
    .award-share-shot{position:relative;z-index:1;align-self:center;justify-self:end;width:min(100%,320px);aspect-ratio:16/10;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.34);box-shadow:0 18px 46px rgba(0,0,0,.24)}
    .award-share-shot img{width:100%;height:100%;object-fit:cover;display:block}
    .award-share-footer{position:relative;z-index:1;grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:14px;min-width:0}
    .award-share-card h3{position:relative;z-index:1;margin:12px 0 8px;font-size:34px;line-height:1.08;text-shadow:0 2px 18px rgba(0,0,0,.36);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.award-share-card p{position:relative;z-index:1;margin:0;color:rgba(255,255,255,.82);line-height:1.65;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.award-share-code{position:relative;z-index:1;font-family:"SFMono-Regular",Consolas,monospace;color:#29e6ff;font-weight:900}
    .tag-cloud,.detail-tags{display:flex;gap:7px;flex-wrap:wrap}
    .tag-chip{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;background:rgba(19,109,255,.08);border:1px solid rgba(19,109,255,.16);color:#075de8;font-size:12px;font-weight:850}
    .process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
    .process-note{padding:12px;border-radius:8px;background:rgba(255,255,255,.76);border:1px solid rgba(19,109,255,.14)}
    .process-note b{display:block;color:#06152b;font-size:13px;margin-bottom:5px}.process-note span{display:block;color:var(--muted);font-size:12px;line-height:1.6;white-space:pre-wrap}
    .detail-process-card{padding:16px;margin-top:16px}
    .detail-process-card h3{margin:0 0 8px;color:#06152b}
    .editor-note{margin-top:14px;padding:12px;border-radius:8px;background:rgba(19,109,255,.08);border:1px solid rgba(19,109,255,.16);color:#31506f;line-height:1.65}
    .steam-modal{width:min(1160px,100%);background:linear-gradient(180deg,#f8fcff,#eaf6ff);border:1px solid rgba(19,109,255,.18);box-shadow:0 28px 100px rgba(19,109,255,.18);color:#31506f}
    .steam-modal .modal-head{background:rgba(248,252,255,.92);border-bottom:1px solid rgba(19,109,255,.14)}
    .steam-modal .modal-title{color:#06152b;font-size:18px;font-weight:900}
    .steam-modal .modal-body{padding:0;background:linear-gradient(180deg,#f8fcff 0,#eef8ff 54%,#f8fcff 100%)}
    .steam-page{display:grid;gap:0}
    .steam-hero{padding:22px;background:linear-gradient(180deg,rgba(19,109,255,.08),rgba(24,215,255,.04));border-bottom:1px solid rgba(19,109,255,.12)}
    .steam-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
    .steam-title-row h3{margin:0;color:#06152b;font-size:clamp(24px,3vw,34px);line-height:1.12}
    .steam-subline{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
    .steam-content{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:16px}
    .steam-media{position:relative;min-height:360px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#eaf6ff,#dff3ff);border:1px solid rgba(19,109,255,.18);box-shadow:0 18px 52px rgba(19,109,255,.14)}
    .steam-media img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}
    .steam-media-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 36% 28%,rgba(24,215,255,.24),transparent 28%),linear-gradient(135deg,#f8fcff,#dff3ff)}
    .steam-fallback-icon{font-size:74px;color:#18d7ff;text-shadow:0 0 34px rgba(24,215,255,.34)}
    .steam-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 58%,rgba(248,252,255,.72));pointer-events:none}
    .steam-gallery{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
    .steam-thumb{height:52px;border-radius:6px;background:linear-gradient(135deg,rgba(19,109,255,.1),rgba(255,255,255,.72));border:1px solid rgba(19,109,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
    .steam-thumb:first-child{border-color:#18d7ff;box-shadow:0 0 0 2px rgba(24,215,255,.22)}
    .steam-side{display:flex;flex-direction:column;gap:12px}
    .steam-cover{min-height:134px;border-radius:8px;overflow:hidden;border:1px solid rgba(19,109,255,.16);background:linear-gradient(135deg,#f8fcff,#dff3ff);display:grid;place-items:center}
    .steam-cover img{width:100%;height:100%;object-fit:cover;display:block}
    .steam-cover span{font-size:44px;color:#18d7ff}
    .steam-desc{margin:0;color:#31506f;font-size:14px;line-height:1.7}
    .steam-review{display:grid;grid-template-columns:112px 1fr;gap:8px 12px;padding:11px 0;border-top:1px solid rgba(19,109,255,.14);border-bottom:1px solid rgba(19,109,255,.14)}
    .steam-review b{color:#6d849e;font-size:12px;text-transform:uppercase}
    .steam-review span{color:#075de8;font-weight:900}
    .steam-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
    .steam-actions .btn{border-radius:8px}
    .steam-actions .btn-primary{background:linear-gradient(135deg,#136dff,#18d7ff);border-color:rgba(19,109,255,.24);color:#fff}
    .steam-actions .btn-secondary{background:rgba(255,255,255,.72);border-color:rgba(19,109,255,.2);color:#063c9f}
    .steam-section{padding:0 22px 22px}
    .steam-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .steam-panel{padding:16px;border-radius:8px;background:rgba(255,255,255,.78);border:1px solid rgba(19,109,255,.14);box-shadow:0 16px 44px rgba(19,109,255,.08)}
    .steam-panel h3{margin:0 0 10px;color:#06152b;font-size:16px}
    .steam-panel p,.steam-panel span{color:#31506f;line-height:1.7;font-size:13px}
    .steam-kv{display:grid;gap:8px}
    .steam-kv div{display:grid;grid-template-columns:88px 1fr;gap:10px}
    .steam-kv b{color:#6d849e;font-size:12px}
    .steam-comments{margin-top:14px}
    .steam-comments h3{color:#06152b!important}
    .steam-comments .comment{background:rgba(255,255,255,.78);border-color:rgba(19,109,255,.12);border-radius:8px}
    .steam-comments .field{background:rgba(255,255,255,.78);border-color:rgba(19,109,255,.22);color:#06152b}
    .steam-comments .btn-secondary{background:rgba(255,255,255,.72);border-color:rgba(19,109,255,.28);color:#063c9f}
    @media(max-width:820px){
      .steam-content,.steam-panel-grid{grid-template-columns:1fr}
      .steam-media{min-height:260px;aspect-ratio:16/10}
      .steam-gallery{grid-template-columns:repeat(2,1fr)}
      .steam-review{grid-template-columns:1fr}
    }
    .theme-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:16px;align-items:end}
    .weekly-theme-card{padding:14px;border-radius:8px;background:rgba(255,255,255,.78);border:1px solid rgba(19,109,255,.14);margin-top:12px}
    .weekly-theme-card b{display:block;color:#06152b}.weekly-theme-card span{display:block;color:var(--muted);font-size:13px;line-height:1.6;margin-top:5px}
    @media(max-width:900px){
      .award-stage,.honor-wall,.award-share-layout{grid-template-columns:1fr}
      .podium,.award-flow-steps{grid-template-columns:1fr}
      .award-stage-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media(max-width:620px){
      .award-row,.theme-picker,.process-grid,.jury-meter{grid-template-columns:1fr}
      .award-copy h2,.theme-console h2,.jury-panel h2,.award-flow h2,.award-share-lab h2{font-size:25px}
      .award-stage{padding:12px}
      .award-stage-stats{grid-template-columns:1fr}
      .award-share-card{grid-template-columns:1fr;padding:26px;aspect-ratio:auto}
      .award-share-shot{justify-self:start;width:min(100%,260px)}
      .award-share-footer{display:block}
    }

    .app{padding-left:0}
    .topbar{
      position:sticky;
      top:0;
      z-index:80;
      height:70px;
      padding:0 28px 0 0;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      background:rgba(248,252,255,.78);
      border-right:0;
      border-bottom:1px solid rgba(19,109,255,.18);
      box-shadow:0 14px 46px rgba(19,109,255,.12);
      backdrop-filter:blur(20px);
    }
    .brand{
      position:relative;
      min-width:310px;
      height:70px;
      padding:0 34px 0 32px;
      display:flex;
      align-items:center;
      gap:12px;
      border:0;
      background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(233,246,255,.88) 54%,rgba(233,246,255,0) 100%);
    }
    .brand::after{
      content:"";
      position:absolute;
      left:0;
      bottom:0;
      width:310px;
      height:1px;
      background:linear-gradient(90deg,rgba(19,109,255,.18),rgba(19,109,255,0));
    }
    .brand-mark{
      width:42px;
      height:42px;
      border-radius:10px;
      flex:0 0 auto;
      box-shadow:0 12px 26px rgba(19,109,255,.26);
    }
    .brand-title{font-size:16px}
    .brand-sub{font-size:11px;color:#5c7492}
    .nav{
      display:flex;
      align-items:center;
      gap:8px;
      margin-right:auto;
    }
    .nav button,.mobile-nav button{
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      height:38px;
      padding:0 15px;
      border-radius:8px;
      color:#476783;
      background:transparent;
      border:1px solid transparent;
      font-size:15px;
      font-weight:760;
      text-transform:none;
      transition:background .18s,border-color .18s,color .18s,box-shadow .18s;
    }
    .nav button:hover,.nav button.on,.mobile-nav button:hover,.mobile-nav button.on{
      background:rgba(19,109,255,.08);
      border-color:rgba(19,109,255,.22);
      color:#063c9f;
    }
    .nav-actions{
      min-width:0;
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:10px;
    }
    .menu-btn{display:none}
    .vibe-dock-btn{
      position:fixed;
      left:16px;
      top:92px;
      z-index:140;
      width:42px;
      height:42px;
      flex:0 0 auto;
      border-radius:12px;
      border:1px solid rgba(19,109,255,.22);
      background:radial-gradient(circle at 50% 50%,rgba(24,215,255,.34),transparent 38%),linear-gradient(135deg,#ffffff,#dff3ff);
      box-shadow:0 12px 26px rgba(19,109,255,.16),inset 0 1px 0 rgba(255,255,255,.95);
      color:#075de8;
      overflow:hidden;
      cursor:grab;
      touch-action:none;
      user-select:none;
      will-change:left,top,transform;
    }
    .vibe-dock-btn::before{
      content:"";
      position:absolute;
      inset:9px;
      border-radius:50%;
      border:2px solid #136dff;
      border-top-color:#18d7ff;
      box-shadow:0 0 18px rgba(24,215,255,.34);
    }
    .vibe-dock-btn::after{
      content:"V";
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      font-size:15px;
      font-weight:1000;
      color:#063c9f;
    }
    .vibe-dock-btn:not(.dragging):hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(19,109,255,.22),0 0 0 4px rgba(24,215,255,.10)}
    .vibe-dock-btn.dragging{
      cursor:grabbing;
      transform:scale(1.04);
      box-shadow:0 18px 38px rgba(19,109,255,.26),0 0 0 5px rgba(24,215,255,.12);
    }
    .like-btn{
      position:relative;
      isolation:isolate;
      min-width:124px;
      height:40px;
      padding:0 14px 0 38px;
      border:1px solid rgba(19,109,255,.22);
      border-radius:999px;
      background:linear-gradient(135deg,#ffffff 0%,#eaf6ff 48%,#d8f1ff 100%);
      color:#075de8;
      font-size:13px;
      font-weight:950;
      letter-spacing:0;
      box-shadow:0 10px 24px rgba(19,109,255,.12),inset 0 1px 0 rgba(255,255,255,.92);
      overflow:hidden;
    }
    .like-btn::before{
      content:"♥";
      position:absolute;
      left:8px;
      top:50%;
      width:24px;
      height:24px;
      border-radius:50%;
      display:grid;
      place-items:center;
      color:#fff;
      background:linear-gradient(135deg,#136dff,#18d7ff);
      transform:translateY(-50%);
      box-shadow:0 8px 16px rgba(19,109,255,.24);
    }
    .like-btn:hover{
      transform:translateY(-1px);
      border-color:rgba(19,109,255,.38);
      color:#053fbc;
      box-shadow:0 14px 28px rgba(19,109,255,.18),0 0 0 4px rgba(24,215,255,.10),inset 0 1px 0 rgba(255,255,255,.95);
    }
    .like-btn.liked{
      background:linear-gradient(135deg,#0b5cff 0%,#18d7ff 100%);
      border-color:rgba(19,109,255,.38);
      color:#fff;
      box-shadow:0 14px 30px rgba(19,109,255,.24),0 0 0 4px rgba(19,109,255,.10);
    }
    .like-btn.liked::before{
      background:#fff;
      color:#0b5cff;
      box-shadow:0 8px 16px rgba(5,55,150,.20);
    }
    .card-foot{align-items:center}
    .drawer-backdrop{
      position:fixed;
      inset:0;
      z-index:150;
      background:rgba(4,12,26,.28);
      opacity:0;
      pointer-events:none;
      transition:opacity .22s;
      backdrop-filter:blur(8px);
    }
    .drawer-backdrop.open{opacity:1;pointer-events:auto}
    .profile-drawer{
      position:fixed;
      top:0;
      left:0;
      z-index:160;
      width:min(380px,calc(100vw - 22px));
      height:100dvh;
      padding:18px;
      display:flex;
      flex-direction:column;
      gap:14px;
      background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(235,247,255,.94));
      border-right:1px solid rgba(19,109,255,.18);
      box-shadow:28px 0 80px rgba(19,109,255,.18);
      transform:translateX(-106%);
      transition:transform .26s cubic-bezier(.2,.8,.2,1);
      overflow:auto;
    }
    .profile-drawer.open{transform:translateX(0)}
    .drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .drawer-title{margin:0;color:#06152b;font-size:20px}
    .drawer-close{width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid rgba(19,109,255,.18);color:#063c9f}
    .drawer-user{
      position:relative;
      min-height:140px;
      padding:18px;
      display:grid;
      align-content:end;
      border-radius:8px;
      overflow:hidden;
      background:linear-gradient(135deg,rgba(19,109,255,.92),rgba(24,215,255,.78)),url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=900&q=80") center/cover;
      color:#fff;
      box-shadow:0 18px 44px rgba(19,109,255,.22);
    }
    .drawer-user::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(6,21,43,.58))}
    .drawer-user > *{position:relative;z-index:1}
    .drawer-avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;color:#075de8;font-size:19px;font-weight:1000;box-shadow:0 12px 26px rgba(0,37,90,.24)}
    .drawer-name{margin:12px 0 3px;font-size:22px;font-weight:950}
    .drawer-email{font-size:12px;color:rgba(255,255,255,.82)}
    .drawer-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
    .drawer-stat,.drawer-card,.drawer-link{
      border:1px solid rgba(19,109,255,.15);
      border-radius:8px;
      background:rgba(255,255,255,.78);
      box-shadow:0 12px 28px rgba(19,109,255,.08);
    }
    .drawer-stat{padding:12px}
    .drawer-stat b{display:block;color:#06152b;font-size:20px}.drawer-stat span{color:#5c7492;font-size:11px}
    .drawer-card{padding:14px}
    .drawer-card h3{margin:0 0 10px;color:#06152b;font-size:15px}
    .drawer-progress{height:8px;border-radius:999px;background:rgba(19,109,255,.10);overflow:hidden}
    .drawer-progress i{display:block;height:100%;width:72%;border-radius:inherit;background:linear-gradient(90deg,#136dff,#18d7ff)}
    .drawer-award-row,.drawer-theme-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:#31506f;font-size:12px}
    .drawer-links{display:grid;gap:8px}
    .drawer-link{
      min-height:50px;
      padding:0 13px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      color:#06152b;
      font-weight:850;
      text-align:left;
    }
    .drawer-link span{color:#075de8;font-size:12px;font-weight:900}
    .drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
    .drawer-actions .btn{width:100%}

    .profile-drawer{
      width:min(430px,calc(100vw - 18px));
      padding:0 18px 16px;
      gap:12px;
      background:
        radial-gradient(circle at 18% 0%,rgba(24,200,255,.16),transparent 34%),
        linear-gradient(180deg,rgba(245,250,255,.98),rgba(238,247,255,.96));
      scrollbar-width:thin;
      scrollbar-color:rgba(22,119,255,.28) transparent;
    }
    .profile-drawer::-webkit-scrollbar{width:6px}
    .profile-drawer::-webkit-scrollbar-thumb{background:rgba(22,119,255,.24);border-radius:999px}
    .drawer-head{
      position:sticky;
      top:0;
      z-index:4;
      padding:16px 0 10px;
      background:linear-gradient(180deg,rgba(245,250,255,.98) 0%,rgba(245,250,255,.92) 72%,rgba(245,250,255,0));
      backdrop-filter:blur(14px);
    }
    .drawer-title{font-size:19px;letter-spacing:0}
    .drawer-close{
      display:grid;
      place-items:center;
      font-size:22px;
      line-height:1;
      background:rgba(255,255,255,.72);
      box-shadow:0 10px 24px rgba(22,119,255,.10);
      cursor:pointer;
    }
    .drawer-close:hover{color:#0b5cff;border-color:rgba(22,119,255,.34);box-shadow:0 10px 28px rgba(22,119,255,.16)}
    .drawer-user{
      min-height:154px;
      padding:18px;
      align-content:space-between;
      background:
        radial-gradient(circle at 18% 20%,rgba(255,255,255,.28),transparent 32%),
        linear-gradient(135deg,#1677ff 0%,#0f91c7 52%,#18c8ff 100%);
    }
    .drawer-user::before{background:linear-gradient(180deg,rgba(4,20,45,.08),rgba(4,20,45,.42))}
    .drawer-user-main{display:grid;grid-template-columns:56px 1fr;gap:13px;align-items:center}
    .drawer-avatar{
      width:56px;
      height:56px;
      border-radius:16px;
      font-size:20px;
      box-shadow:0 16px 30px rgba(0,37,90,.24),inset 0 0 0 1px rgba(22,119,255,.10);
    }
    .drawer-name{
      margin:0 0 4px;
      font-size:21px;
      line-height:1.15;
      max-width:100%;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .drawer-level{font-size:12px;font-weight:950;color:#eaf6ff}
    .drawer-email{
      margin-top:4px;
      max-width:260px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      color:rgba(255,255,255,.82);
    }
    .drawer-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px}
    .drawer-status-row span{
      min-width:0;
      padding:6px 9px;
      border-radius:999px;
      background:rgba(255,255,255,.16);
      border:1px solid rgba(255,255,255,.18);
      color:#fff;
      font-size:12px;
      font-weight:900;
      white-space:nowrap;
    }
    .drawer-stats{gap:9px}
    .drawer-stat{
      min-height:92px;
      padding:12px 10px;
      display:grid;
      align-content:start;
      gap:5px;
      background:rgba(255,255,255,.88);
      border-color:rgba(120,180,255,.34);
    }
    .drawer-stat span{font-size:12px;font-weight:900;color:#54708f}
    .drawer-stat b{font-size:29px;line-height:1;color:#071a33}
    .drawer-stat em{font-style:normal;font-size:11px;font-weight:850;color:#1677ff}
    .drawer-card{
      padding:15px;
      background:rgba(255,255,255,.86);
      backdrop-filter:blur(16px);
      border-color:rgba(120,180,255,.32);
      box-shadow:0 10px 30px rgba(20,80,150,.08);
    }
    .drawer-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
    .drawer-card h3{margin:0;font-size:15px}
    .drawer-card-head strong{font-size:20px;color:#1677ff}
    .drawer-progress{height:10px;background:#e8f3ff}
    .drawer-stage-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:10px}
    .drawer-stage-row span{
      position:relative;
      padding-top:14px;
      color:#6c82a0;
      font-size:10px;
      font-weight:850;
      text-align:center;
    }
    .drawer-stage-row span::before{
      content:"";
      position:absolute;
      top:0;
      left:50%;
      width:8px;
      height:8px;
      border-radius:999px;
      transform:translateX(-50%);
      background:#c7dcf3;
      box-shadow:0 0 0 3px #eef7ff;
    }
    .drawer-stage-row span.done{color:#1677ff}
    .drawer-stage-row span.done::before{background:#1677ff}
    .drawer-award-row{margin-top:12px;line-height:1.55;color:#54708f}
    .drawer-inline-action{
      width:100%;
      min-height:40px;
      margin-top:12px;
      border:0;
      border-radius:8px;
      background:linear-gradient(135deg,#1677ff 0%,#18c8ff 100%);
      color:#fff;
      font-weight:950;
      box-shadow:0 8px 24px rgba(22,119,255,.24);
      cursor:pointer;
    }
    .drawer-inline-action:hover{filter:saturate(1.08) brightness(1.02)}
    .drawer-theme-card{
      background:
        linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,247,255,.94)),
        repeating-linear-gradient(90deg,rgba(22,119,255,.08) 0 1px,transparent 1px 18px);
    }
    .drawer-theme-card strong{
      display:block;
      color:#071a33;
      font-size:19px;
      line-height:1.25;
    }
    .drawer-theme-card p{margin:7px 0 0;color:#54708f;font-size:13px;line-height:1.55}
    .drawer-theme-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}
    .drawer-theme-meta span{
      padding:6px 9px;
      border-radius:999px;
      background:#eef7ff;
      color:#1760bd;
      font-size:12px;
      font-weight:900;
    }
    .drawer-theme-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
    .drawer-theme-actions button{
      min-height:38px;
      border-radius:8px;
      border:1px solid rgba(22,119,255,.18);
      background:#fff;
      color:#075de8;
      font-weight:950;
      cursor:pointer;
    }
    .drawer-theme-actions button:last-child{background:#071a33;color:#fff;border-color:#071a33}
    .drawer-rookie-card h3{margin-bottom:10px}
    .rookie-steps{display:grid;gap:8px}
    .rookie-steps span{
      position:relative;
      padding:9px 10px 9px 30px;
      border-radius:8px;
      background:#f5faff;
      color:#54708f;
      font-size:12px;
      font-weight:900;
    }
    .rookie-steps span::before{
      content:"";
      position:absolute;
      left:11px;
      top:50%;
      width:9px;
      height:9px;
      border-radius:999px;
      transform:translateY(-50%);
      background:#c7dcf3;
    }
    .rookie-steps span.done{color:#0f7a55;background:#effcf6}
    .rookie-steps span.done::before{background:#18b57a}
    .drawer-links{gap:12px}
    .drawer-link-group h3{margin:0 0 8px;color:#54708f;font-size:12px;font-weight:950}
    .drawer-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .drawer-link{
      min-height:62px;
      padding:10px 11px;
      display:grid;
      align-content:center;
      justify-content:start;
      gap:4px;
      background:rgba(255,255,255,.82);
      color:#071a33;
      line-height:1.2;
      cursor:pointer;
    }
    .drawer-link:hover{border-color:rgba(22,119,255,.32);box-shadow:0 12px 26px rgba(22,119,255,.11)}
    .drawer-link span{font-size:11px;color:#1677ff}
    .drawer-actions{
      position:sticky;
      bottom:0;
      z-index:3;
      margin:2px -2px 0;
      padding:12px 2px 0;
      display:grid;
      grid-template-columns:1fr;
      gap:8px;
      background:linear-gradient(180deg,rgba(245,250,255,0),rgba(245,250,255,.98) 28%);
    }
    .drawer-logout-link{
      border:0;
      background:transparent;
      color:#54708f;
      font-size:13px;
      font-weight:900;
      cursor:pointer;
    }
    .drawer-logout-link:hover{color:#075de8}

    @media(max-width:820px){
      .app{padding-left:0}
      .topbar{
        position:sticky;
        inset:auto;
        width:auto;
        height:60px;
        padding:0 16px;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        border-right:0;
        border-bottom:1px solid rgba(19,109,255,.18);
        box-shadow:0 14px 46px rgba(19,109,255,.12);
      }
      .brand{
        width:auto;
        padding:0;
        border-bottom:0;
      }
      .brand-mark{width:30px;height:30px;border-radius:8px}
      .brand-sub{display:none}
      .nav{display:none}
      .nav-actions{
        width:auto;
        margin-top:0;
        display:flex;
        align-items:center;
        justify-content:flex-end;
        gap:8px;
      }
      .topbar .guest-actions,.topbar .authed-actions{width:auto;flex-direction:row;align-items:center}
      .topbar .btn{
        width:auto;
        height:38px;
        font-size:14px;
        border-radius:8px;
      }
      .topbar #openSubmit{height:38px;font-size:14px}
      .topbar #openSubmit::before{display:none}
      .topbar .user-chip{
        width:auto;
        min-height:38px;
        height:38px;
        padding:0 10px;
      }
      .menu-btn{display:inline-grid}
      .vibe-dock-btn{width:38px;height:38px;border-radius:10px}
      .mobile-nav{
        top:60px;
        background:rgba(248,252,255,.96);
        border-bottom-color:rgba(19,109,255,.18);
        box-shadow:0 16px 32px rgba(19,109,255,.12);
      }
      .mobile-nav button{
        display:flex;
        align-items:center;
        gap:10px;
        justify-content:flex-start;
      }
    }

    /* 高级策展版：更轻导航、杂志式首页和克制字体层级 */
    .topbar{
      height:64px;
      padding:0 clamp(16px,3vw,34px);
      background:rgba(255,255,255,.84);
      border-bottom:1px solid rgba(8,36,76,.10);
      box-shadow:0 10px 34px rgba(19,74,128,.08);
      backdrop-filter:blur(18px) saturate(1.2);
    }
    .brand{
      min-width:auto;
      width:auto;
      height:64px;
      padding:0;
      gap:10px;
      background:transparent;
    }
    .brand::after{display:none}
    .brand-mark{
      width:34px;
      height:34px;
      border-radius:9px;
      background:linear-gradient(135deg,#0b5cff,#17c7df);
      box-shadow:0 8px 18px rgba(19,109,255,.18);
    }
    .brand-title{
      color:#06152b;
      font-size:15px;
      font-weight:860;
      letter-spacing:0;
    }
    .brand-sub{color:#6f8298;font-size:10px}
    .nav{
      gap:2px;
      padding:4px;
      margin:0 auto;
      border:1px solid rgba(8,36,76,.08);
      border-radius:999px;
      background:rgba(244,249,253,.72);
    }
    .nav button,.mobile-nav button{
      height:32px;
      padding:0 13px;
      border-radius:999px;
      border:0;
      color:#58708a;
      font-size:13px;
      font-weight:720;
      box-shadow:none;
    }
    .nav button:hover,.nav button.on,.mobile-nav button:hover,.mobile-nav button.on{
      color:#06152b;
      background:#fff;
      border-color:transparent;
      box-shadow:0 6px 16px rgba(19,74,128,.08);
    }
    .topbar .btn{
      height:34px;
      border-radius:999px;
      font-size:13px;
      font-weight:780;
    }
    .topbar .btn-primary{
      background:#06152b;
      color:#fff;
      box-shadow:0 10px 22px rgba(6,21,43,.18);
    }
    .topbar .btn-secondary{
      background:transparent;
      border-color:rgba(8,36,76,.12);
      color:#31506f;
      box-shadow:none;
    }
    .section{max-width:1240px}
    .section-head{margin-bottom:22px}
    .section-kicker{
      color:#0b5cff;
      font-size:10px;
      font-weight:860;
      letter-spacing:.12em;
    }
    .section-title{
      color:#06152b;
      font-size:clamp(24px,2.4vw,34px);
      line-height:1.14;
      font-weight:900;
      letter-spacing:0;
    }
    .section-desc{
      max-width:620px;
      color:#64758f;
      font-size:14px;
      line-height:1.7;
    }
    .card-title{
      color:#06152b;
      font-size:17px;
      line-height:1.28;
      letter-spacing:0;
    }
    .card-desc{
      color:#5d7188;
      font-size:13px;
      line-height:1.7;
    }
    .cinema-title{
      font-weight:920;
      letter-spacing:0;
    }
    .cinema-intro{
      max-width:520px;
      font-weight:520;
      line-height:1.75;
    }
    .editorial-home{
      display:grid;
      grid-template-columns:minmax(0,1.32fr) minmax(330px,.68fr);
      gap:18px;
      align-items:stretch;
    }
    .editorial-feature,.editorial-mini,.editorial-rank-panel{
      border:1px solid rgba(19,109,255,.12);
      border-radius:8px;
      background:rgba(255,255,255,.82);
      box-shadow:0 18px 46px rgba(19,74,128,.08);
      overflow:hidden;
    }
    .editorial-feature{
      min-height:560px;
      display:grid;
      grid-template-rows:minmax(280px,1fr) auto;
      cursor:pointer;
    }
    .editorial-cover{
      position:relative;
      min-height:300px;
      overflow:hidden;
      background:#dff3ff;
    }
    .editorial-cover img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }
    .editorial-cover::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg,rgba(255,255,255,0) 42%,rgba(6,21,43,.28));
      pointer-events:none;
    }
    .editorial-art{
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      color:#fff;
      font-size:96px;
      font-weight:900;
    }
    .editorial-art::after{
      content:"";
      position:absolute;
      inset:24px;
      border:1px solid rgba(255,255,255,.38);
      border-radius:8px;
    }
    .editorial-feature-body{padding:22px}
    .editorial-meta{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:14px;
    }
    .editorial-feature h3{
      margin:0;
      color:#06152b;
      font-size:clamp(28px,4vw,48px);
      line-height:1.04;
      font-weight:920;
      letter-spacing:0;
    }
    .editorial-feature p{
      max-width:680px;
      margin:12px 0 0;
      color:#526984;
      font-size:15px;
      line-height:1.78;
    }
    .editorial-note{
      margin-top:18px;
      padding:14px 16px;
      border-left:3px solid #0b5cff;
      background:rgba(19,109,255,.06);
      color:#31506f;
      font-size:13px;
      line-height:1.7;
    }
    .editorial-side{
      display:grid;
      grid-template-rows:auto 1fr;
      gap:14px;
    }
    .editorial-mini-list{
      display:grid;
      gap:14px;
    }
    .editorial-mini{
      min-height:172px;
      padding:16px;
      display:grid;
      align-content:space-between;
      cursor:pointer;
      transition:transform .16s,border-color .16s,box-shadow .16s;
    }
    .editorial-mini:hover,.editorial-feature:hover,.editorial-rank-row:hover{
      transform:translateY(-2px);
      border-color:rgba(19,109,255,.24);
      box-shadow:0 22px 54px rgba(19,74,128,.12);
    }
    .editorial-mini h3{
      margin:10px 0 8px;
      color:#06152b;
      font-size:20px;
      line-height:1.24;
      letter-spacing:0;
    }
    .editorial-mini p{
      margin:0;
      color:#5d7188;
      font-size:13px;
      line-height:1.65;
    }
    .editorial-mini-foot{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-top:16px;
      color:#6f8298;
      font-size:12px;
    }
    .editorial-rank-panel{
      padding:16px;
    }
    .editorial-rank-head{
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:12px;
      margin-bottom:12px;
    }
    .editorial-rank-head h3{
      margin:0;
      color:#06152b;
      font-size:18px;
      letter-spacing:0;
    }
    .editorial-rank-head span{
      color:#6f8298;
      font-size:12px;
    }
    .editorial-rank-list{
      display:grid;
      gap:8px;
    }
    .editorial-rank-row{
      display:grid;
      grid-template-columns:34px 1fr auto;
      gap:10px;
      align-items:center;
      padding:10px;
      border:1px solid rgba(19,109,255,.10);
      border-radius:8px;
      background:rgba(247,251,255,.72);
      cursor:pointer;
      transition:transform .16s,border-color .16s,box-shadow .16s;
    }
    .editorial-rank-no{
      color:#0b5cff;
      font-family:"SFMono-Regular",Consolas,monospace;
      font-size:12px;
      font-weight:900;
    }
    .editorial-rank-title{
      min-width:0;
      color:#06152b;
      font-size:13px;
      font-weight:820;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .editorial-rank-score{
      color:#075de8;
      font-size:12px;
      font-weight:900;
    }
    .editorial-more{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:14px;
      grid-column:1/-1;
    }
    .editorial-more .work-card{
      box-shadow:0 14px 38px rgba(19,74,128,.07);
    }
    @media(max-width:980px){
      .editorial-home{grid-template-columns:1fr}
      .editorial-side{grid-template-rows:auto}
      .editorial-more{grid-template-columns:1fr}
    }
    @media(max-width:820px){
      .topbar{
        height:58px;
        padding:0 14px;
        background:rgba(255,255,255,.9);
        box-shadow:0 8px 24px rgba(19,74,128,.08);
      }
      .brand{height:58px}
      .brand-mark{width:30px;height:30px}
      .mobile-nav{
        top:58px;
        background:rgba(255,255,255,.96);
      }
      .editorial-feature{min-height:auto}
      .editorial-cover{min-height:230px}
      .editorial-feature-body{padding:18px}
      .editorial-meta{align-items:flex-start;flex-direction:column}
    }

    /* 作品库增强：档案馆视图、筛选工具栏和展品卡片 */
    .archive-dashboard{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:12px;
      margin:0 0 18px;
    }
    .archive-stat{
      padding:16px;
      border:1px solid rgba(19,109,255,.12);
      border-radius:8px;
      background:rgba(255,255,255,.78);
      box-shadow:0 14px 34px rgba(19,74,128,.06);
    }
    .archive-stat strong{
      display:block;
      color:#06152b;
      font-size:28px;
      line-height:1;
      letter-spacing:0;
    }
    .archive-stat span{
      display:block;
      margin-top:7px;
      color:#64758f;
      font-size:12px;
    }
    .archive-feature{
      display:grid;
      grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
      gap:16px;
      margin:0 0 18px;
      align-items:stretch;
    }
    .archive-feature-visual,.archive-feature-info{
      border:1px solid rgba(19,109,255,.13);
      border-radius:8px;
      background:rgba(255,255,255,.82);
      box-shadow:0 18px 46px rgba(19,74,128,.08);
      overflow:hidden;
    }
    .archive-feature-visual{
      position:relative;
      min-height:310px;
      cursor:pointer;
      background:#e9f7ff;
    }
    .archive-feature-visual img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
    }
    .archive-feature-visual::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg,rgba(255,255,255,0) 50%,rgba(6,21,43,.38));
    }
    .archive-feature-icon{
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      color:#fff;
      font-size:92px;
      font-weight:900;
    }
    .archive-feature-badge{
      position:absolute;
      left:16px;
      bottom:16px;
      z-index:1;
      display:flex;
      gap:8px;
      flex-wrap:wrap;
    }
    .archive-feature-info{
      padding:22px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      gap:18px;
    }
    .archive-feature-info h2{
      margin:10px 0 10px;
      color:#06152b;
      font-size:clamp(28px,3.4vw,42px);
      line-height:1.06;
      letter-spacing:0;
    }
    .archive-feature-info p{
      margin:0;
      color:#526984;
      font-size:14px;
      line-height:1.75;
    }
    .archive-feature-note{
      padding:13px 15px;
      border-left:3px solid #0b5cff;
      background:rgba(19,109,255,.06);
      color:#31506f;
      font-size:13px;
      line-height:1.65;
    }
    .archive-feature-actions{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }
    .archive-control-panel{
      display:grid;
      grid-template-columns:minmax(240px,1fr) auto auto auto;
      gap:10px;
      align-items:end;
      padding:14px;
      margin:0 0 16px;
      border:1px solid rgba(19,109,255,.12);
      border-radius:8px;
      background:rgba(255,255,255,.78);
      box-shadow:0 14px 34px rgba(19,74,128,.06);
    }
    .archive-control-panel .form-row{
      min-width:150px;
    }
    .archive-control-panel label{
      color:#6f8298;
      font-size:11px;
      letter-spacing:.04em;
    }
    .archive-control-panel .search,
    .archive-control-panel .select{
      height:38px;
      border-radius:8px;
      background:#fff;
      border-color:rgba(19,109,255,.14);
      color:#06152b;
      box-shadow:none;
    }
    .filters.archive-type-filter{
      margin:0 0 16px;
      padding:5px;
      width:max-content;
      max-width:100%;
      border:1px solid rgba(19,109,255,.10);
      border-radius:999px;
      background:rgba(244,249,253,.78);
    }
    .filters.archive-type-filter .pill{
      border:0;
      background:transparent;
      color:#58708a;
    }
    .filters.archive-type-filter .pill.on,
    .filters.archive-type-filter .pill:hover{
      background:#06152b;
      color:#fff;
      box-shadow:0 8px 18px rgba(6,21,43,.16);
    }
    .archive-grid{
      grid-template-columns:repeat(auto-fill,minmax(286px,1fr));
      gap:18px;
    }
    .archive-grid .work-card{
      background:#fff;
      border-color:rgba(19,109,255,.10);
      box-shadow:0 12px 32px rgba(19,74,128,.06);
    }
    .archive-grid .work-card:hover{
      transform:translateY(-2px);
      border-color:rgba(19,109,255,.22);
      box-shadow:0 20px 46px rgba(19,74,128,.10);
    }
    .archive-grid .thumb{
      height:162px;
      background:#edf8ff;
    }
    .archive-card-note{
      min-height:58px;
      margin-top:12px;
      padding:11px 12px;
      border-radius:8px;
      background:rgba(19,109,255,.055);
      color:#31506f;
      font-size:12px;
      line-height:1.55;
    }
    .archive-card-meta{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-top:12px;
      color:#6f8298;
      font-size:12px;
    }
    .view-work{
      height:30px;
      padding:0 11px;
      border:1px solid rgba(19,109,255,.16);
      border-radius:999px;
      background:#fff;
      color:#075de8;
      font-size:12px;
      font-weight:850;
    }
    .award-download-btn{background:#06152b;color:#fff;border-color:rgba(6,21,43,.18)}
    .empty-actions{
      display:flex;
      justify-content:center;
      gap:8px;
      flex-wrap:wrap;
      margin-top:14px;
    }
    @media(max-width:980px){
      .archive-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}
      .archive-feature,.archive-control-panel{grid-template-columns:1fr}
      .filters.archive-type-filter{width:100%;border-radius:8px}
    }
    /* 改进2：策展信号、可逛作品库、过程时间线和移动投稿入口 */
    #page-home > .hero{display:none}
    .weekly-signal-strip{max-width:1220px;margin:0 auto;padding:18px 28px 10px}
    .weekly-signal-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
    .weekly-signal-card{padding:15px;border:1px solid rgba(19,109,255,.14);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(235,247,255,.82));box-shadow:0 16px 42px rgba(19,109,255,.08)}
    .weekly-signal-card b{display:block;color:#06152b;font-size:14px;margin-bottom:7px}
    .weekly-signal-card span{display:block;color:#526984;font-size:13px;line-height:1.55}
    .editorial-reason{display:block;margin-top:4px;color:#6f8298;font-size:11px;line-height:1.45;white-space:normal}
    .editorial-mini .editorial-note{margin-top:10px;padding:10px 12px;font-size:12px}
.archive-quick-tools{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.archive-quick-tools .pill{background:#fff;border-color:rgba(19,109,255,.14);color:#075de8}
.archive-quick-tools .pill.on,.archive-quick-tools .pill:hover{background:#06152b;color:#fff}
.archive-curator-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:10px;border:1px solid rgba(19,109,255,.12);border-radius:8px;background:rgba(255,255,255,.58)}
.archive-curator-filters .pill{background:rgba(255,255,255,.82);border-color:rgba(19,109,255,.14);color:#31506f}
.archive-curator-filters .pill.on,.archive-curator-filters .pill:hover{background:#075de8;color:#fff;border-color:#075de8}
.archive-control-panel{grid-template-columns:minmax(220px,1fr) auto auto auto auto auto}
    .archive-random{height:38px;border-radius:8px;white-space:nowrap}
    .archive-card-meta strong{color:#075de8;font-weight:900}
    .steam-process{margin-top:14px;padding:16px;border-radius:8px;background:rgba(255,255,255,.8);border:1px solid rgba(19,109,255,.14);box-shadow:0 16px 44px rgba(19,109,255,.08)}
    .steam-process h3{margin:0 0 14px;color:#06152b;font-size:16px}
    .process-timeline{display:grid;gap:10px}
    .timeline-item{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}
    .timeline-dot{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#136dff,#18d7ff);color:#fff;font-size:12px;font-weight:950}
    .timeline-body{padding:11px 12px;border-radius:8px;background:rgba(19,109,255,.055);border:1px solid rgba(19,109,255,.1)}
    .timeline-body b{display:block;color:#06152b;font-size:13px;margin-bottom:4px}
    .timeline-body span{display:block;color:#31506f;font-size:12px;line-height:1.6;white-space:pre-wrap}
    .prompt-code{display:block;margin-top:8px;padding:12px;border-radius:8px;background:#06152b;color:#b8fff0;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:12px;line-height:1.65;white-space:pre-wrap}
    .remix-btn{background:rgba(255,209,102,.18)!important;border-color:rgba(255,209,102,.34)!important;color:#7b5200!important}
    .challenge-countdown{margin-top:12px;padding:10px 12px;border-radius:8px;background:rgba(255,209,102,.14);border:1px solid rgba(255,209,102,.28);color:#7b5200;font-size:12px;font-weight:900}
    .challenge-proof{margin-top:12px;padding-top:12px;border-top:1px solid rgba(19,109,255,.12)}
    .challenge-thumbs{display:flex;gap:6px;margin-top:8px}
    .challenge-thumb{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#dff3ff,#f8fcff);border:1px solid rgba(19,109,255,.14);color:#075de8;font-weight:950;font-size:12px;overflow:hidden}
    .award-share-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
    .mobile-submit-fab{display:none;position:fixed;right:16px;bottom:18px;z-index:130;height:46px;padding:0 18px;border-radius:999px;background:#06152b;color:#fff;box-shadow:0 18px 38px rgba(6,21,43,.24)}
    @media(max-width:980px){
      .weekly-signal-inner{grid-template-columns:1fr}
      .archive-control-panel{grid-template-columns:1fr}
    }
    @media(max-width:820px){
      .weekly-signal-strip{padding:14px 16px 8px}
      .mobile-submit-fab{display:inline-flex;align-items:center;justify-content:center}
      .back-top{bottom:76px}
    }
    @media(max-width:540px){
      .archive-dashboard{grid-template-columns:1fr}
      .archive-feature-visual{min-height:230px}
      .archive-feature-info{padding:18px}
    }

    /* 改进2-4：用 data-theme 统一主题切换 */
    .theme-toggle{
      position:relative;
      flex:0 0 auto;
      display:inline-grid;
      place-items:center;
      overflow:hidden;
    }
    .theme-toggle::before{
      content:"";
      position:absolute;
      inset:8px;
      border-radius:50%;
      background:linear-gradient(135deg,#06152b 0 50%,#18d7ff 50% 100%);
      box-shadow:0 0 18px rgba(24,215,255,.22);
    }
    .theme-toggle-icon{
      position:relative;
      z-index:1;
      color:transparent;
      font-size:0;
    }
    .mobile-nav .theme-mobile-toggle{
      justify-content:flex-start;
      color:#075de8;
      font-weight:850;
    }
    .theme-drawer-toggle span{
      color:#075de8;
    }
    html[data-theme="light"]{
      --bg:#f7fbff;
      --panel:#ffffff;
      --panel-2:#edf6ff;
      --line:#bfdcff;
      --text:#06152b;
      --muted:#4a6585;
      --soft:#7891ad;
      --teal:#18d7ff;
      --blue:#136dff;
      --coral:#3a8cff;
      --amber:#8fdfff;
      --violet:#6aa9ff;
      --shadow:0 28px 90px rgba(19,109,255,.18);
    }
    html[data-theme="cyber"]{
      --bg:#05070c;
      --panel:#0d131d;
      --panel-2:#111a27;
      --line:#213044;
      --text:#eef7ff;
      --muted:#a4b4c7;
      --soft:#6f8094;
      --teal:#35d6a4;
      --blue:#65a8ff;
      --coral:#ff6b5f;
      --amber:#ffd166;
      --violet:#a78bfa;
      --shadow:0 24px 80px rgba(0,0,0,.42);
      color-scheme:dark;
    }
    html[data-theme="cyber"] body{
      background:
        radial-gradient(circle at 18% 8%,rgba(53,214,164,.16),transparent 26rem),
        radial-gradient(circle at 84% 4%,rgba(101,168,255,.13),transparent 30rem),
        linear-gradient(180deg,#05070c 0%,#0b111b 48%,#070a10 100%);
      color:var(--text);
    }
    html[data-theme="cyber"] body::before{
      background-image:
        linear-gradient(rgba(53,214,164,.08) 1px,transparent 1px),
        linear-gradient(90deg,rgba(101,168,255,.08) 1px,transparent 1px);
      background-size:42px 42px;
      mask-image:linear-gradient(to bottom,#000 0 68%,transparent);
    }
    html[data-theme="cyber"] body::after{
      background:
        linear-gradient(115deg,transparent 0 43%,rgba(53,214,164,.10) 43.4%,transparent 44% 100%),
        repeating-linear-gradient(180deg,rgba(255,255,255,.026) 0 1px,transparent 1px 8px);
      opacity:.52;
    }
    html[data-theme="cyber"] .topbar,
    html[data-theme="cyber"] .mobile-nav{
      background:rgba(5,7,12,.84);
      border-color:rgba(53,214,164,.16);
      box-shadow:0 14px 42px rgba(0,0,0,.36);
    }
    html[data-theme="cyber"] .brand{
      background:transparent;
    }
    html[data-theme="cyber"] .brand-title,
    html[data-theme="cyber"] .section-title,
    html[data-theme="cyber"] .card-title,
    html[data-theme="cyber"] .panel h3,
    html[data-theme="cyber"] .challenge h3,
    html[data-theme="cyber"] .curator-copy h2,
    html[data-theme="cyber"] .submit-panel h2,
    html[data-theme="cyber"] .challenge-brief h2,
    html[data-theme="cyber"] .about-brief h2,
    html[data-theme="cyber"] .stage-wall-content h2,
    html[data-theme="cyber"] .spotlight-item strong,
    html[data-theme="cyber"] .archive-feature-info h2,
    html[data-theme="cyber"] .editorial-feature h3,
    html[data-theme="cyber"] .editorial-mini h3,
    html[data-theme="cyber"] .editorial-rank-head h3,
    html[data-theme="cyber"] .editorial-rank-title,
    html[data-theme="cyber"] .award-copy h2,
    html[data-theme="cyber"] .theme-console h2,
    html[data-theme="cyber"] .jury-panel h2,
    html[data-theme="cyber"] .award-flow h2,
    html[data-theme="cyber"] .award-share-lab h2,
    html[data-theme="cyber"] .award-card h3,
    html[data-theme="cyber"] .principle-card h3,
    html[data-theme="cyber"] .drawer-title,
    html[data-theme="cyber"] .drawer-card h3,
    html[data-theme="cyber"] .drawer-link,
    html[data-theme="cyber"] .steam-title-row h3,
    html[data-theme="cyber"] .steam-panel h3,
    html[data-theme="cyber"] .steam-process h3,
    html[data-theme="cyber"] .timeline-body b,
    html[data-theme="cyber"] .weekly-theme-card b{
      color:#f3f8ff;
    }
    html[data-theme="cyber"] .brand-sub,
    html[data-theme="cyber"] .hero-sub,
    html[data-theme="cyber"] .section-desc,
    html[data-theme="cyber"] .card-desc,
    html[data-theme="cyber"] .panel p,
    html[data-theme="cyber"] .panel li,
    html[data-theme="cyber"] .challenge p,
    html[data-theme="cyber"] .curator-copy p,
    html[data-theme="cyber"] .submit-panel p,
    html[data-theme="cyber"] .challenge-brief p,
    html[data-theme="cyber"] .about-brief p,
    html[data-theme="cyber"] .stage-wall-content p,
    html[data-theme="cyber"] .spotlight-item span,
    html[data-theme="cyber"] .archive-feature-info p,
    html[data-theme="cyber"] .editorial-feature p,
    html[data-theme="cyber"] .editorial-mini p,
    html[data-theme="cyber"] .editorial-rank-head span,
    html[data-theme="cyber"] .editorial-reason,
    html[data-theme="cyber"] .award-copy p,
    html[data-theme="cyber"] .theme-console p,
    html[data-theme="cyber"] .jury-panel p,
    html[data-theme="cyber"] .award-flow p,
    html[data-theme="cyber"] .award-share-lab p,
    html[data-theme="cyber"] .award-card p,
    html[data-theme="cyber"] .principle-card p,
    html[data-theme="cyber"] .archive-card-meta,
    html[data-theme="cyber"] .drawer-stat span,
    html[data-theme="cyber"] .steam-desc,
    html[data-theme="cyber"] .steam-panel p,
    html[data-theme="cyber"] .steam-panel span,
    html[data-theme="cyber"] .timeline-body span,
    html[data-theme="cyber"] .weekly-theme-card span{
      color:var(--muted);
    }
    html[data-theme="cyber"] .nav,
    html[data-theme="cyber"] .filters.archive-type-filter{
      background:rgba(255,255,255,.045);
      border-color:rgba(53,214,164,.15);
    }
    html[data-theme="cyber"] .nav button,
    html[data-theme="cyber"] .mobile-nav button{
      color:#a8b7c8;
    }
    html[data-theme="cyber"] .nav button:hover,
    html[data-theme="cyber"] .nav button.on,
    html[data-theme="cyber"] .mobile-nav button:hover,
    html[data-theme="cyber"] .mobile-nav button.on{
      color:#06110e;
      background:var(--teal);
      box-shadow:0 0 22px rgba(53,214,164,.18);
    }
    html[data-theme="cyber"] .btn-primary,
    html[data-theme="cyber"] .topbar .btn-primary{
      background:var(--teal);
      color:#06110e;
      box-shadow:0 14px 34px rgba(53,214,164,.18);
    }
    html[data-theme="cyber"] .btn-secondary,
    html[data-theme="cyber"] .topbar .btn-secondary,
    html[data-theme="cyber"] .icon-btn,
    html[data-theme="cyber"] .close,
    html[data-theme="cyber"] .drawer-close,
    html[data-theme="cyber"] .view-work{
      background:rgba(255,255,255,.055);
      border-color:rgba(53,214,164,.18);
      color:#d9f7ef;
      box-shadow:none;
    }
    html[data-theme="cyber"] .brand-mark,
    html[data-theme="cyber"] .award-medal,
    html[data-theme="cyber"] .podium-rank,
    html[data-theme="cyber"] .process-step i,
    html[data-theme="cyber"] .timeline-dot,
    html[data-theme="cyber"] .insight-no{
      background:linear-gradient(135deg,var(--teal),var(--blue));
      color:#06110e;
    }
    html[data-theme="cyber"] .curator-panel,
    html[data-theme="cyber"] .insight-panel,
    html[data-theme="cyber"] .submit-panel,
    html[data-theme="cyber"] .challenge-brief,
    html[data-theme="cyber"] .about-brief,
    html[data-theme="cyber"] .spotlight-card,
    html[data-theme="cyber"] .archive-stat,
    html[data-theme="cyber"] .archive-feature-visual,
    html[data-theme="cyber"] .archive-feature-info,
    html[data-theme="cyber"] .archive-control-panel,
    html[data-theme="cyber"] .editorial-feature,
    html[data-theme="cyber"] .editorial-mini,
    html[data-theme="cyber"] .editorial-rank-panel,
    html[data-theme="cyber"] .work-card,
    html[data-theme="cyber"] .challenge,
    html[data-theme="cyber"] .panel,
    html[data-theme="cyber"] .award-stage,
    html[data-theme="cyber"] .award-card,
    html[data-theme="cyber"] .podium-card,
    html[data-theme="cyber"] .jury-panel,
    html[data-theme="cyber"] .award-flow,
    html[data-theme="cyber"] .award-share-lab,
    html[data-theme="cyber"] .theme-console,
    html[data-theme="cyber"] .principle-card,
    html[data-theme="cyber"] .weekly-signal-card,
    html[data-theme="cyber"] .drawer-stat,
    html[data-theme="cyber"] .drawer-card,
    html[data-theme="cyber"] .drawer-link,
    html[data-theme="cyber"] .modal,
    html[data-theme="cyber"] .steam-panel,
    html[data-theme="cyber"] .steam-process,
    html[data-theme="cyber"] .weekly-theme-card,
    html[data-theme="cyber"] .comment{
      background:linear-gradient(180deg,rgba(17,26,39,.92),rgba(8,12,20,.9));
      border-color:rgba(53,214,164,.16);
      box-shadow:0 18px 48px rgba(0,0,0,.28);
    }
    html[data-theme="cyber"] .curator-card,
    html[data-theme="cyber"] .insight-row,
    html[data-theme="cyber"] .spotlight-item,
    html[data-theme="cyber"] .archive-tool,
    html[data-theme="cyber"] .challenge-lane,
    html[data-theme="cyber"] .challenge-detail,
    html[data-theme="cyber"] .process-step,
    html[data-theme="cyber"] .process-note,
    html[data-theme="cyber"] .editorial-rank-row,
    html[data-theme="cyber"] .archive-card-note,
    html[data-theme="cyber"] .timeline-body,
    html[data-theme="cyber"] .editorial-note,
    html[data-theme="cyber"] .editor-note{
      background:rgba(255,255,255,.055);
      border-color:rgba(53,214,164,.13);
      color:var(--muted);
    }
    html[data-theme="cyber"] .field,
    html[data-theme="cyber"] .textarea,
    html[data-theme="cyber"] .select,
    html[data-theme="cyber"] .search,
    html[data-theme="cyber"] .archive-control-panel .search,
    html[data-theme="cyber"] .archive-control-panel .select{
      background:rgba(255,255,255,.06);
      border-color:rgba(53,214,164,.18);
      color:var(--text);
    }
    html[data-theme="cyber"] .field::placeholder,
    html[data-theme="cyber"] .textarea::placeholder,
    html[data-theme="cyber"] .search::placeholder{
      color:#6f8094;
    }
    html[data-theme="cyber"] .b-teal,
    html[data-theme="cyber"] .b-blue,
    html[data-theme="cyber"] .b-coral,
    html[data-theme="cyber"] .b-amber,
    html[data-theme="cyber"] .tag-chip{
      background:rgba(53,214,164,.11);
      color:#9cf4d4;
      border-color:rgba(53,214,164,.24);
    }
    html[data-theme="cyber"] .stage-wall::before{
      background:linear-gradient(90deg,rgba(5,7,12,.94),rgba(5,7,12,.54) 44%,rgba(5,7,12,.10));
    }
    html[data-theme="cyber"] .cinema-media::before{
      background:
        radial-gradient(ellipse at center,rgba(255,255,255,0) 0 42%,rgba(53,214,164,.13) 62%,rgba(5,7,12,.94) 100%),
        linear-gradient(180deg,rgba(5,7,12,.84),rgba(5,7,12,.08) 21%,rgba(5,7,12,.06) 68%,rgba(5,7,12,.94));
    }
    html[data-theme="cyber"] .cinema-media::after{
      background:
        linear-gradient(90deg,rgba(5,7,12,.96),transparent 16%,transparent 84%,rgba(5,7,12,.96)),
        linear-gradient(180deg,rgba(5,7,12,.72),transparent 18%,transparent 74%,#05070c);
    }
    html[data-theme="cyber"] .cinema-title,
    html[data-theme="cyber"] h1{
      color:#f3f8ff;
      text-shadow:0 12px 42px rgba(0,0,0,.5);
    }
    html[data-theme="cyber"] .cinema-title span,
    html[data-theme="cyber"] .accent,
    html[data-theme="cyber"] .section-kicker,
    html[data-theme="cyber"] .editorial-rank-score,
    html[data-theme="cyber"] .archive-card-meta strong,
    html[data-theme="cyber"] .insight-value,
    html[data-theme="cyber"] .drawer-link span,
    html[data-theme="cyber"] .theme-drawer-toggle span{
      color:var(--teal);
    }
    html[data-theme="cyber"] .profile-drawer,
    html[data-theme="cyber"] .steam-modal,
    html[data-theme="cyber"] .steam-modal .modal-body,
    html[data-theme="cyber"] .steam-modal .modal-head{
      background:linear-gradient(180deg,#111a27,#080c14);
      border-color:rgba(53,214,164,.16);
      color:var(--muted);
    }
    html[data-theme="cyber"] .archive-curator-filters,
    html[data-theme="cyber"] .profile-level-card,
    html[data-theme="cyber"] .profile-mini-panel,
    html[data-theme="cyber"] .drawer-notice-list button,
    html[data-theme="cyber"] .submit-success-hero,
    html[data-theme="cyber"] .submit-next-grid div{
      background:rgba(16,24,38,.78);
      border-color:rgba(53,214,164,.16);
    }
    html[data-theme="cyber"] .profile-level-card h3,
    html[data-theme="cyber"] .profile-mini-panel h4,
    html[data-theme="cyber"] .profile-notice-list b,
    html[data-theme="cyber"] .drawer-notice-list b,
    html[data-theme="cyber"] .submit-success-hero b,
    html[data-theme="cyber"] .submit-next-grid b{
      color:#f3f8ff;
    }
    html[data-theme="cyber"] .profile-level-card p,
    html[data-theme="cyber"] .profile-notice-list small,
    html[data-theme="cyber"] .drawer-notice-list small,
    html[data-theme="cyber"] .submit-success-hero p,
    html[data-theme="cyber"] .submit-next-grid span{
      color:#b7c8df;
    }
    html[data-theme="cyber"] .archive-curator-filters .pill{
      background:rgba(5,7,12,.42);
      color:#b7c8df;
      border-color:rgba(53,214,164,.14);
    }
    html[data-theme="cyber"] .archive-curator-filters .pill.on,
    html[data-theme="cyber"] .archive-curator-filters .pill:hover{
      background:#9cf4d4;
      color:#071a33;
    }
    html[data-theme="cyber"] .steam-hero{
      background:linear-gradient(180deg,rgba(53,214,164,.08),rgba(101,168,255,.04));
      border-color:rgba(53,214,164,.13);
    }
    html[data-theme="cyber"] .steam-media,
    html[data-theme="cyber"] .steam-cover,
    html[data-theme="cyber"] .archive-grid .thumb,
    html[data-theme="cyber"] .editorial-cover{
      background:#101826;
      border-color:rgba(53,214,164,.16);
    }
    html[data-theme="cyber"] .steam-review span,
    html[data-theme="cyber"] .steam-review b{
      color:#9cf4d4;
    }
    html[data-theme="cyber"] .toast,
    html[data-theme="cyber"] .back-top,
    html[data-theme="cyber"] .mobile-submit-fab{
      background:#101826;
      border-color:rgba(53,214,164,.2);
      color:#d9f7ef;
    }
    html[data-theme="cyber"] .mobile-nav .theme-mobile-toggle{
      color:#9cf4d4;
    }
    html[data-theme="cyber"] .theme-toggle::before{
      background:linear-gradient(135deg,#35d6a4 0 50%,#05070c 50% 100%);
      box-shadow:0 0 20px rgba(53,214,164,.3);
    }
    html[data-theme="cyber"] .theme-toggle{
      border-color:rgba(53,214,164,.24);
    }
/* --- 本周挑战横幅 --- */
.weekly-challenge-banner{max-width:1220px;margin:0 auto;padding:12px 28px 6px}
.challenge-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:8px;background:linear-gradient(135deg,rgba(19,109,255,.12),rgba(24,215,255,.08));border:1px solid rgba(19,109,255,.22);box-shadow:0 12px 34px rgba(19,109,255,.10);flex-wrap:wrap}
.challenge-banner-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
.challenge-banner-badge{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:rgba(19,109,255,.18);color:#075de8;font-size:12px;font-weight:900;white-space:nowrap}
.challenge-banner-left strong{color:#06152b;font-size:17px;white-space:nowrap}
.challenge-banner-left > span:last-of-type{color:#526984;font-size:13px}
.challenge-banner-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex-shrink:0}
.challenge-banner-countdown{color:#c75200;font-size:13px;font-weight:800;background:rgba(255,209,102,.18);padding:5px 10px;border-radius:999px;white-space:nowrap}
.challenge-banner-entries{color:#526984;font-size:13px;white-space:nowrap}
.challenge-banner-right .btn{height:36px;white-space:nowrap}
.copy-prompt-btn{transition:all .18s}
.copy-prompt-btn.copied{background:var(--ok)!important;color:#fff!important;border-color:var(--ok)!important}
.prompt-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.prompt-title .copy-prompt-btn{height:28px;padding:0 10px;font-size:11px;flex:0 0 auto}
.steam-comments-title{margin:0;color:#fff}
@media(max-width:820px){
  .challenge-banner-inner{flex-direction:column;align-items:flex-start;gap:10px}
  .challenge-banner-right{width:100%;justify-content:flex-start}
  .challenge-banner-left{flex-direction:column;align-items:flex-start;gap:6px}
  .challenge-banner-left strong{font-size:15px}
}

/* 小 v AI 助手 */
.vera-assistant{position:fixed;right:22px;bottom:92px;z-index:135;width:74px;height:74px;touch-action:none;user-select:none}
.vera-bubble{position:absolute;left:50%;bottom:calc(100% + 10px);padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.92);border:1px solid rgba(19,109,255,.18);color:#063c9f;font-size:13px;font-weight:850;line-height:1;white-space:nowrap;box-shadow:0 12px 30px rgba(19,109,255,.14);transform:translateX(-50%);transform-origin:center bottom;transition:transform .18s,opacity .18s}
.vera-bubble::after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;background:inherit;border-right:1px solid rgba(19,109,255,.18);border-bottom:1px solid rgba(19,109,255,.18);transform:translateX(-50%) rotate(45deg)}
.vera-avatar-btn{position:relative;width:74px;height:74px;border-radius:50%;padding:0;border:1px solid rgba(24,215,255,.45);background:linear-gradient(135deg,var(--teal),var(--blue));box-shadow:0 16px 42px rgba(19,109,255,.28),0 0 0 6px rgba(24,215,255,.1);overflow:visible;cursor:grab;transition:transform .18s,box-shadow .18s,border-color .18s}
.vera-avatar-btn:active{cursor:grabbing}
.vera-avatar-btn:hover,.vera-avatar-btn:focus-visible{transform:scale(1.08);border-color:rgba(53,214,164,.72);box-shadow:0 18px 46px rgba(19,109,255,.28),0 0 28px rgba(53,214,164,.42),0 0 0 7px rgba(24,215,255,.12);outline:none}
.vera-avatar-btn img{width:100%;height:100%;border-radius:50%;display:block;object-fit:cover;background:#fff}
.vera-avatar-btn::after,.vera-chat-avatar::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid transparent;background:conic-gradient(from 0deg,var(--teal),var(--blue),transparent 55%,var(--teal)) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;pointer-events:none}
.vera-assistant.thinking .vera-avatar-btn::after,.vera-chat-avatar.thinking::after{opacity:1;animation:veraSpin 1s linear infinite}
.vera-assistant:hover .vera-bubble{transform:translateX(-50%) translateY(-3px)}
@keyframes veraSpin{to{transform:rotate(360deg)}}
.vera-modal{position:fixed;width:min(430px,calc(100vw - 16px))}
.modal-backdrop#veraOverlay{z-index:150;background:transparent;backdrop-filter:none;padding:0;overflow:visible}
.modal-backdrop#veraOverlay.open{display:block}
.modal-backdrop#veraOverlay .vera-modal{transform:translateY(8px) scale(.98);opacity:0}
.modal-backdrop#veraOverlay.open .vera-modal{transform:translateY(0) scale(1);opacity:1}
.vera-modal .modal-body{display:grid;gap:14px}
.vera-reply-card{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:14px;border-radius:8px;background:rgba(255,255,255,.055);border:1px solid var(--line)}
.vera-chat-avatar{position:relative;width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(24,215,255,.1)}
.vera-chat-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.vera-reply-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.vera-reply-meta strong{color:var(--text);font-size:14px}
.vera-status-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 14px var(--teal)}
.vera-reply{min-height:96px;color:var(--muted);font-size:14px;line-height:1.75;white-space:pre-wrap}
.vera-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.vera-input{height:42px}
html[data-theme="cyber"] .vera-bubble{background:#101826;border-color:rgba(53,214,164,.22);color:#d9f7ef;box-shadow:0 14px 36px rgba(0,0,0,.3),0 0 24px rgba(53,214,164,.14)}
html[data-theme="cyber"] .vera-bubble::after{border-color:rgba(53,214,164,.22)}
html[data-theme="cyber"] .vera-reply-card{background:rgba(5,7,12,.46);border-color:rgba(53,214,164,.18)}
@media(max-width:820px){
  .vera-assistant{right:16px;bottom:86px;width:66px;height:66px}
  .vera-avatar-btn{width:66px;height:66px}
  .vera-bubble{font-size:12px}
  .back-top{bottom:132px}
  .vera-form{grid-template-columns:1fr}
  .vera-form .btn{width:100%}
}

.ranking-section{max-width:1220px}
.ranking-hero{min-height:220px;padding:28px;display:flex;align-items:end;justify-content:space-between;gap:20px;border:1px solid rgba(24,215,255,.22);border-radius:8px;background:linear-gradient(135deg,rgba(19,109,255,.16),rgba(24,215,255,.06)),rgba(255,255,255,.045);box-shadow:0 24px 70px rgba(19,109,255,.12)}
.ranking-hero h2{margin:8px 0 10px;font-size:clamp(34px,5vw,64px);line-height:1.05}
.ranking-hero p{max-width:690px;margin:0;color:var(--muted);line-height:1.75}
.ranking-live-card{height:46px;padding:0 14px;display:flex;align-items:center;gap:9px;border-radius:8px;background:rgba(5,12,22,.72);border:1px solid rgba(24,215,255,.28);color:var(--text);white-space:nowrap}
.live-dot{width:8px;height:8px;border-radius:50%;background:#ff4f64;box-shadow:0 0 14px rgba(255,79,100,.9);display:inline-block}
.ranking-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-top:18px}
.ranking-main,.ranking-side{display:grid;gap:16px;align-content:start}
.ranking-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.045)}
.ranking-tabs{display:flex;gap:7px;flex-wrap:wrap}
#rankingAwardSelect{width:min(280px,100%)}
.ranking-board,.riser-panel{border:1px solid var(--line);border-radius:8px;background:rgba(19,23,31,.9);color:#eaf6ff;overflow:hidden}
.ranking-board-head{min-height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.16);color:#9db4cf;font-size:12px}
.ranking-board-head div{display:flex;align-items:center;gap:9px;color:#eaf6ff}
.ranking-table{display:grid}
.ranking-row{display:grid;grid-template-columns:58px 48px minmax(0,1fr) 112px 76px;gap:12px;align-items:center;min-height:82px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07);transition:background .2s,transform .2s}
.ranking-row:last-child{border-bottom:0}
.ranking-row:hover{background:rgba(255,255,255,.055)}
.ranking-row.up{background:linear-gradient(90deg,rgba(73,209,124,.12),transparent 68%)}
.ranking-row.down{background:linear-gradient(90deg,rgba(255,93,115,.1),transparent 68%)}
.ranking-row.new{background:linear-gradient(90deg,rgba(167,139,250,.16),transparent 68%)}
.ranking-rank{font-family:Consolas,"SFMono-Regular",monospace;font-weight:950;color:#eaf6ff}
.ranking-medal{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid var(--line);font-weight:900}
.ranking-title{min-width:0}
.ranking-title b{display:block;color:#eaf6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ranking-title span,.ranking-author,.ranking-likes{color:#9db4cf;font-size:12px}
.ranking-title .badge{margin-top:7px;margin-right:7px}
.ranking-author{display:none}
.ranking-score{justify-self:start;padding:7px 10px;border-radius:999px;background:rgba(24,215,255,.12);border:1px solid rgba(24,215,255,.25);color:#9cecff;font-weight:900}
.ranking-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.12)}
.ranking-page-info{color:#9db4cf;font-size:12px;font-weight:850}
.ranking-page-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ranking-page-actions button{min-width:34px;height:32px;padding:0 10px;border-radius:8px;border:1px solid rgba(24,215,255,.18);background:rgba(255,255,255,.055);color:#eaf6ff;font-size:12px;font-weight:900}
.ranking-page-actions button:hover:not(:disabled),.ranking-page-actions button.on{background:#18d7ff;border-color:#18d7ff;color:#06152b}
.ranking-page-actions button:disabled{opacity:.45;cursor:not-allowed}
.ranking-page-actions span{color:#9db4cf;font-size:12px;font-weight:900}
.rank-change{justify-self:start;min-width:70px;height:28px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:950;border:1px solid var(--line);color:var(--muted)}
.rank-change.up{color:#8df5b3;background:rgba(73,209,124,.12);border-color:rgba(73,209,124,.34)}
.rank-change.down{color:#ff9fac;background:rgba(255,93,115,.12);border-color:rgba(255,93,115,.34)}
.rank-change.new{color:#d7c8ff;background:rgba(167,139,250,.16);border-color:rgba(167,139,250,.38)}
.rising-list{display:grid;padding:10px}
.rising-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:8px}
.rising-item:hover{background:rgba(255,255,255,.055)}
.rising-no{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:rgba(53,214,164,.12);color:#92f4d0;font-weight:900}
.rising-name{min-width:0}
.rising-name b{display:block;color:#eaf6ff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rising-name span{display:block;margin-top:2px;color:#9db4cf;font-size:11px}
.rising-delta{color:#8df5b3;font-weight:950}
.riser-panel h3{margin:16px 16px 8px;color:#eaf6ff}
.riser-panel p{margin:0 16px 16px;color:#9db4cf;line-height:1.7;font-size:13px}
.score-breakdown{display:grid;gap:8px;margin-top:12px}
.score-line{display:grid;grid-template-columns:76px minmax(0,1fr) 34px;gap:8px;align-items:center;font-size:12px;color:var(--muted)}
.score-line b{color:inherit;font-size:12px}
.score-bar{height:8px;border-radius:999px;background:rgba(19,109,255,.1);overflow:hidden;border:1px solid rgba(19,109,255,.12)}
.score-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#136dff,#18d7ff,#35d6a4)}
.review-status-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.review-status-strip .badge{height:24px}
.work-card{background:rgba(255,255,255,.92);border-color:rgba(19,109,255,.14);box-shadow:0 18px 48px rgba(19,109,255,.09)}
.work-card:hover{transform:translateY(-5px);border-color:rgba(24,215,255,.42);box-shadow:0 24px 68px rgba(19,109,255,.16)}
.thumb,.archive-grid .thumb{height:auto;aspect-ratio:16/9;padding:0;background:#eaf6ff}
.thumb.has-img{padding:0}
.card-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,13,28,.18),rgba(5,13,28,0) 42%,rgba(5,13,28,.34));z-index:1;pointer-events:none}
.thumb .badge-row{position:absolute;top:10px;left:10px;right:10px;z-index:2}
.card-vibe-badge{position:absolute;right:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:rgba(6,21,43,.82);color:#fff;font-weight:950;font-size:12px;backdrop-filter:blur(10px);box-shadow:0 10px 26px rgba(6,21,43,.18)}
.card-hover-action{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-42%);opacity:0;pointer-events:none;transition:.18s}
.work-card:hover .card-hover-action{opacity:1;transform:translate(-50%,-50%)}
.card-hover-action span{display:inline-flex;height:34px;align-items:center;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.92);color:#075de8;font-size:12px;font-weight:900;box-shadow:0 14px 32px rgba(6,21,43,.18)}
.preview-mock{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,var(--mock-a,#dff3ff),var(--mock-b,#f8fcff));display:grid;place-items:center}
.preview-window{width:74%;height:66%;border-radius:8px;background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.58);box-shadow:0 24px 54px rgba(6,21,43,.14);overflow:hidden}
.preview-top{height:22px;display:flex;gap:5px;align-items:center;padding:0 9px;background:rgba(6,21,43,.1)}
.preview-top i{width:6px;height:6px;border-radius:50%;background:rgba(6,21,43,.25)}
.preview-body{height:calc(100% - 22px);padding:12px;display:grid;gap:8px}
.preview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.preview-grid span,.preview-line,.preview-panel{border-radius:5px;background:rgba(6,21,43,.16)}
.preview-line{height:12px}.preview-panel{height:42px}
.preview-visual{width:88px;height:88px;border-radius:50%;background:conic-gradient(from 120deg,#136dff,#18d7ff,#35d6a4,#ffd166,#136dff);box-shadow:0 0 38px rgba(24,215,255,.28)}
.card-body{padding:15px}
.card-title-row{align-items:flex-start}
.card-title{font-size:18px;line-height:1.25;color:#06152b}
.card-desc{min-height:42px}
.archive-card-note{background:rgba(19,109,255,.06)}
.archive-card-meta{border-top:1px solid rgba(19,109,255,.1);padding-top:12px}
.archive-card-meta .view-work{display:none}
.card-foot{margin-top:13px}
.like-btn{border-radius:999px}
.steam-modal{width:min(1180px,calc(100vw - 40px))}
.steam-hero{padding:24px}
.steam-content{grid-template-columns:minmax(0,1.05fr) 390px;align-items:start}
.steam-media{min-height:0;aspect-ratio:16/10}
.steam-side{padding:16px;border-radius:8px;background:rgba(255,255,255,.76);border:1px solid rgba(19,109,255,.14);box-shadow:0 18px 48px rgba(19,109,255,.08)}
.steam-cover{display:none}
.steam-score-hero{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:13px;border-radius:8px;background:linear-gradient(135deg,rgba(19,109,255,.08),rgba(24,215,255,.08));border:1px solid rgba(19,109,255,.14)}
.steam-score-hero b{color:#06152b;font-size:13px}.steam-score-hero span{color:var(--muted);font-size:12px}
.steam-review{border-top:0}
.detail-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 14px}
.detail-tabs span{height:32px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;background:rgba(19,109,255,.08);border:1px solid rgba(19,109,255,.12);color:#075de8;font-size:12px;font-weight:900}
.steam-process{margin-top:0}
.steam-panel-grid{align-items:start}
.review-admin-section{max-width:1220px}
.review-login{max-width:460px;margin:40px auto;padding:22px;border-radius:8px;border:1px solid rgba(19,109,255,.16);background:rgba(255,255,255,.78);box-shadow:0 18px 48px rgba(19,109,255,.09)}
.review-console{display:grid;gap:14px}
.review-item{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;padding:16px;border-radius:8px;border:1px solid rgba(19,109,255,.16);background:rgba(255,255,255,.82);box-shadow:0 18px 48px rgba(19,109,255,.07)}
.review-item h3{margin:0 0 8px;color:#06152b}
.review-item p{margin:0;color:var(--muted);line-height:1.65}
.review-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.review-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.review-score-grid .field{height:36px}
.review-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
html[data-theme="cyber"] .review-login,
html[data-theme="cyber"] .review-item{background:rgba(19,23,31,.88);border-color:rgba(88,166,255,.18)}
html[data-theme="cyber"] .review-item h3{color:#fff}
@media(max-width:860px){.review-item{grid-template-columns:1fr}.review-score-grid{grid-template-columns:1fr}}
html[data-theme="cyber"] .ranking-hero{background:linear-gradient(135deg,rgba(24,215,255,.16),rgba(19,109,255,.08)),rgba(255,255,255,.035)}
html[data-theme="cyber"] .score-bar{background:rgba(255,255,255,.08);border-color:rgba(88,166,255,.18)}
@media(max-width:980px){
  .ranking-layout{grid-template-columns:1fr}
  .ranking-row{grid-template-columns:52px 42px minmax(0,1fr) 92px 74px;gap:9px}
  .ranking-author,.ranking-award,.ranking-likes{display:none}
}
@media(max-width:620px){
  .ranking-hero{min-height:auto;padding:18px;display:grid}
  .ranking-live-card{width:max-content}
  .ranking-toolbar{display:grid}
  #rankingAwardSelect{width:100%}
  .ranking-row{grid-template-columns:48px minmax(0,1fr) 78px;min-height:86px}
  .ranking-medal,.ranking-likes{display:none}
  .rank-change{grid-column:2/3;width:max-content}
  .ranking-score{justify-self:end}
  .ranking-pagination{display:grid;justify-items:start}
  .ranking-page-actions{width:100%}
  .ranking-page-actions button{flex:1;min-width:38px}
}

/* 可读性兜底：避免浅色玻璃卡片叠在深色展馆里时文字发白、下拉框看不清。 */
.ticker-panel,
.award-ticket,
.steam-side,
.steam-process,
.steam-score-hero,
.archive-control-panel,
.archive-stat,
.archive-feature-visual,
.archive-feature-info,
.editorial-feature,
.editorial-mini,
.editorial-rank-panel,
.spotlight-card,
.curator-panel,
.insight-panel,
.submit-panel,
.challenge-brief,
.about-brief,
.theme-console,
.jury-panel,
.award-flow,
.award-share-lab,
.principle-card,
.weekly-signal-card,
.challenge-detail,
.process-note,
.process-step,
.timeline-body{
  color:#06152b;
}
.ticker-panel,
.award-ticket,
.steam-side,
.steam-process,
.archive-control-panel{
  background:linear-gradient(180deg,rgba(248,252,255,.97),rgba(231,245,255,.94));
  border-color:rgba(19,109,255,.24);
  box-shadow:0 18px 52px rgba(6,21,43,.16);
}
.ticker-item,
.judge-chip,
.steam-score-hero,
.timeline-body,
.process-note,
.process-step,
.award-flow-step,
.ai-status-card,
.award-stat,
.award-live-card{
  background:rgba(255,255,255,.88);
  border-color:rgba(19,109,255,.18);
}
.ticker-label,
.ticket-kicker,
.section-kicker{
  color:#075de8;
}
.ticker-item strong,
.judge-chip b,
.ticket-title,
.steam-score-hero b,
.steam-review span,
.steam-process h3,
.timeline-body b,
.process-note b,
.process-step b,
.award-flow-step b,
.ai-status-card b,
.award-stat strong,
.award-live-title{
  color:#06152b;
}
.ticker-item span,
.ticket-comment,
.steam-desc,
.steam-review b,
.steam-score-hero span,
.timeline-body span,
.process-note span,
.process-step span,
.award-flow-step span,
.ai-status-card span,
.award-stat span,
.award-live-desc{
  color:#31506f;
}
.award-ticket::after{
  color:rgba(19,109,255,.12);
}
.select,
.field,
.textarea,
.search{
  color:#06152b;
  background:rgba(255,255,255,.94);
}
.select option{
  color:#06152b;
  background:#fff;
}
.btn-secondary,
.archive-random,
.steam-actions .btn-secondary{
  color:#063c9f;
  background:rgba(255,255,255,.9);
  border-color:rgba(19,109,255,.24);
}

html[data-theme="cyber"] .ticker-panel,
html[data-theme="cyber"] .award-ticket,
html[data-theme="cyber"] .steam-side,
html[data-theme="cyber"] .steam-process,
html[data-theme="cyber"] .steam-score-hero,
html[data-theme="cyber"] .ai-status-card,
html[data-theme="cyber"] .award-stat,
html[data-theme="cyber"] .award-live-card,
html[data-theme="cyber"] .archive-control-panel,
html[data-theme="cyber"] .archive-stat,
html[data-theme="cyber"] .archive-feature-visual,
html[data-theme="cyber"] .archive-feature-info,
html[data-theme="cyber"] .editorial-feature,
html[data-theme="cyber"] .editorial-mini,
html[data-theme="cyber"] .editorial-rank-panel,
html[data-theme="cyber"] .spotlight-card,
html[data-theme="cyber"] .curator-panel,
html[data-theme="cyber"] .insight-panel,
html[data-theme="cyber"] .submit-panel,
html[data-theme="cyber"] .challenge-brief,
html[data-theme="cyber"] .about-brief,
html[data-theme="cyber"] .theme-console,
html[data-theme="cyber"] .jury-panel,
html[data-theme="cyber"] .award-flow,
html[data-theme="cyber"] .award-share-lab,
html[data-theme="cyber"] .principle-card,
html[data-theme="cyber"] .weekly-signal-card,
html[data-theme="cyber"] .challenge-detail,
html[data-theme="cyber"] .process-note,
html[data-theme="cyber"] .process-step,
html[data-theme="cyber"] .timeline-body{
  color:#eef7ff;
  background:linear-gradient(180deg,rgba(17,26,39,.96),rgba(8,12,20,.94));
  border-color:rgba(53,214,164,.2);
  box-shadow:0 18px 52px rgba(0,0,0,.32);
}
html[data-theme="cyber"] .ticker-item,
html[data-theme="cyber"] .judge-chip,
html[data-theme="cyber"] .steam-score-hero,
html[data-theme="cyber"] .timeline-body,
html[data-theme="cyber"] .process-note,
html[data-theme="cyber"] .process-step,
html[data-theme="cyber"] .award-flow-step,
html[data-theme="cyber"] .ai-status-card,
html[data-theme="cyber"] .award-stat,
html[data-theme="cyber"] .award-live-card{
  background:rgba(255,255,255,.07);
  border-color:rgba(53,214,164,.18);
}
html[data-theme="cyber"] .ticket-title,
html[data-theme="cyber"] .ticker-item strong,
html[data-theme="cyber"] .judge-chip b,
html[data-theme="cyber"] .steam-score-hero b,
html[data-theme="cyber"] .steam-review span,
html[data-theme="cyber"] .steam-process h3,
html[data-theme="cyber"] .challenge-lane b,
html[data-theme="cyber"] .challenge-detail h3,
html[data-theme="cyber"] .timeline-body b,
html[data-theme="cyber"] .process-note b,
html[data-theme="cyber"] .process-step b,
html[data-theme="cyber"] .award-flow-step b,
html[data-theme="cyber"] .ai-status-card b,
html[data-theme="cyber"] .award-stat strong,
html[data-theme="cyber"] .award-live-title{
  color:#f3f8ff;
}
html[data-theme="cyber"] .ticket-comment,
html[data-theme="cyber"] .ticker-item span,
html[data-theme="cyber"] .steam-desc,
html[data-theme="cyber"] .steam-review b,
html[data-theme="cyber"] .steam-score-hero span,
html[data-theme="cyber"] .challenge-lane span,
html[data-theme="cyber"] .challenge-detail p,
html[data-theme="cyber"] .timeline-body span,
html[data-theme="cyber"] .process-note span,
html[data-theme="cyber"] .process-step span,
html[data-theme="cyber"] .award-flow-step span,
html[data-theme="cyber"] .ai-status-card span,
html[data-theme="cyber"] .award-stat span,
html[data-theme="cyber"] .award-live-desc{
  color:#a4b4c7;
}
html[data-theme="cyber"] .ticket-kicker,
html[data-theme="cyber"] .ticker-label,
html[data-theme="cyber"] .section-kicker{
  color:#35d6a4;
}
html[data-theme="cyber"] .award-ticket::after{
  color:rgba(255,209,102,.16);
}
html[data-theme="cyber"] .select,
html[data-theme="cyber"] .field,
html[data-theme="cyber"] .textarea,
html[data-theme="cyber"] .search,
html[data-theme="cyber"] .archive-control-panel .search,
html[data-theme="cyber"] .archive-control-panel .select{
  color:#eef7ff;
  background:rgba(5,7,12,.86);
  border-color:rgba(53,214,164,.26);
}
html[data-theme="cyber"] .select option{
  color:#eef7ff;
  background:#0d131d;
}
html[data-theme="cyber"] .btn-secondary,
html[data-theme="cyber"] .archive-random,
html[data-theme="cyber"] .steam-actions .btn-secondary{
  color:#d9f7ef;
  background:rgba(255,255,255,.08);
  border-color:rgba(53,214,164,.24);
}
html[data-theme="cyber"] .signal,
html[data-theme="cyber"] .archive-stat{
  color:#eef7ff;
  background:linear-gradient(180deg,rgba(17,26,39,.96),rgba(8,12,20,.94));
  border-color:rgba(53,214,164,.18);
}
html[data-theme="cyber"] .signal b,
html[data-theme="cyber"] .archive-stat strong{
  color:#f3f8ff;
}
html[data-theme="cyber"] .signal span,
html[data-theme="cyber"] .archive-stat span{
  color:#c2d3e7;
}

/* 作品详情页：压缩创作过程时间线，避免单列把弹窗撑得过长。 */
.steam-process{
  padding:14px;
}
.steam-process h3{
  margin-bottom:10px;
}
.steam-modal .process-timeline{
  grid-template-columns:repeat(5,minmax(126px,1fr)) !important;
  gap:8px;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  overflow-x:auto;
  padding-bottom:2px;
}
.steam-modal .timeline-item{
  grid-template-columns:1fr;
  gap:8px;
  align-items:stretch;
}
.steam-modal .timeline-dot{
  width:28px;
  height:28px;
  border-radius:8px;
}
.steam-modal .timeline-body{
  min-height:96px;
  padding:10px;
}
.steam-modal .timeline-body b{
  margin-bottom:5px;
}
.steam-modal .timeline-body span{
  line-height:1.5;
}

@media(max-width:980px){
  .steam-modal{width:calc(100vw - 24px)}
  .steam-page,.steam-section,.steam-content,.steam-panel-grid,.steam-panel{min-width:0;max-width:100%}
  .steam-page,.steam-section{overflow-x:hidden}
  .steam-content,.steam-panel-grid{grid-template-columns:minmax(0,1fr)}
  .steam-hero,.steam-media,.steam-side,.steam-process{min-width:0;max-width:100%;box-sizing:border-box}
  .steam-modal .modal-body{overflow-x:hidden}
  .steam-modal .process-timeline{grid-template-columns:repeat(5,minmax(126px,1fr)) !important}
}
@media(max-width:620px){
  .steam-modal{width:calc(100vw - 16px)}
  .steam-hero{padding:14px}
  .steam-side,.steam-process{padding:12px}
  .steam-modal .process-timeline{grid-template-columns:repeat(5,minmax(126px,1fr)) !important}
  .steam-modal .timeline-item{grid-template-columns:1fr}
  .steam-modal .timeline-body{min-height:96px}
}

/* 作品详情页：展品舞台、Prompt 学习区和社区反馈增强。 */
.detail-award-line{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.detail-hero-copy{
  max-width:760px;
  margin:10px 0 0;
  color:#31506f;
  font-size:15px;
  line-height:1.7;
}
.detail-primary-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.detail-experience-btn{
  min-height:46px;
  padding:0 22px;
  font-size:15px;
  font-weight:950;
  box-shadow:0 18px 40px rgba(19,109,255,.26),0 0 0 4px rgba(24,215,255,.12);
}
.detail-stage-overlay{
  position:absolute;
  z-index:2;
  left:16px;
  right:16px;
  bottom:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border-radius:8px;
  background:rgba(6,21,43,.72);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  backdrop-filter:blur(14px);
}
.steam-media{
  display:grid;
  place-items:center;
  padding:18px;
  background:linear-gradient(180deg,#f8fcff,#e9f6ff);
}
.steam-media::after{
  display:none;
}
.steam-media .work-thumb-img,
.steam-media>img,
.steam-media>.preview-mock{
  position:relative;
  inset:auto;
  width:100%;
  height:100%;
  border-radius:8px;
  border:1px solid rgba(19,109,255,.12);
  background:#fff;
  box-shadow:0 18px 42px rgba(19,109,255,.12);
}
.steam-media .work-thumb-img,
.steam-media>img{
  object-fit:contain;
}
.steam-media>.preview-mock{
  min-height:260px;
}
.stage-play{
  min-height:40px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:linear-gradient(135deg,#136dff,#18d7ff);
  color:#fff;
  font-weight:950;
  text-decoration:none;
  white-space:nowrap;
}
.detail-stage-overlay small{
  color:rgba(255,255,255,.76);
  font-weight:800;
}
.detail-result-card{
  padding:15px;
  border-radius:8px;
  background:linear-gradient(135deg,rgba(19,109,255,.1),rgba(24,215,255,.12));
  border:1px solid rgba(19,109,255,.16);
}
.detail-score-number{
  display:flex;
  align-items:flex-end;
  gap:5px;
  margin:4px 0;
  color:#06152b;
}
.detail-score-number b{
  font-size:54px;
  line-height:.95;
  letter-spacing:0;
}
.detail-score-number span{
  padding-bottom:7px;
  color:#6d849e;
  font-size:16px;
  font-weight:900;
}
.detail-result-card strong{
  display:block;
  color:#075de8;
  font-size:18px;
}
.detail-result-card p{
  margin:6px 0 0;
  color:#31506f;
  line-height:1.5;
}
.detail-card-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:14px;
}
.detail-card-actions .btn{
  flex:1 1 132px;
  justify-content:center;
}
.detail-summary-list{
  display:grid;
  gap:8px;
}
.detail-summary-list div{
  display:grid;
  grid-template-columns:78px 1fr;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid rgba(19,109,255,.1);
}
.detail-summary-list b{
  color:#6d849e;
  font-size:12px;
}
.detail-summary-list span{
  color:#075de8;
  font-size:13px;
  font-weight:900;
}
.detail-tool-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.detail-tool-tags span{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(19,109,255,.08);
  border:1px solid rgba(19,109,255,.14);
  color:#063c9f;
  font-size:12px;
  font-weight:900;
}
.steam-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.steam-section-head h3{
  margin:0;
  color:#06152b;
}
.steam-section-head p{
  max-width:430px;
  margin:0;
  color:#6d849e;
  font-size:13px;
  line-height:1.6;
}
.curator-callout{
  background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(231,247,255,.88));
}
.curator-callout p{
  font-size:15px;
}
.fit-panel ul{
  margin:0;
  padding-left:18px;
  color:#31506f;
  line-height:1.75;
  font-size:13px;
}
.work-explain-panel{
  grid-column:span 2;
}
.explain-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.explain-grid div{
  padding:12px;
  border-radius:8px;
  background:rgba(19,109,255,.055);
  border:1px solid rgba(19,109,255,.1);
}
.explain-grid b{
  display:block;
  margin-bottom:6px;
  color:#06152b;
  font-size:13px;
}
.explain-grid span{
  display:block;
  color:#31506f;
  font-size:13px;
  line-height:1.65;
}
.score-detail-panel{
  grid-column:span 2;
}
.detail-score-pills{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.score-pill{
  position:relative;
  overflow:hidden;
  min-height:72px;
  padding:11px;
  border-radius:8px;
  background:rgba(19,109,255,.055);
  border:1px solid rgba(19,109,255,.1);
}
.score-pill span{
  display:block;
  color:#6d849e;
  font-size:12px;
  font-weight:900;
}
.score-pill b{
  position:relative;
  z-index:1;
  display:block;
  margin-top:8px;
  color:#06152b;
  font-size:22px;
}
.score-pill i{
  position:absolute;
  left:0;
  bottom:0;
  height:4px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(90deg,#136dff,#18d7ff,#35d6a4);
}
.prompt-learning-card{
  margin-top:14px;
}
.prompt-card-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:start;
}
.prompt-card-head h3{
  margin:0 0 6px;
}
.prompt-card-head p{
  margin:0;
  color:#6d849e;
  line-height:1.6;
}
.prompt-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.prompt-structure{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}
.prompt-structure div{
  padding:11px;
  border-radius:8px;
  background:rgba(19,109,255,.06);
  border:1px solid rgba(19,109,255,.12);
}
.prompt-structure b{
  display:block;
  color:#06152b;
  font-size:12px;
  margin-bottom:5px;
}
.prompt-structure span{
  color:#31506f;
  font-size:12px;
  line-height:1.55;
}
.prompt-code.prompt-collapsed{
  max-height:118px;
  overflow:hidden;
}
.prompt-code.prompt-collapsed.open{
  max-height:none;
}
.quick-comments{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:12px;
}
.quick-comment{
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(19,109,255,.16);
  background:rgba(255,255,255,.78);
  color:#063c9f;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.quick-comment:hover{
  background:rgba(19,109,255,.08);
}
.detail-empty-feedback{
  padding:22px;
  border-radius:8px;
  border:1px dashed rgba(19,109,255,.22);
  background:rgba(19,109,255,.045);
  text-align:center;
}
.detail-empty-feedback b{
  display:block;
  color:#06152b;
  margin-bottom:5px;
}
.detail-empty-feedback span{
  color:#6d849e;
}
html[data-theme="cyber"] .detail-hero-copy,
html[data-theme="cyber"] .detail-result-card p,
html[data-theme="cyber"] .detail-summary-list b,
html[data-theme="cyber"] .steam-section-head p,
html[data-theme="cyber"] .explain-grid span,
html[data-theme="cyber"] .prompt-card-head p,
html[data-theme="cyber"] .prompt-structure span,
html[data-theme="cyber"] .detail-empty-feedback span{
  color:#b7c8df;
}
html[data-theme="cyber"] .detail-result-card,
html[data-theme="cyber"] .explain-grid div,
html[data-theme="cyber"] .score-pill,
html[data-theme="cyber"] .prompt-structure div,
html[data-theme="cyber"] .detail-empty-feedback,
html[data-theme="cyber"] .quick-comment{
  background:rgba(255,255,255,.055);
  border-color:rgba(88,166,255,.18);
}
html[data-theme="cyber"] .detail-score-number,
html[data-theme="cyber"] .steam-section-head h3,
html[data-theme="cyber"] .explain-grid b,
html[data-theme="cyber"] .score-pill b,
html[data-theme="cyber"] .prompt-structure b,
html[data-theme="cyber"] .detail-empty-feedback b{
  color:#fff;
}

@media(max-width:980px){
  .prompt-card-head,
  .explain-grid,
  .prompt-structure,
  .detail-score-pills{
    grid-template-columns:1fr 1fr;
  }
  .work-explain-panel,
  .score-detail-panel{
    grid-column:auto;
  }
}
@media(max-width:620px){
  .steam-title-row,
  .steam-section-head{
    display:grid;
  }
  .detail-primary-actions .btn,
  .detail-experience-btn,
  #detailBackBtn{
    width:100%;
  }
  .detail-stage-overlay{
    left:10px;
    right:10px;
    bottom:10px;
    display:grid;
  }
  .detail-score-number b{
    font-size:44px;
  }
  .prompt-card-head,
  .prompt-structure,
  .detail-score-pills,
  .explain-grid{
    grid-template-columns:1fr;
  }
  .prompt-actions{
    justify-content:stretch;
  }
  .prompt-actions .btn{
    width:100%;
  }
}

/* 投稿页：把表单改成投稿工作台，突出作品入口、参评定位和创作过程。 */
.submit-modal{
  width:min(1080px,calc(100vw - 32px));
  background:linear-gradient(180deg,#f8fcff,#eaf6ff);
  border-color:rgba(19,109,255,.18);
  color:#06152b;
  box-shadow:0 28px 100px rgba(19,109,255,.18);
}
.submit-head{
  align-items:flex-start;
  background:rgba(248,252,255,.94);
  border-bottom:1px solid rgba(19,109,255,.14);
}
.submit-head .modal-title{
  margin-top:3px;
  color:#06152b;
  font-size:24px;
}
.submit-body{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
  gap:16px;
  padding:18px;
  background:linear-gradient(90deg,rgba(19,109,255,.05),transparent 48%),#eef8ff;
}
.submit-guide{
  position:sticky;
  top:0;
  align-self:start;
  display:grid;
  gap:14px;
}
.submit-guide-hero,
.submit-benefits,
.submit-checklist,
.submit-section{
  border:1px solid rgba(19,109,255,.14);
  border-radius:8px;
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 44px rgba(19,109,255,.08);
}
.submit-guide-hero{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:center;
  padding:16px;
}
.submit-guide-mark{
  width:52px;
  height:52px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:conic-gradient(from 140deg,#35d6a4,#65a8ff,#ffd166,#35d6a4);
  color:#06152b;
  font-weight:1000;
  font-size:26px;
  box-shadow:0 16px 36px rgba(19,109,255,.18);
}
.submit-guide-hero b,
.submit-checklist b,
.submit-section-head b{
  display:block;
  color:#06152b;
}
.submit-guide-hero p{
  margin:5px 0 0;
  color:#526984;
  font-size:13px;
  line-height:1.65;
}
.submit-benefits{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:12px;
}
.submit-benefits div{
  min-height:86px;
  padding:12px;
  border-radius:8px;
  background:linear-gradient(180deg,rgba(19,109,255,.08),rgba(24,215,255,.05));
  border:1px solid rgba(19,109,255,.1);
}
.submit-benefits b{
  display:block;
  color:#063c9f;
  font-size:13px;
  margin-bottom:6px;
}
.submit-benefits span,
.submit-checklist span,
.submit-section-head small{
  display:block;
  color:#5c7492;
  font-size:12px;
  line-height:1.55;
}
.submit-checklist{
  padding:14px;
}
.submit-checklist span{
  position:relative;
  margin-top:9px;
  padding-left:18px;
}
.submit-checklist span::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#35d6a4;
  box-shadow:0 0 12px rgba(53,214,164,.45);
}
.submit-form{
  display:grid;
  gap:14px;
}
.submit-section{
  padding:15px;
}
.submit-section-head{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:center;
  margin-bottom:13px;
}
.submit-section-head span{
  width:36px;
  height:36px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#136dff,#18d7ff);
  color:#fff;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-weight:950;
  font-size:12px;
}
.submit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.submit-modal .form-row{
  margin-top:10px;
}
.submit-modal .form-row:first-child,
.submit-grid .form-row{
  margin-top:0;
}
.submit-modal label{
  color:#486581;
}
.submit-modal .field,
.submit-modal .textarea,
.submit-modal .select{
  background:rgba(255,255,255,.92);
  border-color:rgba(19,109,255,.16);
  color:#06152b;
}
.submit-modal .field:focus,
.submit-modal .textarea:focus,
.submit-modal .select:focus{
  border-color:#35d6a4;
  box-shadow:0 0 0 3px rgba(53,214,164,.14);
}
.submit-modal .textarea{
  min-height:116px;
}
.submit-footer{
  position:sticky;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border:1px solid rgba(19,109,255,.14);
  border-radius:8px;
  background:rgba(248,252,255,.94);
  box-shadow:0 -12px 34px rgba(19,109,255,.08);
}
.submit-footer .status{
  flex:1;
}
.submit-footer .btn{
  min-width:150px;
  background:linear-gradient(135deg,#136dff,#18d7ff);
  color:#fff;
}
html[data-theme="cyber"] .submit-modal{
  background:linear-gradient(180deg,#101826,#05070c);
  color:#d9f7ef;
  border-color:rgba(53,214,164,.2);
}
html[data-theme="cyber"] .submit-head,
html[data-theme="cyber"] .submit-body,
html[data-theme="cyber"] .submit-footer{
  background:rgba(5,7,12,.92);
  border-color:rgba(53,214,164,.18);
}
html[data-theme="cyber"] .submit-head .modal-title,
html[data-theme="cyber"] .submit-guide-hero b,
html[data-theme="cyber"] .submit-checklist b,
html[data-theme="cyber"] .submit-section-head b{
  color:#f4fff9;
}
html[data-theme="cyber"] .submit-guide-hero,
html[data-theme="cyber"] .submit-benefits,
html[data-theme="cyber"] .submit-checklist,
html[data-theme="cyber"] .submit-section{
  background:rgba(16,24,38,.86);
  border-color:rgba(53,214,164,.16);
}
html[data-theme="cyber"] .submit-modal .field,
html[data-theme="cyber"] .submit-modal .textarea,
html[data-theme="cyber"] .submit-modal .select{
  background:rgba(4,8,15,.78);
  border-color:rgba(88,166,255,.22);
  color:#f4fff9;
}

/* 小 v：用 CSS 绘制头像，避免本地预览或服务器图片路径丢失。 */
.vera-avatar-btn,
.vera-chat-avatar{
  display:grid;
  place-items:center;
}
.vera-face{
  position:relative;
  width:calc(100% - 10px);
  height:calc(100% - 10px);
  min-width:32px;
  min-height:32px;
  border-radius:50%;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.95),rgba(255,255,255,0) 18px),linear-gradient(135deg,#f8fcff 0 42%,#dff3ff 43% 100%);
  border:2px solid rgba(255,255,255,.88);
  box-shadow:inset 0 -8px 18px rgba(19,109,255,.14);
}
.vera-face::before{
  content:"";
  position:absolute;
  left:16%;
  right:16%;
  bottom:18%;
  height:18%;
  border-radius:0 0 999px 999px;
  border-bottom:3px solid #136dff;
  opacity:.9;
}
.vera-face-v{
  position:relative;
  z-index:1;
  color:#063c9f;
  font-size:34px;
  font-weight:1000;
  line-height:1;
  transform:translateY(-1px);
  text-shadow:2px 0 rgba(24,215,255,.2);
}
.vera-chat-avatar .vera-face-v{
  font-size:22px;
}
.vera-eye{
  position:absolute;
  top:34%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#063c9f;
  box-shadow:0 0 8px rgba(19,109,255,.28);
}
.vera-eye.left{left:28%}
.vera-eye.right{right:28%}
.vera-avatar-btn img,
.vera-chat-avatar img{
  display:none;
}
html[data-theme="cyber"] .vera-face{
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.86),rgba(255,255,255,0) 18px),linear-gradient(135deg,#d9f7ef 0 42%,#35d6a4 43% 100%);
}

/* 小 v 使用真实头像资源，覆盖前面的 CSS 兜底图标。 */
.vera-avatar-btn img,
.vera-chat-avatar img{
  display:block !important;
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
  background:#fff;
}
.vera-avatar-btn .vera-face,
.vera-chat-avatar .vera-face{
  display:none !important;
}

@media(max-width:980px){
  .submit-body{
    grid-template-columns:1fr;
  }
  .submit-guide{
    position:static;
  }
}
@media(max-width:620px){
  .submit-modal{
    width:calc(100vw - 16px);
  }
  .submit-body{
    padding:12px;
  }
  .submit-benefits,
  .submit-grid{
    grid-template-columns:1fr;
  }
  .submit-footer{
    align-items:stretch;
    flex-direction:column;
  }
  .submit-footer .btn{
    width:100%;
  }
}

/* 首页2：减噪后的首页漏斗与主路径。 */
#page-home > .hero,
#page-home > .weekly-signal-strip{
  display:none;
}
.cinema-hero{
  min-height:calc(100svh - 70px);
}
.cinema-content{
  width:min(720px,calc(100% - 40px));
}
.cinema-title{
  max-width:860px;
  font-size:clamp(38px,6vw,78px);
  line-height:1.02;
  text-wrap:balance;
}
.cinema-title span{
  color:inherit;
}
.cinema-intro{
  max-width:660px;
  font-size:clamp(16px,1.8vw,21px);
}
.home-hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:24px;
  width:min(560px,100%);
}
.home-hero-stats div{
  padding:13px 14px;
  border-radius:8px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(14px);
}
.home-hero-stats b{
  display:block;
  color:#fff;
  font-size:24px;
}
.home-hero-stats span{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.75);
  font-size:12px;
}
.home-first-path,
.home-final-cta{
  max-width:1180px;
  margin:0 auto;
  padding:28px;
}
.home-first-path{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:16px;
  align-items:center;
}
.home-first-path h2,
.home-final-cta h2{
  margin:4px 0 0;
  color:#06152b;
  font-size:clamp(26px,3vw,38px);
  line-height:1.12;
}
.home-path-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.home-path-steps div{
  min-height:104px;
  padding:14px;
  border-radius:8px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(19,109,255,.14);
  box-shadow:0 16px 44px rgba(19,109,255,.07);
}
.home-path-steps b{
  width:30px;
  height:30px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#136dff,#18d7ff);
  color:#fff;
  margin-bottom:10px;
}
.home-path-steps span{
  color:#31506f;
  font-size:13px;
  line-height:1.6;
}
.home-featured-trio{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.home-submit-reasons{
  padding-top:18px;
}
.home-final-cta{
  margin-bottom:28px;
  text-align:center;
  border-radius:8px;
  background:linear-gradient(135deg,rgba(19,109,255,.1),rgba(24,215,255,.08));
  border:1px solid rgba(19,109,255,.14);
}
.home-final-cta p{
  margin:10px auto 18px;
  max-width:620px;
  color:#526984;
  line-height:1.7;
}
.curator-card,
.insight-row,
.work-card,
.award-row,
.challenge,
.panel{
  box-shadow:none;
}

/* 作品卡片：列表页只保留封面、标题、简介、分数、作者和主操作。 */
.archive-exhibit-card .archive-card-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:12px;
  padding-top:12px;
}
.archive-exhibit-card .view-work{
  display:inline-flex;
  height:32px;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:8px;
  background:#136dff;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.archive-exhibit-card .card-foot{
  align-items:center;
}

/* 排行榜：补充上榜理由，让榜单像社区现场。 */
.ranking-title em{
  display:block;
  margin-top:5px;
  color:#8ba4bd;
  font-size:12px;
  font-style:normal;
  line-height:1.45;
  white-space:normal;
}
.ranking-row{
  grid-template-columns:58px 48px minmax(0,1fr) 112px 76px;
}

/* 投稿两步：先交基础信息，再展开资料完善。 */
.submit-step{
  display:none;
}
.submit-step.is-active{
  display:block;
}
.submit-footer .btn-secondary[hidden]{
  display:none;
}
.submit-methods{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.submit-method-card{
  cursor:pointer;
  min-height:88px;
  padding:10px;
  border:1px solid rgba(19,109,255,.16);
  border-radius:8px;
  background:rgba(255,255,255,.72);
  display:grid;
  grid-template-columns:auto 1fr;
  gap:8px;
  align-items:start;
}
.submit-method-card input{
  margin-top:3px;
  accent-color:#136dff;
}
.submit-method-card b{
  display:block;
  color:#06152b;
  font-size:13px;
}
.submit-method-card small{
  display:block;
  margin-top:5px;
  color:#526984;
  line-height:1.45;
}
.submit-method-card.is-selected{
  border-color:rgba(19,109,255,.46);
  background:linear-gradient(180deg,rgba(232,246,255,.98),rgba(255,255,255,.86));
  box-shadow:0 14px 34px rgba(19,109,255,.12);
}
.file-field{
  height:auto;
  min-height:42px;
  padding:9px 12px;
}
.compact-textarea{
  min-height:78px;
}
.detail-entry-note{
  margin:10px 0 0;
  color:#526984;
  font-size:13px;
  line-height:1.6;
}
.entry-asset-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.entry-asset-links a{
  color:#075de8;
  font-weight:900;
}
.detail-experience-btn:disabled{
  opacity:.68;
  cursor:not-allowed;
}
html[data-theme="cyber"] .submit-method-card{
  background:rgba(16,24,38,.78);
  border-color:rgba(53,214,164,.16);
}
html[data-theme="cyber"] .submit-method-card b{
  color:#f4fff9;
}
html[data-theme="cyber"] .submit-method-card small,
html[data-theme="cyber"] .detail-entry-note{
  color:#b7c8df;
}
html[data-theme="cyber"] .submit-method-card.is-selected{
  border-color:rgba(53,214,164,.44);
  background:linear-gradient(180deg,rgba(16,34,42,.94),rgba(14,22,36,.88));
}

.remix-option{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid rgba(19,109,255,.14);
  border-radius:8px;
  background:rgba(19,109,255,.045);
}
.toggle-row{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--text);
  font-size:13px;
  font-weight:900;
}
.toggle-row input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.toggle-row span{
  width:38px;
  height:22px;
  border-radius:999px;
  border:1px solid rgba(19,109,255,.22);
  background:rgba(255,255,255,.62);
  position:relative;
  flex:0 0 auto;
  transition:background .18s,border-color .18s;
}
.toggle-row span::after{
  content:"";
  position:absolute;
  left:3px;
  top:3px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#8aa0bf;
  transition:transform .18s,background .18s;
}
.toggle-row input:checked+span{
  background:rgba(53,214,164,.18);
  border-color:rgba(53,214,164,.48);
}
.toggle-row input:checked+span::after{
  transform:translateX(16px);
  background:var(--teal);
}
.home-live-feed{
  max-width:1180px;
  margin:18px auto 0;
  padding:16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(255,255,255,.055);
}
.home-live-head{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.home-live-head b{
  color:var(--text);
}
.home-live-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.home-live-item{
  display:grid;
  gap:7px;
  min-height:96px;
  padding:12px;
  text-align:left;
  border:1px solid rgba(19,109,255,.12);
  border-radius:8px;
  background:rgba(255,255,255,.68);
  color:var(--text);
  cursor:pointer;
  transition:transform .18s,border-color .18s,box-shadow .18s;
}
.home-live-item:hover,
.home-live-item:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(19,109,255,.28);
  box-shadow:0 14px 32px rgba(19,109,255,.1);
  outline:none;
}
.home-live-item .badge{
  justify-self:start;
}
.home-live-item b{
  font-size:14px;
  line-height:1.35;
}
.home-live-item small{
  color:var(--muted);
  line-height:1.45;
}

/* 小 v 投稿顾问快捷能力。 */
.vera-form{
  grid-template-columns:1fr auto;
}
.vera-mode-tabs{
  grid-column:1/-1;
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.vera-mode-tabs button{
  min-height:30px;
  padding:0 10px;
  border-radius:8px;
  border:1px solid rgba(19,109,255,.14);
  background:rgba(255,255,255,.58);
  color:var(--muted);
  font-size:12px;
  font-weight:900;
}
.vera-mode-tabs button.on{
  border-color:rgba(53,214,164,.38);
  background:rgba(53,214,164,.12);
  color:#087154;
}
.vera-quick-actions{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.vera-quick-actions button{
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(19,109,255,.08);
  border:1px solid rgba(19,109,255,.14);
  color:#075de8;
  font-size:12px;
  font-weight:900;
}
.vera-quick-actions button:hover{
  background:rgba(19,109,255,.14);
}

html[data-theme="cyber"] .home-first-path h2,
html[data-theme="cyber"] .home-final-cta h2{
  color:#f4fff9;
}
html[data-theme="cyber"] .home-path-steps div,
html[data-theme="cyber"] .home-final-cta{
  background:rgba(16,24,38,.86);
  border-color:rgba(53,214,164,.16);
}
html[data-theme="cyber"] .home-path-steps span,
html[data-theme="cyber"] .home-final-cta p,
html[data-theme="cyber"] .ranking-title em{
  color:#b7c8df;
}
html[data-theme="cyber"] .remix-option,
html[data-theme="cyber"] .home-live-feed{
  background:rgba(16,24,38,.78);
  border-color:rgba(53,214,164,.16);
}
html[data-theme="cyber"] .home-live-item,
html[data-theme="cyber"] .vera-mode-tabs button{
  background:rgba(5,7,12,.42);
  border-color:rgba(53,214,164,.14);
}
html[data-theme="cyber"] .vera-mode-tabs button.on{
  color:#9cf4d4;
  border-color:rgba(53,214,164,.34);
  background:rgba(53,214,164,.1);
}
html[data-theme="cyber"] .vera-quick-actions button{
  background:rgba(53,214,164,.08);
  border-color:rgba(53,214,164,.18);
  color:#9cf4d4;
}

@media(max-width:900px){
  .home-first-path,
  .home-path-steps,
  .home-featured-trio,
  .home-live-list,
  .submit-methods{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .home-hero-stats{
    grid-template-columns:1fr;
  }
  .home-first-path,
  .home-final-cta{
    padding:20px 16px;
  }
  .cinema-content{
    top:28px;
  }
  .ranking-title em{
    grid-column:1/-1;
  }
}

.award-domain{position:relative;z-index:1;min-width:150px;padding:10px 12px;border-radius:8px;border:1px solid rgba(41,230,255,.32);background:rgba(3,13,33,.46);color:#fff;font-weight:900;text-align:center;letter-spacing:0;font-size:13px;box-shadow:0 10px 28px rgba(0,0,0,.22)}

/* 作品详情页：Vibe 讨论现场。 */
.detail-community-pulse{display:inline-flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding:8px 11px;border-radius:999px;background:rgba(19,109,255,.08);border:1px solid rgba(19,109,255,.15);color:#075de8;font-size:12px;font-weight:900}
.community-signal-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(19,109,255,.13)}
.community-signal-card>b{grid-column:1/-1;color:#06152b;font-size:13px}
.community-signal-card div{padding:9px;border-radius:8px;background:rgba(255,255,255,.66);border:1px solid rgba(19,109,255,.12)}
.community-signal-card span{display:block;color:#075de8;font-size:20px;line-height:1;font-weight:950}
.community-signal-card small{display:block;margin-top:5px;color:#6d849e;font-size:11px;font-weight:900}
.module-discussion-hooks,.prompt-discussion-box,.discussion-prompts,.quick-comments,.discussion-filters,.empty-discussion-actions{display:flex;flex-wrap:wrap;gap:8px}
.module-discussion-hooks{margin-top:12px}
.module-discussion-hooks button,.prompt-discussion-box button,.discussion-prompt-card,.discussion-filter,.empty-discussion-actions button{min-height:32px;padding:0 11px;border-radius:999px;border:1px solid rgba(19,109,255,.16);background:rgba(255,255,255,.78);color:#063c9f;font-size:12px;font-weight:900;cursor:pointer}
.module-discussion-hooks button:hover,.prompt-discussion-box button:hover,.discussion-prompt-card:hover,.discussion-filter:hover,.empty-discussion-actions button:hover{background:rgba(19,109,255,.08)}
.prompt-discussion-box{align-items:center;margin-top:12px;padding:12px;border-radius:8px;background:rgba(19,109,255,.045);border:1px solid rgba(19,109,255,.12)}
.prompt-discussion-box>b{color:#06152b;margin-right:2px}
.discussion-prompts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}
.discussion-prompt-card{min-height:86px;padding:12px;border-radius:8px;text-align:left;display:block;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(235,247,255,.72))}
.discussion-prompt-card small{display:block;color:#075de8;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.discussion-prompt-card b{display:block;margin-top:6px;color:#06152b;font-size:14px;line-height:1.35}
.discussion-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:end;gap:8px 12px;margin:10px 0;padding:12px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(232,247,255,.76));border:1px solid rgba(19,109,255,.16)}
.steam-comments{display:grid;gap:10px;padding:16px;border-radius:8px;background:rgba(255,255,255,.62);border:1px solid rgba(19,109,255,.14)}
.steam-comments .steam-section-head{margin-bottom:2px}
.steam-comments .quick-comments{margin-bottom:2px}
.discussion-list{display:flex;flex-direction:column;gap:10px;max-height:440px;overflow:auto;margin:0;padding:8px 6px 8px 0;scrollbar-color:rgba(19,109,255,.34) transparent}
.discussion-list .comment{position:relative;width:100%;max-width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:start;border-radius:8px;background:rgba(255,255,255,.82);box-shadow:0 12px 30px rgba(19,109,255,.08)}
.discussion-list .comment:has(.comment-admin-menu){cursor:pointer}
.discussion-list .comment.own{align-self:stretch;border-left:3px solid rgba(19,109,255,.44);background:linear-gradient(180deg,rgba(235,248,255,.94),rgba(255,255,255,.9))}
.discussion-list .detail-empty-feedback{width:100%}
.steam-comments .discussion-editor{position:relative;z-index:1;margin:4px 0 2px;padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(232,247,255,.84));box-shadow:none}
.discussion-editor-head,.discussion-editor-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.discussion-editor-head{grid-column:1}
.discussion-editor-head b{color:#06152b}
.discussion-editor-head span,.discussion-editor-foot span{color:#6d849e;font-size:12px;line-height:1.55}
.discussion-editor-controls{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.discussion-editor-controls label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;font-size:12px;white-space:nowrap}
.discussion-editor textarea{grid-column:1/-1;min-height:64px;resize:vertical}
.discussion-editor-foot{grid-column:1/-1}
.discussion-filters{margin:10px 0 12px}
.discussion-filter.on{background:#136dff;border-color:#136dff;color:#fff}
.comment-avatar{width:38px;height:38px;border-radius:999px;overflow:hidden;background:linear-gradient(135deg,#136dff,#18d7ff);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:950;box-shadow:0 8px 20px rgba(19,109,255,.18)}
.comment-avatar img{width:100%;height:100%;object-fit:cover}
.comment-main{min-width:0}
.comment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.comment-head strong{display:block;color:#06152b;font-size:13px}
.comment-time{display:block;margin-top:3px;color:#6d849e;font-size:12px}
.comment-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.comment-adopted{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:rgba(53,214,164,.13);color:#087a55;font-size:11px;font-weight:900}
.comment-main p{margin:8px 0 0;color:#172033;font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}
.comment-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.comment-actions button{border:0;background:transparent;color:#075de8;font-size:12px;font-weight:900;cursor:pointer}
.comment-actions button.on{padding:3px 8px;border-radius:999px;background:rgba(19,109,255,.12);color:#063c9f}
.comment-admin-trigger{height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(19,109,255,.16);background:rgba(255,255,255,.78);color:#075de8;font-size:12px;font-weight:900;cursor:pointer}
.comment-admin-menu{position:absolute;right:12px;top:46px;z-index:5;display:none;min-width:118px;padding:6px;border-radius:8px;background:#fff;border:1px solid rgba(220,38,38,.18);box-shadow:0 18px 42px rgba(15,23,42,.16)}
.comment.admin-menu-open .comment-admin-menu{display:grid;gap:6px}
.comment.admin-menu-open{box-shadow:0 16px 40px rgba(19,109,255,.14),0 0 0 1px rgba(19,109,255,.18)}
.comment-admin-menu button{width:100%;min-height:32px;border:1px solid rgba(220,38,38,.16);background:#fff;color:#b42318;border-radius:8px;padding:0 10px;font-size:12px;font-weight:900;cursor:pointer;text-align:left}
.comment-admin-menu button:hover{background:#fff1f0}
.announcement-strip{padding:18px clamp(16px,4vw,56px)}
.announcement-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:stretch}
.announcement-head{padding:18px 0}
.announcement-head h2{margin:4px 0 0;color:#06152b;font-size:24px}
.announcement-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.announcement-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:132px;padding:16px;border:1px solid rgba(19,109,255,.16);border-radius:8px;background:rgba(255,255,255,.78);box-shadow:0 14px 36px rgba(19,109,255,.08)}
.announcement-card span{font-size:11px;font-weight:900;color:#075de8;text-transform:uppercase}
.announcement-card h3{margin:6px 0;color:#06152b;font-size:16px}
.announcement-card p{margin:0;color:#476282;line-height:1.65;font-size:13px}
.announcement-card.tone-teal span{color:#087a55}
.announcement-card.tone-amber span{color:#a35a00}
.announcement-card.tone-coral span{color:#b42318}
.challenge-join{width:100%;margin-top:12px}
.theme-slot-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}
.theme-front-card{display:grid;gap:10px;align-content:start;min-height:210px;padding:18px;border:1px solid rgba(19,109,255,.16);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(235,247,255,.78));box-shadow:0 18px 48px rgba(19,109,255,.08)}
.theme-front-card>span{color:#075de8;font-size:12px;font-weight:950;text-transform:uppercase}
.theme-front-card h3{margin:0;color:#06152b;font-size:20px;line-height:1.28}
.theme-front-card p{margin:0;color:#526984;line-height:1.65;font-size:13px}
.theme-front-card>div{color:#31506f;font-size:12px;font-weight:900}
.theme-front-card .btn{align-self:end;width:100%;margin-top:auto}
.theme-front-card.is-locked,.theme-front-card.is-empty{border-color:rgba(255,209,102,.24);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,248,226,.62))}
.challenge-window{margin-top:10px;color:#31506f;font-size:12px;font-weight:900}
.challenge-join.is-locked,
.challenge-join:disabled{cursor:not-allowed;opacity:.78;background:rgba(255,209,102,.12);border-color:rgba(255,209,102,.28);color:#8a5a00;box-shadow:none}
#challengeSubmit:disabled{cursor:not-allowed;background:rgba(255,209,102,.14);border-color:rgba(255,209,102,.32);color:#8a5a00;box-shadow:none}
.challenge.is-not-accepting{border-color:rgba(255,209,102,.18)}
.challenge.is-not-accepting .challenge-proof{background:rgba(255,209,102,.08);border-radius:8px;padding:12px}
html[data-theme="cyber"] .challenge-join.is-locked,
html[data-theme="cyber"] .challenge-join:disabled{background:rgba(255,189,91,.12);border-color:rgba(255,189,91,.28);color:#ffe1ac}
html[data-theme="cyber"] #challengeSubmit:disabled{background:rgba(255,189,91,.12);border-color:rgba(255,189,91,.28);color:#ffe1ac}
html[data-theme="cyber"] .theme-front-card{background:linear-gradient(180deg,rgba(17,26,39,.96),rgba(8,12,20,.94));border-color:rgba(53,214,164,.2);box-shadow:0 18px 52px rgba(0,0,0,.32)}
html[data-theme="cyber"] .theme-front-card h3{color:#f3f8ff}
html[data-theme="cyber"] .theme-front-card p{color:#a4b4c7}
html[data-theme="cyber"] .theme-front-card>div,html[data-theme="cyber"] .challenge-window{color:#c2d3e7}
html[data-theme="cyber"] .theme-front-card>span{color:#35d6a4}
html[data-theme="cyber"] .theme-front-card.is-locked,html[data-theme="cyber"] .theme-front-card.is-empty{border-color:rgba(255,189,91,.24);background:linear-gradient(180deg,rgba(32,28,22,.94),rgba(8,12,20,.94))}
@media(max-width:900px){.theme-slot-showcase{grid-template-columns:1fr}}
@media(max-width:900px){.announcement-inner{grid-template-columns:1fr}.announcement-list{grid-template-columns:1fr}}
.announcement-top-btn{width:auto;min-width:52px;padding:0 12px;border-radius:10px;font-size:12px;font-weight:900;color:#075de8}
.announcement-modal-backdrop{position:fixed;inset:0;z-index:220;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.28);backdrop-filter:blur(7px)}
.announcement-modal-backdrop.open{display:flex}
.announcement-modal{width:min(520px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 36px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;border:1px solid rgba(15,23,42,.14);border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 24px 70px rgba(15,23,42,.22);overflow:hidden}
.announcement-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 16px 10px}
.announcement-modal-head h2{margin:0;color:#06152b;font-size:18px;line-height:1.25}
.announcement-modal-head p{margin:4px 0 0;color:#60718a;font-size:12px}
.announcement-close{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#06152b;font-size:21px;line-height:1;cursor:pointer}
.announcement-close:hover{background:rgba(6,21,43,.06)}
.announcement-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 16px 10px;padding:3px;border-radius:10px;background:rgba(6,21,43,.06)}
.announcement-tabs button{height:32px;border:0;border-radius:8px;background:transparent;color:#6c7890;font-size:13px;font-weight:900;cursor:pointer}
.announcement-tabs button.on{background:#fff;color:#06152b;box-shadow:0 0 0 1px rgba(6,21,43,.12),0 5px 14px rgba(15,23,42,.07)}
.announcement-modal-body{padding:6px 16px 10px;overflow:auto;color:#06152b}
.announcement-modal-item{padding:11px 0 13px;border-bottom:1px solid rgba(15,23,42,.08)}
.announcement-modal-item:last-child{border-bottom:0}
.announcement-modal-item span{display:inline-flex;margin-bottom:6px;color:#075de8;font-size:11px;font-weight:900}
.announcement-modal-item h3{margin:0 0 7px;color:#06152b;font-size:16px;line-height:1.35}
.announcement-modal-item p{margin:0;white-space:pre-wrap;color:#1f2937;font-size:14px;line-height:1.58}
.announcement-modal-item.tone-teal span{color:#087a55}
.announcement-modal-item.tone-amber span{color:#a35a00}
.announcement-modal-item.tone-coral span{color:#b42318}
.announcement-timeline{display:grid;gap:8px}
.announcement-timeline-item{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:start;padding:10px;border:1px solid rgba(19,109,255,.12);border-radius:8px;background:rgba(248,252,255,.82)}
.announcement-timeline-item>b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e8f2ff;color:#075de8;font-size:12px}
.announcement-timeline-item strong{display:block;color:#06152b;margin-bottom:3px;font-size:14px}
.announcement-timeline-item p{margin:0;color:#4b6280;font-size:13px;line-height:1.45}
.announcement-timeline-item>span{font-size:11px;font-weight:900;color:#075de8}
.announcement-empty{padding:24px;text-align:center;color:#60718a;font-size:14px}
.announcement-modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid rgba(15,23,42,.08);background:rgba(248,250,252,.92)}
.announcement-modal-foot .btn{min-height:34px;padding:0 14px;font-size:13px}
html[data-theme="cyber"] .announcement-modal{background:rgba(8,13,24,.96);border-color:rgba(47,255,210,.22)}
html[data-theme="cyber"] .announcement-modal-head h2,html[data-theme="cyber"] .announcement-modal-item h3,html[data-theme="cyber"] .announcement-modal-item p,html[data-theme="cyber"] .announcement-close,html[data-theme="cyber"] .announcement-timeline-item strong{color:#fff}
html[data-theme="cyber"] .announcement-modal-head p,html[data-theme="cyber"] .announcement-timeline-item p{color:#b7c8df}
html[data-theme="cyber"] .announcement-tabs{background:rgba(255,255,255,.06)}
html[data-theme="cyber"] .announcement-tabs button.on{background:rgba(47,255,210,.14);color:#2fffd2}
html[data-theme="cyber"] .announcement-modal-foot{background:rgba(255,255,255,.04);border-top-color:rgba(47,255,210,.16)}
html[data-theme="cyber"] .announcement-timeline-item{background:rgba(255,255,255,.04);border-color:rgba(47,255,210,.14)}
@media(max-width:640px){.announcement-modal-backdrop{align-items:center;padding:14px}.announcement-modal{width:100%;max-height:min(520px,calc(100vh - 28px));border-radius:12px}.announcement-modal-head{padding:14px 14px 9px}.announcement-tabs{margin:0 14px 9px}.announcement-modal-body{padding:5px 14px 9px}.announcement-modal-item h3{font-size:15px}.announcement-modal-item p{font-size:13px}.announcement-timeline-item{grid-template-columns:32px 1fr}.announcement-timeline-item>span{grid-column:2}.announcement-modal-foot{padding:10px 14px}.announcement-modal-foot .btn{flex:1}}
.author-reply{margin-top:10px;padding:10px 12px;border-left:3px solid #18d7ff;border-radius:8px;background:rgba(24,215,255,.08)}
.author-reply b{display:block;color:#075de8;margin-bottom:4px}
.author-reply span{color:#31506f;line-height:1.6}
.empty-discussion-actions{justify-content:center;margin-top:14px}
.remix-branch{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;margin-top:14px;padding:14px;border-radius:8px;background:linear-gradient(135deg,rgba(19,109,255,.08),rgba(24,215,255,.07));border:1px solid rgba(19,109,255,.14)}
.remix-branch h4{margin:4px 0 6px;color:#06152b}
.remix-branch p{margin:0;color:#6d849e;font-size:13px;line-height:1.65}
.remix-branch ol{margin:0;padding-left:22px;color:#31506f;line-height:1.75;font-size:13px}
html[data-theme="cyber"] .detail-community-pulse,html[data-theme="cyber"] .prompt-discussion-box,html[data-theme="cyber"] .discussion-editor,html[data-theme="cyber"] .remix-branch{background:rgba(255,255,255,.055);border-color:rgba(88,166,255,.18)}
html[data-theme="cyber"] .community-signal-card>b,html[data-theme="cyber"] .prompt-discussion-box>b,html[data-theme="cyber"] .discussion-prompt-card b,html[data-theme="cyber"] .discussion-editor-head b,html[data-theme="cyber"] .comment-head strong,html[data-theme="cyber"] .remix-branch h4{color:#fff}
html[data-theme="cyber"] .community-signal-card div,html[data-theme="cyber"] .discussion-prompt-card,html[data-theme="cyber"] .module-discussion-hooks button,html[data-theme="cyber"] .prompt-discussion-box button,html[data-theme="cyber"] .discussion-filter,html[data-theme="cyber"] .empty-discussion-actions button{background:rgba(255,255,255,.055);border-color:rgba(88,166,255,.18);color:#9cf4d4}
html[data-theme="cyber"] .community-signal-card small,html[data-theme="cyber"] .discussion-editor-head span,html[data-theme="cyber"] .discussion-editor-foot span,html[data-theme="cyber"] .author-reply span,html[data-theme="cyber"] .remix-branch p,html[data-theme="cyber"] .remix-branch ol{color:#b7c8df}
html[data-theme="cyber"] .steam-comments{background:rgba(255,255,255,.035);border-color:rgba(88,166,255,.16)}
html[data-theme="cyber"] .steam-comments .discussion-editor{background:linear-gradient(180deg,rgba(17,26,39,.96),rgba(8,12,20,.94));box-shadow:none}
html[data-theme="cyber"] .discussion-list .comment{background:rgba(255,255,255,.055);border-color:rgba(88,166,255,.16)}
html[data-theme="cyber"] .discussion-list .comment.own{background:rgba(53,214,164,.09)}
html[data-theme="cyber"] .comment-avatar{background:linear-gradient(135deg,#1b6bff,#35d6a4);box-shadow:0 8px 20px rgba(53,214,164,.14)}
html[data-theme="cyber"] .comment-main p,html[data-theme="cyber"] .comment-time{color:#b7c8df}
html[data-theme="cyber"] .comment-actions button.on{background:rgba(53,214,164,.14);color:#9cf4d4}
html[data-theme="cyber"] .comment-admin-trigger{background:rgba(255,255,255,.055);border-color:rgba(88,166,255,.2);color:#9cf4d4}
html[data-theme="cyber"] .comment-admin-menu{background:#111a27;border-color:rgba(255,92,92,.28);box-shadow:0 18px 42px rgba(0,0,0,.34)}
html[data-theme="cyber"] .comment-admin-menu button{background:rgba(255,255,255,.04);border-color:rgba(255,92,92,.24);color:#ffb4ae}
html[data-theme="cyber"] .steam-media .work-thumb-img,html[data-theme="cyber"] .steam-media>img,html[data-theme="cyber"] .steam-media>.preview-mock{background:#101826;border-color:rgba(53,214,164,.16)}
.steam-media{
  display:grid;
  grid-template-rows:minmax(260px,auto) auto;
  gap:10px;
  align-items:stretch;
  place-items:stretch;
  min-height:0;
  aspect-ratio:auto;
  padding:12px;
  overflow:visible;
}
.steam-media-stage{
  position:relative;
  min-height:320px;
  border-radius:8px;
  overflow:hidden;
  background:linear-gradient(135deg,#f8fcff,#dff3ff);
  border:1px solid rgba(19,109,255,.12);
  box-shadow:0 18px 42px rgba(19,109,255,.12);
}
.steam-media-stage .detail-media-main,
.steam-media-stage .work-thumb-img,
.steam-media-stage>.preview-mock{
  position:relative;
  inset:auto;
  width:100%;
  height:100%;
  min-height:320px;
  display:block;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  object-fit:contain;
}
.steam-media-stage>.preview-mock{
  display:grid;
  place-items:center;
}
.steam-gallery{
  position:relative;
  left:auto;
  right:auto;
  bottom:auto;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(108px,1fr));
  gap:8px;
}
.steam-thumb{
  height:72px;
  padding:0;
  position:relative;
  overflow:hidden;
  cursor:pointer;
}
.steam-thumb img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.steam-thumb span{
  position:absolute;
  left:6px;
  right:6px;
  bottom:5px;
  z-index:1;
  color:#fff;
  font-size:11px;
  font-weight:900;
  text-shadow:0 1px 8px rgba(6,21,43,.72);
}
.steam-thumb.is-active,
.steam-thumb:first-child.is-active{
  border-color:#18d7ff;
  box-shadow:0 0 0 2px rgba(24,215,255,.28),inset 0 0 0 1px rgba(255,255,255,.45);
}
.steam-gallery-empty{
  min-height:72px;
  padding:12px;
  border-radius:8px;
  align-items:center;
  background:rgba(255,255,255,.62);
  border:1px dashed rgba(19,109,255,.18);
}
@media(max-width:820px){
  .steam-media{grid-template-rows:minmax(220px,auto) auto;padding:10px}
  .steam-media-stage{min-height:220px}
  .steam-media-stage .detail-media-main,.steam-media-stage .work-thumb-img,.steam-media-stage>.preview-mock{min-height:220px}
}
html[data-theme="cyber"] .steam-media-stage{background:#101826;border-color:rgba(53,214,164,.16)}
html[data-theme="cyber"] .steam-gallery-empty{background:rgba(255,255,255,.055);border-color:rgba(88,166,255,.18)}
@media(max-width:760px){.discussion-prompts,.discussion-editor,.discussion-editor-controls,.remix-branch{grid-template-columns:1fr}.discussion-editor-head,.discussion-editor-controls,.discussion-editor textarea,.discussion-editor-foot{grid-column:1}.discussion-editor-controls{grid-row:auto}.discussion-editor-controls label{grid-template-columns:auto minmax(0,1fr);white-space:nowrap}.discussion-editor-head span,.discussion-editor-foot span{display:none}.discussion-editor-head,.discussion-editor-foot{display:flex}.discussion-list .comment{grid-template-columns:34px minmax(0,1fr);padding-right:12px}.comment-avatar{width:34px;height:34px}.comment-head{display:grid}.comment-badges{justify-content:flex-start}.comment-admin-trigger{position:absolute;right:10px;top:10px}.comment-admin-menu{right:10px;top:44px}}

/* 2026-07-05：排行榜与奖项下载区视觉修正。 */
.ranking-section{
  max-width:1180px;
}
.ranking-hero{
  min-height:190px;
  padding:26px 30px;
  align-items:center;
  border-color:rgba(19,109,255,.16);
  background:
    linear-gradient(135deg,rgba(255,255,255,.86),rgba(225,244,255,.72)),
    linear-gradient(90deg,rgba(19,109,255,.08),rgba(24,215,255,.08));
  box-shadow:0 18px 48px rgba(19,109,255,.09);
}
.ranking-hero h2{
  color:#06152b;
  font-size:clamp(38px,4.6vw,58px);
}
.ranking-live-card{
  background:#263548;
  border-color:rgba(19,109,255,.18);
  color:#eaf6ff;
  box-shadow:0 14px 32px rgba(6,21,43,.14);
}
.ranking-layout{
  grid-template-columns:minmax(0,1fr) minmax(260px,300px);
  gap:14px;
}
.ranking-toolbar{
  background:rgba(255,255,255,.74);
  border-color:rgba(19,109,255,.16);
  box-shadow:0 12px 34px rgba(19,109,255,.07);
}
.ranking-board,
.riser-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(236,248,255,.78));
  border-color:rgba(19,109,255,.16);
  color:#06152b;
  box-shadow:0 18px 48px rgba(19,109,255,.08);
}
.ranking-board-head{
  min-height:50px;
  background:rgba(19,109,255,.045);
  border-bottom-color:rgba(19,109,255,.12);
  color:#6d849e;
}
.ranking-board-head div,
.ranking-board-head strong,
.riser-panel h3{
  color:#06152b;
}
.ranking-row{
  grid-template-columns:54px 42px minmax(0,1fr) 104px 70px;
  min-height:78px;
  border-bottom-color:rgba(19,109,255,.1);
}
.ranking-row:hover{
  background:rgba(19,109,255,.055);
}
.ranking-row.up{
  background:linear-gradient(90deg,rgba(53,214,164,.12),rgba(255,255,255,.28) 70%);
}
.ranking-row.down{
  background:linear-gradient(90deg,rgba(255,93,115,.09),rgba(255,255,255,.28) 70%);
}
.ranking-row.new{
  background:linear-gradient(90deg,rgba(19,109,255,.1),rgba(255,255,255,.28) 70%);
}
.ranking-rank,
.ranking-title b,
.rising-name b{
  color:#06152b;
}
.ranking-medal{
  background:rgba(19,109,255,.07);
  border-color:rgba(19,109,255,.16);
}
.ranking-title span,
.ranking-title em,
.rising-name span,
.riser-panel p{
  color:#5f7894;
}
.ranking-score{
  background:rgba(24,215,255,.16);
  border-color:rgba(24,215,255,.3);
  color:#05709c;
}
.rank-change{
  border-color:rgba(19,109,255,.18);
  color:#6d849e;
  background:rgba(255,255,255,.7);
}
.rising-list{
  padding:9px;
}
.rising-item{
  background:rgba(255,255,255,.45);
}
.rising-item + .rising-item{
  margin-top:6px;
}
.rising-item:hover{
  background:rgba(19,109,255,.07);
}
.rising-no{
  background:rgba(53,214,164,.14);
  color:#087a55;
}
.rising-delta{
  color:#087a55;
}

.award-share-lab{
  overflow:hidden;
}
.award-share-layout{
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
  align-items:start;
}
.award-share-card{
  width:100%;
  min-height:312px;
  aspect-ratio:1659/948;
  padding:32px 36px;
  background:
    linear-gradient(90deg,rgba(3,13,33,.82),rgba(3,13,33,.2) 58%,rgba(3,13,33,0)),
    var(--award-card-bg,url("图片/award_card_bg.png")) center/contain no-repeat,
    #06152b;
  grid-template-columns:minmax(0,1fr) minmax(132px,24%);
  gap:14px;
  box-sizing:border-box;
}
.award-share-card::before{
  inset:18px;
}
.award-share-copy{
  max-width:580px;
}
.award-share-card h3{
  font-size:clamp(26px,3vw,34px);
}
.award-share-award{
  font-size:clamp(15px,1.7vw,18px);
}
.award-share-shot{
  width:min(100%,250px);
  align-self:end;
}
.award-share-footer{
  align-items:center;
}
.award-domain{
  min-width:132px;
  max-width:100%;
  white-space:normal;
}

@media(max-width:980px){
  .ranking-layout,
  .award-share-layout{
    grid-template-columns:1fr;
  }
  .ranking-row{
    grid-template-columns:50px 40px minmax(0,1fr) 96px 68px;
  }
  .award-share-card{
    min-height:0;
  }
}
@media(max-width:620px){
  .ranking-hero{
    padding:18px;
  }
  .ranking-row{
    grid-template-columns:44px minmax(0,1fr) 78px;
    gap:8px;
  }
  .ranking-title em{
    display:block;
  }
  .award-share-card{
    padding:22px;
    grid-template-columns:1fr;
    aspect-ratio:auto;
    background:
      linear-gradient(90deg,rgba(3,13,33,.78),rgba(3,13,33,.28)),
      var(--award-card-bg,url("图片/award_card_bg.png")) center/contain no-repeat,
      #06152b;
  }
  .award-share-card::before{
    inset:12px;
  }
  .award-share-shot{
    width:min(100%,220px);
    justify-self:start;
  }
  .award-share-footer{
    display:grid;
  }
}

/* 2026-07-05：排行榜与奖项卡片展示修正 */
.ranking-section{
  width:min(1220px,calc(100vw - 40px));
}
.ranking-hero{
  overflow:hidden;
}
.ranking-title em{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  font-style:normal;
  line-height:1.5;
  white-space:normal;
}
.ranking-title > div{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:7px;
}
.ranking-board,
.riser-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(236,247,255,.84));
  color:#06152b;
  border-color:rgba(19,109,255,.16);
  box-shadow:0 18px 50px rgba(19,109,255,.08);
}
.ranking-board-head{
  background:rgba(255,255,255,.56);
  color:#526984;
  border-bottom-color:rgba(19,109,255,.12);
}
.ranking-board-head div,
.ranking-rank,
.ranking-title b,
.rising-name b,
.riser-panel h3{
  color:#06152b;
}
.ranking-title span,
.rising-name span,
.riser-panel p{
  color:#526984;
}
.ranking-row{
  border-bottom-color:rgba(19,109,255,.10);
}
.ranking-row:hover{
  background:rgba(19,109,255,.055);
}
.ranking-medal{
  background:rgba(19,109,255,.07);
  border-color:rgba(19,109,255,.13);
}
.ranking-score{
  background:rgba(24,215,255,.18);
  border-color:rgba(24,215,255,.32);
  color:#036899;
}
.rising-item{
  background:rgba(255,255,255,.48);
  border:1px solid rgba(19,109,255,.08);
  margin-bottom:7px;
}
.rising-item:last-child{
  margin-bottom:0;
}
.riser-panel:first-child{
  padding-bottom:2px;
}
.award-share-lab{
  overflow:visible;
}
.award-share-layout{
  grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);
  align-items:start;
}
.award-share-card{
  width:100%;
  min-width:0;
  min-height:0;
  aspect-ratio:1659/948;
  overflow:hidden;
  padding:clamp(22px,3vw,38px);
  grid-template-columns:minmax(0,1fr) minmax(120px,28%);
  gap:clamp(10px,2vw,16px);
  align-items:end;
  background-size:cover;
}
.award-share-card::before{
  inset:clamp(12px,2vw,22px);
}
.award-share-card h3{
  font-size:clamp(22px,3.1vw,34px);
  line-height:1.12;
  -webkit-line-clamp:2;
}
.award-share-card p{
  font-size:clamp(12px,1.2vw,15px);
  line-height:1.55;
  -webkit-line-clamp:2;
}
.award-share-award{
  margin-top:10px;
  font-size:clamp(14px,1.7vw,18px);
}
.award-share-footer{
  align-items:center;
}
.award-domain{
  flex:0 0 auto;
  max-width:44%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.award-share-shot{
  width:min(100%,240px);
}
html[data-theme="cyber"] .ranking-section .ranking-hero{
  background:linear-gradient(135deg,rgba(53,214,164,.18),rgba(101,168,255,.10)),rgba(8,12,20,.7);
  border-color:rgba(53,214,164,.20);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
html[data-theme="cyber"] .ranking-toolbar,
html[data-theme="cyber"] .ranking-board,
html[data-theme="cyber"] .riser-panel{
  background:linear-gradient(180deg,rgba(17,26,39,.94),rgba(8,12,20,.92));
  border-color:rgba(53,214,164,.18);
  box-shadow:0 18px 48px rgba(0,0,0,.30);
  color:var(--text);
}
html[data-theme="cyber"] .ranking-board-head{
  background:rgba(5,7,12,.38);
  border-bottom-color:rgba(53,214,164,.12);
  color:#91a5b8;
}
html[data-theme="cyber"] .ranking-board-head div,
html[data-theme="cyber"] .ranking-rank,
html[data-theme="cyber"] .ranking-title b,
html[data-theme="cyber"] .rising-name b,
html[data-theme="cyber"] .riser-panel h3{
  color:#f3f8ff;
}
html[data-theme="cyber"] .ranking-title span,
html[data-theme="cyber"] .ranking-title em,
html[data-theme="cyber"] .rising-name span,
html[data-theme="cyber"] .riser-panel p{
  color:#a4b4c7;
}
html[data-theme="cyber"] .ranking-row{
  border-bottom-color:rgba(53,214,164,.10);
}
html[data-theme="cyber"] .ranking-row:hover{
  background:rgba(53,214,164,.07);
}
html[data-theme="cyber"] .ranking-medal{
  background:rgba(255,255,255,.055);
  border-color:rgba(53,214,164,.15);
}
html[data-theme="cyber"] .ranking-score{
  background:rgba(53,214,164,.13);
  border-color:rgba(53,214,164,.30);
  color:#9cf4d4;
}
html[data-theme="cyber"] .rank-change{
  border-color:rgba(53,214,164,.16);
  color:#91a5b8;
  background:rgba(255,255,255,.04);
}
html[data-theme="cyber"] .rising-item{
  background:rgba(255,255,255,.045);
  border-color:rgba(53,214,164,.10);
}
html[data-theme="cyber"] .award-share-lab,
html[data-theme="cyber"] .award-select-panel,
html[data-theme="cyber"] .process-note{
  background:linear-gradient(180deg,rgba(17,26,39,.94),rgba(8,12,20,.92));
  border-color:rgba(53,214,164,.18);
}
html[data-theme="cyber"] .award-select-panel label,
html[data-theme="cyber"] .process-note b{
  color:#f3f8ff;
}
@media(max-width:980px){
  .ranking-section{width:min(100%,calc(100vw - 28px));}
  .award-share-layout{grid-template-columns:1fr;}
  .award-share-card{max-width:100%;}
}
@media(max-width:620px){
  .ranking-section{width:min(100%,calc(100vw - 20px));}
  .ranking-row{grid-template-columns:46px minmax(0,1fr) auto;align-items:start;}
  .ranking-title b{white-space:normal;line-height:1.35;}
  .ranking-title em{display:none;}
  .rank-change{grid-column:2/4;}
  .award-share-card{padding:18px;grid-template-columns:1fr;aspect-ratio:1659/948;}
  .award-share-shot{display:none;}
  .award-share-footer{gap:8px;}
  .award-domain{max-width:48%;font-size:12px;}
}

/* 产品化首页覆盖：借鉴 shadcn/Radix 的克制卡片、清晰状态和稳定弹层结构。 */
[hidden]{
  display:none!important;
}
body::before{
  opacity:.42;
}
.cinema-hero{
  min-height:calc(100svh - 64px)!important;
  padding:86px 28px 56px;
  display:flex!important;
  align-items:center;
  background:
    radial-gradient(circle at 16% 18%,rgba(24,215,255,.16),transparent 32%),
    radial-gradient(circle at 82% 24%,rgba(255,209,102,.14),transparent 28%),
    linear-gradient(180deg,#f7fbff 0%,#eef7ff 58%,#f8fcff 100%)!important;
}
.cinema-media{
  display:none;
}
.cinema-content{
  position:relative!important;
  inset:auto!important;
  width:min(1180px,100%)!important;
  margin:0 auto;
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
  gap:28px;
  align-items:center;
  color:#06152b!important;
  text-shadow:none!important;
}
.cinema-copy{
  display:grid;
  justify-items:start;
}
.cinema-content .eyebrow{
  color:#075de8;
  background:rgba(255,255,255,.72);
  border-color:rgba(19,109,255,.14);
}
.cinema-title{
  max-width:660px!important;
  color:#06152b!important;
  font-size:clamp(38px,5.2vw,72px)!important;
  line-height:1.02!important;
}
.cinema-intro{
  max-width:610px!important;
  color:#31506f!important;
  font-size:clamp(16px,1.5vw,20px)!important;
  line-height:1.75;
}
.cinema-actions .btn{
  box-shadow:none;
}
.home-hero-stats{
  width:min(540px,100%)!important;
}
.home-hero-stats div{
  background:rgba(255,255,255,.84)!important;
  border:1px solid rgba(19,109,255,.14)!important;
  box-shadow:0 14px 34px rgba(19,109,255,.08);
}
.home-hero-stats b{
  color:#06152b!important;
}
.home-hero-stats span{
  color:#526984!important;
}
.product-preview{
  min-width:0;
}
.preview-shell{
  border:1px solid rgba(19,109,255,.16);
  border-radius:8px;
  background:rgba(255,255,255,.86);
  box-shadow:0 28px 80px rgba(19,109,255,.14);
  overflow:hidden;
}
.preview-head{
  min-height:66px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid rgba(19,109,255,.12);
  background:rgba(248,252,255,.82);
}
.preview-head strong{
  display:block;
  margin-top:4px;
  color:#06152b;
  font-size:20px;
}
.preview-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,.86fr);
  gap:14px;
  padding:16px;
}
.preview-feature{
  min-height:250px;
  padding:18px;
  display:grid;
  align-content:end;
  border-radius:8px;
  background:
    linear-gradient(180deg,rgba(6,21,43,0) 0%,rgba(6,21,43,.72) 100%),
    linear-gradient(135deg,#dff3ff,#f8fcff);
  border:1px solid rgba(19,109,255,.14);
  color:#fff;
}
.preview-feature > .badge{
  justify-self:start;
  width:auto;
  background:rgba(255,255,255,.18);
  color:#fff;
  border-color:rgba(255,255,255,.28);
}
.preview-feature h3{
  margin:72px 0 8px;
  font-size:32px;
  line-height:1.08;
}
.preview-feature p{
  margin:0;
  color:rgba(255,255,255,.78);
  line-height:1.6;
}
.preview-score{
  margin-top:16px;
  display:inline-flex;
  align-items:end;
  gap:6px;
}
.preview-score b{
  font-size:34px;
}
.preview-score span{
  color:rgba(255,255,255,.72);
  font-size:12px;
}
.preview-list{
  display:grid;
  gap:10px;
  align-content:start;
}
.preview-list div{
  min-height:62px;
  padding:12px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  border:1px solid rgba(19,109,255,.12);
  border-radius:8px;
  background:rgba(248,252,255,.9);
}
.preview-list b{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:#075de8;
  background:rgba(19,109,255,.1);
}
.preview-list span{
  min-width:0;
  color:#06152b;
  background:transparent;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.preview-list em{
  font-style:normal;
  color:#008566;
  font-weight:900;
}
.preview-footer{
  padding:12px 16px 16px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.preview-footer span{
  height:30px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  border:1px solid rgba(19,109,255,.14);
  color:#31506f;
  background:#fff;
  font-size:12px;
  font-weight:800;
}
.works-spotlight,
.ranking-hero,
.ranking-toolbar,
.ranking-board,
.riser-panel{
  box-shadow:0 14px 46px rgba(19,109,255,.08);
}
.auth-modal .form-row[hidden],
.submit-form .form-row[hidden]{
  display:none!important;
}
.submit-footer .status:not(:empty){
  padding:9px 11px;
  border:1px solid rgba(19,109,255,.16);
  border-radius:8px;
  background:rgba(19,109,255,.06);
  color:#31506f;
}
@media (max-width:900px){
  .cinema-hero{
    min-height:auto!important;
    padding:76px 20px 34px;
  }
  .cinema-content{
    grid-template-columns:1fr;
    gap:20px;
  }
  .cinema-title{
    font-size:clamp(34px,10vw,48px)!important;
  }
  .preview-grid{
    grid-template-columns:1fr;
  }
  .preview-feature{
    min-height:210px;
  }
  .home-hero-stats{
    grid-template-columns:1fr!important;
  }
  .vera-assistant{
    display:none!important;
  }
  .mobile-submit-fab{
    display:none!important;
  }
}

/* 最终清晰版：放在文件末尾覆盖旧首屏雾化规则。 */
.cinema-media{
  background:
    linear-gradient(90deg,rgba(4,15,34,.58),rgba(4,15,34,.16) 38%,rgba(246,251,255,.10) 72%,rgba(246,251,255,.18)),
    url("图片/vibe_hero_bg.webp?v=20260714-perf1") center/cover no-repeat!important;
}
.cinema-media::before{
  display:none!important;
  background:none!important;
}
.cinema-media::after{
  display:none!important;
  backdrop-filter:none!important;
}
.cinema-title,
.cinema-intro{
  text-shadow:0 12px 34px rgba(0,24,72,.48),0 2px 10px rgba(0,0,0,.24)!important;
}
@media(max-width:900px){
  .cinema-media{
    background:
      linear-gradient(90deg,rgba(3,12,30,.74) 0%,rgba(3,12,30,.58) 42%,rgba(3,12,30,.18) 70%,rgba(3,12,30,0) 100%),
      url("图片/vibe_hero_bg.webp?v=20260714-perf1") 62% center/cover no-repeat!important;
  }
  .cinema-media::before{
    display:none!important;
    background:none!important;
  }
  .cinema-content{
    top:68px!important;
    left:18px!important;
    width:calc(100% - 36px)!important;
  }
  .cinema-title{
    max-width:350px!important;
    font-size:clamp(36px,10.2vw,46px)!important;
    line-height:1.06!important;
  }
  .cinema-intro{
    max-width:340px!important;
    margin-top:18px!important;
    font-size:15px!important;
    line-height:1.8!important;
  }
  .cinema-actions{
    width:100%;
    margin-top:24px!important;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .cinema-actions .btn{
    width:100%;
    height:42px;
  }
  .home-hero-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:22px!important;
  }
  .home-hero-stats div{
    min-height:58px!important;
    padding:10px!important;
    background:rgba(4,15,34,.42)!important;
    border-color:rgba(255,255,255,.26)!important;
    backdrop-filter:none!important;
  }
  .home-hero-stats b{
    font-size:22px!important;
  }
  .home-hero-stats span{
    font-size:11px!important;
  }
  .vera-assistant{
    bottom:14px!important;
  }
}

/* 最终清晰版 v4：压住历史重复规则，取消雾化和毛玻璃，让背景图清晰展示。 */
.cinema-media{
  background:
    linear-gradient(90deg,rgba(3,12,30,.64) 0%,rgba(3,12,30,.40) 42%,rgba(3,12,30,.08) 72%,rgba(3,12,30,0) 100%),
    url("图片/vibe_hero_bg.webp?v=20260714-perf1") center/cover no-repeat!important;
}
.cinema-media::before,
.cinema-media::after{
  display:none!important;
  background:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.home-hero-stats div{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media(max-width:900px){
  .cinema-media{
    background:
      linear-gradient(90deg,rgba(3,12,30,.74) 0%,rgba(3,12,30,.58) 42%,rgba(3,12,30,.18) 70%,rgba(3,12,30,0) 100%),
      url("图片/vibe_hero_bg.webp?v=20260714-perf1") 62% center/cover no-repeat!important;
  }
  .home-hero-stats div{
    background:rgba(4,15,34,.42)!important;
    border-color:rgba(255,255,255,.26)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

html[data-theme="cyber"] .drawer-head,
html[data-theme="cyber"] .drawer-actions{
  background:linear-gradient(180deg,rgba(17,26,39,.98),rgba(17,26,39,.90) 70%,rgba(17,26,39,0));
}
html[data-theme="cyber"] .drawer-actions{
  background:linear-gradient(180deg,rgba(17,26,39,0),rgba(17,26,39,.98) 30%);
}
html[data-theme="cyber"] .drawer-level,
html[data-theme="cyber"] .drawer-stage-row span.done,
html[data-theme="cyber"] .drawer-theme-meta span,
html[data-theme="cyber"] .drawer-logout-link:hover{
  color:#9cf4d4;
}
html[data-theme="cyber"] .drawer-email,
html[data-theme="cyber"] .drawer-award-row,
html[data-theme="cyber"] .drawer-theme-card p,
html[data-theme="cyber"] .drawer-link-group h3,
html[data-theme="cyber"] .drawer-logout-link,
html[data-theme="cyber"] .drawer-stat em{
  color:#a8b7c8;
}
html[data-theme="cyber"] .drawer-theme-card,
html[data-theme="cyber"] .drawer-stat,
html[data-theme="cyber"] .drawer-rookie-card,
html[data-theme="cyber"] .drawer-link{
  background:linear-gradient(180deg,rgba(17,26,39,.92),rgba(8,12,20,.90));
  border-color:rgba(53,214,164,.16);
}
html[data-theme="cyber"] .drawer-stat b,
html[data-theme="cyber"] .drawer-theme-card strong{
  color:#f3f8ff;
}
html[data-theme="cyber"] .drawer-progress,
html[data-theme="cyber"] .rookie-steps span,
html[data-theme="cyber"] .drawer-theme-meta span{
  background:rgba(255,255,255,.055);
}
html[data-theme="cyber"] .drawer-stage-row span::before,
html[data-theme="cyber"] .rookie-steps span::before{
  background:#415166;
  box-shadow:0 0 0 3px rgba(255,255,255,.05);
}
html[data-theme="cyber"] .drawer-stage-row span.done::before,
html[data-theme="cyber"] .rookie-steps span.done::before{
  background:#35d6a4;
}
@media(max-width:520px){
  .profile-drawer{
    width:100vw;
    padding-inline:14px;
  }
  .drawer-user-main{
    grid-template-columns:50px 1fr;
  }
  .drawer-avatar{
    width:50px;
    height:50px;
  }
  .drawer-link-grid{
    grid-template-columns:1fr 1fr;
  }
  .drawer-status-row{
    flex-wrap:wrap;
  }
}

/* 最终清晰版 v4：压住历史重复规则，取消雾化和毛玻璃，让背景图清晰展示。 */
.cinema-media{
  background:
    linear-gradient(90deg,rgba(3,12,30,.64) 0%,rgba(3,12,30,.40) 42%,rgba(3,12,30,.08) 72%,rgba(3,12,30,0) 100%),
    url("图片/vibe_hero_bg.webp?v=20260714-perf1") center/cover no-repeat!important;
}
.cinema-media::before,
.cinema-media::after{
  display:none!important;
  background:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.home-hero-stats div{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media(max-width:900px){
  .cinema-media{
    background:
      linear-gradient(90deg,rgba(3,12,30,.74) 0%,rgba(3,12,30,.58) 42%,rgba(3,12,30,.18) 70%,rgba(3,12,30,0) 100%),
      url("图片/vibe_hero_bg.webp?v=20260714-perf1") 62% center/cover no-repeat!important;
  }
  .home-hero-stats div{
    background:rgba(4,15,34,.42)!important;
    border-color:rgba(255,255,255,.26)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

/* 最终清晰版：必须放在文件末尾，覆盖旧首屏雾化规则。 */
.cinema-media{
  background:
    linear-gradient(90deg,rgba(4,15,34,.58),rgba(4,15,34,.16) 38%,rgba(246,251,255,.10) 72%,rgba(246,251,255,.18)),
    url("图片/vibe_hero_bg.webp?v=20260714-perf1") center/cover no-repeat!important;
}
.cinema-media::before{
  background:
    linear-gradient(90deg,rgba(3,12,30,.38) 0,rgba(3,12,30,.12) 36%,rgba(255,255,255,.10) 100%),
    linear-gradient(180deg,rgba(246,251,255,.18) 0,rgba(246,251,255,0) 22%,rgba(246,251,255,.16) 100%)!important;
}
.cinema-media::after{
  display:none!important;
  backdrop-filter:none!important;
}
.cinema-title,
.cinema-intro{
  text-shadow:0 12px 34px rgba(0,24,72,.48),0 2px 10px rgba(0,0,0,.24)!important;
}
@media(max-width:900px){
  .cinema-media{
    background:
      linear-gradient(180deg,rgba(4,15,34,.52) 0%,rgba(4,15,34,.26) 42%,rgba(246,251,255,.10) 100%),
      linear-gradient(90deg,rgba(4,15,34,.55) 0%,rgba(4,15,34,.18) 55%,rgba(4,15,34,0) 100%),
      url("图片/vibe_hero_bg.webp?v=20260714-perf1") 58% center/cover no-repeat!important;
  }
  .cinema-media::before{
    background:linear-gradient(180deg,rgba(246,251,255,.05),rgba(246,251,255,.12))!important;
  }
  .cinema-content{
    top:68px!important;
    left:18px!important;
    width:calc(100% - 36px)!important;
  }
  .cinema-title{
    max-width:350px!important;
    font-size:clamp(36px,10.2vw,46px)!important;
    line-height:1.06!important;
  }
  .cinema-intro{
    max-width:340px!important;
    margin-top:18px!important;
    font-size:15px!important;
    line-height:1.8!important;
  }
  .cinema-actions{
    width:100%;
    margin-top:24px!important;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .cinema-actions .btn{
    width:100%;
    height:42px;
  }
  .home-hero-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:22px!important;
  }
  .home-hero-stats div{
    min-height:58px!important;
    padding:10px!important;
    background:rgba(4,15,34,.20)!important;
    border-color:rgba(255,255,255,.26)!important;
  }
  .home-hero-stats b{
    font-size:22px!important;
  }
  .home-hero-stats span{
    font-size:11px!important;
  }
  .vera-assistant{
    bottom:14px!important;
  }
}

/* 清晰首屏：去掉边缘雾化，手机端单独优化裁切和信息密度。 */
.cinema-media{
  background:
    linear-gradient(90deg,rgba(4,15,34,.58),rgba(4,15,34,.16) 38%,rgba(246,251,255,.10) 72%,rgba(246,251,255,.18)),
    url("图片/vibe_hero_bg.webp?v=20260714-perf1") center/cover no-repeat!important;
}
.cinema-media::before{
  background:
    linear-gradient(90deg,rgba(3,12,30,.38) 0,rgba(3,12,30,.12) 36%,rgba(255,255,255,.10) 100%),
    linear-gradient(180deg,rgba(246,251,255,.18) 0,rgba(246,251,255,0) 22%,rgba(246,251,255,.16) 100%)!important;
}
.cinema-media::after{
  display:none!important;
  backdrop-filter:none!important;
}
.cinema-title,
.cinema-intro{
  text-shadow:0 12px 34px rgba(0,24,72,.48),0 2px 10px rgba(0,0,0,.24)!important;
}
@media(max-width:900px){
  .cinema-hero{
    min-height:calc(100svh - 58px)!important;
  }
  .cinema-media{
    background:
      linear-gradient(180deg,rgba(4,15,34,.52) 0%,rgba(4,15,34,.26) 42%,rgba(246,251,255,.10) 100%),
      linear-gradient(90deg,rgba(4,15,34,.55) 0%,rgba(4,15,34,.18) 55%,rgba(4,15,34,0) 100%),
      url("图片/vibe_hero_bg.webp?v=20260714-perf1") 58% center/cover no-repeat!important;
  }
  .cinema-media::before{
    background:linear-gradient(180deg,rgba(246,251,255,.05),rgba(246,251,255,.12))!important;
  }
  .cinema-content{
    top:68px!important;
    left:18px!important;
    width:calc(100% - 36px)!important;
  }
  .cinema-title{
    max-width:350px!important;
    font-size:clamp(36px,10.2vw,46px)!important;
    line-height:1.06!important;
  }
  .cinema-intro{
    max-width:340px!important;
    margin-top:18px!important;
    font-size:15px!important;
    line-height:1.8!important;
  }
  .cinema-actions{
    width:100%;
    margin-top:24px!important;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .cinema-actions .btn{
    width:100%;
    height:42px;
  }
  .home-hero-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:22px!important;
  }
  .home-hero-stats div{
    min-height:58px!important;
    padding:10px!important;
    background:rgba(4,15,34,.20)!important;
    border-color:rgba(255,255,255,.26)!important;
  }
  .home-hero-stats b{
    font-size:22px!important;
  }
  .home-hero-stats span{
    font-size:11px!important;
  }
  .vera-assistant{
    bottom:14px!important;
  }
}

/* 恢复首屏：保留原来的大标题舞台，用静态背景图替代视频。 */
.cinema-hero{
  min-height:calc(100svh - 60px)!important;
  padding:0!important;
  display:grid!important;
  place-items:stretch!important;
  overflow:hidden;
  background:#06152b!important;
  isolation:isolate;
}
.cinema-media{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(6,21,43,.22),rgba(6,21,43,.04) 42%,rgba(6,21,43,.2)),
    url("图片/vibe_hero_bg.webp?v=20260714-perf1") center/cover no-repeat!important;
}
.cinema-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(231,246,255,.88) 0,rgba(231,246,255,.15) 18%,rgba(231,246,255,0) 58%,rgba(231,246,255,.9) 100%),
    linear-gradient(180deg,rgba(246,251,255,.8) 0,rgba(246,251,255,0) 18%,rgba(246,251,255,.86) 100%);
}
.cinema-media::after{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:2;
  pointer-events:none;
  backdrop-filter:blur(1.2px);
  background:radial-gradient(circle at 18% 18%,rgba(24,215,255,.16),transparent 32%);
}
.cinema-content{
  position:absolute!important;
  left:clamp(22px,5vw,96px)!important;
  top:clamp(76px,15vh,150px)!important;
  z-index:3;
  width:min(880px,calc(100% - 44px))!important;
  margin:0!important;
  display:block!important;
  color:#fff!important;
  text-align:left!important;
  text-shadow:0 14px 46px rgba(0,37,90,.58)!important;
}
.cinema-copy{
  display:grid;
  justify-items:start;
}
.cinema-title{
  max-width:900px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(50px,5.9vw,92px)!important;
  line-height:1.06!important;
  font-weight:1000;
  letter-spacing:0;
  text-wrap:balance;
}
.cinema-intro{
  max-width:720px!important;
  margin:22px 0 0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:clamp(18px,1.7vw,26px)!important;
  line-height:1.9;
}
.cinema-actions{
  margin-top:26px;
}
.cinema-actions .btn{
  box-shadow:0 16px 36px rgba(0,52,120,.18);
}
.home-hero-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:min(700px,100%)!important;
  margin-top:30px!important;
}
.home-hero-stats div{
  min-height:78px;
  padding:16px 18px!important;
  border-radius:8px;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.home-hero-stats b{
  color:#fff!important;
  font-size:30px!important;
}
.home-hero-stats span{
  color:rgba(255,255,255,.78)!important;
}
.product-preview{
  display:none!important;
}
.vera-assistant{
  display:block!important;
}
.vera-avatar-btn img,
.vera-chat-avatar img{
  opacity:1!important;
  display:block!important;
  object-fit:cover;
}
@media(max-width:900px){
  .cinema-hero{
    min-height:calc(100svh - 58px)!important;
  }
  .cinema-content{
    top:74px!important;
    left:20px!important;
    width:calc(100% - 40px)!important;
  }
  .cinema-title{
    font-size:clamp(38px,12vw,58px)!important;
    line-height:1.08!important;
  }
  .cinema-intro{
    font-size:17px!important;
    line-height:1.8;
  }
  .home-hero-stats{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .home-hero-stats div{
    min-height:64px;
  }
  .vera-assistant{
    right:16px!important;
    bottom:18px!important;
    width:66px!important;
    height:66px!important;
  }
  .vera-avatar-btn{
    width:66px!important;
    height:66px!important;
  }
  .mobile-submit-fab{
    display:none!important;
  }
}

/* 最终清晰版：放在文件末尾覆盖旧首屏雾化规则。 */
.cinema-media{
  background:
    linear-gradient(90deg,rgba(4,15,34,.58),rgba(4,15,34,.16) 38%,rgba(246,251,255,.10) 72%,rgba(246,251,255,.18)),
    url("图片/vibe_hero_bg.webp?v=20260714-perf1") center/cover no-repeat!important;
}
.cinema-media::before{
  background:
    linear-gradient(90deg,rgba(3,12,30,.38) 0,rgba(3,12,30,.12) 36%,rgba(255,255,255,.10) 100%),
    linear-gradient(180deg,rgba(246,251,255,.18) 0,rgba(246,251,255,0) 22%,rgba(246,251,255,.16) 100%)!important;
}
.cinema-media::after{
  display:none!important;
  backdrop-filter:none!important;
}
.cinema-title,
.cinema-intro{
  text-shadow:0 12px 34px rgba(0,24,72,.48),0 2px 10px rgba(0,0,0,.24)!important;
}
@media(max-width:900px){
  .cinema-media{
    background:
      linear-gradient(180deg,rgba(4,15,34,.52) 0%,rgba(4,15,34,.26) 42%,rgba(246,251,255,.10) 100%),
      linear-gradient(90deg,rgba(4,15,34,.55) 0%,rgba(4,15,34,.18) 55%,rgba(4,15,34,0) 100%),
      url("图片/vibe_hero_bg.webp?v=20260714-perf1") 58% center/cover no-repeat!important;
  }
  .cinema-media::before{
    background:linear-gradient(180deg,rgba(246,251,255,.05),rgba(246,251,255,.12))!important;
  }
  .cinema-content{
    top:68px!important;
    left:18px!important;
    width:calc(100% - 36px)!important;
  }
  .cinema-title{
    max-width:350px!important;
    font-size:clamp(36px,10.2vw,46px)!important;
    line-height:1.06!important;
  }
  .cinema-intro{
    max-width:340px!important;
    margin-top:18px!important;
    font-size:15px!important;
    line-height:1.8!important;
  }
  .cinema-actions{
    width:100%;
    margin-top:24px!important;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .cinema-actions .btn{
    width:100%;
    height:42px;
  }
  .home-hero-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:22px!important;
  }
  .home-hero-stats div{
    min-height:58px!important;
    padding:10px!important;
    background:rgba(4,15,34,.20)!important;
    border-color:rgba(255,255,255,.26)!important;
  }
  .home-hero-stats b{
    font-size:22px!important;
  }
  .home-hero-stats span{
    font-size:11px!important;
  }
  .vera-assistant{
    bottom:14px!important;
  }
}

/* 最终清晰版 v4：压住历史重复规则，取消雾化和毛玻璃，让背景图清晰展示。 */
.cinema-media{
  background:
    linear-gradient(90deg,rgba(3,12,30,.64) 0%,rgba(3,12,30,.40) 42%,rgba(3,12,30,.08) 72%,rgba(3,12,30,0) 100%),
    url("图片/vibe_hero_bg.webp?v=20260714-perf1") center/cover no-repeat!important;
}
.cinema-media::before,
.cinema-media::after{
  display:none!important;
  background:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.home-hero-stats div{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media(max-width:900px){
  .cinema-media{
    background:
      linear-gradient(90deg,rgba(3,12,30,.74) 0%,rgba(3,12,30,.58) 42%,rgba(3,12,30,.18) 70%,rgba(3,12,30,0) 100%),
      url("图片/vibe_hero_bg.webp?v=20260714-perf1") 62% center/cover no-repeat!important;
  }
  .home-hero-stats div{
    background:rgba(4,15,34,.42)!important;
    border-color:rgba(255,255,255,.26)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

/* 用户头像与资料编辑 */
.avatar.has-img,
.drawer-avatar.has-img{
  background-size:cover!important;
  background-position:center!important;
  color:transparent!important;
}
.avatar-img,
.profile-avatar.avatar-img{
  display:block;
  object-fit:cover;
  overflow:hidden;
  background:#e8f2ff;
}
.avatar-img{width:32px;height:32px;border-radius:50%}
.profile-edit-header{align-items:center}
.profile-avatar-uploader{position:relative;display:grid;justify-items:center;gap:8px;cursor:pointer;color:#075de8;font-size:12px;font-weight:900}
.profile-avatar-uploader input{position:absolute;inset:0;opacity:0;cursor:pointer}
.profile-avatar-uploader .profile-avatar{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#136dff,#18d7ff);color:#fff;font-size:24px;font-weight:1000;box-shadow:0 16px 34px rgba(19,109,255,.2)}
.profile-avatar-uploader .profile-avatar.avatar-img{border-radius:22px}
.profile-edit-form{display:grid;gap:8px;min-width:0;flex:1}
.profile-edit-form label{display:grid;gap:6px;color:#486581;font-size:12px;font-weight:900}
.profile-edit-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.profile-edit-actions .btn{height:34px}
#profileEditStatus{color:#5c7492;font-size:12px;font-weight:800}
.profile-level-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin:0 0 14px;padding:14px;border:1px solid rgba(19,109,255,.14);border-radius:8px;background:linear-gradient(135deg,rgba(19,109,255,.08),rgba(53,214,164,.08))}
.profile-level-card h3{margin:4px 0 6px;color:#06152b;font-size:18px}
.profile-level-card p{margin:0;color:#5c7492;font-size:13px;line-height:1.55}
.profile-progress-ring{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#18d7ff 0 72%,#e8f3ff 72% 100%);box-shadow:inset 0 0 0 8px #fff}
.profile-progress-ring b{font-size:20px;color:#075de8;line-height:1}
.profile-progress-ring span{font-size:10px;color:#54708f;font-weight:900}
.profile-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.profile-mini-panel{padding:13px;border:1px solid rgba(19,109,255,.12);border-radius:8px;background:rgba(255,255,255,.62)}
.profile-mini-panel h4{margin:0 0 10px;color:#06152b;font-size:14px}
.profile-skill-map{display:flex;gap:7px;flex-wrap:wrap}
.profile-skill-map span{padding:6px 9px;border-radius:999px;background:rgba(19,109,255,.08);color:#075de8;font-size:12px;font-weight:900}
.profile-skill-map b{color:#06152b}
.profile-skill-map em{color:#5c7492;font-size:12px;font-style:normal}
.profile-notice-list{display:grid;gap:8px}
.profile-notice-list div,.drawer-notice-list button{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;text-align:left}
.profile-notice-list b,.drawer-notice-list b{color:#06152b;font-size:12px}
.profile-notice-list small,.drawer-notice-list small{grid-column:2;color:#5c7492;font-size:11px;line-height:1.45}
.notice-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:#1677ff;box-shadow:0 0 10px rgba(22,119,255,.5)}
.notice-dot.tone-teal{background:#18c79c}.notice-dot.tone-amber{background:#f7b731}.notice-dot.tone-coral{background:#ff6b6b}
.drawer-notifications .drawer-card-head strong{font-size:16px}
.drawer-notice-list{display:grid;gap:8px}
.drawer-notice-list button{width:100%;padding:9px;border:1px solid rgba(19,109,255,.1);border-radius:8px;background:rgba(255,255,255,.66);cursor:pointer}
.drawer-notice-list button:hover{border-color:rgba(19,109,255,.28)}
.submit-success-modal{max-width:560px}
.submit-success-hero{display:grid;grid-template-columns:54px 1fr;gap:13px;align-items:center;padding:14px;border:1px solid rgba(19,109,255,.14);border-radius:8px;background:linear-gradient(135deg,rgba(19,109,255,.08),rgba(53,214,164,.08))}
.submit-success-hero span{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#136dff,#18d7ff);color:#fff;font-weight:1000;font-size:24px}
.submit-success-hero b{display:block;color:#06152b;font-size:18px}
.submit-success-hero p{margin:5px 0 0;color:#5c7492;line-height:1.6}
.submit-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.submit-next-grid div{padding:12px;border:1px solid rgba(19,109,255,.12);border-radius:8px;background:rgba(255,255,255,.62)}
.submit-next-grid b{display:block;color:#06152b;font-size:13px;margin-bottom:6px}
.submit-next-grid span{color:#5c7492;font-size:12px;line-height:1.5}
.submit-success-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.challenge-empty{grid-column:1/-1;min-height:260px;padding:28px;border:1px solid rgba(19,109,255,.16);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(235,247,255,.72));display:grid;place-items:start;align-content:center;gap:12px;box-shadow:0 18px 48px rgba(19,109,255,.08)}
.challenge-empty h3{margin:0;color:#06152b;font-size:24px}
.challenge-empty p{margin:0;max-width:560px;color:#526984;line-height:1.7}
html[data-theme="cyber"] .challenge-empty{background:linear-gradient(180deg,rgba(17,26,39,.92),rgba(8,12,20,.9));border-color:rgba(53,214,164,.16)}
html[data-theme="cyber"] .challenge-empty h3{color:#f3f8ff}
html[data-theme="cyber"] .challenge-empty p{color:var(--muted)}
@media(max-width:620px){.profile-edit-header{grid-template-columns:1fr}.profile-avatar-uploader{justify-items:start}.profile-edit-actions{display:grid}.profile-edit-actions .btn{width:100%}.profile-level-card,.profile-section-grid,.submit-next-grid{grid-template-columns:1fr}.profile-progress-ring{width:68px;height:68px}.submit-success-actions{display:grid}.submit-success-actions .btn{width:100%}}

html[data-theme="cyber"] .profile-level-card,
html[data-theme="cyber"] .profile-mini-panel,
html[data-theme="cyber"] .drawer-notice-list button,
html[data-theme="cyber"] .submit-success-hero,
html[data-theme="cyber"] .submit-next-grid div{
  background:rgba(16,24,38,.82);
  border-color:rgba(53,214,164,.16);
}
html[data-theme="cyber"] .profile-level-card h3,
html[data-theme="cyber"] .profile-mini-panel h4,
html[data-theme="cyber"] .profile-notice-list b,
html[data-theme="cyber"] .drawer-notice-list b,
html[data-theme="cyber"] .submit-success-hero b,
html[data-theme="cyber"] .submit-next-grid b{
  color:#f3f8ff;
}
html[data-theme="cyber"] .profile-level-card p,
html[data-theme="cyber"] .profile-notice-list small,
html[data-theme="cyber"] .drawer-notice-list small,
html[data-theme="cyber"] .submit-success-hero p,
html[data-theme="cyber"] .submit-next-grid span{
  color:#b7c8df;
}

/* 作品库新版：参考图的浅蓝工作台，只调整作品库主体，顶部导航不变。 */
#page-works .section.works-library-console{
  max-width:1180px;
  padding-top:26px;
}
#page-works .works-spotlight,
#page-works .archive-tools,
#archiveDashboard,
#archiveFeature,
#archiveQuickTools,
#archiveCuratorFilters{
  display:none!important;
}
#page-works .archive-head{
  align-items:center;
  margin-bottom:18px;
}
#page-works .archive-head .section-kicker{
  display:none;
}
#page-works .archive-head .section-title{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  color:#06152b;
  font-size:30px;
  line-height:1.15;
}
#page-works .archive-head .section-title::after{
  content:"◆";
  color:#136dff;
  font-size:13px;
  filter:drop-shadow(0 0 8px rgba(24,215,255,.42));
}
#page-works .archive-head .section-desc{
  color:#527092;
  font-size:13px;
}
#page-works .archive-head .toolbar{
  margin-left:auto;
}
#page-works .archive-head .search{
  width:min(340px,38vw);
  height:38px;
  border-radius:999px;
  padding:0 42px 0 18px;
  background:rgba(255,255,255,.72);
  border-color:rgba(19,109,255,.16);
  color:#06152b;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 12px 28px rgba(19,109,255,.08);
}
#page-works .archive-type-filter{
  width:auto;
  margin:0 0 14px;
  padding:0;
  gap:10px;
  border:0;
  border-radius:0;
  background:transparent;
}
#page-works .archive-type-filter .pill{
  min-width:86px;
  height:30px;
  border:1px solid rgba(19,109,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.58);
  color:#486581;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.52);
}
#page-works .archive-type-filter .pill.on,
#page-works .archive-type-filter .pill:hover{
  background:linear-gradient(135deg,#136dff,#18d7ff);
  border-color:rgba(19,109,255,.36);
  color:#fff;
  box-shadow:0 10px 24px rgba(19,109,255,.22);
}
#page-works .archive-control-panel{
  display:grid;
  grid-template-columns:repeat(4,minmax(150px,1fr)) auto;
  gap:10px;
  align-items:center;
  margin:0 0 14px;
  padding:10px;
  border-radius:8px;
  border:1px solid rgba(19,109,255,.12);
  background:rgba(255,255,255,.58);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 16px 40px rgba(19,109,255,.08);
}
#page-works .archive-control-panel label{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}
#page-works .archive-control-panel .form-row{
  min-width:0;
}
#page-works .archive-control-panel .select{
  width:100%;
  height:34px;
  border-radius:8px;
  background:rgba(248,252,255,.9);
  border-color:rgba(19,109,255,.14);
  color:#31506f;
  font-size:12px;
  box-shadow:none;
}
#page-works .archive-reset{
  height:34px;
  border-radius:8px;
  white-space:nowrap;
  color:#075de8;
  background:rgba(255,255,255,.82);
  border-color:rgba(19,109,255,.16);
}
#page-works .archive-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
#page-works .archive-grid .work-card{
  background:rgba(255,255,255,.82);
  border-color:rgba(19,109,255,.13);
  box-shadow:0 16px 38px rgba(19,109,255,.08);
}
#page-works .archive-grid .work-card:hover{
  transform:translateY(-3px);
  border-color:rgba(24,114,255,.28);
  box-shadow:0 22px 54px rgba(19,109,255,.14);
}
#page-works .archive-grid .thumb{
  aspect-ratio:16/8.7;
  background:#eaf6ff;
}
#page-works .archive-grid .badge{
  height:21px;
  background:rgba(19,109,255,.82);
  border-color:rgba(255,255,255,.36);
  color:#fff;
  box-shadow:0 8px 18px rgba(6,21,43,.14);
}
#page-works .archive-grid .card-body{
  padding:12px;
}
#page-works .archive-grid .card-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}
#page-works .archive-grid .card-title{
  margin:0;
  color:#06152b;
  font-size:15px;
  line-height:1.28;
}
#page-works .archive-score{
  flex:0 0 auto;
  color:#075de8;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:12px;
  line-height:1.4;
}
#page-works .archive-grid .card-desc{
  min-height:38px;
  color:#486581;
  font-size:12px;
  line-height:1.55;
}
#page-works .archive-card-tags{
  min-height:24px;
  margin-top:8px;
  overflow:hidden;
}
#page-works .archive-card-tags .tag-chip{
  min-height:22px;
  padding:2px 7px;
  font-size:11px;
  background:transparent;
  border-color:transparent;
  color:#075de8;
}
#page-works .archive-card-meta{
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid rgba(19,109,255,.1);
  color:#5c7492;
  font-size:11px;
}
#page-works .archive-grid .card-foot{
  margin-top:10px;
}
#page-works .archive-grid .like-btn,
#page-works .archive-grid .view-work{
  height:28px;
  border-radius:999px;
  font-size:11px;
}
#page-works .archive-grid .like-btn{
  background:rgba(19,109,255,.07);
  border-color:rgba(19,109,255,.14);
  color:#075de8;
}
#page-works .archive-grid .view-work{
  padding:0 12px;
  background:#06152b;
  border-color:#06152b;
  color:#fff;
}
#page-works .archive-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin:14px 0 0;
}
#page-works .archive-page-numbers{
  display:flex;
  align-items:center;
  gap:7px;
}
#page-works .archive-pagination button{
  min-width:32px;
  height:32px;
  padding:0 10px;
  border-radius:8px;
  border:1px solid rgba(19,109,255,.14);
  background:rgba(255,255,255,.74);
  color:#31506f;
  font-size:12px;
  font-weight:900;
}
#page-works .archive-pagination button.on,
#page-works .archive-pagination button:hover:not(:disabled){
  background:#136dff;
  border-color:#136dff;
  color:#fff;
  box-shadow:0 10px 20px rgba(19,109,255,.22);
}
#page-works .archive-pagination button:disabled{
  opacity:.45;
  cursor:not-allowed;
}
#page-works .archive-page-numbers span{
  color:#7590ad;
  font-size:12px;
  font-weight:900;
}
@media(max-width:980px){
  #page-works .archive-head{
    align-items:flex-start;
  }
  #page-works .archive-head .toolbar{
    width:100%;
    margin-left:0;
  }
  #page-works .archive-head .search{
    width:100%;
  }
  #page-works .archive-control-panel{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #page-works .archive-reset{
    grid-column:1/-1;
  }
  #page-works .archive-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  #page-works .section.works-library-console{
    padding-top:18px;
  }
  #page-works .archive-head .section-title{
    font-size:24px;
  }
  #page-works .archive-type-filter .pill{
    min-width:0;
    flex:1 1 42%;
  }
  #page-works .archive-control-panel,
  #page-works .archive-grid{
    grid-template-columns:1fr;
  }
}
body[data-page="works"] .vera-assistant{
  display:none!important;
}
body[data-page="works"] .vibe-dock-btn{
  display:none!important;
}
@media(max-width:640px){
  body[data-page="works"] .vibe-dock-btn{
    display:none!important;
  }
}

/* 作品库复刻版：按截图做左侧栏 + 右侧作品库工作台，保留站点顶部导航。 */
#page-works .section.works-ai-gallery.works-library-console{
  width:min(1180px,calc(100% - 32px));
  max-width:1180px;
  min-height:calc(100vh - 92px);
  margin:16px auto 28px;
  padding:0;
  display:grid;
  grid-template-columns:154px minmax(0,1fr);
  gap:16px;
  border:1px solid rgba(19,109,255,.14);
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(224,245,255,.9) 0,rgba(235,249,255,.72) 18%,rgba(239,248,255,.56) 100%),
    repeating-linear-gradient(0deg,rgba(19,109,255,.055) 0 1px,transparent 1px 40px),
    repeating-linear-gradient(90deg,rgba(19,109,255,.055) 0 1px,transparent 1px 40px);
  box-shadow:0 24px 70px rgba(19,109,255,.14);
  overflow:hidden;
}
#page-works .works-gallery-side{
  position:relative;
  padding:22px 10px 18px 14px;
  background:linear-gradient(180deg,rgba(235,249,255,.92),rgba(214,239,255,.74));
  border-right:1px solid rgba(19,109,255,.12);
}
#page-works .works-gallery-side::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,transparent 0 64%,rgba(255,255,255,.42) 64% 65%,transparent 65%);
  pointer-events:none;
}
#page-works .works-gallery-brand{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  align-items:center;
  margin-bottom:28px;
}
#page-works .works-gallery-logo{
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#5aa6ff,#18d7ff);
  color:#fff;
  font-weight:1000;
  box-shadow:0 10px 22px rgba(19,109,255,.22),inset 0 0 0 4px rgba(255,255,255,.32);
}
#page-works .works-gallery-brand strong{
  display:block;
  color:#06152b;
  font-size:13px;
  line-height:1.2;
  white-space:nowrap;
}
#page-works .works-gallery-brand span{
  display:block;
  margin-top:3px;
  color:#5e7895;
  font-size:10px;
  line-height:1.2;
}
#page-works .works-gallery-nav{
  position:relative;
  z-index:1;
  display:grid;
  gap:7px;
}
#page-works .works-gallery-nav button{
  height:34px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 10px;
  border-radius:8px;
  border:1px solid transparent;
  background:transparent;
  color:#425f80;
  font-size:12px;
  font-weight:850;
  text-align:left;
}
#page-works .works-gallery-nav button span{
  width:18px;
  display:inline-grid;
  place-items:center;
  color:#486ca0;
}
#page-works .works-gallery-nav button.on,
#page-works .works-gallery-nav button:hover{
  color:#fff;
  background:linear-gradient(135deg,#136dff,#18d7ff);
  border-color:rgba(255,255,255,.44);
  box-shadow:0 10px 22px rgba(19,109,255,.26);
}
#page-works .works-gallery-nav button.on span,
#page-works .works-gallery-nav button:hover span{
  color:#fff;
}
#page-works .works-gallery-signal{
  position:absolute;
  left:14px;
  right:12px;
  bottom:20px;
  z-index:1;
  min-height:104px;
  display:grid;
  justify-items:center;
  align-content:center;
  gap:5px;
  border:1px solid rgba(19,109,255,.14);
  border-radius:8px;
  background:rgba(255,255,255,.52);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);
  text-align:center;
}
#page-works .works-gallery-signal i{
  width:44px;
  height:44px;
  border-radius:50%;
  background:radial-gradient(circle,#fff 0 18%,#9ee8ff 19% 42%,rgba(19,109,255,.28) 43% 100%);
  box-shadow:0 0 26px rgba(24,215,255,.46);
}
#page-works .works-gallery-signal strong{
  color:#31506f;
  font-size:11px;
}
#page-works .works-gallery-signal span{
  color:#7b90a8;
  font-size:10px;
}
#page-works .works-gallery-main{
  min-width:0;
  padding:22px 18px 20px 0;
}
#page-works .archive-head{
  margin:0 0 16px;
}
#page-works .archive-head .section-title{
  font-size:28px;
  letter-spacing:0;
}
#page-works .archive-head .section-desc{
  margin-top:6px;
  color:#657f9c;
  font-size:12px;
}
#page-works .archive-head .toolbar{
  display:flex;
  align-items:center;
  gap:10px;
}
#page-works .archive-head .search{
  width:282px;
  height:34px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border-color:rgba(19,109,255,.14);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
}
#page-works .works-gallery-bell{
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(19,109,255,.14);
  background:rgba(255,255,255,.62);
  color:#075de8;
}
#page-works .archive-type-filter{
  gap:10px;
  margin-bottom:14px;
}
#page-works .archive-type-filter .pill{
  width:82px;
  min-width:82px;
  height:28px;
  font-size:11px;
}
#page-works .archive-control-panel{
  grid-template-columns:minmax(150px,.95fr) minmax(140px,.8fr) minmax(140px,.8fr) minmax(140px,.8fr) 96px;
  margin-bottom:14px;
  padding:10px;
  background:rgba(255,255,255,.5);
  border-color:rgba(19,109,255,.12);
}
#page-works .archive-control-panel .select{
  height:32px;
  font-size:11px;
}
#page-works .archive-reset{
  height:32px;
  font-size:11px;
}
#page-works .archive-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
#page-works .archive-grid .work-card{
  border-radius:8px;
  overflow:hidden;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(19,109,255,.14);
  box-shadow:0 14px 34px rgba(19,109,255,.08);
}
#page-works .archive-grid .thumb{
  aspect-ratio:16/8.15;
}
#page-works .archive-visual{
  position:absolute;
  inset:0;
  overflow:hidden;
}
#page-works .archive-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 16% 28%,rgba(255,255,255,.6),transparent 18%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(6,21,43,.26));
  pointer-events:none;
}
#page-works .archive-visual-chat{
  background:
    radial-gradient(circle at 78% 26%,rgba(164,84,255,.5),transparent 20%),
    linear-gradient(135deg,#120a31 0,#35116d 45%,#13081d 100%);
}
#page-works .chat-copy{
  position:absolute;
  left:18px;
  top:20px;
  display:grid;
  color:#f25cff;
  text-shadow:0 0 14px rgba(242,92,255,.58);
  z-index:1;
}
#page-works .chat-copy b{
  font-size:26px;
  line-height:1;
}
#page-works .chat-copy span{
  color:#72e6ff;
  font-size:22px;
  font-weight:1000;
  line-height:1;
}
#page-works .chat-window{
  position:absolute;
  right:18px;
  top:18px;
  width:46%;
  height:58%;
  padding:12px;
  border-radius:6px;
  border:1px solid rgba(113,230,255,.34);
  background:rgba(12,19,48,.72);
  box-shadow:0 0 24px rgba(113,230,255,.18);
  color:#dffbff;
  z-index:1;
}
#page-works .chat-window i{
  display:block;
  height:12px;
  margin-bottom:11px;
  border-radius:99px;
  background:linear-gradient(90deg,#ff5df7 0 18%,#72e6ff 18% 34%,rgba(255,255,255,.2) 34%);
}
#page-works .chat-window p,
#page-works .chat-window em{
  display:block;
  margin:0 0 8px;
  font-size:10px;
  font-style:normal;
}
#page-works .chat-monitor{
  position:absolute;
  left:46%;
  bottom:8px;
  width:48px;
  height:34px;
  border:4px solid rgba(197,219,255,.7);
  border-radius:5px;
  background:#15254a;
  box-shadow:0 0 18px rgba(113,230,255,.28);
}
#page-works .archive-visual-mine{
  padding:18px;
  background:linear-gradient(135deg,#c5d9f5,#2f7cf7);
  display:grid;
  align-content:center;
}
#page-works .mine-top{
  height:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 10px;
  border:2px solid #8d9fba;
  border-bottom:0;
  background:#bfcbe0;
}
#page-works .mine-top b{
  color:#bd1616;
  font-family:Consolas,monospace;
  font-size:17px;
}
#page-works .mine-grid{
  display:grid;
  grid-template-columns:repeat(9,1fr);
  border:2px solid #8d9fba;
  background:#b7c3d6;
}
#page-works .mine-grid i{
  height:16px;
  display:grid;
  place-items:center;
  border:1px solid #8d9fba;
  background:#d4deed;
  color:#164da8;
  font-size:10px;
  font-style:normal;
  font-family:Consolas,monospace;
  font-weight:900;
}
#page-works .mine-grid i.open{background:#aeb9ca;color:transparent}
#page-works .mine-grid i.flag{color:#d5132f}
#page-works .mine-grid i.mine{color:#111}
#page-works .archive-visual-weather{
  background:linear-gradient(135deg,#dff9ff,#67d393 52%,#246a45);
}
#page-works .weather-sun{
  position:absolute;
  right:28px;
  top:20px;
  width:52px;
  height:52px;
  border-radius:50%;
  background:#ffd166;
  box-shadow:0 0 34px rgba(255,209,102,.72);
}
#page-works .weather-card{
  position:absolute;
  left:24px;
  bottom:24px;
  width:55%;
  padding:14px;
  border-radius:8px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(255,255,255,.86);
}
#page-works .weather-card b{
  display:block;
  color:#075de8;
  font-size:28px;
  line-height:1;
}
#page-works .weather-card span,
#page-works .weather-card em{
  display:block;
  color:#31506f;
  font-size:10px;
  font-style:normal;
  margin-top:6px;
}
#page-works .weather-bars{
  position:absolute;
  right:20px;
  bottom:24px;
  display:flex;
  gap:5px;
  align-items:end;
}
#page-works .weather-bars i{
  width:10px;
  border-radius:99px;
  background:rgba(255,255,255,.64);
}
#page-works .weather-bars i:nth-child(1){height:32px}
#page-works .weather-bars i:nth-child(2){height:52px}
#page-works .weather-bars i:nth-child(3){height:42px}
#page-works .archive-visual-cyber{
  background:linear-gradient(180deg,#071a38,#143a78 45%,#06152b);
}
#page-works .cyber-skyline{
  position:absolute;
  left:12px;
  right:12px;
  bottom:22px;
  display:flex;
  align-items:end;
  gap:4px;
}
#page-works .cyber-skyline i{
  flex:1;
  min-width:6px;
  background:linear-gradient(180deg,#ff4fd8,#18d7ff);
  box-shadow:0 0 14px rgba(24,215,255,.36);
}
#page-works .cyber-panel{
  position:absolute;
  left:18px;
  top:18px;
  padding:10px 12px;
  border:1px solid rgba(24,215,255,.28);
  background:rgba(5,12,26,.62);
  color:#fff;
}
#page-works .cyber-panel b,
#page-works .cyber-panel span{
  display:block;
  font-size:11px;
}
#page-works .cyber-panel span{margin-top:5px;color:#8defff}
#page-works .archive-visual-spectrum{
  background:linear-gradient(135deg,#e8d9ff,#7f5aa8 54%,#393068);
  display:grid;
  place-items:center;
}
#page-works .spectrum-orb{
  width:88px;
  height:88px;
  border-radius:50%;
  background:conic-gradient(#28d5ff,#136dff,#8e61ff,#ffcf54,#35d6a4,#28d5ff);
  box-shadow:0 0 38px rgba(24,215,255,.42);
}
#page-works .spectrum-lines{
  position:absolute;
  left:18px;
  bottom:18px;
  display:grid;
  gap:6px;
}
#page-works .spectrum-lines i{
  width:128px;
  height:8px;
  border-radius:99px;
  background:rgba(255,255,255,.42);
}
#page-works .spectrum-lines i:nth-child(2){width:90px}
#page-works .spectrum-lines i:nth-child(3){width:150px}
#page-works .archive-visual-prompt{
  background:linear-gradient(135deg,#dff3ff,#6bb8ff 52%,#236475);
}
#page-works .prompt-pane{
  position:absolute;
  left:22px;
  top:22px;
  width:54%;
  padding:13px;
  border-radius:8px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);
}
#page-works .prompt-pane b,
#page-works .prompt-pane em{
  display:block;
  color:#075de8;
  font-size:11px;
  font-style:normal;
}
#page-works .prompt-pane span{
  display:block;
  height:8px;
  margin-top:8px;
  border-radius:99px;
  background:rgba(19,109,255,.18);
}
#page-works .prompt-ring{
  position:absolute;
  right:28px;
  bottom:26px;
  width:62px;
  height:62px;
  border-radius:50%;
  background:conic-gradient(#18d7ff 0 78%,rgba(255,255,255,.4) 78%);
  box-shadow:inset 0 0 0 12px rgba(255,255,255,.62),0 0 24px rgba(24,215,255,.34);
}
#page-works .archive-grid .badge-row{
  top:auto;
  right:auto;
  left:8px;
  bottom:8px;
  gap:5px;
}
#page-works .archive-grid .badge{
  height:20px;
  padding:0 7px;
  border-radius:999px;
  background:linear-gradient(135deg,#136dff,#18d7ff);
  border-color:rgba(255,255,255,.36);
  color:#fff;
  font-size:10px;
  font-weight:950;
}
#page-works .archive-grid .card-vibe-badge{
  right:9px;
  bottom:9px;
  height:25px;
  padding:0 9px;
  background:#09203b;
  font-size:11px;
}
#page-works .archive-grid .card-body{
  padding:10px 12px 11px;
}
#page-works .archive-grid .card-title-row{
  margin-bottom:5px;
}
#page-works .archive-grid .card-title{
  font-size:14px;
  line-height:1.3;
}
#page-works .archive-score{
  font-size:11px;
}
#page-works .archive-grid .card-desc{
  min-height:34px;
  font-size:11px;
  line-height:1.55;
}
#page-works .archive-card-tags{
  min-height:22px;
  margin-top:7px;
}
#page-works .archive-card-tags .tag-chip{
  min-height:20px;
  padding:0 6px;
  font-size:10px;
}
#page-works .archive-card-meta{
  margin-top:6px;
  padding-top:7px;
  font-size:10px;
}
#page-works .archive-pagination{
  margin-top:12px;
}
#page-works .archive-pagination button{
  min-width:29px;
  height:29px;
}
@media(max-width:980px){
  #page-works .section.works-ai-gallery.works-library-console{
    width:calc(100% - 24px);
    grid-template-columns:1fr;
  }
  #page-works .works-gallery-side{
    display:none;
  }
  #page-works .works-gallery-main{
    padding:18px;
  }
  #page-works .archive-control-panel{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #page-works .archive-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  #page-works .section.works-ai-gallery.works-library-console{
    margin-top:10px;
  }
  #page-works .works-gallery-main{
    padding:14px 12px;
  }
  #page-works .archive-head .toolbar{
    width:100%;
  }
  #page-works .archive-head .search{
    width:100%;
  }
  #page-works .works-gallery-bell{
    display:none;
  }
  #page-works .archive-type-filter .pill{
    width:auto;
    min-width:0;
    flex:1 1 42%;
  }
  #page-works .archive-control-panel,
  #page-works .archive-grid{
    grid-template-columns:1fr;
  }
}

/* 作品库最终精修：更轻的侧栏、整合工具条、精致卡片和双灯光适配。 */
#page-works .section.works-ai-gallery.works-library-console{
  position:relative;
  grid-template-columns:132px minmax(0,1fr);
  gap:0;
  border-color:rgba(0,120,255,.10);
  background:
    radial-gradient(circle at 0 0,rgba(24,215,255,.16),transparent 28%),
    linear-gradient(90deg,rgba(244,250,255,.86),rgba(236,247,255,.62));
  box-shadow:0 18px 42px rgba(19,109,255,.09),0 2px 8px rgba(15,23,42,.04);
}
#page-works .section.works-ai-gallery.works-library-console::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(0deg,rgba(19,109,255,.024) 0 1px,transparent 1px 40px),
    repeating-linear-gradient(90deg,rgba(19,109,255,.024) 0 1px,transparent 1px 40px);
  mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);
}
#page-works .works-gallery-side{
  padding:20px 8px 16px 10px;
  background:rgba(248,252,255,.54);
  border-right:1px solid rgba(0,120,255,.08);
  backdrop-filter:blur(18px);
}
#page-works .works-gallery-side::after{
  opacity:.32;
}
#page-works .works-gallery-logo{
  width:32px;
  height:32px;
  border-radius:12px;
  background:transparent;
  box-shadow:none;
}
#page-works .works-gallery-logo svg{
  width:32px;
  height:32px;
  display:block;
  filter:drop-shadow(0 0 14px rgba(24,215,255,.42));
}
#page-works .works-gallery-brand{
  grid-template-columns:32px minmax(0,1fr);
  gap:8px;
  margin-bottom:26px;
}
#page-works .works-gallery-brand strong{
  font-size:12px;
}
#page-works .works-gallery-brand span{
  font-size:9px;
}
#page-works .works-gallery-nav button{
  height:32px;
  padding:0 9px;
  font-size:11px;
  color:#527092;
}
#page-works .works-gallery-nav button.on,
#page-works .works-gallery-nav button:hover{
  background:rgba(19,109,255,.09);
  border-color:rgba(19,109,255,.12);
  color:#075de8;
  box-shadow:none;
}
#page-works .works-gallery-nav button.on span,
#page-works .works-gallery-nav button:hover span{
  color:#075de8;
}
#page-works .works-side-submit{
  position:absolute;
  left:10px;
  right:10px;
  bottom:16px;
  z-index:1;
  min-height:78px;
  display:grid;
  justify-items:center;
  align-content:center;
  gap:3px;
  border:1px solid rgba(19,109,255,.12);
  border-radius:14px;
  background:rgba(255,255,255,.64);
  color:#075de8;
  box-shadow:0 8px 20px rgba(19,109,255,.08),inset 0 0 0 1px rgba(255,255,255,.7);
  cursor:pointer;
}
#page-works .works-side-submit span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#dff3ff,#bdeaff);
  color:#075de8;
  font-weight:1000;
}
#page-works .works-side-submit strong{
  font-size:11px;
}
#page-works .works-side-submit small{
  color:#7a90aa;
  font-size:9px;
}
#page-works .works-gallery-main{
  position:relative;
  z-index:1;
  padding:22px 16px 22px;
}
#page-works .archive-head .section-title{
  background:linear-gradient(135deg,#06152b 0,#075de8 54%,#18d7ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-weight:1000;
}
#page-works .works-filter-shell{
  display:grid;
  grid-template-columns:minmax(220px,1.1fr) minmax(0,.9fr);
  gap:10px 12px;
  align-items:center;
  margin:0 0 18px;
  padding:10px;
  border:1px solid rgba(0,120,255,.10);
  border-radius:16px;
  background:rgba(255,255,255,.74);
  box-shadow:0 8px 22px rgba(19,109,255,.07),0 1px 0 rgba(255,255,255,.8) inset;
  backdrop-filter:blur(16px);
}
#page-works .works-search-row{
  min-width:0;
}
#page-works .works-search-row .search{
  width:100%;
  height:40px;
  border-radius:12px;
  border:.5px solid rgba(19,109,255,.14);
  background:rgba(248,252,255,.88);
  color:#06152b;
  box-shadow:0 3px 10px rgba(19,109,255,.06);
}
#page-works .archive-type-filter{
  justify-content:flex-end;
  margin:0;
  gap:6px;
}
#page-works .archive-type-filter .pill{
  width:auto;
  min-width:62px;
  height:30px;
  border:0;
  border-bottom:3px solid transparent;
  border-radius:10px;
  background:transparent;
  color:#55708f;
  box-shadow:none;
}
#page-works .archive-type-filter .pill.on,
#page-works .archive-type-filter .pill:hover{
  background:rgba(19,109,255,.08);
  color:#075de8;
  border-bottom-color:#18d7ff;
  box-shadow:none;
}
#page-works .archive-control-panel{
  grid-column:1/-1;
  grid-template-columns:minmax(136px,1fr) minmax(126px,1fr) minmax(126px,1fr) minmax(126px,1fr) auto;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
#page-works .archive-control-panel .select{
  height:34px;
  border:.5px solid rgba(19,109,255,.14);
  border-radius:10px;
  background:rgba(248,252,255,.78);
  color:#31506f;
  box-shadow:0 3px 10px rgba(19,109,255,.045);
}
#page-works .archive-reset{
  height:34px;
  padding:0 14px;
  border:.5px solid rgba(19,109,255,.14);
  border-radius:10px;
  background:rgba(255,255,255,.62);
  color:#075de8;
  box-shadow:0 3px 10px rgba(19,109,255,.045);
}
#page-works .archive-grid{
  gap:20px;
}
#page-works .archive-grid .work-card{
  border-radius:16px;
  border:1px solid rgba(0,120,255,.10);
  background:rgba(255,255,255,.82);
  box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);
  opacity:0;
  transform:translateY(14px);
  animation:archiveCardIn .52s cubic-bezier(.2,.8,.2,1) forwards;
  animation-delay:calc(var(--card-i,0) * 70ms);
}
#page-works .archive-grid .work-card:hover{
  transform:translateY(-4px);
  background:linear-gradient(180deg,rgba(250,253,255,.95),rgba(235,248,255,.88));
  box-shadow:0 16px 38px rgba(19,109,255,.16),0 3px 10px rgba(15,23,42,.05);
}
#page-works .archive-grid .thumb{
  margin:10px 10px 0;
  border-radius:16px;
  aspect-ratio:16/8.6;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.58),inset 0 0 28px rgba(24,215,255,.18);
}
#page-works .archive-grid .work-card:hover .archive-visual,
#page-works .archive-grid .work-card:hover .work-thumb-img{
  transform:scale(1.05);
}
#page-works .archive-visual,
#page-works .work-thumb-img{
  transition:transform .42s ease;
}
#page-works .archive-grid .badge-row{
  left:12px;
  bottom:12px;
}
#page-works .archive-grid .badge{
  height:22px;
  border-radius:999px;
  font-size:10px;
}
#page-works .archive-grid .type-badge{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(19,109,255,.12);
  color:#075de8;
  box-shadow:0 4px 12px rgba(19,109,255,.08);
}
#page-works .archive-grid .award-badge{
  background:rgba(24,215,255,.12);
  border:1px solid rgba(24,215,255,.42);
  color:#063c9f;
  box-shadow:0 0 16px rgba(24,215,255,.20),inset 0 0 0 1px rgba(255,255,255,.42);
}
#page-works .archive-grid .card-vibe-badge{
  top:12px;
  right:12px;
  bottom:auto;
  width:48px;
  height:48px;
  padding:0;
  display:grid;
  place-items:center;
  align-content:center;
  gap:0;
  border-radius:50%;
  background:rgba(255,255,255,.24);
  border:1px solid rgba(255,255,255,.42);
  color:#fff;
  backdrop-filter:blur(14px);
  box-shadow:0 10px 24px rgba(6,21,43,.18),inset 0 0 0 1px rgba(255,255,255,.18);
  text-shadow:0 2px 12px rgba(6,21,43,.34);
}
#page-works .archive-grid .card-vibe-badge b{
  display:block;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:14px;
  line-height:1;
}
#page-works .archive-grid .card-vibe-badge span{
  display:block;
  margin-top:2px;
  font-size:9px;
  line-height:1;
  font-weight:900;
}
#page-works .archive-grid .card-body{
  padding:13px 14px 14px;
}
#page-works .archive-grid .card-title{
  font-size:16px;
  font-weight:1000;
  color:#06152b;
}
#page-works .archive-grid .card-desc{
  color:#6b829c;
}
#page-works .archive-card-tags .tag-chip{
  color:#075de8;
  opacity:.86;
}
#page-works .archive-card-meta{
  border:0;
  color:#8aa0b8;
}
#page-works .archive-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  padding-top:10px;
  border-top:1px solid rgba(19,109,255,.08);
}
#page-works .archive-author{
  min-width:0;
  color:#7f95ae;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#page-works .archive-like-btn{
  height:28px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 10px;
  border:1px solid rgba(19,109,255,.14);
  border-radius:999px;
  background:transparent;
  color:#6b829c;
  font-size:11px;
  font-weight:900;
}
#page-works .archive-like-btn span{
  font-size:13px;
  line-height:1;
}
#page-works .archive-like-btn:hover,
#page-works .archive-like-btn.liked{
  background:#136dff;
  border-color:#136dff;
  color:#fff;
}
#page-works .archive-pagination button{
  border-radius:10px;
  box-shadow:0 3px 10px rgba(19,109,255,.045);
}
@keyframes archiveCardIn{
  to{opacity:1;transform:translateY(0)}
}

html[data-theme="cyber"] #page-works .section.works-ai-gallery.works-library-console{
  border-color:rgba(53,214,164,.16);
  background:
    radial-gradient(circle at 12% 0,rgba(53,214,164,.16),transparent 26%),
    linear-gradient(90deg,rgba(13,27,34,.82),rgba(12,20,32,.64));
  box-shadow:0 22px 70px rgba(0,0,0,.36),0 0 0 1px rgba(53,214,164,.08);
}
html[data-theme="cyber"] #page-works .section.works-ai-gallery.works-library-console::before{
  background:
    repeating-linear-gradient(0deg,rgba(53,214,164,.030) 0 1px,transparent 1px 40px),
    repeating-linear-gradient(90deg,rgba(53,214,164,.030) 0 1px,transparent 1px 40px);
}
html[data-theme="cyber"] #page-works .works-gallery-side{
  background:rgba(8,18,26,.58);
  border-right-color:rgba(53,214,164,.12);
}
html[data-theme="cyber"] #page-works .works-gallery-brand strong,
html[data-theme="cyber"] #page-works .archive-grid .card-title{
  color:#f3f8ff;
}
html[data-theme="cyber"] #page-works .works-gallery-brand span,
html[data-theme="cyber"] #page-works .section-desc,
html[data-theme="cyber"] #page-works .archive-grid .card-desc,
html[data-theme="cyber"] #page-works .archive-card-meta,
html[data-theme="cyber"] #page-works .archive-author{
  color:#a9bed4;
}
html[data-theme="cyber"] #page-works .works-gallery-nav button{
  color:#9db4cf;
}
html[data-theme="cyber"] #page-works .works-gallery-nav button.on,
html[data-theme="cyber"] #page-works .works-gallery-nav button:hover{
  background:rgba(53,214,164,.13);
  border-color:rgba(53,214,164,.18);
  color:#9cf4d4;
}
html[data-theme="cyber"] #page-works .works-gallery-nav button.on span,
html[data-theme="cyber"] #page-works .works-gallery-nav button:hover span{
  color:#9cf4d4;
}
html[data-theme="cyber"] #page-works .works-side-submit{
  background:rgba(14,28,38,.72);
  border-color:rgba(53,214,164,.16);
  color:#9cf4d4;
  box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.04);
}
html[data-theme="cyber"] #page-works .works-side-submit span{
  background:rgba(53,214,164,.16);
  color:#9cf4d4;
}
html[data-theme="cyber"] #page-works .works-side-submit small{
  color:#8299b2;
}
html[data-theme="cyber"] #page-works .archive-head .section-title{
  background:linear-gradient(135deg,#f3f8ff 0,#9cf4d4 54%,#18d7ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
html[data-theme="cyber"] #page-works .works-filter-shell{
  background:rgba(10,20,30,.72);
  border-color:rgba(53,214,164,.14);
  box-shadow:0 16px 44px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.035);
}
html[data-theme="cyber"] #page-works .works-search-row .search,
html[data-theme="cyber"] #page-works .archive-control-panel .select,
html[data-theme="cyber"] #page-works .archive-reset{
  background:rgba(12,24,34,.86);
  border-color:rgba(53,214,164,.16);
  color:#dcecff;
  box-shadow:0 3px 12px rgba(0,0,0,.16);
}
html[data-theme="cyber"] #page-works .works-search-row .search::placeholder{
  color:#8299b2;
}
html[data-theme="cyber"] #page-works .archive-type-filter .pill{
  color:#9db4cf;
}
html[data-theme="cyber"] #page-works .archive-type-filter .pill.on,
html[data-theme="cyber"] #page-works .archive-type-filter .pill:hover{
  background:rgba(53,214,164,.12);
  color:#9cf4d4;
  border-bottom-color:#35d6a4;
}
html[data-theme="cyber"] #page-works .archive-grid .work-card{
  background:rgba(12,22,32,.86);
  border-color:rgba(53,214,164,.13);
  box-shadow:0 4px 12px rgba(0,0,0,.22),0 2px 4px rgba(0,0,0,.16);
}
html[data-theme="cyber"] #page-works .archive-grid .work-card:hover{
  background:linear-gradient(180deg,rgba(18,33,46,.94),rgba(11,22,33,.9));
  box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 26px rgba(53,214,164,.10);
}
html[data-theme="cyber"] #page-works .archive-grid .thumb{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 0 30px rgba(53,214,164,.12);
}
html[data-theme="cyber"] #page-works .archive-grid .type-badge{
  background:rgba(9,20,30,.72);
  border-color:rgba(53,214,164,.18);
  color:#9cf4d4;
}
html[data-theme="cyber"] #page-works .archive-grid .award-badge{
  background:rgba(53,214,164,.12);
  border-color:rgba(53,214,164,.34);
  color:#d7fff4;
  box-shadow:0 0 18px rgba(53,214,164,.18);
}
html[data-theme="cyber"] #page-works .archive-card-footer{
  border-top-color:rgba(53,214,164,.10);
}
html[data-theme="cyber"] #page-works .archive-like-btn{
  border-color:rgba(53,214,164,.16);
  color:#a9bed4;
}
html[data-theme="cyber"] #page-works .archive-like-btn:hover,
html[data-theme="cyber"] #page-works .archive-like-btn.liked{
  background:#35d6a4;
  border-color:#35d6a4;
  color:#06152b;
}
html[data-theme="cyber"] #page-works .archive-pagination button{
  background:rgba(12,24,34,.86);
  border-color:rgba(53,214,164,.16);
  color:#a9bed4;
}
html[data-theme="cyber"] #page-works .archive-pagination button.on,
html[data-theme="cyber"] #page-works .archive-pagination button:hover:not(:disabled){
  background:#35d6a4;
  border-color:#35d6a4;
  color:#06152b;
}
@media(max-width:980px){
  #page-works .works-filter-shell{
    grid-template-columns:1fr;
  }
  #page-works .archive-type-filter{
    justify-content:flex-start;
  }
  #page-works .archive-control-panel{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #page-works .archive-reset{
    grid-column:1/-1;
  }
}
@media(max-width:640px){
  #page-works .works-filter-shell,
  #page-works .archive-control-panel{
    grid-template-columns:1fr;
  }
  #page-works .archive-type-filter .pill{
    min-width:0;
  }
}

@media(max-width:640px){
  #page-works .section.works-ai-gallery.works-library-console{
    width:calc(100% - 24px)!important;
    display:block!important;
    overflow:hidden;
  }
  #page-works .works-gallery-main{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box;
    padding:18px 14px!important;
  }
  #page-works .works-filter-shell{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box;
  }
  #page-works .archive-type-filter{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  #page-works .archive-type-filter .pill{
    width:100%!important;
    flex:none!important;
  }
  #page-works .works-search-row,
  #page-works .works-search-row .search,
  #page-works .archive-control-panel,
  #page-works .archive-control-panel .form-row,
  #page-works .archive-control-panel .select,
  #page-works .archive-reset,
  #page-works .archive-grid,
  #page-works .archive-grid .work-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box;
  }
  #page-works .archive-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}

body[data-page="creators"]{
  background:
    radial-gradient(circle at 28% 8%,rgba(24,200,255,.22),transparent 340px),
    radial-gradient(circle at 78% 0,rgba(22,119,255,.14),transparent 360px),
    #F0F7FF;
  color:#071A33;
}
body[data-page="creators"] .vibe-dock-btn,
body[data-page="creators"] .vera-assistant{
  display:none!important;
}
body[data-page="creators"]::before{
  background-image:
    linear-gradient(rgba(22,119,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(22,119,255,.026) 1px,transparent 1px);
  background-size:40px 40px;
  mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 76%,transparent 100%);
}
#page-creators .creators-section{
  max-width:1180px;
  padding:32px 28px 56px;
  color:#071A33;
}
#page-creators .creators-hero{
  position:relative;
  overflow:hidden;
  min-height:208px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  align-items:end;
  gap:24px;
  padding:32px;
  border:1px solid rgba(120,180,255,.28);
  border-radius:24px;
  background:
    radial-gradient(circle at 18% 16%,rgba(24,200,255,.22),transparent 34%),
    radial-gradient(circle at 84% 8%,rgba(22,119,255,.12),transparent 36%),
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(233,246,255,.78));
  box-shadow:0 12px 36px rgba(60,120,220,.08);
  backdrop-filter:blur(18px);
}
#page-creators .creators-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(0deg,rgba(22,119,255,.035) 0 1px,transparent 1px 32px),
    repeating-linear-gradient(90deg,rgba(22,119,255,.035) 0 1px,transparent 1px 32px);
  mask-image:linear-gradient(90deg,#000 0,#000 72%,transparent 100%);
}
#page-creators .creators-hero-copy,
#page-creators .creator-search-box{
  position:relative;
  z-index:1;
}
#page-creators .section-kicker{
  color:#1677FF;
  letter-spacing:0;
}
#page-creators .creators-hero h2{
  margin:10px 0 8px;
  font-size:52px;
  line-height:1.08;
  letter-spacing:0;
  color:#071A33;
}
#page-creators .creators-hero p{
  margin:0;
  color:#5A6F8F;
  font-size:15px;
  line-height:1.7;
}
#page-creators .creator-search-box{
  height:48px;
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:0 16px;
  border:1px solid rgba(120,180,255,.28);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 24px rgba(60,120,220,.08),inset 0 0 0 1px rgba(255,255,255,.72);
  color:#1677FF;
}
#page-creators .creator-search-box input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#071A33;
}
#page-creators .creator-search-box input::placeholder{
  color:#8AA0BD;
}
#page-creators .creator-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}
#page-creators .creator-stat-card{
  min-height:104px;
  padding:20px;
  border:1px solid rgba(120,180,255,.28);
  border-radius:20px;
  background:rgba(255,255,255,.86);
  box-shadow:0 12px 36px rgba(60,120,220,.08);
  backdrop-filter:blur(18px);
}
#page-creators .creator-stat-card span{
  display:block;
  color:#5A6F8F;
  font-size:13px;
}
#page-creators .creator-stat-card strong{
  display:block;
  margin-top:10px;
  color:#1677FF;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-size:34px;
  line-height:1;
}
#page-creators .creator-filter-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:40px 0 24px;
}
#page-creators .creator-pill{
  height:36px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(120,180,255,.28);
  background:rgba(255,255,255,.68);
  color:#5A6F8F;
  font-size:13px;
  font-weight:800;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
#page-creators .creator-pill:hover{
  transform:translateY(-1px);
  border-color:rgba(24,200,255,.52);
  color:#1677FF;
  background:rgba(235,248,255,.92);
}
#page-creators .creator-pill.on{
  color:#fff;
  border-color:rgba(24,200,255,.32);
  background:linear-gradient(135deg,#1677FF,#18C8FF);
  box-shadow:0 10px 22px rgba(22,119,255,.18);
}
#page-creators .creator-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
#page-creators .creator-card{
  overflow:hidden;
  border:1px solid rgba(120,180,255,.28);
  border-radius:20px;
  background:rgba(255,255,255,.86);
  box-shadow:0 12px 36px rgba(60,120,220,.08);
  backdrop-filter:blur(18px);
  opacity:0;
  transform:translateY(14px);
  animation:creatorCardIn .52s cubic-bezier(.2,.8,.2,1) forwards;
  animation-delay:calc(var(--creator-i,0) * 70ms);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
#page-creators .creator-card:hover{
  transform:translateY(-4px);
  border-color:#18C8FF;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(237,249,255,.88));
  box-shadow:0 20px 48px rgba(60,120,220,.16),0 0 0 1px rgba(24,200,255,.16);
}
#page-creators .creator-cover{
  position:relative;
  height:128px;
  overflow:hidden;
  background:var(--creator-cover);
}
#page-creators .creator-cover::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.18),rgba(7,26,51,.10)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px 24px);
}
#page-creators .creator-cover-lines{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:1;
  display:grid;
  gap:8px;
}
#page-creators .creator-cover-lines i{
  height:6px;
  border-radius:999px;
  background:rgba(255,255,255,.45);
}
#page-creators .creator-cover-lines i:nth-child(1){width:58%}
#page-creators .creator-cover-lines i:nth-child(2){width:42%}
#page-creators .creator-cover-lines i:nth-child(3){width:70%}
#page-creators .creator-honor,
#page-creators .creator-direction{
  position:absolute;
  z-index:2;
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
#page-creators .creator-honor{
  top:16px;
  right:16px;
  border:1px solid rgba(255,215,106,.72);
  background:rgba(255,215,106,.82);
  color:#5B4100;
  box-shadow:0 0 22px rgba(255,215,106,.28);
}
#page-creators .creator-direction{
  left:16px;
  top:16px;
  border:1px solid rgba(255,255,255,.46);
  background:rgba(255,255,255,.32);
  color:#fff;
  backdrop-filter:blur(12px);
}
#page-creators .creator-card-body{
  padding:0 20px 20px;
}
#page-creators .creator-identity{
  display:flex;
  align-items:flex-end;
  gap:12px;
  margin-top:-32px;
  position:relative;
  z-index:3;
}
#page-creators .creator-avatar{
  width:64px;
  height:64px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border:4px solid rgba(255,255,255,.94);
  border-radius:18px;
  background:
    radial-gradient(circle at 22% 18%,rgba(255,255,255,.62),transparent 23%),
    radial-gradient(circle at 78% 24%,var(--avatar-c,#18C8FF),transparent 26%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.16) 0 1px,transparent 1px 9px),
    linear-gradient(135deg,var(--avatar-a,#1677FF),var(--avatar-b,#18C8FF));
  color:#fff;
  font-size:22px;
  font-weight:1000;
  text-shadow:0 2px 12px rgba(7,26,51,.28);
  box-shadow:0 12px 24px rgba(22,119,255,.20);
  transition:transform .2s ease,box-shadow .2s ease;
}
#page-creators .creator-avatar:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(22,119,255,.26),0 0 28px rgba(24,200,255,.46);
}
#page-creators .creator-identity h3{
  margin:0;
  color:#071A33;
  font-size:18px;
  line-height:1.2;
  letter-spacing:0;
}
#page-creators .creator-level-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-top:4px;
  padding:3px 8px;
  border:1px solid rgba(22,119,255,.16);
  border-radius:999px;
  background:rgba(235,248,255,.78);
  color:#5A6F8F;
  font-size:12px;
  font-weight:800;
  box-shadow:0 0 15px rgba(22,119,255,.20),inset 0 0 0 1px rgba(255,255,255,.58);
}
#page-creators .creator-bio{
  min-height:44px;
  margin:16px 0 0;
  color:#5A6F8F;
  font-size:13px;
  line-height:1.65;
}
#page-creators .creator-feature-work{
  margin-top:16px;
  padding:12px;
  border:1px solid rgba(120,180,255,.20);
  border-radius:16px;
  background:rgba(240,247,255,.68);
}
#page-creators .creator-feature-work span{
  display:block;
  color:#7B90AE;
  font-size:11px;
  font-weight:900;
}
#page-creators .creator-work-pill{
  width:100%;
  min-width:0;
  min-height:34px;
  margin-top:8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:7px 10px 7px 12px;
  border:1px solid rgba(120,180,255,.24);
  border-radius:999px;
  background:rgba(235,248,255,.86);
  color:#071A33;
  text-align:left;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.58);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
#page-creators .creator-work-pill:hover{
  transform:translateY(-1px);
  border-color:rgba(24,200,255,.50);
  background:rgba(221,246,255,.96);
  box-shadow:0 10px 20px rgba(22,119,255,.09),inset 0 0 0 1px rgba(255,255,255,.72);
}
#page-creators .creator-work-pill b{
  display:block;
  min-width:0;
  font-size:14px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#page-creators .creator-work-pill i{
  width:20px;
  height:20px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#1677FF,#18C8FF);
  color:#fff;
  font-style:normal;
  font-size:11px;
  font-weight:1000;
}
#page-creators .creator-work-pill.is-disabled{
  opacity:.72;
  pointer-events:none;
}
#page-creators .creator-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:16px;
}
#page-creators .creator-metrics div{
  min-width:0;
  padding:10px 8px;
  border:1px solid rgba(120,180,255,.18);
  border-radius:14px;
  background:rgba(255,255,255,.66);
  text-align:center;
}
#page-creators .creator-metrics strong{
  display:block;
  color:#1677FF;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-size:18px;
  line-height:1;
}
#page-creators .creator-metrics span{
  display:block;
  margin-top:6px;
  color:#7B90AE;
  font-size:11px;
  white-space:nowrap;
}
#page-creators .creator-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
#page-creators .creator-tags button{
  height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(120,180,255,.20);
  background:rgba(235,248,255,.72);
  color:#1677FF;
  font-size:12px;
  font-weight:800;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
#page-creators .creator-tags button:hover{
  transform:translateY(-1px);
  border-color:rgba(24,200,255,.46);
  background:rgba(215,244,255,.96);
}
#page-creators .creator-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:20px;
}
#page-creators .creator-home-btn,
#page-creators .creator-follow-btn{
  height:40px;
  border-radius:14px;
  font-weight:900;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
#page-creators .creator-home-btn{
  border:1px solid rgba(120,180,255,.28);
  background:rgba(255,255,255,.68);
  color:#1677FF;
}
#page-creators .creator-follow-btn{
  border:1px solid transparent;
  background:linear-gradient(135deg,#1677FF,#18C8FF);
  color:#fff;
  box-shadow:0 10px 22px rgba(22,119,255,.16);
}
#page-creators .creator-follow-btn:hover,
#page-creators .creator-follow-btn.is-following{
  transform:translateY(-1px);
  border-color:transparent;
  background:linear-gradient(135deg,#1677FF,#18C8FF);
  color:#fff;
  box-shadow:0 10px 22px rgba(22,119,255,.18);
}
#page-creators .creator-home-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(24,200,255,.42);
  background:rgba(235,248,255,.92);
  color:#1677FF;
  box-shadow:0 8px 18px rgba(22,119,255,.08);
}
#page-creators .creator-empty{
  grid-column:1/-1;
  padding:32px;
  border:1px dashed rgba(120,180,255,.40);
  border-radius:20px;
  background:rgba(255,255,255,.72);
  text-align:center;
}
#page-creators .creator-empty h3{
  margin:0 0 8px;
  color:#071A33;
}
#page-creators .creator-empty p{
  margin:0 0 18px;
  color:#5A6F8F;
}
@keyframes creatorCardIn{
  to{opacity:1;transform:translateY(0)}
}

html[data-theme="cyber"] body[data-page="creators"]{
  background:
    radial-gradient(circle at 28% 0,rgba(53,214,164,.13),transparent 340px),
    radial-gradient(circle at 78% 8%,rgba(24,200,255,.12),transparent 360px),
    #05070c;
  color:#f3f8ff;
}
html[data-theme="cyber"] body[data-page="creators"]::before{
  background-image:
    linear-gradient(rgba(53,214,164,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(53,214,164,.035) 1px,transparent 1px);
}
html[data-theme="cyber"] #page-creators .creators-section{
  color:#f3f8ff;
}
html[data-theme="cyber"] #page-creators .creators-hero,
html[data-theme="cyber"] #page-creators .creator-stat-card,
html[data-theme="cyber"] #page-creators .creator-card,
html[data-theme="cyber"] #page-creators .creator-empty{
  border-color:rgba(53,214,164,.16);
  background:linear-gradient(180deg,rgba(17,28,42,.88),rgba(9,16,26,.82));
  box-shadow:0 18px 48px rgba(0,0,0,.30),0 0 0 1px rgba(53,214,164,.05);
}
html[data-theme="cyber"] #page-creators .creators-hero::before{
  background:
    repeating-linear-gradient(0deg,rgba(53,214,164,.038) 0 1px,transparent 1px 32px),
    repeating-linear-gradient(90deg,rgba(53,214,164,.038) 0 1px,transparent 1px 32px);
}
html[data-theme="cyber"] #page-creators .section-kicker,
html[data-theme="cyber"] #page-creators .creator-stat-card strong,
html[data-theme="cyber"] #page-creators .creator-metrics strong,
html[data-theme="cyber"] #page-creators .creator-tags button,
html[data-theme="cyber"] #page-creators .creator-home-btn{
  color:#9cf4d4;
}
html[data-theme="cyber"] #page-creators .creators-hero h2,
html[data-theme="cyber"] #page-creators .creator-identity h3,
html[data-theme="cyber"] #page-creators .creator-work-pill b,
html[data-theme="cyber"] #page-creators .creator-empty h3{
  color:#f3f8ff;
}
html[data-theme="cyber"] #page-creators .creators-hero p,
html[data-theme="cyber"] #page-creators .creator-stat-card span,
html[data-theme="cyber"] #page-creators .creator-identity span,
html[data-theme="cyber"] #page-creators .creator-bio,
html[data-theme="cyber"] #page-creators .creator-feature-work span,
html[data-theme="cyber"] #page-creators .creator-metrics span,
html[data-theme="cyber"] #page-creators .creator-empty p{
  color:#a9bed4;
}
html[data-theme="cyber"] #page-creators .creator-search-box,
html[data-theme="cyber"] #page-creators .creator-feature-work,
html[data-theme="cyber"] #page-creators .creator-work-pill,
html[data-theme="cyber"] #page-creators .creator-metrics div,
html[data-theme="cyber"] #page-creators .creator-tags button,
html[data-theme="cyber"] #page-creators .creator-home-btn,
html[data-theme="cyber"] #page-creators .creator-pill{
  border-color:rgba(53,214,164,.16);
  background:rgba(255,255,255,.055);
}
html[data-theme="cyber"] #page-creators .creator-search-box input{
  color:#f3f8ff;
}
html[data-theme="cyber"] #page-creators .creator-search-box input::placeholder{
  color:#8299b2;
}
html[data-theme="cyber"] #page-creators .creator-pill{
  color:#a9bed4;
}
html[data-theme="cyber"] #page-creators .creator-pill:hover,
html[data-theme="cyber"] #page-creators .creator-pill.on{
  color:#06152b;
  border-color:#35d6a4;
  background:linear-gradient(135deg,#35d6a4,#18C8FF);
  box-shadow:0 12px 26px rgba(53,214,164,.14);
}
html[data-theme="cyber"] #page-creators .creator-card:hover{
  border-color:#35d6a4;
  background:linear-gradient(180deg,rgba(21,37,52,.94),rgba(10,21,32,.9));
  box-shadow:0 22px 54px rgba(0,0,0,.38),0 0 30px rgba(53,214,164,.10);
}
html[data-theme="cyber"] #page-creators .creator-avatar{
  border-color:rgba(17,28,42,.94);
  background:
    radial-gradient(circle at 22% 18%,rgba(255,255,255,.52),transparent 23%),
    radial-gradient(circle at 78% 24%,var(--avatar-c,#35d6a4),transparent 26%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 1px,transparent 1px 9px),
    linear-gradient(135deg,var(--avatar-a,#1677FF),var(--avatar-b,#35d6a4));
  color:#06152b;
  text-shadow:0 1px 10px rgba(255,255,255,.26);
}
html[data-theme="cyber"] #page-creators .creator-level-badge{
  border-color:rgba(53,214,164,.22);
  background:rgba(53,214,164,.08);
  color:#c8fff0;
  box-shadow:0 0 15px rgba(53,214,164,.18),inset 0 0 0 1px rgba(255,255,255,.04);
}
html[data-theme="cyber"] #page-creators .creator-work-pill:hover{
  border-color:rgba(53,214,164,.36);
  background:rgba(53,214,164,.10);
  box-shadow:0 10px 22px rgba(0,0,0,.16),0 0 18px rgba(53,214,164,.10);
}
html[data-theme="cyber"] #page-creators .creator-work-pill i{
  background:linear-gradient(135deg,#35d6a4,#18C8FF);
  color:#06152b;
}
html[data-theme="cyber"] #page-creators .creator-follow-btn,
html[data-theme="cyber"] #page-creators .creator-follow-btn:hover,
html[data-theme="cyber"] #page-creators .creator-follow-btn.is-following{
  border-color:transparent;
  background:linear-gradient(135deg,#35d6a4,#18C8FF);
  color:#06152b;
  box-shadow:0 12px 26px rgba(53,214,164,.14);
}
html[data-theme="cyber"] #page-creators .creator-honor{
  background:rgba(255,215,106,.18);
  border-color:rgba(255,215,106,.44);
  color:#FFE49C;
}
html[data-theme="cyber"] #page-creators .creator-tags button:hover,
html[data-theme="cyber"] #page-creators .creator-home-btn:hover{
  color:#06152b;
  background:linear-gradient(135deg,#35d6a4,#18C8FF);
  box-shadow:0 12px 26px rgba(53,214,164,.14);
}
@media(max-width:1024px){
  #page-creators .creator-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #page-creators .creator-stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  #page-creators .creators-section{
    padding:24px 14px 44px;
  }
  #page-creators .creators-hero{
    grid-template-columns:1fr;
    align-items:start;
    padding:24px;
    border-radius:20px;
  }
  #page-creators .creators-hero h2{
    font-size:34px;
  }
  #page-creators .creator-search-box{
    width:100%;
  }
  #page-creators .creator-filter-pills{
    gap:8px;
  }
  #page-creators .creator-pill{
    flex:1 1 calc(50% - 8px);
    padding:0 10px;
  }
  #page-creators .creator-grid{
    grid-template-columns:1fr;
    gap:16px;
  }
  #page-creators .creator-actions{
    grid-template-columns:1fr;
  }
}
@media(max-width:420px){
  #page-creators .creator-stats-grid{
    grid-template-columns:1fr;
  }
  #page-creators .creator-metrics strong{
    font-size:16px;
  }
}

body[data-page="creator-admin"]{
  background:
    radial-gradient(circle at 18% 0,rgba(24,200,255,.18),transparent 360px),
    radial-gradient(circle at 82% 12%,rgba(22,119,255,.12),transparent 380px),
    linear-gradient(180deg,#F0F7FF 0%,#F7FBFF 44%,#EDF6FF 100%);
  color:#071A33;
}
body[data-page="creator-admin"]::before{
  background-image:
    linear-gradient(rgba(22,119,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(22,119,255,.035) 1px,transparent 1px);
  background-size:40px 40px;
  mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.42) 54%,transparent 92%);
}
body[data-page="creator-admin"] .vibe-dock-btn,
body[data-page="creator-admin"] .vera-assistant{
  display:none!important;
}
#page-creator-admin{
  min-height:calc(100vh - 64px);
}
#page-creator-admin .creator-admin-shell{
  min-height:calc(100vh - 64px);
  display:grid;
  grid-template-columns:232px minmax(0,1fr);
  gap:0;
}
#page-creator-admin .creator-admin-sidebar{
  position:sticky;
  top:64px;
  height:calc(100vh - 64px);
  padding:24px 16px;
  display:flex;
  flex-direction:column;
  gap:24px;
  border-right:1px solid rgba(120,180,255,.25);
  background:rgba(255,255,255,.58);
  backdrop-filter:blur(22px);
  box-shadow:12px 0 36px rgba(60,120,220,.06);
}
#page-creator-admin .creator-admin-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:48px;
}
#page-creator-admin .creator-admin-brand>div{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:
    radial-gradient(circle at 24% 18%,rgba(255,255,255,.88),transparent 30%),
    linear-gradient(135deg,#1677FF,#18C8FF);
  color:#fff;
  font-weight:950;
  box-shadow:0 0 24px rgba(22,119,255,.22),0 12px 28px rgba(22,119,255,.14);
}
#page-creator-admin .creator-admin-brand b{
  display:block;
  font-size:15px;
  color:#071A33;
}
#page-creator-admin .creator-admin-brand small{
  display:block;
  margin-top:3px;
  font-size:11px;
  color:#5A6F8F;
}
#page-creator-admin .creator-admin-sidebar nav{
  display:grid;
  gap:8px;
}
#page-creator-admin .creator-admin-sidebar nav button{
  height:40px;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  border-radius:12px;
  background:transparent;
  color:#5A6F8F;
  font-weight:800;
  text-align:left;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
#page-creator-admin .creator-admin-sidebar nav button:hover,
#page-creator-admin .creator-admin-sidebar nav button.on{
  color:#071A33;
  background:linear-gradient(135deg,rgba(22,119,255,.12),rgba(24,200,255,.10));
  box-shadow:inset 0 0 0 1px rgba(120,180,255,.24);
}
#page-creator-admin .creator-admin-side-card{
  margin-top:auto;
  padding:16px;
  display:grid;
  gap:8px;
  border:1px solid rgba(120,180,255,.28);
  border-radius:16px;
  background:rgba(255,255,255,.76);
  box-shadow:0 12px 36px rgba(60,120,220,.08);
}
#page-creator-admin .creator-admin-side-card b{
  font-size:13px;
  color:#071A33;
}
#page-creator-admin .creator-admin-side-card span{
  font-size:12px;
  line-height:1.65;
  color:#5A6F8F;
}
#page-creator-admin .creator-admin-main{
  min-width:0;
  padding:24px;
}
#page-creator-admin .creator-admin-topbar{
  min-height:96px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:24px;
  border:1px solid rgba(120,180,255,.25);
  border-radius:20px;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(18px);
  box-shadow:0 12px 36px rgba(60,120,220,.08);
}
#page-creator-admin .creator-admin-topbar h1{
  margin:0;
  font-size:32px;
  line-height:1.12;
  letter-spacing:0;
  color:#071A33;
}
#page-creator-admin .creator-admin-topbar p{
  margin:8px 0 0;
  max-width:760px;
  color:#5A6F8F;
  font-size:13px;
  line-height:1.7;
}
#page-creator-admin .creator-admin-admin-chip{
  height:40px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  border:1px solid rgba(120,180,255,.28);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#31506F;
  font-size:12px;
  font-weight:850;
  box-shadow:0 8px 20px rgba(60,120,220,.06);
}
#page-creator-admin .creator-admin-admin-chip span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#16B981;
  box-shadow:0 0 12px rgba(22,185,129,.42);
}
#page-creator-admin .creator-admin-content{
  padding-top:24px;
  display:grid;
  gap:24px;
}
#page-creator-admin .creator-admin-stats{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
}
#page-creator-admin .creator-admin-stats article{
  min-height:112px;
  padding:16px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(120,180,255,.25);
  border-radius:16px;
  background:rgba(255,255,255,.90);
  box-shadow:0 12px 36px rgba(60,120,220,.08);
}
#page-creator-admin .creator-admin-stats article::after{
  content:"";
  position:absolute;
  right:-32px;
  bottom:-44px;
  width:96px;
  height:96px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(24,200,255,.16),transparent 68%);
}
#page-creator-admin .creator-admin-stats span{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  color:#5A6F8F;
  font-size:12px;
  font-weight:850;
}
#page-creator-admin .creator-admin-stats i{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:linear-gradient(135deg,rgba(22,119,255,.10),rgba(24,200,255,.10));
  color:#1677FF;
  font-style:normal;
}
#page-creator-admin .creator-admin-stats strong{
  position:relative;
  z-index:1;
  display:block;
  margin-top:20px;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-size:32px;
  line-height:1;
  color:#1677FF;
  letter-spacing:0;
}
#page-creator-admin .creator-admin-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 168px 192px 192px;
  gap:16px;
  align-items:end;
  padding:16px;
  border:1px solid rgba(120,180,255,.25);
  border-radius:16px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(18px);
  box-shadow:0 12px 36px rgba(60,120,220,.08);
}
#page-creator-admin .creator-admin-toolbar label{
  min-width:0;
  display:grid;
  gap:8px;
  color:#5A6F8F;
  font-size:12px;
  font-weight:850;
}
#page-creator-admin .creator-admin-search{
  position:relative;
}
#page-creator-admin .creator-admin-search>span{
  position:absolute;
  left:14px;
  bottom:11px;
  color:#1677FF;
  font-size:16px;
}
#page-creator-admin .creator-admin-toolbar input,
#page-creator-admin .creator-admin-toolbar select,
#page-creator-admin .creator-admin-form input,
#page-creator-admin .creator-admin-form textarea{
  width:100%;
  border:1px solid rgba(120,180,255,.28);
  border-radius:12px;
  background:rgba(255,255,255,.86);
  color:#071A33;
  outline:none;
  box-shadow:0 8px 18px rgba(60,120,220,.04);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
#page-creator-admin .creator-admin-toolbar input,
#page-creator-admin .creator-admin-toolbar select,
#page-creator-admin .creator-admin-form input{
  height:42px;
  padding:0 12px;
}
#page-creator-admin .creator-admin-search input{
  padding-left:40px;
}
#page-creator-admin .creator-admin-form textarea{
  min-height:112px;
  padding:12px;
  resize:vertical;
}
#page-creator-admin .creator-admin-toolbar input:focus,
#page-creator-admin .creator-admin-toolbar select:focus,
#page-creator-admin .creator-admin-form input:focus,
#page-creator-admin .creator-admin-form textarea:focus{
  border-color:rgba(24,200,255,.68);
  background:#fff;
  box-shadow:0 0 0 4px rgba(24,200,255,.12);
}
#page-creator-admin .creator-admin-table-card{
  overflow:auto;
  border:1px solid rgba(120,180,255,.25);
  border-radius:16px;
  background:rgba(255,255,255,.90);
  box-shadow:0 12px 36px rgba(60,120,220,.08);
}
#page-creator-admin .creator-admin-table{
  width:100%;
  min-width:1120px;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
}
#page-creator-admin .creator-admin-table th{
  position:sticky;
  top:0;
  z-index:1;
  height:48px;
  padding:0 8px;
  border-bottom:1px solid rgba(120,180,255,.25);
  background:rgba(245,250,255,.96);
  color:#5A6F8F;
  font-size:12px;
  font-weight:900;
  text-align:left;
  white-space:nowrap;
}
#page-creator-admin .creator-admin-table td{
  padding:14px 8px;
  border-bottom:1px solid rgba(120,180,255,.16);
  color:#31506F;
  font-size:12px;
  vertical-align:middle;
}
#page-creator-admin .creator-admin-table tr{
  transition:background .18s ease;
}
#page-creator-admin .creator-admin-table tbody tr:hover{
  background:linear-gradient(90deg,rgba(22,119,255,.06),rgba(24,200,255,.04));
}
#page-creator-admin .creator-admin-table td b{
  display:block;
  max-width:116px;
  overflow:hidden;
  color:#071A33;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-creator-admin .creator-admin-table td small{
  display:block;
  max-width:124px;
  margin-top:4px;
  overflow:hidden;
  color:#7B8DA8;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-creator-admin .creator-admin-table code{
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  color:#31506F;
  background:transparent;
}
#page-creator-admin .creator-admin-table code.blue{
  color:#1677FF;
  font-weight:900;
}
#page-creator-admin .creator-admin-table code.gold{
  color:#C99112;
  font-weight:900;
}
#page-creator-admin .creator-admin-avatar{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:2px solid rgba(255,255,255,.88);
  background:
    radial-gradient(circle at 22% 18%,rgba(255,255,255,.72),transparent 24%),
    radial-gradient(circle at 78% 24%,var(--avatar-c,#18C8FF),transparent 28%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.22) 0 1px,transparent 1px 9px),
    linear-gradient(135deg,var(--avatar-a,#1677FF),var(--avatar-b,#18C8FF));
  color:#fff;
  font-weight:950;
  box-shadow:0 10px 24px rgba(22,119,255,.16);
  transition:box-shadow .18s ease,transform .18s ease;
}
#page-creator-admin .creator-admin-avatar:hover{
  transform:translateY(-1px);
  box-shadow:0 0 18px rgba(22,119,255,.26),0 12px 26px rgba(22,119,255,.18);
}
#page-creator-admin .creator-admin-level{
  display:inline-flex;
  height:26px;
  align-items:center;
  padding:0 10px;
  border:1px solid rgba(24,200,255,.32);
  border-radius:999px;
  background:rgba(24,200,255,.10);
  color:#1677FF;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-size:11px;
  font-weight:900;
  box-shadow:0 0 15px rgba(22,119,255,.16);
}
#page-creator-admin .creator-admin-work{
  max-width:116px;
  height:30px;
  padding:0 10px;
  overflow:hidden;
  border:1px solid rgba(120,180,255,.28);
  border-radius:999px;
  background:rgba(232,246,255,.82);
  color:#1677FF;
  font-size:12px;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-creator-admin .creator-admin-work:hover{
  border-color:rgba(24,200,255,.52);
  background:#E9F9FF;
}
#page-creator-admin .creator-admin-switch{
  width:44px;
  height:24px;
  padding:2px;
  border:1px solid rgba(120,180,255,.30);
  border-radius:999px;
  background:#E8F1FB;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#page-creator-admin .creator-admin-switch span{
  display:block;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 4px 10px rgba(60,120,220,.16);
  transition:transform .18s ease;
}
#page-creator-admin .creator-admin-switch.on{
  border-color:transparent;
  background:linear-gradient(135deg,#1677FF,#18C8FF);
  box-shadow:0 8px 18px rgba(22,119,255,.18);
}
#page-creator-admin .creator-admin-switch.on span{
  transform:translateX(20px);
}
#page-creator-admin .creator-admin-status{
  display:inline-flex;
  height:26px;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
}
#page-creator-admin .creator-admin-status.normal{
  border:1px solid rgba(22,185,129,.28);
  background:rgba(22,185,129,.10);
  color:#0E8F62;
}
#page-creator-admin .creator-admin-status.hidden{
  border:1px solid rgba(90,111,143,.24);
  background:rgba(90,111,143,.10);
  color:#5A6F8F;
}
#page-creator-admin .creator-admin-status.disabled{
  border:1px solid rgba(239,68,68,.26);
  background:rgba(239,68,68,.10);
  color:#D83232;
}
#page-creator-admin .creator-admin-actions{
  width:174px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
#page-creator-admin .creator-admin-actions button{
  flex:0 0 calc(50% - 3px);
  height:28px;
  padding:0 6px;
  border:1px solid rgba(120,180,255,.25);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#31506F;
  font-size:11px;
  font-weight:850;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
#page-creator-admin .creator-admin-table th:nth-child(1),
#page-creator-admin .creator-admin-table td:nth-child(1){width:52px}
#page-creator-admin .creator-admin-table th:nth-child(2),
#page-creator-admin .creator-admin-table td:nth-child(2){width:132px}
#page-creator-admin .creator-admin-table th:nth-child(3),
#page-creator-admin .creator-admin-table td:nth-child(3){width:68px}
#page-creator-admin .creator-admin-table th:nth-child(4),
#page-creator-admin .creator-admin-table td:nth-child(4){width:104px}
#page-creator-admin .creator-admin-table th:nth-child(5),
#page-creator-admin .creator-admin-table td:nth-child(5){width:124px}
#page-creator-admin .creator-admin-table th:nth-child(6),
#page-creator-admin .creator-admin-table td:nth-child(6){width:52px}
#page-creator-admin .creator-admin-table th:nth-child(7),
#page-creator-admin .creator-admin-table td:nth-child(7){width:64px}
#page-creator-admin .creator-admin-table th:nth-child(8),
#page-creator-admin .creator-admin-table td:nth-child(8){width:52px}
#page-creator-admin .creator-admin-table th:nth-child(9),
#page-creator-admin .creator-admin-table td:nth-child(9){width:52px}
#page-creator-admin .creator-admin-table th:nth-child(10),
#page-creator-admin .creator-admin-table td:nth-child(10){width:74px}
#page-creator-admin .creator-admin-table th:nth-child(11),
#page-creator-admin .creator-admin-table td:nth-child(11){width:74px}
#page-creator-admin .creator-admin-table th:nth-child(12),
#page-creator-admin .creator-admin-table td:nth-child(12){width:82px}
#page-creator-admin .creator-admin-table th:nth-child(13),
#page-creator-admin .creator-admin-table td:nth-child(13){width:190px}
#page-creator-admin .creator-admin-actions button:hover{
  transform:translateY(-1px);
  border-color:rgba(24,200,255,.52);
  background:linear-gradient(135deg,#1677FF,#18C8FF);
  color:#fff;
}
#page-creator-admin .creator-admin-empty{
  padding:32px;
  color:#5A6F8F;
  text-align:center;
}
#page-creator-admin .creator-admin-drawer-backdrop{
  position:fixed;
  inset:0;
  z-index:130;
  background:rgba(7,26,51,.22);
  backdrop-filter:blur(8px);
}
#page-creator-admin .creator-admin-drawer{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  z-index:140;
  width:min(560px,100%);
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  border-left:1px solid rgba(120,180,255,.28);
  background:rgba(247,251,255,.96);
  box-shadow:-24px 0 70px rgba(60,120,220,.18);
}
#page-creator-admin .creator-admin-drawer-head{
  padding:24px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid rgba(120,180,255,.22);
  background:
    radial-gradient(circle at 12% 0,rgba(24,200,255,.16),transparent 240px),
    rgba(255,255,255,.72);
}
#page-creator-admin .creator-admin-drawer-head span{
  color:#1677FF;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
}
#page-creator-admin .creator-admin-drawer-head h2{
  margin:8px 0 4px;
  color:#071A33;
  font-size:26px;
}
#page-creator-admin .creator-admin-drawer-head p{
  margin:0;
  color:#5A6F8F;
  font-size:13px;
}
#page-creator-admin .creator-admin-drawer-head button{
  width:36px;
  height:36px;
  border:1px solid rgba(120,180,255,.28);
  border-radius:12px;
  background:rgba(255,255,255,.68);
  color:#5A6F8F;
  font-size:20px;
}
#page-creator-admin .creator-admin-drawer-head button:hover{
  color:#071A33;
  border-color:rgba(24,200,255,.52);
}
#page-creator-admin .creator-admin-tabs{
  display:flex;
  gap:8px;
  padding:12px 16px;
  overflow:auto;
  border-bottom:1px solid rgba(120,180,255,.18);
  background:rgba(255,255,255,.76);
}
#page-creator-admin .creator-admin-tabs button{
  height:34px;
  flex:0 0 auto;
  padding:0 12px;
  border:1px solid rgba(120,180,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#5A6F8F;
  font-size:12px;
  font-weight:900;
}
#page-creator-admin .creator-admin-tabs button:hover,
#page-creator-admin .creator-admin-tabs button.on{
  border-color:transparent;
  background:linear-gradient(135deg,#1677FF,#18C8FF);
  color:#fff;
  box-shadow:0 10px 22px rgba(22,119,255,.16);
}
#page-creator-admin .creator-admin-drawer-body{
  min-height:0;
  overflow:auto;
  padding:24px;
}
#page-creator-admin .creator-admin-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
#page-creator-admin .creator-admin-form label{
  display:grid;
  gap:8px;
  color:#5A6F8F;
  font-size:12px;
  font-weight:850;
}
#page-creator-admin .creator-admin-form label.wide{
  grid-column:1/-1;
}
#page-creator-admin .creator-admin-toggle-row{
  min-height:56px;
  padding:0 16px;
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border:1px solid rgba(120,180,255,.24);
  border-radius:16px;
  background:rgba(255,255,255,.76);
}
#page-creator-admin .creator-admin-toggle-row span{
  color:#071A33;
  font-size:13px;
  font-weight:900;
}
#page-creator-admin .creator-admin-work-list,
#page-creator-admin .creator-admin-honor-list,
#page-creator-admin .creator-admin-log-list{
  display:grid;
  gap:12px;
}
#page-creator-admin .creator-admin-work-list button,
#page-creator-admin .creator-admin-honor-list>div,
#page-creator-admin .creator-admin-log-list>div{
  min-height:64px;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border:1px solid rgba(120,180,255,.24);
  border-radius:16px;
  background:rgba(255,255,255,.76);
}
#page-creator-admin .creator-admin-work-list button{
  text-align:left;
}
#page-creator-admin .creator-admin-work-list button:hover,
#page-creator-admin .creator-admin-work-list button.on{
  border-color:rgba(24,200,255,.58);
  background:linear-gradient(135deg,rgba(22,119,255,.08),rgba(24,200,255,.07));
  box-shadow:0 12px 26px rgba(60,120,220,.08);
}
#page-creator-admin .creator-admin-work-list b{
  display:block;
  color:#071A33;
  font-size:14px;
}
#page-creator-admin .creator-admin-work-list small{
  display:block;
  margin-top:6px;
  color:#5A6F8F;
  font-size:12px;
}
#page-creator-admin .creator-admin-work-list i{
  flex:0 0 auto;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(22,119,255,.10);
  color:#1677FF;
  font-style:normal;
  font-size:11px;
  font-weight:900;
}
#page-creator-admin .creator-admin-honor-list>div span{
  color:#071A33;
  font-weight:900;
}
#page-creator-admin .creator-admin-honor-list button,
#page-creator-admin .creator-admin-grant{
  height:34px;
  padding:0 12px;
  border:1px solid rgba(120,180,255,.25);
  border-radius:999px;
  background:rgba(255,255,255,.76);
  color:#31506F;
  font-size:12px;
  font-weight:900;
}
#page-creator-admin .creator-admin-honor-list button:hover{
  border-color:rgba(239,68,68,.36);
  color:#D83232;
}
#page-creator-admin .creator-admin-grant{
  justify-self:start;
  border-color:transparent;
  background:linear-gradient(135deg,#FFD76A,#FFEAA8);
  color:#6B4800;
}
#page-creator-admin .creator-admin-log-list>div{
  justify-content:flex-start;
  color:#5A6F8F;
  font-size:13px;
  line-height:1.55;
}
#page-creator-admin .creator-admin-log-list span{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:rgba(22,119,255,.10);
  color:#1677FF;
}
#page-creator-admin .creator-admin-drawer-foot{
  padding:16px 24px;
  display:flex;
  justify-content:flex-end;
  gap:12px;
  border-top:1px solid rgba(120,180,255,.22);
  background:rgba(255,255,255,.86);
}
#page-creator-admin .creator-admin-outline,
#page-creator-admin .creator-admin-save{
  height:40px;
  padding:0 16px;
  border-radius:12px;
  font-weight:900;
}
#page-creator-admin .creator-admin-outline{
  border:1px solid rgba(120,180,255,.28);
  background:rgba(255,255,255,.72);
  color:#31506F;
}
#page-creator-admin .creator-admin-save{
  border:1px solid transparent;
  background:linear-gradient(135deg,#1677FF,#18C8FF);
  color:#fff;
  box-shadow:0 12px 24px rgba(22,119,255,.18);
}
#page-creator-admin .creator-admin-outline:hover{
  border-color:rgba(24,200,255,.52);
  color:#1677FF;
}
#page-creator-admin .creator-admin-save:hover{
  box-shadow:0 14px 30px rgba(22,119,255,.24);
}

html[data-theme="cyber"] body[data-page="creator-admin"]{
  background:
    radial-gradient(circle at 18% 0,rgba(53,214,164,.12),transparent 360px),
    radial-gradient(circle at 82% 10%,rgba(24,200,255,.11),transparent 380px),
    #05070c;
  color:#f3f8ff;
}
html[data-theme="cyber"] body[data-page="creator-admin"]::before{
  background-image:
    linear-gradient(rgba(53,214,164,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(53,214,164,.032) 1px,transparent 1px);
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-sidebar,
html[data-theme="cyber"] #page-creator-admin .creator-admin-topbar,
html[data-theme="cyber"] #page-creator-admin .creator-admin-stats article,
html[data-theme="cyber"] #page-creator-admin .creator-admin-toolbar,
html[data-theme="cyber"] #page-creator-admin .creator-admin-table-card,
html[data-theme="cyber"] #page-creator-admin .creator-admin-side-card,
html[data-theme="cyber"] #page-creator-admin .creator-admin-drawer,
html[data-theme="cyber"] #page-creator-admin .creator-admin-drawer-head,
html[data-theme="cyber"] #page-creator-admin .creator-admin-tabs,
html[data-theme="cyber"] #page-creator-admin .creator-admin-drawer-foot{
  border-color:rgba(53,214,164,.16);
  background:linear-gradient(180deg,rgba(17,28,42,.90),rgba(9,16,26,.84));
  box-shadow:0 18px 48px rgba(0,0,0,.30),0 0 0 1px rgba(53,214,164,.05);
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-topbar h1,
html[data-theme="cyber"] #page-creator-admin .creator-admin-brand b,
html[data-theme="cyber"] #page-creator-admin .creator-admin-side-card b,
html[data-theme="cyber"] #page-creator-admin .creator-admin-table td b,
html[data-theme="cyber"] #page-creator-admin .creator-admin-drawer-head h2,
html[data-theme="cyber"] #page-creator-admin .creator-admin-work-list b,
html[data-theme="cyber"] #page-creator-admin .creator-admin-toggle-row span,
html[data-theme="cyber"] #page-creator-admin .creator-admin-honor-list>div span{
  color:#f3f8ff;
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-topbar p,
html[data-theme="cyber"] #page-creator-admin .creator-admin-brand small,
html[data-theme="cyber"] #page-creator-admin .creator-admin-side-card span,
html[data-theme="cyber"] #page-creator-admin .creator-admin-toolbar label,
html[data-theme="cyber"] #page-creator-admin .creator-admin-table td,
html[data-theme="cyber"] #page-creator-admin .creator-admin-table td small,
html[data-theme="cyber"] #page-creator-admin .creator-admin-drawer-head p,
html[data-theme="cyber"] #page-creator-admin .creator-admin-form label,
html[data-theme="cyber"] #page-creator-admin .creator-admin-work-list small,
html[data-theme="cyber"] #page-creator-admin .creator-admin-log-list>div{
  color:#a9bed4;
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-admin-chip,
html[data-theme="cyber"] #page-creator-admin .creator-admin-sidebar nav button,
html[data-theme="cyber"] #page-creator-admin .creator-admin-actions button,
html[data-theme="cyber"] #page-creator-admin .creator-admin-outline,
html[data-theme="cyber"] #page-creator-admin .creator-admin-honor-list button{
  color:#a9bed4;
  border-color:rgba(53,214,164,.16);
  background:rgba(255,255,255,.055);
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-sidebar nav button:hover,
html[data-theme="cyber"] #page-creator-admin .creator-admin-sidebar nav button.on{
  color:#06152b;
  background:linear-gradient(135deg,#35d6a4,#18C8FF);
  box-shadow:0 12px 26px rgba(53,214,164,.12);
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-stats strong,
html[data-theme="cyber"] #page-creator-admin .creator-admin-stats i,
html[data-theme="cyber"] #page-creator-admin .creator-admin-level,
html[data-theme="cyber"] #page-creator-admin .creator-admin-work,
html[data-theme="cyber"] #page-creator-admin .creator-admin-log-list span{
  color:#9cf4d4;
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-stats i,
html[data-theme="cyber"] #page-creator-admin .creator-admin-level,
html[data-theme="cyber"] #page-creator-admin .creator-admin-work,
html[data-theme="cyber"] #page-creator-admin .creator-admin-toggle-row,
html[data-theme="cyber"] #page-creator-admin .creator-admin-work-list button,
html[data-theme="cyber"] #page-creator-admin .creator-admin-honor-list>div,
html[data-theme="cyber"] #page-creator-admin .creator-admin-log-list>div,
html[data-theme="cyber"] #page-creator-admin .creator-admin-tabs button,
html[data-theme="cyber"] #page-creator-admin .creator-admin-drawer-head button,
html[data-theme="cyber"] #page-creator-admin .creator-admin-log-list span{
  border-color:rgba(53,214,164,.16);
  background:rgba(255,255,255,.055);
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-toolbar input,
html[data-theme="cyber"] #page-creator-admin .creator-admin-toolbar select,
html[data-theme="cyber"] #page-creator-admin .creator-admin-form input,
html[data-theme="cyber"] #page-creator-admin .creator-admin-form textarea{
  border-color:rgba(53,214,164,.16);
  background:rgba(255,255,255,.055);
  color:#f3f8ff;
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-toolbar input::placeholder,
html[data-theme="cyber"] #page-creator-admin .creator-admin-form textarea::placeholder{
  color:#8299b2;
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-table th{
  border-color:rgba(53,214,164,.16);
  background:rgba(11,20,31,.96);
  color:#a9bed4;
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-table td{
  border-color:rgba(53,214,164,.10);
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-table tbody tr:hover{
  background:linear-gradient(90deg,rgba(53,214,164,.08),rgba(24,200,255,.05));
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-switch{
  border-color:rgba(53,214,164,.18);
  background:rgba(255,255,255,.08);
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-switch.on,
html[data-theme="cyber"] #page-creator-admin .creator-admin-tabs button:hover,
html[data-theme="cyber"] #page-creator-admin .creator-admin-tabs button.on,
html[data-theme="cyber"] #page-creator-admin .creator-admin-actions button:hover,
html[data-theme="cyber"] #page-creator-admin .creator-admin-save{
  background:linear-gradient(135deg,#35d6a4,#18C8FF);
  color:#06152b;
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-status.normal{
  color:#9cf4d4;
  background:rgba(53,214,164,.10);
  border-color:rgba(53,214,164,.28);
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-status.hidden{
  color:#a9bed4;
  background:rgba(169,190,212,.08);
  border-color:rgba(169,190,212,.18);
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-status.disabled{
  color:#ff9cab;
  background:rgba(255,93,115,.10);
  border-color:rgba(255,93,115,.26);
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-drawer-backdrop{
  background:rgba(0,0,0,.44);
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-drawer-head button:hover,
html[data-theme="cyber"] #page-creator-admin .creator-admin-outline:hover{
  color:#9cf4d4;
  border-color:rgba(53,214,164,.38);
}
html[data-theme="cyber"] #page-creator-admin .creator-admin-grant{
  background:linear-gradient(135deg,#FFD76A,#FFEAA8);
  color:#6B4800;
}
@media(max-width:1280px){
  #page-creator-admin .creator-admin-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  #page-creator-admin .creator-admin-toolbar{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:920px){
  #page-creator-admin .creator-admin-shell{
    grid-template-columns:1fr;
  }
  #page-creator-admin .creator-admin-sidebar{
    position:relative;
    top:auto;
    height:auto;
    padding:16px;
    border-right:0;
    border-bottom:1px solid rgba(120,180,255,.25);
  }
  #page-creator-admin .creator-admin-sidebar nav{
    grid-template-columns:repeat(5,minmax(132px,1fr));
    overflow:auto;
  }
  #page-creator-admin .creator-admin-side-card{
    display:none;
  }
  #page-creator-admin .creator-admin-main{
    padding:16px;
  }
  #page-creator-admin .creator-admin-topbar{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:680px){
  #page-creator-admin .creator-admin-topbar h1{
    font-size:26px;
  }
  #page-creator-admin .creator-admin-stats,
  #page-creator-admin .creator-admin-toolbar,
  #page-creator-admin .creator-admin-form{
    grid-template-columns:1fr;
  }
  #page-creator-admin .creator-admin-drawer{
    width:100%;
  }
  #page-creator-admin .creator-admin-drawer-body{
    padding:16px;
  }
  #page-creator-admin .creator-admin-drawer-foot{
    padding:16px;
  }
}
/* 收藏作品功能 */
.favorite-btn{
  position:absolute;
  top:12px;
  right:12px;
  z-index:8;
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(120,180,255,.35);
  box-shadow:0 8px 20px rgba(22,119,255,.12);
  color:#1677ff;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease;
}
.favorite-btn svg{width:20px;height:20px;display:block;pointer-events:none}
.favorite-btn svg path{fill:transparent;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round}
.favorite-btn:hover{transform:scale(1.08);border-color:rgba(24,200,255,.72);box-shadow:0 10px 24px rgba(22,119,255,.2),0 0 22px rgba(24,200,255,.38)}
.favorite-btn.is-favorited{background:linear-gradient(135deg,#1677FF,#18C8FF);color:#fff;border-color:rgba(255,255,255,.42);box-shadow:0 12px 28px rgba(22,119,255,.28),0 0 22px rgba(24,200,255,.28)}
.favorite-btn.is-favorited svg path{fill:currentColor;stroke:currentColor}
.favorite-btn::after{content:attr(data-tooltip);position:absolute;right:0;top:calc(100% + 8px);white-space:nowrap;padding:6px 9px;border-radius:999px;background:rgba(6,21,43,.92);color:#fff;font-size:12px;font-weight:800;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .14s ease,transform .14s ease;box-shadow:0 10px 24px rgba(6,21,43,.18)}
.favorite-btn:hover::after,.favorite-btn:focus-visible::after{opacity:1;transform:translateY(0)}
#page-works .archive-grid .thumb .favorite-btn,
#page-favorites .favorites-grid .thumb .favorite-btn{
  top:auto;
  right:12px;
  bottom:12px;
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  z-index:9;
  background:rgba(255,255,255,.86);
}
#page-works .archive-grid .thumb .favorite-btn svg,
#page-favorites .favorites-grid .thumb .favorite-btn svg{
  width:18px;
  height:18px;
}
#page-works .archive-grid .thumb .favorite-btn::after,
#page-favorites .favorites-grid .thumb .favorite-btn::after{
  top:auto;
  bottom:calc(100% + 8px);
}
.thumb .favorite-btn + .badge-row,#page-works .archive-grid .thumb .favorite-btn ~ .badge-row{right:auto}
#page-works .archive-grid .thumb .favorite-btn ~ .badge-row,
#page-favorites .favorites-grid .thumb .favorite-btn ~ .badge-row{
  right:58px;
}
.detail-favorite-action.is-favorited{background:linear-gradient(135deg,#1677FF,#18C8FF);border-color:rgba(24,200,255,.55);color:#fff;box-shadow:0 12px 28px rgba(22,119,255,.2)}
.detail-favorite-action.is-favorited:hover{box-shadow:0 14px 34px rgba(22,119,255,.24),0 0 24px rgba(24,200,255,.22)}
#page-favorites .section.works-ai-gallery.favorites-gallery{
  width:min(1180px,calc(100% - 32px));
  max-width:1180px;
  min-height:calc(100vh - 92px);
  margin:16px auto 28px;
  padding:0;
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  gap:0;
  align-items:start;
  border:1px solid rgba(0,120,255,.10);
  border-radius:16px;
  background:
    radial-gradient(circle at 0 0,rgba(24,215,255,.16),transparent 28%),
    linear-gradient(90deg,rgba(244,250,255,.86),rgba(236,247,255,.62));
  box-shadow:0 18px 42px rgba(19,109,255,.09),0 2px 8px rgba(15,23,42,.04);
  overflow:hidden;
}
#page-favorites .works-gallery-side{
  position:relative;
  min-height:100%;
  padding:20px 8px 16px 10px;
  background:rgba(248,252,255,.54);
  border-right:1px solid rgba(0,120,255,.08);
  backdrop-filter:blur(18px);
}
#page-favorites .works-gallery-brand{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:8px;
  align-items:center;
  margin-bottom:26px;
}
#page-favorites .works-gallery-logo,
#page-favorites .works-gallery-logo svg{
  width:32px;
  height:32px;
  display:block;
}
#page-favorites .works-gallery-logo{
  border-radius:12px;
  overflow:hidden;
  background:transparent;
  box-shadow:none;
}
#page-favorites .works-gallery-brand strong{
  display:block;
  color:#06152b;
  font-size:12px;
  line-height:1.2;
  white-space:nowrap;
}
#page-favorites .works-gallery-brand span{
  display:block;
  margin-top:3px;
  color:#5e7895;
  font-size:9px;
  line-height:1.2;
}
#page-favorites .works-gallery-nav{
  position:relative;
  z-index:1;
  display:grid;
  gap:7px;
}
#page-favorites .works-gallery-nav button{
  height:32px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 9px;
  border-radius:8px;
  border:1px solid transparent;
  background:transparent;
  color:#527092;
  font-size:11px;
  font-weight:850;
  text-align:left;
}
#page-favorites .works-gallery-nav button span{
  width:18px;
  display:inline-grid;
  place-items:center;
  color:#486ca0;
}
#page-favorites .works-gallery-nav button.on,
#page-favorites .works-gallery-nav button:hover{
  background:rgba(19,109,255,.09);
  border-color:rgba(19,109,255,.12);
  color:#075de8;
}
#page-favorites .works-side-submit{
  position:absolute;
  left:10px;
  right:10px;
  bottom:16px;
  z-index:1;
  min-height:78px;
  display:grid;
  justify-items:center;
  align-content:center;
  gap:3px;
  border:1px solid rgba(19,109,255,.12);
  border-radius:14px;
  background:rgba(255,255,255,.64);
  color:#075de8;
  box-shadow:0 8px 20px rgba(19,109,255,.08),inset 0 0 0 1px rgba(255,255,255,.7);
  cursor:pointer;
}
#page-favorites .works-side-submit span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#dff3ff,#bdeaff);
  color:#075de8;
  font-weight:1000;
}
#page-favorites .works-side-submit strong{font-size:11px}
#page-favorites .works-side-submit small{color:#7a90aa;font-size:9px}
#page-favorites .works-gallery-main{
  position:relative;
  z-index:1;
  min-width:0;
  padding:22px 16px;
}
#page-favorites .favorites-grid{
  display:grid;
  gap:20px;
}
#page-favorites .favorites-grid .work-card{
  border-radius:16px;
  border:1px solid rgba(0,120,255,.10);
  background:rgba(255,255,255,.82);
  box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);
}
#page-favorites .favorites-grid .thumb{
  margin:10px 10px 0;
  border-radius:16px;
  aspect-ratio:16/8.6;
  height:auto;
  min-height:0;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.58),inset 0 0 28px rgba(24,215,255,.18);
}
#page-favorites .favorites-grid .badge-row{
  position:absolute;
  left:8px;
  right:58px;
  bottom:8px;
  gap:5px;
}
#page-favorites .favorites-grid .badge{
  height:20px;
  padding:0 7px;
  border-radius:999px;
  background:linear-gradient(135deg,#136dff,#18d7ff);
  border-color:rgba(255,255,255,.36);
  color:#fff;
  font-size:10px;
  font-weight:950;
}
#page-favorites .favorites-grid .card-vibe-badge{
  top:9px;
  right:9px;
  bottom:auto;
  height:25px;
  width:auto;
  min-width:54px;
  padding:0 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  border-radius:999px;
  background:#09203b;
  border:1px solid rgba(255,255,255,.24);
  color:#fff;
  box-shadow:0 10px 22px rgba(6,21,43,.18);
}
#page-favorites .favorites-grid .card-vibe-badge b{font-size:12px;line-height:1}
#page-favorites .favorites-grid .card-vibe-badge span{font-size:10px;line-height:1}
.favorites-gallery{align-items:start}
.favorites-head{align-items:center}
.favorite-stat{min-height:36px;display:inline-flex;align-items:center;padding:0 13px;border-radius:999px;background:rgba(22,119,255,.08);border:1px solid rgba(22,119,255,.16);color:#075de8;font-size:13px;font-weight:900;white-space:nowrap}
.favorites-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.favorite-work-card .favorite-card-meta{margin-top:12px;display:flex;justify-content:space-between;gap:10px;color:#60718a;font-size:12px;font-weight:800}
.favorite-work-card .favorite-card-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.favorite-card-time{margin-top:10px;color:#075de8;font-size:12px;font-weight:900}
.favorites-empty{grid-column:1/-1;min-height:340px;display:grid;place-items:center;align-content:center;gap:12px;padding:34px;text-align:center;border:1px dashed rgba(22,119,255,.22);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(235,247,255,.72));box-shadow:0 18px 48px rgba(19,109,255,.08)}
.favorites-empty h3{margin:0;color:#06152b;font-size:24px}
.favorites-empty p{margin:0;max-width:430px;color:#526984;line-height:1.7}
html[data-theme="cyber"] .favorite-btn{background:rgba(8,14,24,.72);color:#8ecbff;border-color:rgba(120,180,255,.32)}
html[data-theme="cyber"] .favorite-btn.is-favorited{background:linear-gradient(135deg,#1677FF,#18C8FF);color:#fff}
html[data-theme="cyber"] .favorite-stat,html[data-theme="cyber"] .favorite-card-time{color:#8ecbff}
html[data-theme="cyber"] .favorites-empty{background:linear-gradient(180deg,rgba(17,26,39,.92),rgba(8,12,20,.9));border-color:rgba(53,214,164,.16)}
html[data-theme="cyber"] .favorites-empty h3{color:#f3f8ff}
html[data-theme="cyber"] .favorites-empty p,html[data-theme="cyber"] .favorite-work-card .favorite-card-meta{color:var(--muted)}
@media(max-width:980px){
  #page-favorites .section.works-ai-gallery.favorites-gallery{
    width:calc(100% - 24px);
    grid-template-columns:1fr;
  }
  #page-favorites .works-gallery-side{display:none}
  #page-favorites .works-gallery-main{padding:18px}
  .favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  #page-favorites .section.works-ai-gallery.favorites-gallery{
    width:calc(100% - 24px);
    display:block;
  }
  #page-favorites .works-gallery-main{
    width:100%;
    max-width:100%;
    padding:18px 14px;
  }
  .favorites-grid{grid-template-columns:1fr}
  .favorites-head{align-items:flex-start}
  .favorite-stat{width:100%;justify-content:center}
  .favorite-btn{width:40px;height:40px;min-width:40px;min-height:40px}
  .thumb .favorite-btn + .badge-row,#page-works .archive-grid .thumb .favorite-btn ~ .badge-row,#page-favorites .favorites-grid .thumb .favorite-btn ~ .badge-row{right:58px}
}

#page-my-works .section.works-ai-gallery.my-works-gallery{
  width:min(1180px,calc(100% - 32px));
  max-width:1180px;
  min-height:calc(100vh - 92px);
  margin:16px auto 28px;
  padding:0;
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  gap:0;
  align-items:start;
  border:1px solid rgba(0,120,255,.10);
  border-radius:16px;
  background:radial-gradient(circle at 0 0,rgba(24,215,255,.16),transparent 28%),linear-gradient(90deg,rgba(244,250,255,.86),rgba(236,247,255,.62));
  box-shadow:0 18px 42px rgba(19,109,255,.09),0 2px 8px rgba(15,23,42,.04);
  overflow:hidden;
}
#page-my-works .works-gallery-side{position:relative;min-height:100%;padding:20px 8px 16px 10px;background:rgba(248,252,255,.54);border-right:1px solid rgba(0,120,255,.08);backdrop-filter:blur(18px)}
#page-my-works .works-gallery-brand{position:relative;z-index:1;display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center;margin-bottom:26px}
#page-my-works .works-gallery-logo,#page-my-works .works-gallery-logo svg{width:32px;height:32px;display:block}
#page-my-works .works-gallery-logo{border-radius:12px;overflow:hidden;background:transparent;box-shadow:none}
#page-my-works .works-gallery-brand strong{display:block;color:#06152b;font-size:12px;line-height:1.2;white-space:nowrap}
#page-my-works .works-gallery-brand span{display:block;margin-top:3px;color:#5e7895;font-size:9px;line-height:1.2}
#page-my-works .works-gallery-nav{position:relative;z-index:1;display:grid;gap:7px}
#page-my-works .works-gallery-nav button{height:32px;display:flex;align-items:center;gap:10px;padding:0 9px;border-radius:8px;border:1px solid transparent;background:transparent;color:#527092;font-size:11px;font-weight:850;text-align:left;cursor:pointer}
#page-my-works .works-gallery-nav button span{width:18px;display:inline-grid;place-items:center;color:#486ca0}
#page-my-works .works-gallery-nav button.on,#page-my-works .works-gallery-nav button:hover{background:rgba(19,109,255,.09);border-color:rgba(19,109,255,.12);color:#075de8}
#page-my-works .works-side-submit{position:absolute;left:10px;right:10px;bottom:16px;z-index:1;min-height:78px;display:grid;justify-items:center;align-content:center;gap:3px;border:1px solid rgba(19,109,255,.12);border-radius:14px;background:rgba(255,255,255,.64);color:#075de8;box-shadow:0 8px 20px rgba(19,109,255,.08),inset 0 0 0 1px rgba(255,255,255,.7);cursor:pointer}
#page-my-works .works-side-submit span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#dff3ff,#bdeaff);color:#075de8;font-weight:1000}
#page-my-works .works-side-submit strong{font-size:11px}
#page-my-works .works-side-submit small{color:#7a90aa;font-size:9px}
#page-my-works .works-gallery-main{position:relative;z-index:1;min-width:0;padding:22px 16px}
.my-works-head{align-items:center}
.my-works-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:4px 0 14px}
.my-work-stat{min-height:70px;padding:14px;border:1px solid rgba(22,119,255,.12);border-radius:12px;background:rgba(255,255,255,.70);box-shadow:0 8px 18px rgba(19,109,255,.06)}
.my-work-stat strong{display:block;color:#06152b;font-size:24px;line-height:1;font-weight:950}
.my-work-stat span{display:block;margin-top:8px;color:#637891;font-size:12px;font-weight:850}
.my-works-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 150px 150px 150px;gap:10px;margin-bottom:16px;padding:10px;border:1px solid rgba(22,119,255,.10);border-radius:14px;background:rgba(255,255,255,.58)}
.my-works-toolbar .search,.my-works-toolbar .select{width:100%;height:40px;border:1px solid rgba(22,119,255,.14);border-radius:10px;background:rgba(255,255,255,.78);color:#14314f;font-size:13px;font-weight:750;outline:none}
.my-works-toolbar .search{padding:0 13px}
.my-works-toolbar .select{padding:0 10px}
.my-works-toolbar .search:focus,.my-works-toolbar .select:focus{border-color:rgba(22,119,255,.45);box-shadow:0 0 0 3px rgba(22,119,255,.10)}
.my-works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.my-works-grid .work-card{border-radius:16px;border:1px solid rgba(0,120,255,.10);background:rgba(255,255,255,.82);box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)}
.my-works-grid .thumb{margin:10px 10px 0;border-radius:16px;aspect-ratio:16/8.6;height:auto;min-height:0;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.58),inset 0 0 28px rgba(24,215,255,.18)}
.my-works-grid .badge-row{position:absolute;left:8px;right:58px;bottom:8px;gap:5px}
.my-works-grid .badge{height:20px;padding:0 7px;border-radius:999px;background:linear-gradient(135deg,#136dff,#18d7ff);border-color:rgba(255,255,255,.36);color:#fff;font-size:10px;font-weight:950}
.my-works-grid .my-work-status.status-pending{background:linear-gradient(135deg,#f59e0b,#f97316)}
.my-works-grid .my-work-status.status-selected{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.my-works-grid .my-work-status.status-awarded{background:linear-gradient(135deg,#f7b733,#fc4a1a)}
.my-works-grid .my-work-status.status-published{background:linear-gradient(135deg,#16a34a,#14b8a6)}
.my-works-grid .card-vibe-badge{top:9px;right:9px;bottom:auto;height:25px;width:auto;min-width:54px;padding:0 9px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:999px;background:#09203b;border:1px solid rgba(255,255,255,.24);color:#fff;box-shadow:0 10px 22px rgba(6,21,43,.18)}
.my-works-grid .card-vibe-badge b{font-size:12px;line-height:1}
.my-works-grid .card-vibe-badge span{font-size:10px;line-height:1}
.my-works-empty{grid-column:1/-1}
html[data-theme="cyber"] #page-my-works .section.works-ai-gallery.my-works-gallery{background:linear-gradient(180deg,rgba(14,24,38,.96),rgba(9,14,24,.94));border-color:rgba(53,214,164,.13)}
html[data-theme="cyber"] #page-my-works .works-gallery-side,html[data-theme="cyber"] .my-works-toolbar,html[data-theme="cyber"] .my-work-stat{background:rgba(8,14,24,.62);border-color:rgba(120,180,255,.18)}
html[data-theme="cyber"] #page-my-works .works-gallery-brand strong,html[data-theme="cyber"] .my-work-stat strong{color:#f3f8ff}
html[data-theme="cyber"] #page-my-works .works-gallery-brand span,html[data-theme="cyber"] .my-work-stat span{color:var(--muted)}
html[data-theme="cyber"] .my-works-toolbar .search,html[data-theme="cyber"] .my-works-toolbar .select{background:rgba(8,14,24,.72);border-color:rgba(120,180,255,.22);color:#f3f8ff}
@media(max-width:980px){#page-my-works .section.works-ai-gallery.my-works-gallery{width:calc(100% - 24px);grid-template-columns:1fr}#page-my-works .works-gallery-side{display:none}#page-my-works .works-gallery-main{padding:18px}.my-works-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.my-works-toolbar{grid-template-columns:1fr 1fr}.my-works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#page-my-works .section.works-ai-gallery.my-works-gallery{width:calc(100% - 24px);display:block}#page-my-works .works-gallery-main{width:100%;max-width:100%;padding:18px 14px}.my-works-head{align-items:flex-start}.my-works-stats,.my-works-toolbar,.my-works-grid{grid-template-columns:1fr}.my-work-stat{min-height:62px}.my-works-grid .thumb .favorite-btn ~ .badge-row{right:58px}}
#page-works .archive-control-panel{
  grid-template-columns:minmax(148px,.9fr) minmax(220px,1.35fr) minmax(150px,.9fr) auto;
  align-items:end;
  position:relative;
  z-index:8;
}
#page-works .archive-tool-row{position:relative;z-index:12}
#page-works .archive-tool-filter{position:relative;width:100%}
#page-works .archive-tool-trigger{
  width:100%;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 11px 0 12px;
  border:.5px solid rgba(19,109,255,.14);
  border-radius:10px;
  background:rgba(248,252,255,.78);
  color:#31506f;
  font-size:13px;
  font-weight:850;
  box-shadow:0 3px 10px rgba(19,109,255,.045);
  cursor:pointer;
}
#page-works .archive-tool-trigger.has-selection{border-color:rgba(22,119,255,.32);background:rgba(232,245,255,.92);color:#075de8}
#page-works .archive-tool-trigger i{font-style:normal;color:#6784a6;font-size:13px;transition:transform .18s ease}
#page-works .archive-tool-trigger[aria-expanded="true"] i{transform:rotate(180deg)}
#page-works .archive-tool-popover{
  position:absolute;
  left:0;
  top:calc(100% + 8px);
  width:min(320px,calc(100vw - 40px));
  max-height:360px;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  border:1px solid rgba(22,119,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.96);
  box-shadow:0 22px 58px rgba(15,46,86,.18),0 3px 10px rgba(19,109,255,.08);
  backdrop-filter:blur(18px);
  overflow:hidden;
  z-index:80;
}
#page-works .archive-tool-search{padding:10px;border-bottom:1px solid rgba(22,119,255,.08);background:rgba(244,250,255,.72)}
#page-works .archive-tool-search input{width:100%;height:34px;border:1px solid rgba(22,119,255,.14);border-radius:10px;background:#fff;color:#173858;padding:0 10px;font-size:13px;outline:none}
#page-works .archive-tool-search input:focus{border-color:rgba(22,119,255,.42);box-shadow:0 0 0 3px rgba(22,119,255,.10)}
#page-works .archive-tool-options{max-height:250px;overflow:auto;padding:8px}
#page-works .tool-filter-group{display:grid;gap:4px;margin-bottom:9px}
#page-works .tool-filter-group-title{padding:5px 8px 3px;color:#7890aa;font-size:11px;font-weight:950;letter-spacing:0}
#page-works .tool-filter-option{height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:#173858;font-size:13px;font-weight:850;text-align:left;cursor:pointer}
#page-works .tool-filter-option small{min-width:24px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(22,119,255,.08);color:#55708f;font-size:11px;font-weight:950}
#page-works .tool-filter-option:hover,#page-works .tool-filter-option.is-selected{background:rgba(22,119,255,.08);border-color:rgba(22,119,255,.12);color:#075de8}
#page-works .tool-filter-option.is-selected small{background:#075de8;color:#fff}
#page-works .tool-filter-empty{padding:22px 10px;color:#6b819c;text-align:center;font-size:13px;font-weight:800}
#page-works .archive-tool-actions{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border-top:1px solid rgba(22,119,255,.08);background:rgba(244,250,255,.78)}
#page-works .archive-tool-actions button{height:30px;padding:0 12px;border:1px solid rgba(22,119,255,.14);border-radius:9px;background:#fff;color:#075de8;font-size:12px;font-weight:950;cursor:pointer}
#page-works .archive-tool-actions button:hover{background:rgba(22,119,255,.08)}
#page-works .archive-tool-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;margin:-8px 0 16px;min-height:24px;position:relative;z-index:2}
#page-works .archive-tool-chip{height:24px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid rgba(22,119,255,.16);border-radius:999px;background:rgba(255,255,255,.78);color:#075de8;font-size:12px;font-weight:900;cursor:pointer}
#page-works .archive-tool-chip span{font-size:13px;color:#55708f}
#page-works .archive-tool-chip-count{height:24px;display:inline-flex;align-items:center;margin-left:-5px;padding:0 7px;border-radius:999px;background:rgba(22,119,255,.08);color:#607894;font-size:11px;font-weight:950}
#page-works .archive-tool-chip-empty{height:24px;display:inline-flex;align-items:center;color:#7890aa;font-size:12px;font-weight:850}
html[data-theme="cyber"] #page-works .archive-tool-trigger,html[data-theme="cyber"] #page-works .archive-tool-search input,html[data-theme="cyber"] #page-works .archive-tool-actions button{background:rgba(8,14,24,.74);border-color:rgba(120,180,255,.24);color:#dcecff}
html[data-theme="cyber"] #page-works .archive-tool-popover{background:rgba(13,20,32,.96);border-color:rgba(120,180,255,.22)}
html[data-theme="cyber"] #page-works .archive-tool-search,html[data-theme="cyber"] #page-works .archive-tool-actions{background:rgba(8,14,24,.72);border-color:rgba(120,180,255,.14)}
html[data-theme="cyber"] #page-works .tool-filter-option{color:#dcecff}
html[data-theme="cyber"] #page-works .tool-filter-option:hover,html[data-theme="cyber"] #page-works .tool-filter-option.is-selected{background:rgba(42,145,255,.18);color:#8ecbff}
@media(max-width:980px){#page-works .archive-control-panel{grid-template-columns:1fr 1fr}.archive-tool-popover{width:min(320px,calc(100vw - 48px))}}
@media(max-width:640px){#page-works .archive-control-panel{grid-template-columns:1fr}#page-works .archive-tool-popover{position:fixed;left:16px;right:16px;top:auto;bottom:18px;width:auto;max-height:70vh}#page-works .archive-tool-options{max-height:calc(70vh - 112px)}}
#page-works .works-filter-shell{position:relative;z-index:40;overflow:visible}
#page-works .archive-control-panel{overflow:visible}
#page-works .archive-grid{position:relative;z-index:1}
#page-works .archive-tool-popover{pointer-events:auto}
/* 作品详情页 V2：真实预览、评分洞察、创作故事与 Prompt Lab。 */
.detail-v2{
  width:min(1380px,calc(100vw - 24px));
  max-height:calc(100dvh - 20px);
  border:1px solid rgba(10,54,104,.14);
  border-radius:8px;
  background:#f5f9fd;
  color:#10233d;
  box-shadow:0 28px 90px rgba(18,54,94,.22);
}
.detail-v2 .modal-head{display:none}
.detail-v2 .modal-body{padding:0;overflow:auto;scroll-behavior:smooth}
.detail-v2 .steam-page{background:#f5f9fd}
.detail-v2 .detail-anchor-nav{
  position:sticky;top:0;z-index:24;min-height:52px;padding:8px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:rgba(245,249,253,.92);border-bottom:1px solid rgba(10,54,104,.1);
  backdrop-filter:blur(14px);
}
.detail-v2 .detail-anchor-nav>button,.detail-v2 .detail-anchor-nav a{
  min-height:36px;padding:0 11px;border:0;border-radius:6px;background:transparent;
  color:#3c5776;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer;
  display:inline-flex;align-items:center;
}
.detail-v2 .detail-anchor-nav>button:hover,.detail-v2 .detail-anchor-nav a:hover{background:rgba(17,101,216,.08);color:#0a5bd8}
.detail-v2 .detail-anchor-nav div{display:flex;align-items:center;gap:2px}
.detail-v2 .steam-hero{padding:18px 18px 10px;background:transparent}
.detail-v2 .steam-content{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(330px,.78fr);gap:16px;align-items:start}
.detail-v2 .steam-media{
  padding:0;display:grid;grid-template-rows:auto minmax(520px,1fr);gap:0;
  overflow:hidden;border:1px solid rgba(10,54,104,.14);border-radius:8px;
  background:#eaf2f8;box-shadow:0 18px 46px rgba(21,69,116,.12);
}
.detail-v2 .detail-preview-tabs{
  min-height:48px;padding:6px;display:flex;align-items:center;gap:4px;
  background:#edf3f8;border-bottom:1px solid rgba(10,54,104,.1);
}
.detail-v2 .detail-preview-tabs button{
  min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:6px;
  background:transparent;color:#617791;font-size:13px;font-weight:800;cursor:pointer;
}
.detail-v2 .detail-preview-tabs button.is-active{
  background:#fdfefe;border-color:rgba(10,54,104,.12);color:#0a5bd8;
  box-shadow:0 5px 16px rgba(18,54,94,.08);
}
.detail-v2 .steam-media-stage{position:relative;min-height:520px;border:0;border-radius:0;background:#eaf2f8;box-shadow:none}
.detail-v2 .detail-preview-panel{position:absolute;inset:0;display:none;min-height:100%;align-items:stretch;justify-content:stretch}
.detail-v2 .detail-preview-panel.is-active{display:flex}
.detail-v2 .detail-preview-panel>.detail-media-main{width:100%;height:100%;min-height:520px;object-fit:contain;background:#e8eff5}
.detail-v2 .detail-live-frame{width:100%;min-height:520px;border:0;background:#fdfefe}
.detail-v2 .live-frame-foot{
  position:absolute;left:14px;right:14px;bottom:14px;z-index:3;padding:10px 12px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  border:1px solid rgba(223,233,243,.26);border-radius:7px;background:rgba(15,34,58,.84);
  color:#cbd9e7;font-size:12px;backdrop-filter:blur(10px)
}
.detail-v2 .live-frame-foot a{color:#7ed7ff;font-weight:800}
.detail-v2 .detail-preview-process{padding:18px;align-items:center;overflow:auto}
.detail-v2 .detail-preview-process .steam-gallery{width:100%;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.detail-v2 .detail-preview-process .steam-thumb{height:128px;border:1px solid rgba(10,54,104,.14);border-radius:7px}
.detail-v2 .detail-process-preview,.detail-v2 .detail-preview-empty{
  width:100%;min-height:100%;display:grid;place-content:center;justify-items:center;gap:8px;
  padding:32px;color:#5f738c;text-align:center;
}
.detail-v2 .detail-preview-empty strong,.detail-v2 .detail-process-preview b{color:#18324f;font-size:18px}
.detail-v2 .detail-process-preview small{max-width:360px;color:#8294a8;line-height:1.6}
.detail-v2 .preview-empty-mark{
  width:58px;height:58px;display:grid;place-items:center;border-radius:8px;
  background:#d9e7f3;color:#0a5bd8;font-size:24px;font-weight:900;
}
.detail-v2 .detail-vibe-badge{
  position:absolute;right:16px;top:16px;z-index:5;min-width:106px;padding:10px 12px;
  border:1px solid rgba(245,184,75,.38);border-radius:8px;background:rgba(16,35,61,.82);
  color:#f8c968;box-shadow:0 12px 30px rgba(12,30,51,.2);backdrop-filter:blur(12px)
}
.detail-v2 .detail-vibe-badge span{display:block;font-size:10px;font-weight:900;letter-spacing:0}
.detail-v2 .detail-vibe-badge b{font-size:28px;line-height:1;font-variant-numeric:tabular-nums}
.detail-v2 .detail-vibe-badge small{margin-left:3px;color:#d6e2ed}
.detail-v2 .steam-side{
  position:sticky;top:70px;padding:20px;border:1px solid rgba(10,54,104,.12);
  border-radius:8px;background:#fdfefe;box-shadow:0 16px 42px rgba(18,54,94,.09);
}
.detail-v2 .steam-side>h3{margin:4px 0 0;color:#10233d;font-size:30px;line-height:1.08;letter-spacing:0;text-wrap:balance}
.detail-v2 .detail-hero-copy{margin:12px 0 0;color:#4c647f;font-size:14px;line-height:1.65;text-wrap:pretty}
.detail-v2 .steam-subline{margin-top:12px}
.detail-v2 .detail-community-pulse{margin-top:12px;padding:7px 9px;border-radius:6px;background:#edf5fb;border-color:rgba(10,91,216,.12);color:#315b86;line-height:1.45}
.detail-v2 .detail-quick-score{margin-top:16px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:end;border:1px solid rgba(10,91,216,.13);border-radius:8px;background:#edf5fb}
.detail-v2 .detail-quick-score>div{grid-row:1/3;display:flex;align-items:flex-end}
.detail-v2 .detail-quick-score b{color:#0a5bd8;font-size:42px;line-height:.9;font-variant-numeric:tabular-nums}
.detail-v2 .detail-quick-score span{padding:0 0 4px 3px;color:#6e8298;font-weight:800}
.detail-v2 .detail-quick-score strong{color:#10233d;font-size:15px}
.detail-v2 .detail-quick-score small{color:#647b94}
.detail-v2 .detail-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.detail-v2 .detail-primary-actions .btn{min-height:46px;padding:0 12px;justify-content:center;white-space:nowrap}
.detail-v2 .detail-experience-btn{box-shadow:0 10px 24px rgba(10,91,216,.18)}
.detail-v2 .btn-remix{border:1px solid #0a5bd8;background:#fdfefe;color:#0a5bd8;font-weight:900}
.detail-v2 .btn-remix:hover{background:#edf5fb}
.detail-v2 .detail-secondary-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}
.detail-v2 .detail-secondary-actions button{
  min-height:40px;padding:0 6px;border:1px solid rgba(10,54,104,.12);border-radius:6px;
  background:#f5f9fd;color:#42617f;font-size:12px;font-weight:800;cursor:pointer
}
.detail-v2 .detail-secondary-actions button:hover{border-color:rgba(10,91,216,.3);color:#0a5bd8;background:#edf5fb}
.detail-v2 .detail-summary-list{margin-top:16px;gap:0}
.detail-v2 .detail-summary-list div{grid-template-columns:70px 1fr;padding:8px 0}
.detail-v2 .detail-summary-list span{color:#284d72}
.detail-v2 .detail-tool-tags{margin-top:10px}
.detail-v2 .detail-tool-tags span{border-radius:6px;background:#eef4f8;color:#315b86}
.detail-v2 .steam-section{padding:10px 18px 24px;display:grid;gap:16px;background:transparent;scroll-margin-top:64px}
.detail-v2 .steam-panel,.detail-v2 .steam-process,.detail-v2 .steam-comments,.detail-v2 .related-detail-section{
  border:1px solid rgba(10,54,104,.12);border-radius:8px;background:#fdfefe;box-shadow:0 14px 38px rgba(18,54,94,.07)
}
.detail-v2 .score-radar-panel{padding:20px;scroll-margin-top:64px}
.detail-v2 .score-insight-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:24px;align-items:center}
.detail-v2 .radar-wrap{position:relative;min-height:280px;display:grid;place-items:center}
.detail-v2 .score-radar{width:min(100%,430px);overflow:visible}
.detail-v2 .radar-grid polygon,.detail-v2 .radar-grid line{fill:none;stroke:rgba(44,86,128,.18);stroke-width:1}
.detail-v2 .radar-data{fill:rgba(10,91,216,.18);stroke:#0a5bd8;stroke-width:2}
.detail-v2 .radar-points circle{fill:#fdfefe;stroke:#0a5bd8;stroke-width:3}
.detail-v2 .radar-labels text{fill:#4b6680;font-size:10px;font-weight:800}
.detail-v2 .score-total-ring{
  position:absolute;left:50%;top:50%;width:86px;height:86px;transform:translate(-50%,-48%);
  display:grid;place-content:center;text-align:center;border-radius:50%;
  background:radial-gradient(circle at center,#fdfefe 58%,transparent 60%),conic-gradient(#0a5bd8 calc(var(--score)*1%),#dce7f0 0);
  box-shadow:0 8px 24px rgba(10,91,216,.14)
}
.detail-v2 .score-total-ring b{color:#10233d;font-size:25px;line-height:1;font-variant-numeric:tabular-nums}
.detail-v2 .score-total-ring span{color:#71859a;font-size:10px;font-weight:800}
.detail-v2 .score-dimension-list{display:grid;gap:9px}
.detail-v2 .score-dimension-list>div:not(.score-editor-note){display:grid;grid-template-columns:74px 1fr 34px;align-items:center;gap:10px}
.detail-v2 .score-dimension-list span{color:#57708a;font-size:13px;font-weight:800}
.detail-v2 .score-dimension-list i{height:7px;border-radius:6px;background:#dfe9f1;overflow:hidden}
.detail-v2 .score-dimension-list em{display:block;height:100%;border-radius:6px;background:#0a5bd8}
.detail-v2 .score-dimension-list b{text-align:right;color:#18324f;font-variant-numeric:tabular-nums}
.detail-v2 .score-editor-note{margin-top:8px;padding:14px;border:1px solid rgba(11,122,91,.15);border-radius:8px;background:#edf8f4}
.detail-v2 .score-editor-note span{display:block;color:#0b7a5b;font-size:11px}
.detail-v2 .score-editor-note strong{display:block;margin-top:4px;color:#155843}
.detail-v2 .score-editor-note p{margin:7px 0 0;color:#4d6b62;font-size:13px;line-height:1.6}
.detail-v2 .detail-story-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:16px}
.detail-v2 .detail-story-grid .steam-panel{padding:18px}
.detail-v2 .work-explain-panel{grid-column:auto}
.detail-v2 .explain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.detail-v2 .steam-process{padding:20px;scroll-margin-top:64px}
.detail-v2 .process-timeline{position:relative;display:grid;grid-template-columns:repeat(5,minmax(190px,1fr)) !important;gap:10px;overflow-x:auto;padding:6px 2px 14px}
.detail-v2 .process-timeline::before{content:"";position:absolute;left:36px;right:36px;top:25px;height:2px;background:#cfdee9}
.detail-v2 .timeline-item{position:relative;z-index:1;display:block;min-width:190px}
.detail-v2 .timeline-trigger{width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}
.detail-v2 .timeline-dot{position:relative;width:42px;height:42px;border:5px solid #fdfefe;border-radius:50%;display:grid;place-items:center;background:#dcecf8;color:#0a5bd8;font-size:16px;box-shadow:0 0 0 1px rgba(10,91,216,.18)}
.detail-v2 .timeline-item.is-complete .timeline-dot{background:#dff4eb;color:#0b7a5b;box-shadow:0 0 0 1px rgba(11,122,91,.2)}
.detail-v2 .timeline-body{min-height:116px;margin-top:9px;padding:12px;border:1px solid rgba(10,54,104,.1);border-radius:8px;background:#f4f8fb}
.detail-v2 .timeline-body b{color:#18324f}
.detail-v2 .timeline-body span{display:-webkit-box;margin-top:6px;color:#607890;font-size:12px;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.detail-v2 .timeline-body small{display:block;margin-top:9px;color:#0a5bd8;font-weight:800}
.detail-v2 .timeline-item.is-open .timeline-body{border-color:rgba(10,91,216,.3);background:#edf5fb}
.detail-v2 .timeline-detail{margin-top:6px;padding:10px 12px;border-radius:7px;background:#10233d;color:#d7e5f1}
.detail-v2 .timeline-detail p{margin:0;font-size:12px;line-height:1.6}
.detail-v2 .process-summary{margin-top:4px;padding:13px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border-radius:8px;background:#eef4f8}
.detail-v2 .process-summary b{color:#18324f}
.detail-v2 .process-summary span{color:#5d748d;font-size:13px}
.detail-v2 .process-summary button{min-height:36px;padding:0 12px;border:1px solid rgba(10,91,216,.18);border-radius:6px;background:#fdfefe;color:#0a5bd8;font-weight:800;cursor:pointer}
.detail-v2 .prompt-learning-card{margin:0;padding:20px;scroll-margin-top:64px}
.detail-v2 .prompt-use-tag{display:inline-flex;margin-top:10px;padding:6px 9px;border-radius:6px;background:#edf8f4;color:#0b7a5b;font-size:12px;font-weight:800}
.detail-v2 .prompt-actions .btn{min-height:42px}
.detail-v2 .prompt-structure{grid-template-columns:repeat(4,minmax(0,1fr))}
.detail-v2 .prompt-structure div{background:#f1f6fa;border-color:rgba(10,54,104,.1)}
.detail-v2 .prompt-code{display:block;margin-top:12px;padding:18px;border-radius:8px;background:#10233d;color:#d7e5f1;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}
.detail-v2 .prompt-code.prompt-collapsed{max-height:126px}
.detail-v2 .prompt-version-section{margin-top:16px}
.detail-v2 .prompt-version-section>b{color:#18324f}
.detail-v2 .prompt-versions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.detail-v2 .prompt-versions>div{position:relative;padding:12px;border:1px solid rgba(10,54,104,.1);border-radius:8px;background:#f4f8fb}
.detail-v2 .prompt-versions span{color:#0a5bd8;font-size:12px;font-weight:900}
.detail-v2 .prompt-versions p{margin:7px 0 0;color:#607890;font-size:12px;line-height:1.55}
#detailOverlay .prompt-modal-layer{position:fixed;inset:0;z-index:280;display:none;place-items:center;padding:20px}
#detailOverlay .prompt-modal-layer.open{display:grid}
#detailOverlay .prompt-modal-scrim{position:absolute;inset:0;background:rgba(9,24,43,.62);backdrop-filter:blur(10px)}
#detailOverlay .prompt-modal{position:relative;width:min(1080px,calc(100vw - 28px));max-height:calc(100dvh - 32px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(126,215,255,.24);border-radius:8px;background:#0f223a;color:#dce9f3;box-shadow:0 30px 100px rgba(4,18,34,.46)}
#detailOverlay .prompt-modal header{padding:16px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(220,233,243,.12)}
#detailOverlay .prompt-modal header span{color:#7ed7ff;font-size:11px;font-weight:900}
#detailOverlay .prompt-modal header h3{margin:4px 0 0;color:#f3f8fc;font-size:20px}
#detailOverlay .prompt-modal header>button{width:40px;height:40px;border:1px solid rgba(220,233,243,.16);border-radius:50%;background:transparent;color:#f3f8fc;font-size:22px;cursor:pointer}
#detailOverlay .prompt-modal-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);min-height:0;overflow:auto}
#detailOverlay .prompt-modal-code{padding:20px;display:grid;align-content:start;gap:5px;background:#0b1a2d}
#detailOverlay .prompt-syntax-line{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:7px 9px;border-radius:5px}
#detailOverlay .prompt-syntax-line:hover{background:rgba(126,215,255,.06)}
#detailOverlay .prompt-syntax-line i{color:#52708f;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}
#detailOverlay .prompt-syntax-line code{color:#dce9f3;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}
#detailOverlay .prompt-syntax-line.tone-rule code{color:#f7c96b}
#detailOverlay .prompt-syntax-line.tone-output code{color:#81dfbe}
#detailOverlay .prompt-modal-body aside{padding:20px;background:#132943;border-left:1px solid rgba(220,233,243,.1)}
#detailOverlay .prompt-modal-body aside>b{color:#f3f8fc}
#detailOverlay .prompt-modal-body aside .prompt-structure{grid-template-columns:1fr;margin-top:12px}
#detailOverlay .prompt-modal-body aside .prompt-structure div{background:rgba(220,233,243,.06);border-color:rgba(220,233,243,.1)}
#detailOverlay .prompt-modal-body aside .prompt-structure b{color:#9fdcff}
#detailOverlay .prompt-modal-body aside .prompt-structure span{color:#c3d3e2}
#detailOverlay .prompt-modal-tip{margin-top:14px;padding:12px;border-radius:8px;background:rgba(129,223,190,.08);border:1px solid rgba(129,223,190,.16)}
#detailOverlay .prompt-modal-tip span,#detailOverlay .prompt-modal-tip strong{display:block}
#detailOverlay .prompt-modal-tip span{color:#81dfbe;font-size:11px}
#detailOverlay .prompt-modal-tip strong{margin-top:4px;color:#e5f8f1}
#detailOverlay .prompt-modal footer{padding:14px 18px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid rgba(220,233,243,.12)}
.detail-v2 .steam-comments{padding:20px;scroll-margin-top:64px}
.detail-v2 .discussion-prompts{grid-template-columns:repeat(3,1fr)}
.detail-v2 .discussion-prompt-card{border-radius:8px;background:#f3f7fa}
.detail-v2 .discussion-list .comment{border-left:0;background:#f7fafc;box-shadow:none}
.detail-v2 .remix-showcase{margin-top:8px;padding-top:18px;border-top:1px solid rgba(10,54,104,.1)}
.detail-v2 .remix-showcase-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.detail-v2 .remix-showcase-head h4{margin:3px 0 4px;color:#18324f}
.detail-v2 .remix-showcase-head p{margin:0;color:#607890;font-size:13px}
.detail-v2 .remix-work-track{display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.detail-v2 .remix-work-card{flex:0 0 220px;display:grid;grid-template-columns:68px 1fr;gap:10px;align-items:center;padding:9px;border:1px solid rgba(10,54,104,.1);border-radius:8px;background:#f4f8fb;cursor:pointer;scroll-snap-align:start}
.detail-v2 .remix-work-card:hover{transform:translateY(-2px);border-color:rgba(10,91,216,.24);box-shadow:0 8px 22px rgba(18,54,94,.08)}
.detail-v2 .remix-work-cover{width:68px;height:52px;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:#dbe9f4;color:#0a5bd8;font-size:22px;font-weight:900}
.detail-v2 .remix-work-cover img{width:100%;height:100%;object-fit:cover}
.detail-v2 .remix-work-card b,.detail-v2 .remix-work-card small{display:block}
.detail-v2 .remix-work-card b{color:#18324f;font-size:13px}
.detail-v2 .remix-work-card small{margin-top:4px;color:#6a8097;font-size:11px}
.detail-v2 .remix-idea-list{display:flex;gap:6px;margin-top:10px;overflow-x:auto}
.detail-v2 .remix-idea-list span{flex:0 0 auto;padding:7px 10px;border-radius:6px;background:#eef4f8;color:#496783;font-size:12px}
.detail-v2 .related-detail-section{padding:20px}
.detail-v2 .related-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.detail-v2 .related-work-grid .work-card{border-radius:8px}
.detail-v2 button:focus-visible,.detail-v2 a:focus-visible{outline:2px solid #0a5bd8;outline-offset:2px}
html[data-theme="cyber"] .detail-v2{background:#0b1422;color:#e8f2fa;border-color:rgba(126,215,255,.18)}
html[data-theme="cyber"] .detail-v2 .steam-page,html[data-theme="cyber"] .detail-v2 .steam-section,html[data-theme="cyber"] .detail-v2 .steam-hero{background:#0b1422}
html[data-theme="cyber"] .detail-v2 .detail-anchor-nav{background:rgba(11,20,34,.92);border-color:rgba(126,215,255,.12)}
html[data-theme="cyber"] .detail-v2 .detail-anchor-nav a,html[data-theme="cyber"] .detail-v2 .detail-anchor-nav>button{color:#b9cadb}
html[data-theme="cyber"] .detail-v2 .steam-side,html[data-theme="cyber"] .detail-v2 .steam-panel,html[data-theme="cyber"] .detail-v2 .steam-process,html[data-theme="cyber"] .detail-v2 .steam-comments,html[data-theme="cyber"] .detail-v2 .related-detail-section{background:#111d2d;border-color:rgba(126,215,255,.14);box-shadow:0 16px 42px rgba(2,9,18,.28)}
html[data-theme="cyber"] .detail-v2 .steam-side>h3,html[data-theme="cyber"] .detail-v2 .steam-section-head h3,html[data-theme="cyber"] .detail-v2 .work-explain-panel h3,html[data-theme="cyber"] .detail-v2 .prompt-card-head h3,html[data-theme="cyber"] .detail-v2 .related-detail-section h3{color:#eef6fc}
html[data-theme="cyber"] .detail-v2 .detail-hero-copy,html[data-theme="cyber"] .detail-v2 .steam-section-head p{color:#a9bdcf}
html[data-theme="cyber"] .detail-v2 .detail-quick-score,html[data-theme="cyber"] .detail-v2 .timeline-body,html[data-theme="cyber"] .detail-v2 .prompt-versions>div,html[data-theme="cyber"] .detail-v2 .discussion-prompt-card,html[data-theme="cyber"] .detail-v2 .remix-work-card{background:#16253a;border-color:rgba(126,215,255,.12)}
html[data-theme="cyber"] .detail-v2 .detail-quick-score strong,html[data-theme="cyber"] .detail-v2 .timeline-body b,html[data-theme="cyber"] .detail-v2 .prompt-version-section>b,html[data-theme="cyber"] .detail-v2 .remix-showcase-head h4,html[data-theme="cyber"] .detail-v2 .remix-work-card b{color:#e8f2fa}
html[data-theme="cyber"] .detail-v2 .detail-summary-list span,html[data-theme="cyber"] .detail-v2 .timeline-body span,html[data-theme="cyber"] .detail-v2 .prompt-versions p,html[data-theme="cyber"] .detail-v2 .remix-showcase-head p{color:#a9bdcf}
html[data-theme="cyber"] .detail-v2 .prompt-structure div,html[data-theme="cyber"] .detail-v2 .explain-grid div,html[data-theme="cyber"] .detail-v2 .process-summary{background:#16253a;border-color:rgba(126,215,255,.12)}
html[data-theme="cyber"] .detail-v2 .prompt-structure b,html[data-theme="cyber"] .detail-v2 .explain-grid b,html[data-theme="cyber"] .detail-v2 .process-summary b{color:#e8f2fa}
html[data-theme="cyber"] .detail-v2 .prompt-structure span,html[data-theme="cyber"] .detail-v2 .explain-grid span,html[data-theme="cyber"] .detail-v2 .process-summary span{color:#a9bdcf}
html[data-theme="cyber"] .detail-v2 .radar-labels text{fill:#b8c9d8}
html[data-theme="cyber"] .detail-v2 .score-total-ring{background:radial-gradient(circle at center,#111d2d 58%,transparent 60%),conic-gradient(#3ea2ff calc(var(--score)*1%),#2a3b4f 0)}
html[data-theme="cyber"] .detail-v2 .score-total-ring b{color:#eef6fc}
html[data-theme="cyber"] .detail-v2 .score-dimension-list b{color:#dce9f3}
@media(max-width:1040px){
  .detail-v2 .steam-content{grid-template-columns:1fr}
  .detail-v2 .steam-side{position:relative;top:auto}
  .detail-v2 .steam-media{grid-template-rows:auto minmax(440px,1fr)}
  .detail-v2 .steam-media-stage,.detail-v2 .detail-preview-panel>.detail-media-main,.detail-v2 .detail-live-frame{min-height:440px}
  .detail-v2 .score-insight-layout,.detail-v2 .detail-story-grid{grid-template-columns:1fr}
  .detail-v2 .related-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .detail-v2{width:calc(100vw - 10px);max-height:calc(100dvh - 10px)}
  .detail-v2 .detail-anchor-nav{padding:6px 8px;overflow-x:auto}
  .detail-v2 .detail-anchor-nav>button{position:sticky;left:0;background:inherit;white-space:nowrap}
  .detail-v2 .detail-anchor-nav div{min-width:max-content}
  .detail-v2 .steam-hero{padding:10px}
  .detail-v2 .steam-section{padding:6px 10px 16px}
  .detail-v2 .steam-media{grid-template-rows:auto minmax(290px,1fr)}
  .detail-v2 .steam-media-stage,.detail-v2 .detail-preview-panel>.detail-media-main,.detail-v2 .detail-live-frame{min-height:290px}
  .detail-v2 .detail-preview-tabs{overflow-x:auto}
  .detail-v2 .detail-preview-tabs button{flex:0 0 auto;min-height:40px}
  .detail-v2 .detail-vibe-badge{right:10px;top:10px;min-width:90px}
  .detail-v2 .steam-side{padding:16px}
  .detail-v2 .steam-side>h3{font-size:25px}
  .detail-v2 .detail-primary-actions,.detail-v2 .detail-secondary-actions{grid-template-columns:1fr 1fr}
  .detail-v2 .detail-primary-actions .btn{width:100%;white-space:normal;line-height:1.25}
  .detail-v2 .score-radar-panel,.detail-v2 .detail-story-grid .steam-panel,.detail-v2 .steam-process,.detail-v2 .prompt-learning-card,.detail-v2 .steam-comments,.detail-v2 .related-detail-section{padding:15px}
  .detail-v2 .score-insight-layout{grid-template-columns:1fr;gap:8px}
  .detail-v2 .radar-wrap{min-height:250px}
  .detail-v2 .prompt-card-head,.detail-v2 .prompt-structure,.detail-v2 .explain-grid{grid-template-columns:1fr}
  .detail-v2 .prompt-actions{justify-content:stretch}
  .detail-v2 .prompt-actions .btn{width:100%}
  .detail-v2 .prompt-versions{grid-template-columns:1fr}
  .detail-v2 .process-summary{grid-template-columns:1fr}
  .detail-v2 .process-summary button{width:100%}
  .detail-v2 .discussion-prompts,.detail-v2 .discussion-editor,.detail-v2 .discussion-editor-controls{grid-template-columns:1fr}
  .detail-v2 .remix-showcase-head{align-items:stretch;flex-direction:column}
  .detail-v2 .remix-showcase-head .btn{width:100%}
  .detail-v2 .related-work-grid{grid-template-columns:1fr}
  #detailOverlay .prompt-modal-body{grid-template-columns:1fr}
  #detailOverlay .prompt-modal-body aside{border-left:0;border-top:1px solid rgba(220,233,243,.1)}
  #detailOverlay .prompt-modal footer{display:grid;grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .detail-v2 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}