body.page-template-page-usdt-problem-php{
--page-bg:#0b1220;
--surface:#121c2f;
--surface-2:#18243a;
--surface-3:#0f172a;
--text:#f8fafc;
--text-soft:#d7e1ee;
--text-mute:#93a4ba;
--line:rgba(255,255,255,.1);
--line-strong:rgba(255,255,255,.16);
--brand:#3b82f6;
--brand-soft:rgba(59,130,246,.16);
--ok:#10b981;
--ok-bg:rgba(16,185,129,.12);
--warn:#f59e0b;
--warn-bg:rgba(245,158,11,.12);
--danger:#ef4444;
--danger-bg:rgba(239,68,68,.12);
--info:#60a5fa;
--info-bg:rgba(96,165,250,.12);
--shadow-sm:0 8px 18px rgba(2,6,23,.22);
--shadow-lg:0 22px 52px rgba(2,6,23,.34);
--radius:18px;
--content:1000px;
--pad-desktop:24px;
--pad-mobile:16px;
}
body.page-template-page-usdt-problem-php{
scroll-behavior:smooth;
}
body.page-template-page-usdt-problem-php,
body.tzp-usdt-problem-page,
body.tzp-usdt-problem-page #page,
body.tzp-usdt-problem-page .site,
body.tzp-usdt-problem-page .site-content{
max-width:100%;
background:var(--page-bg) !important;
}
body.page-template-page-usdt-problem-php #secondary,
body.page-template-page-usdt-problem-php header.entry-header,
body.page-template-page-usdt-problem-php .ast-single-entry-header{
display:none !important;
}
body.page-template-page-usdt-problem-php .site-content,
body.page-template-page-usdt-problem-php .ast-container,
body.page-template-page-usdt-problem-php .site .ast-container,
body.page-template-page-usdt-problem-php .ast-separate-container .ast-container,
body.page-template-page-usdt-problem-php .ast-plain-container.ast-no-sidebar #primary,
body.page-template-page-usdt-problem-php .ast-page-builder-template .site-content > .ast-container,
body.page-template-page-usdt-problem-php #primary,
body.page-template-page-usdt-problem-php .entry-content,
body.page-template-page-usdt-problem-php .site-main{
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
}
body.page-template-page-usdt-problem-php .problem-wrap{
width:100%;
max-width:var(--content);
margin:0 auto;
padding:24px 24px 38px;
box-sizing:border-box;
}
body.page-template-page-usdt-problem-php .problem-page,
body.page-template-page-usdt-problem-php .problem-page *{
box-sizing:border-box;
}
body.page-template-page-usdt-problem-php .problem-page{
width:100%;
color:var(--text);
font:400 16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
body.page-template-page-usdt-problem-php .problem-page a{
color:#8ec5ff;
text-decoration:none;
}
body.page-template-page-usdt-problem-php .problem-page a:hover{
text-decoration:underline;
}
body.page-template-page-usdt-problem-php .problem-page a:focus-visible,
body.page-template-page-usdt-problem-php .problem-page button:focus-visible,
body.page-template-page-usdt-problem-php .problem-page [tabindex]:focus-visible,
body.page-template-page-usdt-problem-php .problem-page summary:focus-visible{
outline:3px solid rgba(96,165,250,.36);
outline-offset:3px;
border-radius:10px;
}
body.page-template-page-usdt-problem-php .problem-page img{
display:block;
max-width:100%;
height:auto;
}
body.page-template-page-usdt-problem-php .problem-shell{
display:grid;
gap:18px;
min-width:0;
}
body.page-template-page-usdt-problem-php .problem-card{
min-width:0;
background:var(--surface);
border:1px solid var(--line);
border-radius:var(--radius);
box-shadow:var(--shadow-sm);
}
body.page-template-page-usdt-problem-php .problem-hero{
position:relative;
background:
radial-gradient(circle at top right, rgba(59,130,246,.18), transparent 32%),
linear-gradient(135deg, #0f172a 0%, #132033 50%, #17345f 100%);
padding:32px 24px 24px;
box-shadow:var(--shadow-lg);
overflow:hidden;
}
body.page-template-page-usdt-problem-php .problem-hero__inner{
position:relative;
z-index:1;
max-width:920px;
margin:0 auto;
}
body.page-template-page-usdt-problem-php .problem-kicker{
display:inline-flex;
align-items:center;
min-height:32px;
padding:6px 12px;
border:1px solid rgba(255,255,255,.16);
border-radius:999px;
background:rgba(255,255,255,.06);
color:#fff;
font-size:13px;
font-weight:700;
letter-spacing:.02em;
margin-bottom:14px;
}
body.page-template-page-usdt-problem-php .problem-hero h1{
margin:0;
color:#fff;
font-size:clamp(2rem, 4vw, 2.9rem);
line-height:1.14;
letter-spacing:-.02em;
}
body.page-template-page-usdt-problem-php .problem-hero__lead{
max-width:860px;
margin:14px 0 0;
color:rgba(255,255,255,.9);
font-size:1.05rem;
}
body.page-template-page-usdt-problem-php .problem-meta{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:18px 0 0;
padding:0;
list-style:none;
}
body.page-template-page-usdt-problem-php .problem-meta li{
display:inline-flex;
align-items:center;
min-height:36px;
padding:7px 12px;
border:1px solid rgba(255,255,255,.14);
border-radius:999px;
background:rgba(255,255,255,.06);
color:#fff;
font-size:14px;
line-height:1.3;
}
body.page-template-page-usdt-problem-php .problem-hero__media{
margin:22px 0 0;
}
body.page-template-page-usdt-problem-php .problem-hero__media img{
width:100%;
border-radius:16px;
border:1px solid rgba(255,255,255,.12);
box-shadow:0 18px 36px rgba(0,0,0,.32);
background:rgba(255,255,255,.05);
}
body.page-template-page-usdt-problem-php .problem-caption{
margin:8px 0 0;
color:rgba(255,255,255,.78);
font-size:13px;
}
body.page-template-page-usdt-problem-php .problem-silo{
padding:18px 20px 20px;
}
body.page-template-page-usdt-problem-php .problem-silo__head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:14px;
}
body.page-template-page-usdt-problem-php .problem-silo__title{
margin:0;
color:var(--text);
font-size:1rem;
font-weight:800;
}
body.page-template-page-usdt-problem-php .problem-silo__hint{
color:var(--text-mute);
font-size:13px;
}
body.page-template-page-usdt-problem-php .problem-silo__scroll{
overflow:visible;
}
body.page-template-page-usdt-problem-php .problem-silo__list{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
gap:10px;
min-width:0;
}
body.page-template-page-usdt-problem-php .problem-silo__list a{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
min-height:72px;
padding:12px 14px;
background:var(--surface-2);
border:1px solid var(--line);
border-radius:14px;
color:#d9ebff;
text-decoration:none;
}
body.page-template-page-usdt-problem-php .problem-silo__list a:hover{
background:#21314d;
border-color:rgba(96,165,250,.35);
text-decoration:none;
}
body.page-template-page-usdt-problem-php .problem-silo__list strong{
color:#fff;
font-size:15px;
line-height:1.35;
}
body.page-template-page-usdt-problem-php .problem-silo__list span{
margin-top:4px;
color:var(--text-mute);
font-size:13px;
line-height:1.45;
}
body.page-template-page-usdt-problem-php .problem-toc{
padding:18px 20px 20px;
}
body.page-template-page-usdt-problem-php .problem-toc__head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:14px;
}
body.page-template-page-usdt-problem-php .problem-toc__title{
margin:0;
color:var(--text);
font-size:1rem;
font-weight:800;
}
body.page-template-page-usdt-problem-php .problem-toc__hint{
color:var(--text-mute);
font-size:13px;
}
body.page-template-page-usdt-problem-php .problem-toc__scroll{
overflow:visible;
}
body.page-template-page-usdt-problem-php .problem-toc__list{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:10px;
min-width:0;
}
body.page-template-page-usdt-problem-php .problem-toc__list a{
display:flex;
align-items:center;
justify-content:center;
min-height:46px;
padding:10px 12px;
background:var(--surface-2);
border:1px solid var(--line);
border-radius:12px;
color:#d9ebff;
font-size:14px;
font-weight:700;
text-align:center;
text-decoration:none;
}
body.page-template-page-usdt-problem-php .problem-toc__list a:hover{
border-color:rgba(96,165,250,.4);
background:#1d2b44;
text-decoration:none;
}
body.page-template-page-usdt-problem-php .problem-section{
padding:26px 24px;
scroll-margin-top:80px;
}
body.page-template-page-usdt-problem-php .problem-section h2{
margin:0 0 16px;
padding:0 0 12px;
border-bottom:1px solid var(--line);
color:#fff;
font-size:1.56rem;
line-height:1.3;
letter-spacing:-.01em;
}
body.page-template-page-usdt-problem-php .problem-section h3{
margin:22px 0 10px;
color:#fff;
font-size:1.14rem;
line-height:1.45;
}
body.page-template-page-usdt-problem-php .problem-section h4{
margin:0 0 6px;
color:#fff;
font-size:1rem;
line-height:1.45;
}
body.page-template-page-usdt-problem-php .problem-section p{
margin:12px 0;
color:var(--text-soft);
}
body.page-template-page-usdt-problem-php .problem-section ul,
body.page-template-page-usdt-problem-php .problem-section ol{
margin:12px 0;
padding-left:1.35rem;
color:var(--text-soft);
}
body.page-template-page-usdt-problem-php .problem-section li{
margin:8px 0;
}
body.page-template-page-usdt-problem-php .problem-section strong{
color:#fff;
font-weight:800;
}
body.page-template-page-usdt-problem-php .problem-note{
display:grid;
grid-template-columns:auto 1fr;
gap:12px;
align-items:flex-start;
margin:16px 0;
padding:14px 16px;
border:1px solid transparent;
border-radius:14px;
}
body.page-template-page-usdt-problem-php .problem-note__icon{
display:flex;
align-items:center;
justify-content:center;
width:28px;
height:28px;
border-radius:50%;
font-size:15px;
font-weight:800;
line-height:1;
}
body.page-template-page-usdt-problem-php .problem-note__content{
min-width:0;
}
body.page-template-page-usdt-problem-php .problem-note__title{
display:block;
margin:0 0 4px;
color:inherit;
font-weight:800;
}
body.page-template-page-usdt-problem-php .problem-note--info{
background:var(--info-bg);
border-color:rgba(96,165,250,.25);
color:#bfdbfe;
}
body.page-template-page-usdt-problem-php .problem-note--info .problem-note__icon{
background:rgba(96,165,250,.18);
}
body.page-template-page-usdt-problem-php .problem-note--ok{
background:var(--ok-bg);
border-color:rgba(16,185,129,.25);
color:#bbf7d0;
}
body.page-template-page-usdt-problem-php .problem-note--ok .problem-note__icon{
background:rgba(16,185,129,.18);
}
body.page-template-page-usdt-problem-php .problem-note--warn{
background:var(--warn-bg);
border-color:rgba(245,158,11,.25);
color:#fde68a;
}
body.page-template-page-usdt-problem-php .problem-note--warn .problem-note__icon{
background:rgba(245,158,11,.18);
}
body.page-template-page-usdt-problem-php .problem-note--danger{
background:var(--danger-bg);
border-color:rgba(239,68,68,.25);
color:#fecaca;
}
body.page-template-page-usdt-problem-php .problem-note--danger .problem-note__icon{
background:rgba(239,68,68,.18);
}
body.page-template-page-usdt-problem-php .problem-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}
body.page-template-page-usdt-problem-php .problem-info-card{
min-width:0;
padding:18px;
border:1px solid var(--line);
border-radius:16px;
background:var(--surface-2);
}
body.page-template-page-usdt-problem-php .problem-info-card p{
margin:10px 0 0;
font-size:14px;
}
body.page-template-page-usdt-problem-php .problem-step-list{
display:grid;
gap:12px;
margin:16px 0 0;
counter-reset:step;
}
body.page-template-page-usdt-problem-php .problem-step{
position:relative;
padding:16px 16px 16px 60px;
background:var(--surface-2);
border:1px solid var(--line);
border-radius:14px;
counter-increment:step;
}
body.page-template-page-usdt-problem-php .problem-step::before{
content:counter(step);
position:absolute;
left:16px;
top:16px;
display:flex;
align-items:center;
justify-content:center;
width:32px;
height:32px;
border-radius:50%;
background:var(--brand);
color:#fff;
font-weight:800;
font-size:14px;
line-height:1;
}
body.page-template-page-usdt-problem-php .problem-step p{
margin:8px 0 0;
}
body.page-template-page-usdt-problem-php .problem-table-wrap{
overflow-x:auto;
overflow-y:hidden;
padding-bottom:4px;
-webkit-overflow-scrolling:touch;
}
body.page-template-page-usdt-problem-php .problem-table{
width:100%;
min-width:760px;
border-collapse:collapse;
border:1px solid var(--line);
border-radius:14px;
overflow:hidden;
background:var(--surface-3);
}
body.page-template-page-usdt-problem-php .problem-table caption{
caption-side:top;
padding:0 0 10px;
text-align:left;
color:#fff;
font-weight:800;
font-size:1rem;
}
body.page-template-page-usdt-problem-php .problem-table th,
body.page-template-page-usdt-problem-php .problem-table td{
padding:13px 14px;
border-bottom:1px solid var(--line);
text-align:left;
vertical-align:top;
color:var(--text-soft);
line-height:1.65;
}
body.page-template-page-usdt-problem-php .problem-table th{
background:#18243a;
color:#fff;
font-weight:800;
}
body.page-template-page-usdt-problem-php .problem-table tr:last-child td{
border-bottom:none;
}
body.page-template-page-usdt-problem-php .problem-transcript{
margin:18px 0 0;
padding:18px;
background:#0b1220;
border:1px solid var(--line);
border-radius:14px;
color:#dbeafe;
font:500 13px/1.75 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
white-space:pre-wrap;
word-break:break-word;
}
body.page-template-page-usdt-problem-php .problem-links{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin-top:18px;
}
body.page-template-page-usdt-problem-php .problem-links a{
display:flex;
align-items:center;
justify-content:center;
min-height:54px;
padding:12px 14px;
border:1px solid var(--line);
border-radius:14px;
background:var(--surface-2);
color:#d9ebff;
font-weight:800;
text-align:center;
text-decoration:none;
box-shadow:var(--shadow-sm);
}
body.page-template-page-usdt-problem-php .problem-links a:hover{
background:#21314d;
border-color:rgba(96,165,250,.35);
text-decoration:none;
}
body.page-template-page-usdt-problem-php .problem-faq{
display:grid;
gap:12px;
margin-top:18px;
}
body.page-template-page-usdt-problem-php .problem-faq details{
border:1px solid var(--line);
background:var(--surface-2);
border-radius:14px;
padding:14px 16px;
}
body.page-template-page-usdt-problem-php .problem-faq summary{
cursor:pointer;
color:#fff;
font-weight:800;
font-size:14px;
outline:none;
}
body.page-template-page-usdt-problem-php .problem-faq p{
margin:10px 0 0;
color:var(--text-soft);
font-size:14px;
}
body.page-template-page-usdt-problem-php .problem-small{
margin-top:14px;
color:var(--text-mute);
font-size:13px;
}
body.page-template-page-usdt-problem-php .tzp-rg-disclaimer{
background: var(--surface-3);
border-top: 4px solid var(--line-strong);
}
body.page-template-page-usdt-problem-php .tzp-rg-disclaimer h2{
font-size: 1.3rem;
border-bottom: none;
padding-bottom: 0;
}
@media (max-width:960px){
body.page-template-page-usdt-problem-php .problem-grid,
body.page-template-page-usdt-problem-php .problem-links{
grid-template-columns:1fr;
}
}
@media (max-width:768px){
body.page-template-page-usdt-problem-php .ast-container,
body.page-template-page-usdt-problem-php .site .ast-container,
body.page-template-page-usdt-problem-php .ast-separate-container .ast-container,
body.page-template-page-usdt-problem-php .ast-plain-container.ast-no-sidebar #primary,
body.page-template-page-usdt-problem-php .ast-page-builder-template .site-content > .ast-container,
body.tzp-usdt-problem-page .ast-container,
body.tzp-usdt-problem-page .site-content .ast-container{
padding-left:0 !important;
padding-right:0 !important;
max-width:100% !important;
}
body.page-template-page-usdt-problem-php .problem-wrap{
padding:0 0 24px;
}
body.page-template-page-usdt-problem-php .problem-page{
font-size:15px;
}
body.page-template-page-usdt-problem-php .problem-shell{
gap:12px;
}
body.page-template-page-usdt-problem-php .problem-card{
border-left:0;
border-right:0;
border-radius:0;
box-shadow:none;
}
body.page-template-page-usdt-problem-php .problem-hero{
padding:22px 16px 18px;
box-shadow:none;
}
body.page-template-page-usdt-problem-php .problem-hero__inner{
max-width:none;
}
body.page-template-page-usdt-problem-php .problem-hero__media{
margin-top:16px;
}
body.page-template-page-usdt-problem-php .problem-hero__media img{
border-radius:12px;
box-shadow:none;
}
body.page-template-page-usdt-problem-php .problem-silo,
body.page-template-page-usdt-problem-php .problem-toc,
body.page-template-page-usdt-problem-php .problem-section{
padding:16px 16px;
}
body.page-template-page-usdt-problem-php .problem-meta{
gap:8px;
}
body.page-template-page-usdt-problem-php .problem-meta li{
min-height:34px;
padding:6px 10px;
font-size:13px;
}
body.page-template-page-usdt-problem-php .problem-section h2{
font-size:1.32rem;
margin-bottom:14px;
padding-bottom:10px;
}
body.page-template-page-usdt-problem-php .problem-section h3{
margin-top:18px;
}
body.page-template-page-usdt-problem-php .problem-note{
padding:12px;
border-radius:12px;
}
body.page-template-page-usdt-problem-php .problem-info-card,
body.page-template-page-usdt-problem-php .problem-faq details{
padding:14px 12px;
border-radius:12px;
}
body.page-template-page-usdt-problem-php .problem-step{
padding:14px 12px 14px 52px;
border-radius:12px;
}
body.page-template-page-usdt-problem-php .problem-step::before{
left:12px;
top:14px;
width:28px;
height:28px;
font-size:13px;
}
body.page-template-page-usdt-problem-php .problem-links{
gap:10px;
}
body.page-template-page-usdt-problem-php .problem-links a{
min-height:46px;
padding:10px 12px;
border-radius:12px;
box-shadow:none;
}
body.page-template-page-usdt-problem-php .problem-silo__head,
body.page-template-page-usdt-problem-php .problem-toc__head{
margin-bottom:10px;
}
body.page-template-page-usdt-problem-php .problem-silo__hint,
body.page-template-page-usdt-problem-php .problem-toc__hint{
font-size:12px;
}
}
@media (max-width:640px){
body.page-template-page-usdt-problem-php .problem-hero h1{
font-size:1.82rem;
}
body.page-template-page-usdt-problem-php .problem-hero__lead{
font-size:1rem;
}
body.page-template-page-usdt-problem-php .problem-silo__list{
grid-template-columns:repeat(2,minmax(0,1fr));
min-width:0;
}
body.page-template-page-usdt-problem-php .problem-toc__list{
grid-template-columns:repeat(2,minmax(0,1fr));
min-width:0;
}
body.page-template-page-usdt-problem-php .problem-table th,
body.page-template-page-usdt-problem-php .problem-table td{
padding:11px 12px;
font-size:14px;
}
body.page-template-page-usdt-problem-php .problem-transcript{
padding:12px;
border-radius:12px;
font-size:12px;
}
}