:root{--primary-color:#2c3e50;--accent-color:#3498db;--text-color:#333;--text-secondary:#666;--bg-gradient:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--card-bg:rgba(255, 255, 255, 0.9);--shadow:0 8px 32px 0 rgba(31, 38, 135, 0.15);--border:1px solid rgba(255, 255, 255, 0.18);--font-main:"Helvetica Neue",Helvetica,Arial,"PingFang TC","Microsoft JhengHei",sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace}
*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;user-drag:none}
body{font-family:var(--font-main);background:var(--bg-gradient);color:var(--text-color);line-height:1.6;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:40px 20px;-webkit-touch-callout:none}
.container{width:100%;max-width:800px;background:var(--card-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;box-shadow:var(--shadow);border:var(--border);overflow:hidden;animation:fadeIn .8s ease-out;position:relative}
.container::before{content:'Copyright © Yuzhou Xie';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);font-size:3rem;color:rgba(0,0,0,.02);pointer-events:none;white-space:nowrap;z-index:1;font-weight:700}
header{text-align:center;padding:40px 40px 20px;border-bottom:1px solid rgba(0,0,0,.05);position:relative;z-index:2}
h1{font-size:2rem;color:var(--primary-color);margin-bottom:8px;letter-spacing:1px}
.subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:400}
.domain{color:var(--accent-color);font-weight:600;text-decoration:none;transition:opacity .3s;pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
.domain:hover{opacity:.8}
.content{padding:40px;position:relative;z-index:2}
.lang-section{margin-bottom:40px}
.section-title{font-size:1.2rem;font-weight:700;color:var(--primary-color);margin-top:25px;margin-bottom:10px;display:flex;align-items:center}
.section-title::before{content:'';display:inline-block;width:4px;height:18px;background-color:var(--accent-color);margin-right:10px;border-radius:2px}
p{margin-bottom:15px;color:var(--text-secondary);text-align:justify}
.divider{display:flex;align-items:center;text-align:center;margin:40px 0;color:#ccc;font-size:.8rem;letter-spacing:2px;text-transform:uppercase}
.divider::after,.divider::before{content:'';flex:1;border-bottom:1px solid #eee}
.divider:not(:empty)::before{margin-right:.25em}
.divider:not(:empty)::after{margin-left:.25em}
.contact-link{color:var(--accent-color);text-decoration:none;font-weight:600;border-bottom:1px dashed var(--accent-color);padding-bottom:1px;transition:all .2s;pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
.contact-link:hover{border-bottom-style:solid;background-color:rgba(52,152,219,.1)}
.tech-tag{display:inline-block;background-color:#f0f2f5;color:#555;padding:2px 8px;border-radius:4px;font-family:var(--font-mono);font-size:.85rem;border:1px solid #e1e4e8}
footer{background-color:#f9fafb;padding:20px;text-align:center;font-size:.85rem;color:#888;border-top:1px solid rgba(0,0,0,.05);position:relative;z-index:2}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}
@media (max-width:600px){body{padding:10px}
  h1{font-size:1.6rem}
  .content{padding:25px}
  .container::before{font-size:1.5rem}
}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:0 0}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}