*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(2px 2px at 20% 30%,#fff7 50%,transparent),radial-gradient(1.5px 1.5px at 70% 60%,#fff5 50%,transparent),radial-gradient(1px 1px at 40% 80%,#fff6 50%,transparent),radial-gradient(2px 2px at 85% 20%,#fff9 50%,transparent),radial-gradient(1px 1px at 10% 70%,#fff5 50%,transparent),radial-gradient(1.5px 1.5px at 55% 15%,#fff7 50%,transparent),radial-gradient(1px 1px at 90% 75%,#fff5 50%,transparent),radial-gradient(2px 2px at 30% 50%,#fff5 50%,transparent),radial-gradient(circle at 50% 0,#1b0a35 0,#0a0418 35%,#050010 100%);background-attachment:fixed;color:#f0eaff;font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}.shell{max-width:1100px;margin:0 auto;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 0 20px}.topbar .brand{font-weight:800;font-size:22px;letter-spacing:.5px;background:linear-gradient(90deg,#ffd86b,#f7a 60%,#a06bff);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar nav{display:flex;gap:14px;font-size:13px;opacity:.9;flex-wrap:wrap}.topbar nav a{padding:4px 8px;border-radius:8px;transition:background .15s}.topbar nav a:hover{color:#ffd86b;background:#ffd86b15}.topbar-m{display:flex;justify-content:space-between;align-items:center;padding:12px 0 14px}.topbar-m .brand{font-weight:800;font-size:20px;letter-spacing:.5px;background:linear-gradient(90deg,#ffd86b,#f7a 60%,#a06bff);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar-m__avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ffd86b33,#ff77aa33);border:1px solid #ffffff22;justify-content:center;font-size:16px}.bottombar,.topbar-m__avatar{display:flex;align-items:center}.bottombar{position:fixed;bottom:0;left:0;right:0;z-index:8000;justify-content:space-around;height:60px;padding-bottom:env(safe-area-inset-bottom,0);background:linear-gradient(180deg,#160a2eee,#0a0418fa);border-top:1px solid #ffffff15;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4)}.bottombar__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border-radius:12px;color:#c8c0e0;font-size:10px;font-weight:600;transition:color .15s,background .15s;text-decoration:none}.bottombar__item:active,.bottombar__item:hover{color:#ffd86b;background:#ffd86b15}.bottombar__icon{font-size:20px;line-height:1}.bottombar__label{letter-spacing:.3px}.main-content{padding-bottom:0}.site-footer{text-align:center;padding:30px 0 16px;color:#7d6da0;font-size:12px;border-top:1px solid #ffffff10;margin-top:40px}.mobile-only{display:none}.desktop-only{display:flex}@media (max-width:768px){.mobile-only{display:flex}.desktop-only{display:none!important}.main-content{padding-bottom:72px}.shell{padding:10px 14px}.hero-star{padding:40px 18px 32px;border-radius:22px}.hero-star h1{font-size:30px}.feed-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}}.btn{padding:10px 14px;border-radius:12px;border:1px solid #ffffff22;background:#ffffff0a;color:#fff;cursor:pointer;font-size:13px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn:hover{background:#ffffff15;border-color:#ffffff44}.btn.primary{background:linear-gradient(135deg,#ffd86b,#f7a);color:#15021c;border:none;font-weight:700}.btn.ghost{background:transparent}.btn.danger{color:#ff8c9c;border-color:#ff6b8a44}.card{background:linear-gradient(160deg,#ffffff0e,#ffffff04);border:1px solid #ffffff15;border-radius:18px;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input,.select,.textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #ffffff20;background:#ffffff08;color:#fff;font-size:14px;font-family:inherit}.input:focus,.select:focus,.textarea:focus{outline:2px solid #ffd86b88}.textarea{min-height:80px;resize:vertical}.label{opacity:.7;margin-bottom:4px;display:block;font-weight:600}.chip,.label{font-size:12px}.chip{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;background:#ffffff10;border:1px solid #ffffff15;cursor:pointer}.chip.active{background:linear-gradient(135deg,#ffd86b,#f7a);color:#15021c;font-weight:700;border:none}.section-title{font-size:24px;font-weight:800;margin:28px 0 14px;display:flex;align-items:center;gap:10px}.section-title:before{content:"✦";color:#ffd86b;font-size:18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.hero{position:relative;border-radius:26px;padding:38px 24px 26px;margin-bottom:24px;background:radial-gradient(circle at 20% 30%,rgba(255,216,107,.18),transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,170,.18),transparent 55%),radial-gradient(circle at 50% 100%,rgba(160,107,255,.2),transparent 60%),linear-gradient(135deg,#160a2a,#0a0418);border:1px solid #ffffff15;overflow:hidden}.hero h1{font-size:36px;line-height:1.2;margin:0 0 12px;background:linear-gradient(90deg,#ffd86b,#f7a 50%,#a06bff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;letter-spacing:-.4px}.hero p.lead{color:#d0c8e8;max-width:560px;line-height:1.7;margin:0 0 14px}.tile{position:relative;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:8px;border:1px solid #ffffff18;overflow:hidden;transition:transform .18s,border-color .18s;min-height:170px}.tile:hover{transform:translateY(-4px);border-color:#ffffff44}.tile .icon{font-size:28px}.tile .title{font-weight:800;font-size:18px}.tile .desc{font-size:12.5px;color:#c8c0e0;line-height:1.55}.tile .character-bg{position:absolute;bottom:-18px;right:-10px;opacity:.45;pointer-events:none}.feed-item{background:#ffffff0a;border:1px solid #ffffff15;border-radius:16px;padding:14px;display:flex;gap:12px}.feed-item img.thumb{width:84px;height:84px;border-radius:12px;object-fit:cover}.pc-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:10px;gap:10px}.pc-card{aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#ffffff08;border:1px solid #ffffff18;position:relative}.pc-card img{width:100%;height:100%;object-fit:cover}.pc-card .meta{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:6px 8px;font-size:11px}.list-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #ffffff10}.list-row:last-child{border-bottom:none}.select option,select.select option{background:#18102e!important;color:#f0eaff!important}select.select optgroup{background:#0d0820!important;color:#ffd86b!important}.gs-select{position:relative;width:100%}.gs-select__btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-radius:10px;border:1px solid #ffffff22;background:#ffffff08;color:#fff;font-size:14px;cursor:pointer;text-align:left}.gs-select__btn:hover{border-color:#ffd86b66}.gs-select__label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-select__label.is-placeholder{opacity:.5}.gs-select__arrow{opacity:.6;margin-left:8px;font-size:12px}.gs-select__menu{position:fixed;z-index:9999;background:#160a2e;border:1px solid #ffffff22;border-radius:14px;padding:8px;box-shadow:0 20px 60px #000a,0 0 0 1px #ffd86b22;max-height:320px;display:flex;flex-direction:column}.gs-select__search{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #ffffff20;background:#00000040;color:#fff;font-size:13px;margin-bottom:6px;outline:none}.gs-select__search:focus{border-color:#ffd86b88}.gs-select__list{overflow-y:auto;flex:1 1;min-height:0}.gs-select__opt{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:8px;border:none;background:transparent;color:#fff;font-size:13px;text-align:left;cursor:pointer}.gs-select__opt:hover{background:#ffd86b18}.gs-select__opt.is-active{background:linear-gradient(90deg,#ffd86b22,#ff77aa22);color:#ffd86b;font-weight:700}.gs-select__icon{width:20px;text-align:center}.gs-select__dot{width:8px;height:8px;border-radius:50%;margin-left:auto}.gs-select__empty{padding:14px;text-align:center;opacity:.5;font-size:12px}.gs-select__custom{margin-top:4px;padding:8px 10px;border-radius:8px;border:1px dashed #ffd86b66;background:#ffd86b11;color:#ffd86b;font-size:13px;cursor:pointer}.gs-select__custom:hover{background:#ffd86b22}.gs-select__hint{font-size:11px;opacity:.45;text-align:center;padding:6px}.gs-drop{position:relative;min-height:130px;border-radius:14px;border:1.5px dashed #ffffff33;background:#ffffff05;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s;overflow:hidden}.gs-drop.is-drag,.gs-drop:hover{border-color:#ffd86b;background:#ffd86b10}.gs-drop.has-file{padding:0;min-height:160px}.gs-drop__placeholder{text-align:center;padding:20px}.gs-drop__icon{font-size:28px;margin-bottom:6px}.gs-drop__hint{font-size:11px;opacity:.5;margin-top:4px}.gs-drop__preview{width:100%;height:100%;min-height:160px;max-height:280px;object-fit:cover}.gs-drop__remove{position:absolute;top:8px;right:8px;z-index:2;width:28px;height:28px;border-radius:50%;border:none;background:#000a;color:#fff;cursor:pointer;font-size:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gs-share-mask{position:fixed;inset:0;z-index:200;background:#000a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px}.gs-share{width:100%;max-width:380px;background:linear-gradient(160deg,#1a0e34,#100722);border:1px solid #ffd86b44;border-radius:22px;padding:22px;box-shadow:0 30px 80px #000c,0 0 60px #ffd86b22}.gs-share__title{font-size:18px;font-weight:800;background:linear-gradient(90deg,#ffd86b,#f7a);-webkit-background-clip:text;background-clip:text;color:transparent}.gs-share__sub{font-size:12px;opacity:.6;margin:4px 0 14px}.gs-share__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.gs-share__item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:12px;border:1px solid #ffffff15;background:#ffffff08;color:#fff;cursor:pointer;font-size:11px}.gs-share__item:hover{background:#ffd86b15;border-color:#ffd86b55}.gs-share__icon{font-size:20px}.gs-share__label{font-size:11px}.gs-share__url{margin-top:12px;padding:8px 10px;border-radius:10px;background:#00000040;border:1px solid #ffffff15;font-size:11px;word-break:break-all;max-height:60px;overflow:auto;color:#ffd86b}.feed-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.feed-card{background:#ffffff08;border:1px solid #ffffff15;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,border-color .15s;cursor:pointer}.feed-card:hover{transform:translateY(-2px);border-color:#ffd86b66}.feed-card__media{aspect-ratio:1/1;background:linear-gradient(135deg,#ffd86b22,#ff77aa22,#a06bff22);display:flex;align-items:center;justify-content:center;font-size:48px;position:relative}.feed-card__media img{width:100%;height:100%;object-fit:cover}.feed-card__kind{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:999px;font-size:11px;background:#000a;color:#ffd86b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.feed-card__body{padding:10px 12px 12px}.feed-card__title{font-weight:700;font-size:14px;margin-bottom:4px}.feed-card__content{font-size:12px;opacity:.7;line-height:1.5;min-height:36px}.feed-card__meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;opacity:.6}.feed-card__tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.feed-card__tag{font-size:10px;padding:2px 6px;background:#ffd86b15;color:#ffd86b;border-radius:999px}.feed-tabs{display:flex;gap:6px;margin-bottom:14px}.feed-tab{padding:8px 16px;border-radius:999px;border:1px solid #ffffff15;background:#ffffff05;color:#fff;font-size:13px;cursor:pointer;font-weight:600}.feed-tab.is-active{background:linear-gradient(135deg,#ffd86b,#f7a);color:#15021c;border:none}.feed-sentinel{padding:30px;text-align:center;opacity:.5;font-size:12px}.hero-star{position:relative;border-radius:32px;padding:60px 28px 48px;margin-bottom:28px;text-align:center;background:radial-gradient(circle at 20% 20%,rgba(255,216,107,.25),transparent 45%),radial-gradient(circle at 80% 30%,rgba(255,119,170,.22),transparent 50%),radial-gradient(circle at 50% 100%,rgba(160,107,255,.28),transparent 60%),linear-gradient(180deg,#160a2a,#0a0418);border:1px solid #ffd86b22;overflow:hidden}.hero-star:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(1.5px 1.5px at 15% 30%,#ffd86b 50%,transparent),radial-gradient(1px 1px at 70% 60%,#ffffffaa 50%,transparent),radial-gradient(2px 2px at 40% 80%,#f7a 50%,transparent),radial-gradient(1px 1px at 85% 20%,#a06bff 50%,transparent),radial-gradient(1.5px 1.5px at 25% 70%,#ffffff88 50%,transparent);opacity:.7;animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.4}to{opacity:.95}}.hero-star h1{position:relative;font-size:44px;line-height:1.15;margin:0 0 14px;background:linear-gradient(90deg,#ffd86b,#f7a 50%,#a06bff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900;letter-spacing:-.5px}.hero-star .tagline{position:relative;color:#d0c8e8;max-width:480px;line-height:1.7;margin:0 auto 22px;font-size:15px}.hero-star .cta{position:relative;display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center}.hero-star .cta .btn{font-size:14px;padding:12px 22px}.hero-star .glims{position:relative;display:flex;gap:0;justify-content:center;margin-top:26px;flex-wrap:wrap}.hero-star .glims>*{margin:0 -6px}.share-card-wrap{margin-top:20px}.share-card-preview{border-radius:18px;overflow:hidden;border:1px solid #ffffff15;max-width:360px;margin:0 auto 16px;box-shadow:0 20px 60px #000a,0 0 40px #ffd86b11}.share-card-img{width:100%;height:auto;display:block}.share-card-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.quiz-result-detail{max-width:560px;margin:0 auto}.quiz-trait-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0}.quiz-stat-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff12;margin-bottom:8px}.quiz-stat-icon{font-size:18px}.quiz-stat-label{font-size:12px;opacity:.6}.quiz-stat-value{font-size:14px;font-weight:600}.quiz-bar-wrap{margin:16px 0}.quiz-bar-item{margin-bottom:10px}.quiz-bar-header{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.quiz-bar-track{height:8px;background:#ffffff10;border-radius:99px;overflow:hidden}.quiz-bar-fill{height:100%;border-radius:99px;transition:width .5s ease}