.personal-store-news { display: grid; gap: 18px; color: #d6e6f4; }
.news-pinned { display: inline-flex; align-items: center; min-height: 28px; margin-left: 8px; padding: 0 10px; border: 1px solid rgba(255, 205, 83, .6); border-radius: 999px; color: #ffd35d; background: rgba(255, 194, 42, .08); font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.ps-news-lead { display: grid; grid-template-columns: 132px 1fr; gap: 18px; align-items: center; padding: 22px; border: 1px solid rgba(0, 220, 255, .28); border-radius: 12px; background: linear-gradient(135deg, rgba(10, 30, 53, .94), rgba(7, 14, 28, .92)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 28px rgba(0,0,0,.16); }
.ps-news-badge { display: grid; place-items: center; min-height: 86px; border: 1px solid rgba(255, 207, 91, .55); border-radius: 10px; color: #ffd35d; font-size: 12px; font-weight: 800; letter-spacing: .11em; text-align: center; background: radial-gradient(circle at 50% 35%, rgba(0, 229, 255, .23), transparent 58%), rgba(8, 21, 38, .8); }
.ps-news-kicker { margin: 0 0 4px; color: #58e7ff; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ps-news-lead h3 { margin: 0 0 8px; color: #fff; font-size: clamp(22px, 3vw, 32px); }
.ps-news-lead p:last-child { max-width: 720px; margin: 0; color: #abc2d7; line-height: 1.65; }
.ps-news-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ps-news-step { position: relative; min-width: 0; padding: 14px; border: 1px solid rgba(91, 159, 214, .2); border-radius: 10px; background: rgba(7, 18, 32, .72); }
.ps-step-number { position: absolute; top: 12px; right: 13px; color: #55ddf8; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.ps-news-step h4 { margin: 13px 0 6px; color: #ffd35d; font-size: 16px; }
.ps-news-step p { margin: 0; color: #9db7cf; font-size: 13px; line-height: 1.5; }
.ps-news-step code { padding: 1px 5px; border-radius: 4px; color: #61eaff; background: rgba(0, 215, 255, .1); }
.ps-step-art { display: flex; flex-direction: column; justify-content: center; gap: 5px; min-height: 112px; padding: 13px; border: 1px solid rgba(0, 215, 255, .24); border-radius: 8px; background: radial-gradient(circle at 50% 20%, rgba(0, 183, 255, .18), transparent 60%), #081528; text-align: center; }
.ps-step-art b { color: #f3f8ff; font-size: 15px; }
.ps-step-art small { color: #7fa6c6; font-size: 11px; }
.ps-art-icon, .ps-art-gem { display: grid; place-items: center; width: 36px; height: 36px; margin: 0 auto 4px; border: 1px solid rgba(255, 207, 91, .6); border-radius: 50%; color: #ffd35d; font-size: 21px; box-shadow: 0 0 18px rgba(0, 198, 255, .23); }
.ps-art-gem { color: #6ef4ff; }
.ps-art-price { align-items: stretch; text-align: left; }
.ps-art-price span, .ps-art-confirm span { color: #83a6c4; font-size: 11px; }
.ps-art-price strong { padding: 8px 9px; border: 1px solid rgba(0, 215, 255, .32); border-radius: 5px; color: #fff; font-size: 19px; background: #050d1a; }
.ps-art-confirm { align-items: stretch; text-align: left; }
.ps-art-confirm strong { color: #ffd35d; font-size: 15px; }
.ps-art-confirm button { margin-top: 5px; padding: 7px 6px; border: 1px solid rgba(0, 221, 255, .65); border-radius: 4px; color: #5deaff; background: rgba(0, 175, 220, .12); font: inherit; font-size: 11px; }
.ps-news-split { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 16px; align-items: stretch; }
.ps-news-screenshot { margin: 0; padding: 12px; border: 1px solid rgba(255, 207, 91, .28); border-radius: 10px; background: rgba(7, 14, 26, .78); }
.ps-news-screenshot img { display: block; width: 100%; max-height: 300px; object-fit: contain; border-radius: 6px; background: #02060c; }
.ps-news-screenshot figcaption { margin-top: 9px; color: #8ba9c1; font-size: 11px; line-height: 1.45; }
.ps-news-exchange { display: grid; align-content: center; gap: 10px; padding: 18px; border: 1px solid rgba(0, 215, 255, .22); border-radius: 10px; background: linear-gradient(145deg, rgba(8, 27, 47, .9), rgba(6, 14, 27, .9)); }
.ps-exchange-row { display: grid; grid-template-columns: 36px 1fr auto; gap: 12px; align-items: center; }
.ps-exchange-row b { display: block; color: #f1f7ff; }
.ps-exchange-row small { display: block; margin-top: 3px; color: #87a8c2; }
.ps-exchange-row strong { color: #5deaff; font-size: 16px; }
.ps-exchange-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; color: #061321; font-size: 20px; font-weight: 900; background: #5deaff; }
.ps-exchange-row:last-of-type .ps-exchange-icon { color: #082116; background: #63ed9b; }
.ps-exchange-line { height: 1px; margin-left: 16px; background: linear-gradient(90deg, rgba(0, 220, 255, .55), transparent); }
.ps-news-note { margin: 10px 0 0; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.08); color: #a8c1d7; font-size: 13px; line-height: 1.55; }
.ps-news-rules { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid rgba(91, 159, 214, .2); border-radius: 10px; overflow: hidden; background: rgba(6, 15, 29, .66); }
.ps-news-rules > div { padding: 14px; border-right: 1px solid rgba(91, 159, 214, .16); }
.ps-news-rules > div:last-child { border-right: 0; }
.ps-news-rules span { color: #55ddf8; font-size: 11px; font-weight: 800; }
.ps-news-rules b { display: block; margin-top: 7px; color: #ffd35d; }
.ps-news-rules p { margin: 5px 0 0; color: #96b1c8; font-size: 12px; line-height: 1.45; }
.ps-news-footer { padding: 13px 15px; border-left: 3px solid #5deaff; color: #9fbad0; font-size: 13px; line-height: 1.55; background: rgba(0, 188, 225, .06); }
.ps-news-footer b { color: #5deaff; }
.ps-news-gallery { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr); gap: 14px; }
.ps-news-shot { display: flex; flex-direction: column; margin: 0; padding: 10px; border: 1px solid rgba(0, 215, 255, .23); border-radius: 10px; background: rgba(3, 10, 20, .82); }
.ps-news-shot img { width: 100%; height: 330px; object-fit: contain; border-radius: 6px; background: #02060c; }
.ps-news-shot figcaption { padding: 10px 4px 2px; color: #8faec8; font-size: 12px; line-height: 1.5; }
.ps-news-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ps-news-feature { padding: 20px; border: 1px solid rgba(0, 215, 255, .24); border-radius: 11px; background: linear-gradient(145deg, rgba(7, 26, 45, .92), rgba(5, 13, 25, .92)); }
.ps-feature-points { border-color: rgba(255, 207, 91, .28); }
.ps-feature-label { color: #56e8ff; font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.ps-feature-points .ps-feature-label { color: #ffd35d; }
.ps-news-feature h4, .ps-news-extra h4 { margin: 7px 0 12px; color: #fff; font-size: 18px; }
.ps-news-feature ul { display: grid; gap: 8px; margin: 0; padding-left: 18px; color: #a9c2d7; font-size: 13px; line-height: 1.55; }
.ps-news-feature li::marker { color: #59e7ff; }
.ps-feature-points li::marker { color: #ffd35d; }
.ps-news-formulas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(91, 159, 214, .22); border-radius: 11px; background: rgba(91, 159, 214, .18); }
.ps-news-formulas > div { display: grid; gap: 4px; padding: 20px; background: #071426; }
.ps-news-formulas small { color: #89a8c3; }
.ps-news-formulas strong { color: #ffd35d; font-size: clamp(27px, 5vw, 40px); line-height: 1; }
.ps-news-formulas span { color: #5deaff; font-size: 12px; }
.ps-news-extra { padding: 18px 20px; border: 1px solid rgba(99, 237, 155, .22); border-radius: 11px; background: linear-gradient(135deg, rgba(8, 35, 31, .72), rgba(7, 18, 32, .76)); }
.ps-news-extra h4 { color: #6bf0a1; }
.ps-news-extra p { margin: 0; color: #a9c6bc; font-size: 13px; line-height: 1.65; }
@media (max-width: 900px) { .ps-news-flow, .ps-news-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ps-news-gallery { grid-template-columns: 1fr; } .ps-news-shot img { height: auto; max-height: 440px; } .ps-news-rules { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ps-news-rules > div:nth-child(2) { border-right: 0; } .ps-news-rules > div:nth-child(-n+2) { border-bottom: 1px solid rgba(91, 159, 214, .16); } }
@media (max-width: 620px) { .ps-news-lead, .ps-news-split, .ps-news-feature-grid, .ps-news-formulas { grid-template-columns: 1fr; } .ps-news-badge { min-height: 58px; } .ps-news-flow { grid-template-columns: 1fr; } .ps-news-rules { grid-template-columns: 1fr; } .ps-news-rules > div { border-right: 0; border-bottom: 1px solid rgba(91, 159, 214, .16); } .ps-news-rules > div:last-child { border-bottom: 0; } .news-pinned { margin: 7px 0 0; } }