#page-home{overflow:hidden}#page-home.active{display:flex;flex-direction:column}.inspiration-workbench{position:relative;z-index:3;width:min(1180px,calc(100% - 48px));height:100%;margin:auto;padding:28px 0 20px;overflow:auto;user-select:text}.inspiration-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:36px;align-items:end}.intro-copy .eyebrow,.flow-label{color:var(--ng-aurora-cyan);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.intro-copy h1{font-size:clamp(30px,3.2vw,44px);line-height:1.08;margin:7px 0 8px;letter-spacing:-.035em}.intro-value{color:var(--ng-text-2);font-size:14px;line-height:1.6;max-width:680px}.intro-answers{display:grid;gap:6px}.intro-answers div{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:7px 10px;border-left:2px solid rgba(124,108,242,.55);background:rgba(16,24,39,.55)}.intro-answers dt{font-size:11px;color:var(--ng-text-3)}.intro-answers dd{font-size:12px;color:var(--ng-text-1);line-height:1.4}.inspiration-composer{margin:18px 0 14px;padding:13px 14px;background:rgba(16,24,39,.88);border:1px solid var(--ng-border-strong);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.24)}.inspiration-composer label{display:block;margin-bottom:7px;font-size:12px;font-weight:700}.composer-row{display:flex;gap:10px}.composer-row textarea{flex:1;min-width:0;height:42px;resize:none;border:1px solid var(--ng-border);border-radius:8px;background:#0b1220;color:var(--ng-text-1);padding:11px 13px;font:inherit;line-height:18px}.composer-row textarea:focus{outline:2px solid var(--ng-primary);outline-offset:1px}.primary-action{border:0;border-radius:8px;background:linear-gradient(135deg,var(--ng-primary),#6153d9);color:white;padding:0 21px;font-weight:700;cursor:pointer}.inspiration-composer>p{margin-top:7px;color:var(--ng-text-3);font-size:11px}.decision-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:10px}.decision-toolbar h2{font-size:18px;margin-top:3px}.role-control{position:relative}.role-toggle,.role-chip{border:1px solid var(--ng-border-strong);background:rgba(16,24,39,.92);color:var(--ng-text-2);border-radius:8px;padding:8px 11px;cursor:pointer}.role-toggle:focus-visible,.role-chip:focus-visible,.card-detail:focus-visible,.card-action:focus-visible{outline:2px solid var(--ng-aurora-cyan);outline-offset:2px}.role-filters{position:absolute;right:0;top:calc(100% + 6px);z-index:7;width:430px;padding:8px;display:flex;flex-wrap:wrap;gap:6px;background:#111a2b;border:1px solid var(--ng-border-strong);border-radius:10px;box-shadow:0 18px 50px #000}.role-filters[hidden]{display:none}.role-chip{font-size:12px;padding:6px 9px}.role-chip.active{color:white;border-color:var(--ng-primary);background:rgba(124,108,242,.25)}.decision-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.decision-card{min-width:0;padding:13px;background:rgba(16,24,39,.88);border:1px solid var(--ng-border);border-radius:11px;display:flex;flex-direction:column;gap:8px}.card-top{display:flex;justify-content:space-between;gap:8px}.card-stage{font-size:10px;color:var(--ng-aurora-cyan);letter-spacing:.1em}.semantic-tag{font-size:10px;padding:3px 7px;border-radius:9px;font-weight:700}.tag-fact{color:#87ead0;background:rgba(60,203,154,.12)}.tag-assumption{color:#ffd783;background:rgba(242,184,75,.12)}.tag-advice{color:#b9b0ff;background:rgba(124,108,242,.15)}.decision-card h3{font-size:15px;line-height:1.35}.card-summary{color:var(--ng-text-2);font-size:12px;line-height:1.45;min-height:35px}.card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px}.card-metrics div{padding:6px;background:rgba(8,13,24,.55);border-radius:6px}.card-metrics span{display:block;color:var(--ng-text-3);font-size:10px}.card-metrics strong{font-size:11px;font-weight:500;line-height:1.35}.card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.card-detail{border:0;background:none;color:var(--ng-text-2);font-size:11px;cursor:pointer}.card-action{border:0;border-radius:7px;background:var(--ng-primary);color:#fff;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer}.decision-detail{position:absolute;inset:22px 0 20px auto;width:min(420px,92%);z-index:10;padding:24px;background:#111a2b;border:1px solid var(--ng-border-strong);box-shadow:-20px 0 70px #000;border-radius:12px}.decision-detail[hidden]{display:none}.decision-detail>button{float:right;border:0;background:none;color:white;font-size:24px;cursor:pointer}.decision-detail h2{margin-bottom:18px}.decision-detail p{color:var(--ng-text-2);line-height:1.7;margin:10px 0}@media(max-width:900px){.inspiration-workbench{width:calc(100% - 28px);padding-top:18px}.inspiration-intro{grid-template-columns:1fr;gap:10px}.intro-answers{grid-template-columns:repeat(3,1fr)}.intro-answers div{display:block}.decision-cards{grid-template-columns:1fr}.decision-card:nth-child(n+2){display:none}}@media(max-height:720px){.inspiration-workbench{padding-top:16px}.intro-copy h1{font-size:30px}.inspiration-composer{margin:10px 0}.decision-card{padding:10px;gap:6px}}

/* ===== 星球版灵感台 (2026-07-12 同步预览) ===== */


/* ============ 灵感台·星球版 (append 2026-07-12) ============ */
/* 灵感台星球版 tokens (scoped) */
#page-home{position:relative;min-height:100%;--ng-bg:#080D18; --ng-primary:#7C6CF2; --ng-primary-hover:#8B7CF6; --ng-cyan:#33C6D4;
  --ng-success:#3CCB9A; --ng-warning:#F2B84B; --ng-danger:#F06A78; --ng-info:#5FA8FF;
  --text-1:#F1F5F9; --text-2:#A8B3C7; --text-3:#718096;
  --line:rgba(148,163,184,.16); --line-strong:rgba(148,163,184,.30);
  --gold:#F5C86B; --purple:#B18BFF; --cyan:#33C6D4;}


/* ===== 背景世界:Aurora + 极淡全球母题(承载3自研模型/4全球化,只做气质不做内容) ===== */
#page-home .world{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}#page-home .world .aur{position:absolute;border-radius:50%;filter:blur(90px);opacity:.38;animation:drift 24s ease-in-out infinite}#page-home .world .a1{width:560px;height:560px;left:-10%;top:-14%;background:radial-gradient(circle,rgba(124,108,242,.55),transparent 70%)}#page-home .world .a2{width:520px;height:520px;right:-8%;top:6%;background:radial-gradient(circle,rgba(51,198,212,.4),transparent 70%);animation-delay:-8s}#page-home .world .a3{width:600px;height:600px;left:26%;bottom:-30%;background:radial-gradient(circle,rgba(95,168,255,.35),transparent 70%);animation-delay:-15s}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(46px,32px) scale(1.09)}66%{transform:translate(-34px,22px) scale(.95)}}#page-home .stars{position:fixed;inset:0;z-index:0;pointer-events:none}#page-home .stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.5;animation:tw 3s ease-in-out infinite}
@keyframes tw{0%,100%{opacity:.2}50%{opacity:.9}}
/* 全球光网:承载"全球连线游戏智能体"母题,自转+节点脉冲,能被感受到但不抢前景 */
#page-home .globe{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  width:min(1600px,150vh);height:min(1600px,150vh);opacity:.32;
  -webkit-mask:radial-gradient(circle at 50% 50%,transparent 0,transparent 20%,#000 46%,#000 100%);
          mask:radial-gradient(circle at 50% 50%,transparent 0,transparent 20%,#000 46%,#000 100%)}#page-home .globe svg{width:100%;height:100%;transform-origin:50% 50%}#page-home .globe .gline{stroke:url(#gg);stroke-width:.9;fill:none}#page-home .globe .gdot{fill:var(--ng-cyan);animation:gpulse 3s ease-in-out infinite}
@keyframes gpulse{0%,100%{opacity:.35;r:2}50%{opacity:1;r:3.4}}#page-home .grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ===== 主舞台:输入框是绝对主角 ===== */
#page-home .stage{position:relative;z-index:4;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:8px 24px 28px;text-align:center;min-height:0}#page-home h1{font-size:44px;line-height:1.12;font-weight:700;letter-spacing:-.5px;text-wrap:balance;
  color:#EAF0FF;max-width:640px;margin-bottom:12px}#page-home .sub{margin-top:16px;font-size:15px;color:var(--text-1);opacity:.86;max-width:560px;line-height:1.7}

/* 输入框:主角 */
#page-home .caster{margin-top:30px;width:100%;max-width:720px}
#page-home .caster .box{position:relative;display:flex;align-items:flex-start;gap:10px;
  background:rgba(20,28,48,.9);border:2px solid rgba(124,108,242,.6);border-radius:18px;
  padding:8px 8px 8px 22px;backdrop-filter:blur(14px);
  box-shadow:0 28px 72px rgba(0,0,0,.55),0 0 0 5px rgba(124,108,242,.1),0 0 40px rgba(124,108,242,.18),inset 0 1px 0 rgba(255,255,255,.08);transition:.3s}#page-home .caster .box:focus-within{border-color:var(--ng-primary);box-shadow:0 22px 58px rgba(124,108,242,.34),0 0 0 5px rgba(124,108,242,.16),0 0 50px rgba(124,108,242,.28)}#page-home .caster .box::before{content:"✦";color:var(--ng-cyan);font-size:17px;padding-top:19px}
#page-home .caster textarea{flex:1;background:transparent !important; background-color: transparent !important; border:0;border-radius:13px;outline:0;color:var(--text-1);font-size:17px;font-family:inherit;
  padding:17px 0;resize:none;overflow:hidden;line-height:1.4;max-height:132px}#page-home .caster textarea::placeholder{color:var(--text-3)}#page-home .caster .go{border:0;cursor:pointer;color:#fff;font-size:16px;font-weight:800;font-family:inherit;white-space:nowrap;align-self:flex-end;
  padding:16px 30px;border-radius:13px;background:linear-gradient(135deg,var(--ng-primary),var(--ng-cyan));
  box-shadow:0 8px 24px rgba(124,108,242,.48);transition:.2s}#page-home .caster .go:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(124,108,242,.6)}
/* 灵感芯片 */
#page-home .chips{margin-top:14px;display:flex;flex-wrap:wrap;gap:9px;justify-content:center}#page-home .chip{font-size:13px;color:var(--text-2);background:rgba(255,255,255,.04);border:1px solid var(--line);
  padding:7px 14px;border-radius:20px;cursor:pointer;transition:.2s}#page-home .chip:hover{color:#fff;border-color:var(--ng-cyan);background:rgba(51,198,212,.1)}

/* ===== 创意气泡:别人的想法在地球上随机蹦出,点一下就填进输入框 ===== */
#page-home .bubble-layer{position:fixed;inset:0;z-index:6;pointer-events:none}#page-home .bubble{position:absolute;transform:translate(-50%,-50%) scale(.9);opacity:0;
  display:flex;align-items:center;gap:10px;padding:9px 14px 9px 10px;cursor:pointer;pointer-events:auto;
  background:rgba(22,30,50,.72);border:1px solid rgba(124,108,242,.28);border-radius:16px;
  backdrop-filter:blur(12px);box-shadow:0 10px 34px rgba(4,7,16,.45);white-space:nowrap;
  transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.3,1)}#page-home .bubble.in{opacity:1;transform:translate(-50%,-50%) scale(1)}#page-home .bubble.out{opacity:0;transform:translate(-50%,-50%) scale(.9) translateY(-8px)}#page-home .bubble:hover{border-color:var(--cyan);box-shadow:0 12px 40px rgba(51,198,212,.28)}#page-home .bubble .b-emo{width:var(--sz,38px);height:var(--sz,38px);flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-size:16px;
  position:relative;color:#fff;
  background:radial-gradient(circle at 34% 30%,hsl(var(--hue,265) 90% 78%),hsl(var(--hue,265) 80% 52%) 46%,hsl(var(--hue,265) 78% 30%) 100%);
  box-shadow:0 0 var(--glow,14px) hsl(var(--hue,265) 90% 62% / .75),inset -3px -4px 8px rgba(0,0,0,.35),inset 3px 3px 7px rgba(255,255,255,.35)}
/* 星球公转小环 */
#page-home .bubble .b-emo::before{content:'';position:absolute;inset:-5px;border-radius:50%;
  border:1px solid hsl(var(--hue,265) 80% 70% / .35);transform:rotate(-18deg) scaleY(.42)}#page-home .bubble .b-body{display:flex;flex-direction:column;line-height:1.32;text-align:left}#page-home .bubble .b-t{font-size:13px;color:var(--text-1);font-weight:700}#page-home .bubble .b-m{font-size:11px;color:var(--text-2);margin-top:1px}#page-home .bubble .b-earn{color:var(--gold);font-weight:800}#page-home .bubble .b-plays{color:var(--cyan);font-weight:700;font-variant-numeric:tabular-nums}
/* 展开态:悬停/点击露出 Play + Remix */
#page-home .bubble .b-acts{display:none;gap:7px;margin-left:6px;padding-left:10px;border-left:1px solid rgba(124,108,242,.25)}#page-home .bubble.open .b-acts{display:flex}#page-home .bubble .b-play, #page-home .bubble .b-remix{border:0;cursor:pointer;font-family:inherit;font-weight:800;font-size:12px;border-radius:10px;padding:8px 13px;white-space:nowrap;transition:.15s}#page-home .bubble .b-play{color:#fff;background:linear-gradient(135deg,var(--ng-primary),var(--ng-cyan));box-shadow:0 4px 14px rgba(124,108,242,.5)}#page-home .bubble .b-play:hover{transform:translateY(-1px)}#page-home .bubble .b-remix{color:var(--text-2);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}#page-home .bubble .b-remix:hover{color:#fff;border-color:var(--cyan)}
/* 超新星:偶尔一颗爆款划过地球 */
#page-home .koozhen{position:fixed;z-index:5;width:4px;height:4px;border-radius:50%;pointer-events:none;opacity:0;
  background:#fff;box-shadow:0 0 6px 3px rgba(255,255,255,.9),0 0 18px 6px hsl(265 90% 70% / .8)}#page-home .koozhen.go{animation:koozhen 1.5s ease-out forwards}
@keyframes koozhen{0%{opacity:0;transform:translate(0,0) scale(.4)}
  12%{opacity:1}
  100%{opacity:0;transform:translate(var(--nx),var(--ny)) scale(1.1)}}#page-home .koozhen::after{content:'';position:absolute;right:3px;top:50%;width:120px;height:2px;transform:translateY(-50%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.85));border-radius:2px}
/* Play 就地弹窗 */
#page-home .play-modal{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;
  background:rgba(6,10,22,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#page-home .play-modal.show{display:flex}#page-home .pm-card{position:relative;width:min(340px,86vw);padding:26px 24px 24px;border-radius:20px;text-align:center;
  background:rgba(20,27,46,.96);border:1px solid rgba(124,108,242,.32);
  box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(124,108,242,.25);
  animation:pmIn .32s cubic-bezier(.2,.8,.3,1)}
@keyframes pmIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}#page-home .pm-x{position:absolute;right:14px;top:10px;font-size:22px;color:var(--text-3);cursor:pointer;line-height:1}#page-home .pm-x:hover{color:#fff}#page-home .pm-stage{width:76px;height:76px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;font-size:30px;
  background:radial-gradient(circle at 34% 30%,rgba(124,108,242,.45),rgba(51,198,212,.2) 70%);
  border:1px solid rgba(124,108,242,.4);box-shadow:0 0 30px rgba(124,108,242,.4)}#page-home .pm-title{margin:0 0 4px;font-size:18px;color:var(--text-1);font-weight:700}#page-home .pm-meta{font-size:12px;color:var(--text-2);margin-bottom:14px}#page-home .pm-meta b{color:var(--cyan);font-weight:700}#page-home .pm-hint{font-size:12px;color:var(--text-3);line-height:1.5;margin-bottom:18px}#page-home .pm-remix{width:100%;padding:11px;border:0;border-radius:12px;cursor:pointer;font-size:14px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,var(--ng-primary,#7C6CF2),var(--cyan,#33C6D4))}#page-home .pm-remix:hover{filter:brightness(1.08)}
/* 气泡上方小尾巴,像说话气泡 */
#page-home .bubble::after{content:'';position:absolute;left:22px;bottom:-6px;width:12px;height:12px;
  background:rgba(22,30,50,.72);border-right:1px solid rgba(124,108,242,.28);border-bottom:1px solid rgba(124,108,242,.28);
  transform:rotate(45deg)}
/* 实时计数 */
#page-home .live{position:relative;z-index:4;text-align:center;margin:14px auto 0;font-size:12px;color:var(--text-3);letter-spacing:.5px}#page-home .live b{color:var(--cyan);font-weight:700;font-variant-numeric:tabular-nums}#page-home .live .news{color:var(--gold,#F5C86B);font-weight:600;animation:newsIn .5s ease}
@keyframes newsIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#page-home .live .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4ade80;margin-right:6px;
  box-shadow:0 0 8px rgba(74,222,128,.8);animation:lp 1.6s ease-in-out infinite;vertical-align:middle}
@keyframes lp{0%,100%{opacity:.4}50%{opacity:1}}
/* 点击气泡后输入框高亮反馈 */
#page-home .box.flash{box-shadow:0 0 0 2px var(--cyan),0 10px 40px rgba(51,198,212,.3);transition:box-shadow .3s}
/* 气泡飞入输入框的动线:光标从气泡沿微弧飞向输入框 */
#page-home .fly{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-50%);
  max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:12px;font-weight:700;color:#fff;padding:5px 11px;border-radius:20px;
  background:linear-gradient(135deg,var(--ng-primary),var(--ng-cyan));
  box-shadow:0 6px 20px rgba(124,108,242,.5);opacity:0;
  transition:transform .52s cubic-bezier(.5,0,.3,1),opacity .52s ease}#page-home .fly.go{animation:flytail .52s ease forwards}
@keyframes flytail{0%{opacity:0;transform:translate(-50%,-50%) scale(1)}
  15%{opacity:1}
  100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.3)}}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* 进场节奏:化身→标题→输入框依次落定 */
@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}#page-home h1, #page-home .caster, #page-home .chips{opacity:0;animation:enter .7s cubic-bezier(.2,.7,.3,1) forwards}#page-home h1{animation-delay:.1s}#page-home .caster{animation-delay:.32s}#page-home .chips{animation-delay:.52s}

@media(max-width:640px){#page-home h1{font-size:27px}#page-home .caster .box{flex-wrap:wrap}#page-home .globe{width:520px;height:520px}}


/* ===== 2026-09-03 背景改版：去掉地球线条 + 关闭创意气泡 ===== */
#page-home .globe{display:none !important}
#page-home .bubble-layer{display:none !important}

/* 新背景：极光地平线——一条缓慢呼吸的光带，安静但有纵深 */
#page-home .hz{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#page-home .hz i{position:absolute;display:block}
#page-home .hz .hz-line{
  left:-10%;right:-10%;width:120%;top:70%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(124,108,242,.55) 22%,rgba(51,198,212,.65) 50%,rgba(124,108,242,.55) 78%,transparent);
  box-shadow:0 0 26px rgba(124,108,242,.55);
  opacity:.55;animation:hzBreathe 11s ease-in-out infinite;
}
#page-home .hz .hz-glow{
  left:50%;top:70%;width:min(1500px,150vw);height:min(760px,80vh);
  transform:translate(-50%,-46%);
  background:radial-gradient(ellipse at 50% 100%,rgba(124,108,242,.30),rgba(51,198,212,.13) 42%,transparent 72%);
  filter:blur(28px);opacity:.75;animation:hzBreathe 15s ease-in-out infinite;
}
#page-home .hz .hz-ray{
  left:50%;top:70%;width:min(1100px,110vw);height:min(560px,60vh);
  transform:translate(-50%,-100%);
  background:
    repeating-linear-gradient(97deg,rgba(124,108,242,.10) 0 1px,transparent 1px 92px),
    repeating-linear-gradient(83deg,rgba(51,198,212,.09) 0 1px,transparent 1px 108px);
  -webkit-mask:linear-gradient(to top,#000,transparent 88%);
          mask:linear-gradient(to top,#000,transparent 88%);
  opacity:.5;animation:hzDrift 26s linear infinite;
}
@keyframes hzBreathe{0%,100%{opacity:.42}50%{opacity:.85}}
@keyframes hzDrift{0%{background-position:0 0,0 0}100%{background-position:420px 0,-380px 0}}
