/* Trang Xem phong thủy sim – simsonglong.vn. Cùng kiểu dáng chuyensimsodep.com, đổi sang màu xanh đậm + vàng của Sim Song Long. */
.pt{--site-accent:#005064;--site-accent-hover:#182f33;--site-on-accent:#fff;--site-accent-text:#005064;--site-tint:#eef4f4;--site-tint-border:#cfe0e1;--site-focus:#f0ad4e;font-size:15px;line-height:1.5}
.pt h1.pt-title{font-size:20px;margin:0 0 12px;color:#182f33}
.pt .pt-h2{font-size:18px;margin:0;color:#222}
.pt-hero{background:linear-gradient(135deg,#005064 0%,#182f33 100%)!important}
.pt-hero h2{color:#ffe11b!important}
.pt-form button{background:#ffe11b!important;color:#182f33!important}
.pt-form button:hover{background:#f0c800!important}
.pt-stock__btns{display:flex;gap:8px;flex-wrap:wrap}
.pt-btn--ghost{background:#fff!important;color:#d32e2e!important;box-shadow:inset 0 0 0 1px #d32e2e}
.pt-zalo{margin:14px 0 0;padding:12px 14px;border-radius:10px;background:#fffbe6;border:1px solid #f3e3a1;font-size:14px;line-height:1.6}
.pt-zalo a{color:#d32e2e;font-weight:700}
.pt{--kim:#9a7a22;--kim-bg:#fbf5e6;--moc:#2f8a3e;--moc-bg:#eaf6ec;--thuy:#1f6fb2;--thuy-bg:#e8f1fa;--hoa:#d0402b;--hoa-bg:#fdecea;--tho:#8a5a2b;--tho-bg:#f6eee4;--good:#1b7a3d;--warn:#b7791f;--bad:#b42318;--line:#e7e2dc;color:#2a2a2a}
    .pt *{box-sizing:border-box}
    /* Khung đầu trang (hero) */
    .pt-hero{position:relative;border-radius:14px;padding:18px 16px 16px;margin:0 0 16px;color:#fff;overflow:hidden;background:linear-gradient(135deg,var(--site-accent) 0%,var(--site-accent-hover) 100%)}
    .pt-hero:after{content:"☯";position:absolute;right:-6px;top:-22px;font-size:140px;line-height:1;opacity:.12;pointer-events:none}
    .pt-hero h2{margin:0 0 4px;font-size:21px;line-height:1.3;color:#fff}
    .pt-hero p{margin:0 0 12px;opacity:.92;font-size:14px;line-height:1.5}
    .pt-form{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1fr auto;gap:10px;align-items:end;background:#fff;border-radius:10px;padding:12px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
    .pt-form label{display:block;font-weight:700;font-size:13px;color:#444;margin-bottom:4px}
    .pt-form input{width:100%;padding:11px 12px;border:1px solid #d6d6d6;border-radius:8px;font-size:16px;color:#222}
    .pt-form input:focus{outline:2px solid var(--site-focus);outline-offset:0;border-color:transparent}
    .pt-form button{height:44px;padding:0 20px;border:0;border-radius:8px;background:var(--site-accent);color:var(--site-on-accent);font-weight:800;font-size:15px;cursor:pointer;white-space:nowrap}
    .pt-form button:hover{background:var(--site-accent-hover)}
    .pt-errors{background:#fff4f4;border:1px solid #f0c2c2;color:#9b1c1c;border-radius:8px;padding:10px 14px;margin:0 0 14px}
    /* Vòng điểm */
    .pt-ring{--p:0;--c:var(--site-accent);flex:0 0 auto;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p)*1%),#ece7e1 0)}
    .pt-ring>div{width:88px;height:88px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 1px 3px rgba(0,0,0,.08)}
    .pt-ring strong{font-size:30px;line-height:1;color:var(--c);font-weight:800}
    .pt-ring span{font-size:12px;color:#888;margin-top:2px}
    .pt-ring--sm{width:84px;height:84px}.pt-ring--sm>div{width:66px;height:66px}.pt-ring--sm strong{font-size:23px}
    .pt-v-a{--c:var(--good)}.pt-v-b{--c:#2e8b57}.pt-v-c{--c:var(--warn)}.pt-v-d{--c:var(--bad)}
    .pt-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:13px;font-weight:700;color:#fff;background:var(--c,var(--site-accent))}
    .pt-summary{display:flex;gap:16px;align-items:center}
    .pt-summary h2{margin:0 0 6px;font-size:20px;line-height:1.3}
    .pt-summary p{margin:0 0 4px;line-height:1.5;color:#555}
    /* Dãy số tô theo ngũ hành */
    .pt-digits{display:flex;gap:4px;margin:14px 0 4px}
    .pt-digit{flex:1 1 0;min-width:0;max-width:46px;border-radius:8px;padding:6px 0 4px;text-align:center;position:relative}
    .pt-digit b{display:block;font-size:22px;line-height:1.1;font-weight:800}
    .pt-digit small{display:block;font-size:10px;line-height:1.2;opacity:.85}
    .pt-digit.is-prefix{opacity:.5}
    .pt-digit.is-good{box-shadow:0 0 0 2px var(--good) inset}
    .pt-digit.is-bad{box-shadow:0 0 0 2px var(--bad) inset}
    .pt-digit.is-good:after,.pt-digit.is-bad:after{position:absolute;top:-7px;right:-4px;width:16px;height:16px;border-radius:50%;font-size:10px;line-height:16px;color:#fff;font-weight:700}
    .pt-digit.is-good:after{content:"✓";background:var(--good)}
    .pt-digit.is-bad:after{content:"✕";background:var(--bad)}
    .el-kim{color:var(--kim);background:var(--kim-bg)}.el-moc{color:var(--moc);background:var(--moc-bg)}.el-thuy{color:var(--thuy);background:var(--thuy-bg)}.el-hoa{color:var(--hoa);background:var(--hoa-bg)}.el-tho{color:var(--tho);background:var(--tho-bg)}
    .pt-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:#666;margin:6px 0 0}
    .pt-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}
    /* Quẻ vẽ bằng vạch (6 hào, dưới lên) */
    .pt-hexes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}
    .pt-hex{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fffdfa;display:flex;gap:12px;align-items:flex-start}
    .pt-hex__glyph{flex:0 0 38px;display:flex;flex-direction:column-reverse;gap:4px;padding-top:3px}
    .pt-hex__glyph i{display:block;height:6px;border-radius:2px;background:#3a3a3a}
    .pt-hex__glyph i.yin{background:linear-gradient(90deg,#3a3a3a 0 42%,transparent 42% 58%,#3a3a3a 58%)}
    .pt-hex__glyph i.moving{background-color:var(--site-accent)}
    .pt-hex__glyph i.moving.yin{background:linear-gradient(90deg,var(--site-accent) 0 42%,transparent 42% 58%,var(--site-accent) 58%)}
    .pt-hex small{display:block;color:#888;font-size:12px}
    .pt-hex strong{display:block;font-size:15px;line-height:1.3}
    .pt-hex p{margin:4px 0 0;font-size:13px;line-height:1.45;color:#555}
    .lv-c{--c:var(--good)}.lv-b{--c:var(--warn)}.lv-h{--c:var(--bad)}
    .pt-hex .pt-badge{font-size:11px;padding:1px 8px;margin-top:3px}
    /* Thanh điểm từng tiêu chí */
    .pt-bars{display:grid;gap:9px;margin:14px 0}
    .pt-bar-row{display:grid;grid-template-columns:150px 1fr 64px;gap:10px;align-items:center;font-size:14px}
    .pt-bar{height:10px;border-radius:5px;background:#eee;overflow:hidden}
    .pt-bar i{display:block;height:100%;border-radius:5px;background:var(--site-accent)}
    .pt-bar-row b{text-align:right;font-variant-numeric:tabular-nums}
    /* Thẻ người dùng, chọn mệnh, thẻ chung */
    .pt-person{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:10px;margin:14px 0 0}
    .pt-person__icon{flex:0 0 46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:800;background:#fff}
    .pt-person p{margin:0;line-height:1.5;color:#333}
    .pt-elements{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0 16px}
    .pt-elements a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:10px;text-decoration:none;font-weight:700;border:2px solid transparent;transition:transform .15s}
    .pt-elements a span{font-size:20px;line-height:1;font-weight:800}
    .pt-elements a b{font-weight:700}.pt-elements a em{font-style:normal}
    .pt-elements a small{font-weight:500;font-size:12px;color:#555;text-align:center}
    .pt-elements a:hover{transform:translateY(-2px)}
    .pt-elements a:hover,.pt-elements a.active{border-color:currentColor}
    .pt-card{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff;margin:0 0 16px}
    .pt-card h3{margin:0 0 6px;font-size:17px}
    .pt-stock{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--site-tint);box-shadow:inset 0 0 0 1px var(--site-tint-border)}
    .pt-guide summary{cursor:pointer;font-weight:800;font-size:17px;color:var(--site-accent-text);list-style:none;display:flex;justify-content:space-between;align-items:center}
    .pt-guide summary::-webkit-details-marker{display:none}
    .pt-guide summary:after{content:"+";font-size:22px;line-height:1}
    .pt-guide[open] summary:after{content:"–"}
    .pt-guide ul{padding-left:20px;margin:10px 0}.pt-guide li{list-style:disc;margin:6px 0;line-height:1.6}
    .pt-guide p{line-height:1.65}
    .pt-note{font-size:13px;color:#777;margin:8px 0 0}
    .pt-note a{color:var(--site-accent-text)}
    .pt-btn{display:inline-block;padding:10px 18px;border-radius:8px;background:var(--site-accent);color:var(--site-on-accent);font-weight:700;font-size:15px;text-decoration:none;border:0;cursor:pointer}
    .pt-btn:hover{background:var(--site-accent-hover);color:var(--site-on-accent)}
    /* Khối phong thủy trên trang chi tiết SIM */
    .pt-box{clear:both;margin:20px 0 6px}
    .pt-inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 4px}
    .pt-inline-form label{font-weight:600;width:100%}
    .pt-inline-form input[type=text]{flex:1 1 180px;min-width:0;padding:9px 11px;border:1px solid #ccc;border-radius:8px;font-size:15px}
    .pt-inline-form button{padding:10px 18px;border:0;border-radius:8px;background:var(--site-accent);color:var(--site-on-accent);font-weight:700;font-size:15px;cursor:pointer}
    .pt-inline-form button:hover{background:var(--site-accent-hover)}
    /* Bảng sim xếp theo điểm */
    .pt-score-pill{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:3px 8px;border-radius:12px;font-weight:800;font-size:14px;color:#fff;background:var(--c)}
    @media (max-width:640px){
        .pt-form{grid-template-columns:1fr}
        .pt-form button{width:100%}
        .pt-hexes{grid-template-columns:1fr}
        .pt-bar-row{grid-template-columns:112px 1fr 54px;font-size:13px}
        .pt-digit b{font-size:18px}.pt-digit small{font-size:9px}
        .pt-elements{gap:5px}.pt-elements a{padding:8px 2px;font-size:14px}.pt-elements a small,.pt-elements a em{display:none}
        .pt-score-cell img{display:none}.pt-score-pill{min-width:40px;font-size:13px;padding:2px 6px}
        .pt-ring{width:96px;height:96px}.pt-ring>div{width:76px;height:76px}.pt-ring strong{font-size:26px}
        .pt-summary h2{font-size:17px}
    }
.pt-form--pro{grid-template-columns:repeat(4,minmax(0,1fr))}
        .pt-form--pro .pt-field--wide{grid-column:span 2}
        .pt-form--pro select{width:100%;padding:11px 10px;border:1px solid #d6d6d6;border-radius:8px;font-size:15px;background:#fff;color:#222}
        .pt-gender{display:flex;gap:6px}
        .pt-gender label{flex:1;margin:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 6px;border:1px solid #d6d6d6;border-radius:8px;font-size:15px;font-weight:600;color:#333;cursor:pointer}
        .pt-gender input{width:auto;margin:0;accent-color:var(--site-accent)}
        .pt-gender label:has(input:checked){border-color:var(--site-accent);background:var(--site-tint);color:var(--site-accent-text)}
        .pt-form--pro .pt-submit{grid-column:1/-1}
        .pt-form--pro .pt-submit button{width:100%}
        .pt-owner{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:14px}
        .pt-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0 0}
        .pt-pillar{text-align:center;border-radius:8px;border:1px solid var(--line);padding:6px 2px;background:#fff}
        .pt-pillar small{display:block;color:#888;font-size:11px}
        .pt-pillar b{display:block;font-size:15px;line-height:1.35}
        .pt-pillar i{font-style:normal;display:block;font-size:11px;padding:1px 0;border-radius:4px;margin:2px 4px 0}
        .pt-elbars{display:grid;gap:5px;margin-top:8px}
        .pt-elbar{display:grid;grid-template-columns:44px 1fr 22px;gap:8px;align-items:center;font-size:13px}
        .pt-elbar .pt-bar i{background:currentColor}
        .pt-crit{border:1px solid var(--line);border-radius:12px;padding:14px;margin:0 0 10px;background:#fff}
        .pt-crit__head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
        .pt-crit__no{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--site-accent)}
        .pt-crit__head h3{flex:1;margin:0;font-size:16px}
        .pt-crit__head b{font-size:15px;white-space:nowrap}
        .pt-crit p{margin:8px 0 0;line-height:1.65;color:#444}
        .pt-crit .pt-bar{height:8px}
        .pt-conclusion{border-left:4px solid var(--site-accent);background:var(--site-tint);border-radius:8px;padding:12px 14px;margin:14px 0 0;line-height:1.65}
        .pt-que-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
        .pt-que-detail div{background:#fbf8f4;border-radius:8px;padding:10px;font-size:13px;line-height:1.55;color:#444}
        .pt-que-detail strong{display:block;font-size:13px;color:#222;margin-bottom:2px}
        .pt-suggest-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 12px}
        .pt-suggest-filter select{padding:8px 10px;border:1px solid #d6d6d6;border-radius:8px;font-size:14px;background:#fff}
        .pt-suggest-filter button{padding:8px 14px;border:0;border-radius:8px;background:var(--site-accent);color:var(--site-on-accent);font-weight:700;cursor:pointer}
        .pt-suggest{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
        .pt-suggest a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:#222;background:#fff;transition:border-color .15s,transform .15s}
        .pt-suggest a:hover{border-color:var(--site-accent);transform:translateY(-1px)}
        .pt-suggest strong{display:block;font-size:16px;letter-spacing:.2px}
        .pt-suggest small{color:var(--site-accent-text);font-weight:600}
        .pt-suggest img{height:14px;width:auto;display:block;margin-top:3px}
        @media (max-width:640px){
            .pt-form--pro{grid-template-columns:1fr 1fr}
            .pt-form--pro .pt-field--wide{grid-column:1/-1}
            .pt-owner{grid-template-columns:1fr}
            .pt-que-detail{grid-template-columns:1fr}
            .pt-suggest{grid-template-columns:1fr 1fr}
            .pt-suggest a{padding:8px 10px}.pt-suggest strong{font-size:15px}
        }

/* Bài viết phong thủy bên dưới công cụ (nội dung trang tĩnh, sửa trong admin) */
.pt-baiviet{margin-top:16px}
.pt-baiviet h2.pt-baiviet__title{font-size:18px;margin:0 0 8px;color:#182f33}