.story-type-select[data-v-b2d0ecf1]{min-height:100vh;padding:0 20px 40px;background:var(--color-bg)}.select-hero[data-v-b2d0ecf1]{text-align:center;padding:56px 0 40px}.hero-badge[data-v-b2d0ecf1]{display:inline-block;background:var(--color-primary-bg);color:var(--color-primary);padding:6px 16px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:18px}.hero-title[data-v-b2d0ecf1]{font-size:28px;font-weight:700;color:var(--color-text);margin-bottom:12px;letter-spacing:.5px}.hero-sub[data-v-b2d0ecf1]{font-size:14px;color:var(--color-text-secondary);line-height:1.6}.type-grid[data-v-b2d0ecf1]{display:flex;flex-direction:column;gap:20px;max-width:none;margin:0 auto}.type-card[data-v-b2d0ecf1]{background:var(--color-surface);border-radius:20px;padding:24px;box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .2s ease,transform .2s ease;border:2px solid transparent;position:relative}.type-card[data-v-b2d0ecf1]:active{transform:scale(.99)}.short-card[data-v-b2d0ecf1]{border-color:var(--color-primary);box-shadow:0 8px 24px #16baaa26}.long-card[data-v-b2d0ecf1]{border-color:var(--color-accent, #f59e0b);opacity:1}.card-top[data-v-b2d0ecf1]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.card-emoji[data-v-b2d0ecf1]{font-size:40px;line-height:1}.card-recommend[data-v-b2d0ecf1]{background:var(--color-accent);color:var(--color-accent-text);font-size:11px;font-weight:700;padding:4px 12px;border-radius:var(--radius-pill)}.card-coming[data-v-b2d0ecf1]{background:var(--color-bg);color:var(--color-text-tertiary);font-size:11px;font-weight:500;padding:4px 12px;border-radius:var(--radius-pill)}.card-title[data-v-b2d0ecf1]{font-size:22px;font-weight:700;color:var(--color-text);margin-bottom:6px}.card-desc[data-v-b2d0ecf1]{font-size:13px;color:var(--color-text-secondary);margin-bottom:18px}.card-points[data-v-b2d0ecf1]{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.point[data-v-b2d0ecf1]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text);line-height:1.4}.point-icon[data-v-b2d0ecf1]{color:var(--color-primary);flex-shrink:0}.card-tags[data-v-b2d0ecf1]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag[data-v-b2d0ecf1]{font-size:11px;color:var(--color-text-secondary);background:var(--color-bg);padding:4px 10px;border-radius:var(--radius-pill)}.card-btn[data-v-b2d0ecf1]{width:100%;height:48px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.card-btn[data-v-b2d0ecf1]:active{opacity:.85}.primary-btn[data-v-b2d0ecf1]{background:var(--color-primary);color:#fff}.secondary-btn[data-v-b2d0ecf1]{background:var(--color-bg);color:var(--color-text-tertiary)}.select-footer[data-v-b2d0ecf1]{text-align:center;font-size:12px;color:var(--color-text-tertiary);margin-top:28px}@media (min-width: 768px){.select-hero[data-v-b2d0ecf1]{padding:72px 0 48px}.hero-title[data-v-b2d0ecf1]{font-size:36px}.hero-sub[data-v-b2d0ecf1]{font-size:16px}.type-grid[data-v-b2d0ecf1]{flex-direction:row;gap:24px;max-width:none}.type-card[data-v-b2d0ecf1]{flex:1;padding:32px}.type-card[data-v-b2d0ecf1]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}