.hk-ph-page{--ph-red:#dc2626;--ph-line:#e5e7eb;--ph-muted:#64748b;--ph-soft:#f3f4f6;--ph-radius:16px;--ph-shadow:0 6px 24px #0f172a12;color:#0f172a;grid-template-columns:minmax(0,1fr);gap:20px;width:min(1300px,100% - 20px);margin:16px auto 36px;display:grid}.hk-ph-page>*{min-width:0}.hk-ph-page a{color:inherit;text-decoration:none}.hk-ph-hero{border-radius:var(--ph-radius);color:#fff;box-shadow:var(--ph-shadow);background:radial-gradient(70% 140% at 100% 0,#dc262673 0,#0000 60%),linear-gradient(120deg,#1a0606 0%,#3b0a0a 50%,#7f1d1d 100%);gap:16px;padding:22px 26px;display:grid;position:relative;overflow:hidden}.hk-ph-hero:after{content:"";opacity:.16;pointer-events:none;background:linear-gradient(#fff,#fff) 50%/36% 100% no-repeat,linear-gradient(#fff,#fff) 50%/100% 36% no-repeat;border-radius:12px;width:120px;height:120px;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.hk-ph-crumbs{color:#ffffffb8;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:700;display:flex}.hk-ph-crumbs span{gap:8px;display:inline-flex}.hk-ph-crumbs a:hover,.hk-ph-crumbs [aria-current]{color:#fff}.hk-ph-hero-row{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex;position:relative}.hk-ph-hero-row>div:first-child{flex:420px;min-width:0}.hk-ph-kicker{color:#fecaca;letter-spacing:.06em;text-transform:uppercase;font-size:12.5px;font-weight:900}.hk-ph-hero h1{margin:6px 0 8px;font-size:clamp(26px,3.6vw,40px);font-weight:900;line-height:1.1}.hk-ph-hero-row p:not(.hk-ph-kicker){color:#fffc;max-width:620px;font-size:14.5px;line-height:1.5}.hk-ph-picker{flex:0 380px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.hk-ph-picker.is-busy{opacity:.6}.hk-ph-picker label{gap:4px;min-width:0;display:grid}.hk-ph-picker span{color:#ffffffbf;text-transform:uppercase;font-size:11.5px;font-weight:800}.hk-ph-picker select{color:#0f172a;width:100%;height:42px;font:inherit;background:#fff;border:0;border-radius:10px;padding:0 10px;font-size:14.5px;font-weight:700}.hk-ph-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.hk-ph-layout>*{min-width:0}.hk-ph-side{gap:16px;display:grid}.hk-ph-box,.hk-ph-list{border:1px solid var(--ph-line);border-radius:var(--ph-radius);box-shadow:var(--ph-shadow);background:#fff;padding:18px}.hk-ph-page h2{align-items:center;gap:8px;font-size:18px;font-weight:900;display:flex}.hk-ph-page h2:before{content:"";background:var(--ph-red);border-radius:3px;width:5px;height:20px}.hk-ph-list>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.hk-ph-list>header small{color:var(--ph-muted);font-size:13px;font-weight:700}.hk-ph-list>header button{border:1px solid var(--ph-red);height:38px;color:var(--ph-red);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:0 16px;font-size:13.5px;font-weight:800}.hk-ph-list>header button.is-on,.hk-ph-list>header button:hover{background:var(--ph-red);color:#fff}.hk-ph-list>header button:disabled{opacity:.6;cursor:wait}.hk-ph-list ol{margin:0;padding:0;list-style:none;display:grid}.hk-ph-list li{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;display:grid}.hk-ph-list li+li{border-top:1px solid #f0f2f5}.hk-ph-badge{background:var(--ph-red);color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:900;display:grid}.hk-ph-body{gap:3px;min-width:0;display:grid}.hk-ph-body strong{letter-spacing:.02em;text-transform:uppercase;font-size:15.5px;font-weight:900}.hk-ph-body p{color:#374151;font-size:13.5px;line-height:1.45}.hk-ph-body small{color:var(--ph-muted);font-size:12.5px}.hk-ph-body em{color:#166534;background:#dcfce7;border-radius:999px;justify-self:start;padding:2px 8px;font-size:12px;font-style:normal;font-weight:800}.hk-ph-actions{gap:6px;display:grid}.hk-ph-actions a{border:1px solid var(--ph-line);text-align:center;white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.hk-ph-actions a.is-call{border-color:var(--ph-red);background:var(--ph-red);color:#fff!important}.hk-ph-actions a:not(.is-call):hover{border-color:var(--ph-red)}.hk-ph-warn,.hk-ph-empty{color:var(--ph-muted);margin:8px 0;font-size:13px}.hk-ph-info ul{color:#374151;gap:8px;margin:10px 0 0;padding-left:18px;font-size:13.5px;line-height:1.5;display:grid}.hk-ph-info a{font-weight:900;color:var(--ph-red)!important}.hk-ph-chips{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.hk-ph-chips a{border:1px solid var(--ph-line);border-radius:999px;padding:6px 11px;font-size:13px;font-weight:700;display:block}.hk-ph-chips a:hover{border-color:var(--ph-red);background:#fef2f2}.hk-ph-chips a[aria-current]{border-color:var(--ph-red);background:var(--ph-red);color:#fff}.hk-ph-down{text-align:center;gap:8px;padding:40px 20px;display:grid}@media (max-width:960px){.hk-ph-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.hk-ph-hero{padding:18px 16px}.hk-ph-hero:after{width:70px;height:70px}.hk-ph-picker{flex-basis:100%}.hk-ph-list,.hk-ph-box{padding:14px}.hk-ph-list li{grid-template-columns:34px minmax(0,1fr);gap:10px}.hk-ph-badge{width:34px;height:34px;font-size:17px}.hk-ph-actions{flex-wrap:wrap;grid-column:2;display:flex}.hk-ph-actions a{flex:1 0 auto}}