:root{--bg:#f8fafc;--cyan:#2563eb;--purple:#8B5CF6;--t1:#F3F4F6;--t2:#6B7280;--t3:#374151;--card:rgba(7,20,40,.78);--bdr:rgba(37,99,235,.1)}
*{box-sizing:border-box}
body{background:var(--bg);color:#D1D5DB;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;margin:0;min-height:100vh}
.wrap{max-width:1100px;margin:0 auto;padding:48px 24px 60px;position:relative;z-index:1}
.hero{text-align:center;padding:20px 0 32px}
.hero .ic{font-size:3.4rem;margin-bottom:10px;animation:flt 3s ease-in-out infinite}
@keyframes flt{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
h1{font-size:2.2rem;font-weight:700;color:var(--t1);margin:0 0 10px}
.hero p{color:var(--t2);font-size:.92rem;max-width:780px;margin:0 auto;line-height:1.8}
.card{background:var(--card);border:1px solid var(--bdr);border-radius:16px;padding:26px;margin-bottom:24px;backdrop-filter:blur(14px)}
.card h3{margin:0 0 18px;font-size:1.05rem;color:var(--t1)}
.mode-switch{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}
.mode-btn{flex:1;min-width:220px;padding:14px 18px;background:rgba(10,14,23,.7);border:1px solid rgba(48,54,61,.6);border-radius:12px;color:var(--t2);cursor:pointer;text-align:left;transition:all .15s;font-family:inherit}
.mode-btn:hover{border-color:rgba(37,99,235,.4)}
.mode-btn.active{background:rgba(37,99,235,.08);border-color:var(--cyan);color:var(--t1)}
.mode-btn .mt{font-size:.95rem;font-weight:700;color:var(--t1);display:block;margin-bottom:4px}
.mode-btn.active .mt{color:var(--cyan)}
.mode-btn .md{font-size:.74rem;color:var(--t2);line-height:1.6}
.fg{margin-bottom:16px}
.fg label{display:block;font-size:.88rem;color:var(--t2);margin-bottom:6px;font-weight:500}
.fg textarea{padding:12px 14px;background:rgba(10,14,23,.8);border:1px solid rgba(48,54,61,.5);border-radius:10px;color:var(--t1);font-size:.85rem;font-family:monospace;width:100%;resize:vertical;min-height:90px;line-height:1.5}
.file-drop{border:1.5px dashed rgba(48,54,61,.7);border-radius:12px;padding:34px 20px;text-align:center;color:var(--t2);cursor:pointer;transition:all .15s;background:rgba(10,14,23,.5)}
.file-drop:hover,.file-drop.drag{border-color:var(--cyan);color:var(--t1)}
.file-drop .fi{font-size:2rem;margin-bottom:8px}
.file-drop .fn{font-size:.8rem;color:var(--cyan);font-weight:600}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 34px;background:var(--cyan);color:var(--bg);border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}
.btn:hover{box-shadow:0 0 24px rgba(37,99,235,.25)}
.btn:disabled{opacity:.5;cursor:wait}
.btn.ai{background:linear-gradient(135deg,#2563eb,#8B5CF6)}
.btn.ai:hover{box-shadow:0 0 24px rgba(139,92,246,.35)}
#spin{text-align:center;padding:44px 0;color:var(--t2);display:none}
.spinner{display:inline-block;width:30px;height:30px;border:3px solid rgba(37,99,235,.15);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:10px}
@keyframes spin{to{transform:rotate(360deg)}}
#loginModal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(2,8,18,.85);align-items:center;justify-content:center}
#loginModal .box{background:rgba(7,20,40,.95);border:1px solid rgba(37,99,235,.2);border-radius:16px;padding:36px 44px;text-align:center;max-width:360px}
#loginModal h3{color:var(--t1);margin:0 0 10px}
#loginModal p{color:var(--t2);font-size:.86rem;margin:0 0 20px}
#loginModal a{display:inline-block;background:var(--cyan);color:var(--bg);text-decoration:none;padding:10px 32px;border-radius:10px;font-weight:600}
#viewer{width:100%;height:520px;border-radius:12px;overflow:hidden;background:#0b1220;position:relative}
.meta{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.mchip{background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.18);border-radius:8px;padding:5px 12px;font-size:.78rem;color:var(--t2)}
.mchip b{color:var(--t1);font-weight:600}
.bar{display:flex;height:10px;border-radius:6px;overflow:hidden;margin:8px 0 4px}
.bar i{display:block;height:100%}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:.74rem;color:var(--t2);margin-top:8px}
.legend span{display:inline-flex;align-items:center;gap:5px}
.swatch{display:inline-block;width:14px;height:14px;border-radius:3px}
.hint{color:var(--t3);font-size:.75rem;margin-top:10px}
.airow{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}
.aiout{margin-top:14px;padding:18px;background:rgba(139,92,246,.06);border:1px solid rgba(139,92,246,.25);border-radius:12px;line-height:1.9;font-size:.88rem;color:#D1D5DB;white-space:pre-wrap;display:none}
.aiout .at{color:#C4B5FD;font-weight:700;font-size:.92rem;margin-bottom:8px}
.cost-note{color:var(--t3);font-size:.75rem}
.stylebar{display:flex;align-items:center;gap:8px;margin:14px 0 0;flex-wrap:wrap}
.glabel{font-size:.8rem;color:var(--t2);margin-right:2px;font-weight:500}
.sbtn{padding:6px 14px;background:rgba(10,14,23,.7);border:1px solid rgba(48,54,61,.5);border-radius:8px;color:var(--t2);font-size:.78rem;cursor:pointer;transition:all .15s;font-family:inherit}
.sbtn:hover{border-color:rgba(37,99,235,.4);color:var(--t1)}
.sbtn.active{background:rgba(37,99,235,.1);border-color:var(--cyan);color:var(--cyan)}
.selinfo{display:none;margin-top:10px;padding:8px 14px;background:rgba(255,215,0,.08);border:1px solid rgba(255,215,0,.35);border-radius:8px;font-size:.8rem;color:#FDE68A}
.goalrow{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}
.selcard{position:fixed;top:12px;right:12px;z-index:1000;width:196px;background:rgba(7,20,40,.94);border:1px solid rgba(139,92,246,.4);border-radius:12px;padding:10px 12px;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.selcard .sc-top{display:flex;align-items:baseline;gap:6px}
.selcard .sc-num{font-size:32px;font-weight:800;color:#8B5CF6;line-height:1.05;font-family:Georgia,serif}
.selcard .sc-chain{font-size:11px;color:#6B7280}
.selcard .sc-name{font-size:13px;color:#F3F4F6;margin:2px 0 6px}
.selcard .sc-svg svg{display:block;width:100%;height:auto}
.selcard .sc-meta{font-size:10.5px;color:#9CA3AF;margin-top:6px;line-height:1.55}
.selcard .sc-hl{display:inline-block;margin-top:8px;font-size:11px;padding:3px 10px;border-radius:20px}
.sc-hl.p-high{background:rgba(239,68,68,.15);color:#F87171;border:1px solid rgba(239,68,68,.45)}
.sc-hl.p-medium{background:rgba(245,158,11,.15);color:#FBBF24;border:1px solid rgba(245,158,11,.45)}
.sc-hl.p-low{background:rgba(251,191,36,.15);color:#FBBF24;border:1px solid rgba(251,191,36,.45)}
.iv-sum{font-size:.85rem;color:#E5E7EB;line-height:1.7;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.25);border-radius:10px;padding:12px 14px;margin-bottom:12px}
.iv-head{display:flex;justify-content:space-between;align-items:center;margin:14px 0 8px;font-size:.85rem;color:#2563eb;font-weight:600}
.iv-clear{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4);color:#F87171;border-radius:8px;padding:4px 12px;font-size:.75rem;cursor:pointer}
.iv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.iv-card{background:rgba(11,18,32,.85);border:1px solid rgba(48,54,61,.6);border-radius:10px;padding:10px 12px;cursor:pointer;transition:border-color .2s}
.iv-card:hover{border-color:rgba(37,99,235,.5)}
.iv-card.p-high{border-left:3px solid #EF4444}
.iv-card.p-medium{border-left:3px solid #F59E0B}
.iv-card.p-low{border-left:3px solid #FBBF24}
.iv-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.iv-pri{font-size:.68rem;padding:2px 8px;border-radius:20px;font-weight:700}
.iv-pri.p-high{background:#EF4444;color:#fff}
.iv-pri.p-medium{background:#F59E0B;color:#111}
.iv-pri.p-low{background:#FBBF24;color:#111}
.iv-mut{font-size:.9rem;color:#8B5CF6;font-weight:700;font-family:monospace}
.iv-ev{font-size:.72rem;color:#2563eb;margin-bottom:4px}
.iv-st{font-size:.78rem;color:#E5E7EB;line-height:1.5;margin-bottom:4px}
.iv-re{font-size:.72rem;color:#9CA3AF;line-height:1.5}
.iv-sec{font-size:.82rem;color:#2563eb;font-weight:600;margin:14px 0 6px}
.iv-list{margin:0;padding-left:18px}
.iv-list li{font-size:.78rem;color:#E5E7EB;line-height:1.7}
.iv-ver{font-size:.78rem;color:#E5E7EB;line-height:1.7;background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.2);border-radius:8px;padding:10px 12px}
.chip{padding:6px 14px;background:rgba(10,14,23,.7);border:1px solid rgba(48,54,61,.5);border-radius:20px;color:var(--t2);font-size:.78rem;cursor:pointer;transition:all .15s;font-family:inherit}
.chip:hover{border-color:rgba(139,92,246,.5);color:var(--t1)}
.chip.active{background:rgba(139,92,246,.15);border-color:var(--purple);color:#E9D5FF}
.goalinput{flex:1;min-width:220px;padding:8px 14px;background:rgba(10,14,23,.8);border:1px solid rgba(48,54,61,.5);border-radius:8px;color:var(--t1);font-size:.8rem;font-family:inherit}
.goalinput::placeholder{color:var(--t3)}