:root{--bg:#080b17;--panel:#11172a;--panel2:#151d35;--line:#27304d;--text:#f4f6ff;--muted:#8e98b8;--cyan:#61e7df;--violet:#8874ff;--pink:#ef719c}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 80% -10%,#202a52 0,#080b17 42%);color:var(--text);font:14px/1.5 system-ui,-apple-system,"Microsoft Yahei",sans-serif;min-height:100%}body{padding-bottom:78px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;color:inherit}.shell{max-width:520px;margin:auto;padding:22px 16px}.topline,.section-head,.row{display:flex;align-items:center;justify-content:space-between}.eyebrow,.section-kicker,.mini-label{display:block;color:var(--cyan);font-size:11px;letter-spacing:.18em}.brand{font-size:26px;font-weight:800;display:block}.brand-ai{color:var(--cyan)}.online-pill{border:1px solid #31565e;padding:7px 12px;border-radius:20px;color:#b8d8d6;font-size:12px}.online-dot{display:inline-block;width:7px;height:7px;background:#63f0b0;border-radius:50%;margin-right:6px;box-shadow:0 0 10px #63f0b0}.hero{height:320px;border-radius:24px;margin:25px 0 35px;overflow:hidden;position:relative;background:#111b36 url("./assets/ai-nexus-hero.jpg") center/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090e20e8 8%,#09102088 55%,transparent)}.hero-recommend{background:#16233b url("./assets/recommend-journey.png") center/cover}.hero-content{position:absolute;z-index:1;left:42px;top:48px}.hero-badge{color:#b0aaff;border:1px solid #675cc080;padding:6px 12px;border-radius:20px;width:max-content}.hero-title{font-size:42px;font-weight:800;display:block;margin:22px 0 8px}.gradient-text{color:var(--cyan)}.hero-copy{color:#b9c1dc;font-size:16px}.hero-action,.cta{display:inline-block;margin-top:24px;padding:11px 19px;border-radius:10px;background:linear-gradient(110deg,#6de5d2,#766cff);font-weight:700}.recommend-action{position:absolute;z-index:1;bottom:30px;left:40px;background:#f1f6ff;color:#131a34;border-radius:10px;padding:12px 20px;font-weight:700}.carousel{position:relative;touch-action:pan-y}.carousel-track{display:flex;transition:transform .45s ease}.carousel-slide{min-width:100%}.carousel-control{position:absolute;z-index:2;top:50%;background:#0b112acc;border:1px solid #8090bd66;border-radius:50%;width:32px;height:32px}.carousel-control.prev{left:10px}.carousel-control.next{right:10px}.carousel-dots{position:absolute;z-index:2;bottom:13px;right:18px}.carousel-dots i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8f9dc8;margin:4px}.carousel-dots i.active{background:var(--cyan);width:20px;border-radius:4px}.section-head{margin:20px 0 14px}.section-name{font-weight:700;font-size:20px;display:block;margin-top:2px}.section-count,.section-more{color:var(--muted);font-size:12px}.section-more{color:var(--cyan);cursor:pointer}.matrix{overflow:hidden;touch-action:pan-y}.bento-pages{display:flex;gap:16px;transition:transform .4s ease}.bento-page{min-width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:145px 145px;gap:14px}.card{background:linear-gradient(140deg,#182542,#10172a);border:1px solid var(--line);border-radius:18px;padding:20px;position:relative;overflow:hidden;cursor:pointer;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#6070ac}.card.large{grid-column:span 2}.card h3{margin:30px 0 4px;font-size:21px}.card p{color:var(--muted);margin:0}.card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.38}.card .card-content{position:relative;z-index:1}.card-arrow{position:absolute;bottom:18px;right:22px;color:var(--cyan)}.dots{text-align:center;margin:13px}.dots i{display:inline-block;width:26px;height:4px;background:#3b4566;margin:4px;border-radius:3px}.dots i.active{background:var(--cyan)}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick{padding:18px 15px;background:#11182c;border:1px solid var(--line);border-radius:14px;cursor:pointer}.quick:hover{border-color:var(--violet)}.quick-icon{font-size:25px;color:var(--violet)}.quick-name{display:block;font-weight:700;margin-top:8px}.quick-desc{display:block;color:var(--muted);font-size:12px}.more-panel{margin-top:13px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.more-item{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);cursor:pointer}.trust-note{margin:28px 0;padding:15px;border-left:3px solid var(--cyan);background:#101a2b;color:var(--muted)}.trust-note b{color:var(--cyan);margin-right:12px}.page-title{font-size:30px;margin:12px 0 5px}.subtle{color:var(--muted)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.btn{background:linear-gradient(110deg,#6256db,#34bdb5);padding:11px 18px;border-radius:10px;font-weight:700}.btn.ghost{background:#18213a;border:1px solid var(--line)}.form{max-width:760px;background:#10172b;border:1px solid var(--line);border-radius:18px;padding:24px}.field{margin:16px 0}.field label{display:block;color:#b8c2e1;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;padding:12px;background:#0a1020;border:1px solid #303b5b;color:var(--text);border-radius:9px;outline:none}.field textarea{min-height:150px;resize:vertical}.upload{border:1px dashed #516088;padding:30px;text-align:center;border-radius:12px;color:var(--muted)}.work-grid,.avatar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.work,.avatar{background:#11182b;border:1px solid var(--line);border-radius:14px;overflow:hidden}.work img,.work video,.avatar img{width:100%;height:170px;object-fit:cover;display:block;background:#0b1121}.work-body,.avatar-body{padding:13px}.avatar{cursor:pointer}.avatar.selected{border-color:var(--cyan);box-shadow:0 0 0 2px #61e7df44}.empty{padding:55px;text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:15px}.bottom{position:fixed;bottom:0;left:0;right:0;background:#0b1020ed;backdrop-filter:blur(18px);border-top:1px solid #26304b;display:flex;justify-content:center;z-index:5}.bottom button{background:none;color:var(--muted);padding:12px 42px}.bottom button.active{color:var(--cyan)}.toast{position:fixed;z-index:20;left:50%;bottom:90px;transform:translateX(-50%);background:#eaf5ff;color:#0d1630;padding:10px 18px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1}.modal-backdrop{position:fixed;inset:0;background:#040714b8;z-index:10;display:grid;place-items:center;padding:18px}.modal{width:min(420px,100%);background:#131b31;border:1px solid #45527b;border-radius:18px;padding:25px;box-shadow:0 20px 70px #0008}.modal h2{margin-top:0}.close{float:right;background:none;color:var(--muted);font-size:20px}.error{color:#ff899b;font-size:13px}.loading{opacity:.65;pointer-events:none}