.periodic-table-page{max-width:1400px;margin:30px auto;text-align:center;background-color:#fff;padding:30px 30px 40px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.08)}.periodic-table-page-title{color:#333;font-size:32px;line-height:1.2;margin:0 0 18px;text-align:left}.group-filter-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px}.group-filter-item{font-size:.75rem;padding:6px 10px;border-radius:4px;color:#000;font-weight:700;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.9;transition:all .2s ease}.group-filter-item.active,.group-filter-item:hover{opacity:1;transform:scale(1.05)}.periodic-table-container{width:100%;overflow-x:auto;display:flex;justify-content:center}.periodic-table-grid{display:grid;grid-template-columns:repeat(18,55px);grid-template-rows:repeat(7,55px) 6px repeat(2,55px);gap:5px;min-width:990px}.periodic-element{border:1px solid #ccc;border-radius:5px;width:55px;height:55px;padding:3px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s ease;background-color:#fff}.periodic-element:hover{transform:scale(1.07)}.element-number{font-size:.65rem;color:#000;margin-bottom:1px}.element-symbol{font-size:1rem;font-weight:700;margin-bottom:2px;color:#000}.element-name{font-size:.5rem;font-weight:500;color:#000;text-align:center}.element-details{font-size:1rem;font-weight:700}.element-description,.element-group,.element-other-info p{margin-bottom:8px}.group-color{display:inline-block;width:16px;height:16px;border-radius:50%;margin-left:5px;vertical-align:middle}.ptable-divider{border:none;height:1px;background-color:#000;width:100%;margin:60px 0 40px}.ptable-description{width:100%;margin:0 0 60px;padding-left:0;padding-right:0;text-align:left;color:#333;font-size:1rem;line-height:1.7}.ptable-description-title{font-size:1.4rem;font-weight:600;margin-bottom:1rem;color:#2c3e50;text-align:left}.ptable-info-panel{margin:0 0 20px}.ptable-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ptable-info-card{background:linear-gradient(180deg,#f8fcff,#eef6fb);border:1px solid #d8e6ef;border-radius:14px;padding:18px;text-align:left}.ptable-info-title{font-size:1rem;font-weight:700;color:#2c3e50;margin-bottom:8px}.ptable-info-card p{margin:0;line-height:1.6;color:#3a4757}.ptable-info-card a{color:#0f766e;font-weight:700;text-decoration:none}.ptable-info-card a:hover{text-decoration:underline}.ptable-crawl-section{margin-top:34px;text-align:left;border:1px solid #d8e6ef;border-radius:16px;background:#f8fcff;padding:22px}.ptable-crawl-title{color:#2c3e50;font-size:1.35rem;font-weight:700;line-height:1.25;margin:0 0 10px}.ptable-crawl-intro{color:#3a4757;line-height:1.7;margin:0 0 18px;max-width:980px}.ptable-element-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.ptable-element-card,.ptable-group-card{background:#fff;border:1px solid #dfe8ee;border-radius:12px;padding:14px;box-shadow:0 4px 12px rgba(15,23,42,.05)}.ptable-element-card h3,.ptable-group-card h3{color:#1f3447;font-size:1rem;font-weight:700;line-height:1.3;margin:0 0 8px}.ptable-element-card p,.ptable-group-card p{color:#3a4757;font-size:.92rem;line-height:1.55;margin:0 0 6px}.ptable-element-card p:last-child,.ptable-group-card p:last-child{margin-bottom:0}.ptable-group-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}@media (max-width:768px){.periodic-table-page{padding:20px 14px 30px;margin:0;border-radius:0}.periodic-table-page-title{font-size:28px}.ptable-info-grid{grid-template-columns:1fr}.ptable-crawl-section{padding:16px}.ptable-element-index,.ptable-group-guide{grid-template-columns:1fr}.periodic-table-container{display:block;overflow-x:auto}.periodic-table-grid{grid-template-columns:repeat(18,42px);grid-template-rows:repeat(7,42px) 4px repeat(2,42px);gap:4px;min-width:unset}.periodic-element{width:42px;height:42px;padding:2px}.element-number{font-size:.55rem}.element-symbol{font-size:.85rem}.element-name{font-size:.45rem}.group-filter-item{font-size:.65rem;padding:4px 8px}}