/**
 * SpiderGuard Pro v3 — Drip Page Styles
 * The HTML page shown to spiders with weighted link cards
 */
*{margin:0;padding:0;box-sizing:border-box;}
body{
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",Roboto,sans-serif;
    background:#f5f6fa;color:#2d3436;line-height:1.6;
    -webkit-font-smoothing:antialiased;
}
.sgd-header{
    background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);
    padding:48px 0 40px;text-align:center;color:#fff;
    position:relative;overflow:hidden;
}
.sgd-header::before{
    content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;
    background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);
}
.sgd-header h1{
    font-size:26px;font-weight:700;letter-spacing:1px;
    margin-bottom:8px;position:relative;
}
.sgd-header p{
    font-size:14px;color:rgba(255,255,255,.65);font-weight:400;
    max-width:600px;margin:0 auto;position:relative;
}
.sgd-nav{
    position:absolute;top:0;left:0;right:0;padding:12px 24px;
    display:flex;align-items:center;justify-content:space-between;
}
.sgd-nav a{
    color:rgba(255,255,255,.8);font-size:13px;text-decoration:none;
    font-weight:500;letter-spacing:.5px;
}
.sgd-nav a:hover{color:#fff;}
.sgd-wrap{
    max-width:960px;margin:0 auto;padding:32px 24px 48px;
}
.sgd-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:16px;
}
@media(max-width:680px){.sgd-grid{grid-template-columns:1fr;}}
.sgd-card{
    background:#fff;border-radius:12px;padding:20px 24px;
    border:1px solid #e8ecf1;
    transition:all .25s ease;cursor:pointer;
    text-decoration:none;color:inherit;display:block;
    box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.sgd-card:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    border-color:#c5cae9;
}
.sgd-card-title{
    font-size:16px;font-weight:600;color:#1a1a2e;
    margin-bottom:6px;line-height:1.4;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.sgd-card:hover .sgd-card-title{color:#0f3460;}
.sgd-card-desc{
    font-size:13px;color:#636e72;line-height:1.6;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.sgd-card-url{
    font-size:11px;color:#b2bec3;margin-top:10px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sgd-footer{
    text-align:center;padding:24px 0 0;margin-top:32px;
    border-top:1px solid #e8ecf1;
}
.sgd-footer span{
    font-size:12px;color:#b2bec3;
}
.sgd-empty{
    text-align:center;padding:60px 20px;color:#b2bec3;
}