BanzaiThrifting

关于

* { margin: 0; padding: 0; box-sizing: border-box; } body { background: #f4f1ea; font-family: system-ui, -apple-system, 'Segoe UI', 'Noto Sans', 'Helvetica Neue', sans-serif; line-height: 1.5; color: #1f1c18; padding: rem rem; } .container { max-width: 1280px; margin: 0 auto; } /* main card */ .main-card { background: white; border-radius: 2rem; box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.08); overflow: hidden; transition: all 0.2s ease; } .card-padding { padding: 2.2rem 2rem 2rem 2rem; } @media (max-width: 700px) { .card-padding { padding: 1.5rem; } } /* brand & badge */ .japan-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: #f0ebe2; padding: 0.3rem 1.2rem; border-radius: 60px; font-size: 0.8rem; font-weight: 600; color: #b45a2b; margin-bottom: 1.2rem; letter-spacing: 0.3px; } h1 { font-size: 2.5rem; font-weight: 800; letter-spacing: -0.02em; color: #2b241e; line-height: 1.2; margin-bottom: 0.5rem; } .subhead-line { font-size: 1.05rem; color: #5f5348; border-left: 4px solid #e6b17e; padding-left: 1rem; margin: 0.75rem 0 1.6rem 0; } /* RANKING GRID: 3 columns per row */ .ranking-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin: 1.8rem 0 2rem 0; } .rank-card { background: #fefbf7; border-radius: 1.25rem; padding: 1.2rem 0.8rem; text-align: center; border: 1px solid #efe3d5; transition: transform 0.1s ease, box-shadow 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.02); } .rank-card:hover { border-color: #dbbf9b; background: #fffcf8; } .rank-letter-box { font-weight: 800; font-size: 1.9rem; background: #2b2a27; color: white; display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 60px; margin-bottom: 0.8rem; font-family: 'SF Mono', monospace; box-shadow: 0 3px 6px rgba(0,0,0,0.05); } .rank-name { font-weight: 700; font-size: 1.05rem; letter-spacing: 0.3px; margin-bottom: 0.45rem; color: #2c241e; } .rank-desc { font-size: 0.8rem; color: #6b5a4b; line-height: 1.4

页面 SEO