:root{--quest-main:#c2912d;--quest-main-tint:rgba(194,145,45,0.10);--quest-side:#4a7fd4;--quest-side-tint:rgba(74,127,212,0.10)}[data-theme="dark"]{--quest-main:#dfb45f;--quest-main-tint:rgba(223,180,95,0.13);--quest-side:#7aa5ec;--quest-side-tint:rgba(122,165,236,0.13)}.player-container{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;animation:none!important;opacity:1!important}.glass-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.glass-card:hover{border-color:var(--accent-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.player-header-card{position:relative;overflow:hidden;padding:1.6rem 1.8rem 1.3rem;margin-bottom:1.5rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.player-header-card:hover{border-color:var(--accent-light);box-shadow:var(--shadow-md)}.player-header-card::before{content:"\f11b";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:-6px;bottom:-16px;font-size:72px;color:var(--accent-color);opacity:0.05;transform:rotate(-8deg);pointer-events:none}[data-theme="dark"] .player-header-card::before{opacity:0.06}.player-title-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin-bottom:4px}.player-name{margin:0;font-family:var(--font-serif);font-size:1.9rem;font-weight:700;letter-spacing:-0.5px;color:var(--text-color)}.player-status-badge{display:inline-flex;align-items:center;gap:7px;padding:3px 14px;border-radius:var(--radius-full);font-size:0.7rem;font-weight:600;letter-spacing:0.4px;white-space:nowrap;color:#1e8a4c;background:rgba(46,178,102,0.10);border:1px solid rgba(46,178,102,0.25)}[data-theme="dark"] .player-status-badge{color:#5ecf92;background:rgba(94,207,146,0.10);border-color:rgba(94,207,146,0.28)}.player-status-badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse-dot 1.8s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.35;transform:scale(0.7)}}.player-meta-grid{display:flex;flex-wrap:wrap;gap:6px 24px;margin:8px 0 14px;font-size:0.88rem;color:var(--text-secondary)}.player-meta-grid span i{width:18px;margin-right:5px;text-align:center;color:var(--accent-color)}.exp-capsule{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:8px;padding:0.8rem 1.2rem;background:var(--surface-color-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md)}.exp-level-box{display:flex;align-items:baseline;gap:8px}.exp-level{font-family:var(--font-mono);font-size:1.4rem;font-weight:800;color:var(--accent-color)}.exp-title{font-size:0.78rem;font-weight:500;color:var(--text-secondary)}.exp-bar-wrapper{flex:2;min-width:180px;display:flex;align-items:center;gap:14px}.exp-track{flex:1;height:5px;border-radius:var(--radius-full);background:var(--border-light);overflow:hidden}[data-theme="dark"] .exp-track{background:rgba(255,255,255,0.08)}.exp-fill{height:100%;width:0%;border-radius:var(--radius-full);background:var(--accent-color);transition:width 0.5s cubic-bezier(0.34,1.56,0.64,1)}.exp-percent{min-width:52px;text-align:right;font-family:var(--font-mono);font-size:0.88rem;font-weight:700;color:var(--text-color)}.exp-countdown{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:0.76rem;color:var(--text-secondary);white-space:nowrap}.exp-countdown strong{color:var(--accent-color);font-weight:700}.exp-countdown .sep{opacity:0.35;margin:0 2px}.next-level-info{margin-top:6px;text-align:right;font-size:0.7rem;color:var(--text-secondary);opacity:0.6}.instance-grid{position:relative;display:grid;grid-template-columns:1fr;gap:0;margin:1.2rem 0 1.6rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.instance-grid::before{content:"◆ 任务日志 · QUEST LOG";padding:9px 1.6rem;font-family:var(--font-mono);font-size:0.62rem;font-weight:600;letter-spacing:0.26em;color:var(--text-secondary);background:var(--surface-color-secondary);border-bottom:1px solid var(--border-color)}.instance-grid::after{content:"2 ACTIVE";position:absolute;top:9px;right:1.4rem;font-family:var(--font-mono);font-size:0.58rem;font-weight:700;letter-spacing:0.2em;color:var(--quest-main)}.instance-card{position:relative;padding:1.35rem 1.6rem 1.5rem;background:transparent;border:none;border-radius:0;transition:background-color var(--transition-fast),padding-left var(--transition-fast)}.instance-card + .instance-card{border-top:1px dashed var(--border-color)}.instance-card.mission-main{--quest-color:var(--quest-main);--quest-tint:var(--quest-main-tint)}.instance-card.mission-side{--quest-color:var(--quest-side);--quest-tint:var(--quest-side-tint)}.instance-card::before{content:"▸";position:absolute;left:12px;top:1.6rem;font-size:0.75rem;line-height:1;color:var(--quest-color,var(--accent-color));opacity:0;transform:translateX(-6px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.instance-card:hover{padding-left:2.3rem;background-color:var(--quest-tint,transparent)}.instance-card:hover::before{opacity:1;transform:translateX(0)}.mission-main{background-image:linear-gradient(90deg,var(--quest-main-tint),transparent 55%)}.mission-main::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:repeating-linear-gradient(-45deg,var(--quest-main) 0 8px,transparent 8px 16px);opacity:0.45;animation:quest-stripes 1.1s linear infinite}@keyframes quest-stripes{to{background-position:22.63px 0}}.mission-main:hover::after{opacity:0.85}.instance-label{display:inline-flex;align-items:center;gap:8px;padding:3px 10px 3px 8px;border-radius:2px;font-family:var(--font-mono);font-size:0.6rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--quest-color);background:var(--quest-tint)}.instance-label::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-dot 1.8s ease-in-out infinite}.mission-side .instance-label::before{animation:none;background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}.instance-label i{display:none}.instance-name{margin:12px 0 4px;font-family:var(--font-serif);font-size:1.5rem;font-weight:700;letter-spacing:-0.3px;color:var(--text-color);transition:color var(--transition-fast)}.instance-name i{display:inline-block;margin-right:10px;font-size:1.1rem;color:var(--quest-color);transition:transform var(--transition-fast)}.instance-card:hover .instance-name{color:var(--quest-color)}.instance-card:hover .instance-name i{transform:translateY(-1px) scale(1.12)}.instance-desc{margin:6px 0 0;max-width:58ch;font-size:0.88rem;line-height:1.7;color:var(--text-secondary)}.mission-side{padding-top:1.05rem;padding-bottom:1.15rem}.mission-side .instance-name{margin:8px 0 2px;font-family:var(--font-sans);font-size:1.05rem;letter-spacing:0}.mission-side .instance-name i{margin-right:8px;font-size:0.9rem}.mission-side .instance-desc{font-size:0.82rem}@media (prefers-reduced-motion:reduce){.instance-label::before,.mission-main::after{animation:none}}.about-section-title,.section-title,.achievement-section-title{display:flex;align-items:baseline;gap:12px;margin:2.2rem 0 1rem;padding:0;border-bottom:none;font-family:var(--font-serif);font-size:1.35rem;font-weight:700;color:var(--text-color)}.about-section-title i,.section-title i,.achievement-section-title i{font-size:1rem;color:var(--accent-color)}.about-section-title .sub,.section-title .sub,.achievement-section-title .sub{font-family:var(--font-mono);font-size:0.66rem;font-weight:400;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-secondary);opacity:0.8}.about-section-title::after,.section-title::after,.achievement-section-title::after{content:'';flex:1;align-self:center;height:1px;background:linear-gradient(90deg,var(--border-color),transparent)}.skill-tree{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:0 0 1.6rem}.skill-node{padding:1rem 1.1rem 0.9rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.skill-node:hover{transform:translateY(-3px);border-color:var(--accent-light);box-shadow:var(--shadow-md)}.skill-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.skill-icon{width:2rem;font-size:1.35rem;line-height:1;text-align:center;color:var(--accent-color)}.skill-name{margin:0;font-size:1rem;font-weight:700;color:var(--text-color)}.skill-sub{margin:0 0 4px;font-size:0.7rem;color:var(--text-secondary)}.skill-bar{height:4px;margin:8px 0 4px;border-radius:var(--radius-full);background:var(--border-light);overflow:hidden}[data-theme="dark"] .skill-bar{background:rgba(255,255,255,0.08)}.skill-bar-fill{height:100%;width:0%;border-radius:var(--radius-full);background:var(--accent-color);transition:width 0.8s ease}.skill-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.skill-tag{padding:1px 10px;border-radius:var(--radius-full);font-size:0.62rem;color:var(--text-secondary);background:var(--tag-bg);border:1px solid var(--border-light)}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:0 0 1.6rem}.achievement-card{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:inherit;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);animation:achievementFadeInUp 0.5s var(--transition-bounce) backwards}.achievement-card:nth-child(1){animation-delay:0.03s}.achievement-card:nth-child(2){animation-delay:0.08s}.achievement-card:nth-child(3){animation-delay:0.13s}.achievement-card:nth-child(4){animation-delay:0.18s}.achievement-card:nth-child(5){animation-delay:0.23s}.achievement-card:nth-child(6){animation-delay:0.28s}.achievement-card:nth-child(7){animation-delay:0.33s}.achievement-card:nth-child(8){animation-delay:0.38s}@keyframes achievementFadeInUp{from{opacity:0;transform:translateY(16px)}}.achievement-card:hover{transform:translateY(-3px);border-color:var(--accent-light);box-shadow:var(--shadow-md)}.difficulty-easy{--diff-color:#2f9e63;--diff-tint:rgba(47,158,99,0.10)}.difficulty-medium{--diff-color:#c2801d;--diff-tint:rgba(194,128,29,0.10)}.difficulty-hard{--diff-color:#c2564a;--diff-tint:rgba(194,86,74,0.10)}.difficulty-hidden{--diff-color:#6b7684;--diff-tint:rgba(107,118,132,0.10)}[data-theme="dark"] .difficulty-easy{--diff-color:#57c98f;--diff-tint:rgba(87,201,143,0.13)}[data-theme="dark"] .difficulty-medium{--diff-color:#e0a54e;--diff-tint:rgba(224,165,78,0.13)}[data-theme="dark"] .difficulty-hard{--diff-color:#e07163;--diff-tint:rgba(224,113,99,0.13)}[data-theme="dark"] .difficulty-hidden{--diff-color:#8b95a3;--diff-tint:rgba(139,149,163,0.13)}.achievement-icon{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:var(--radius-md);color:var(--diff-color,var(--accent-color));background:var(--diff-tint,var(--surface-color-secondary));border:1px solid var(--border-light);transition:transform var(--transition-fast)}.achievement-card:hover .achievement-icon{transform:scale(1.06)}.achievement-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.achievement-title{margin:0;font-size:1.05rem;font-weight:700;line-height:1.35;color:var(--text-color);transition:color var(--transition-fast)}.achievement-card:hover .achievement-title{color:var(--accent-color)}.achievement-desc{margin:0;font-size:0.88rem;line-height:1.6;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.achievement-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:8px;font-size:0.78rem;color:var(--text-secondary)}.achievement-date{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:0.74rem;opacity:0.8}.achievement-date i{font-size:0.68rem;color:var(--accent-color)}.achievement-difficulty{display:inline-flex;align-items:center;gap:5px;padding:2px 12px;border-radius:var(--radius-full);font-size:0.64rem;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;color:var(--diff-color,#7f8c8d);background:var(--diff-tint,rgba(127,140,141,0.10))}.github-contrib-section{margin:0 0 1.6rem}.github-contrib-section #gh{min-height:120px;padding:14px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.github-contrib-section #gh:hover{border-color:var(--accent-light);box-shadow:var(--shadow-sm)}.flip-card-container{perspective:1500px;width:100%}.flip-card{width:100%;min-height:200px;transition:min-height 0.5s ease}.flip-card-inner{position:relative;width:100%;transform-style:preserve-3d;transition:transform 0.7s cubic-bezier(0.23,1,0.32,1)}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;top:0;left:0;right:0;width:100%;box-sizing:border-box;padding:var(--container-padding);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:background var(--transition-normal),border-color var(--transition-normal)}.flip-card-back{transform:rotateY(180deg)}.back-content-wrapper{max-width:100%}.back-content-wrapper h2{margin-top:0}.back-content-wrapper p{max-width:100%}.flip-controls{margin-top:26px;padding-bottom:4px;text-align:center}.flip-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 32px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:0.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.flip-btn:hover{color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.flip-btn:active{transform:scale(0.97)}.flip-btn i{font-size:1rem;transition:transform 0.6s var(--transition-bounce)}.flip-card.flipped .flip-btn i{transform:rotate(180deg)}.daily-hobby-card{padding:1.2rem 1.4rem 1.3rem;background:var(--surface-color-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.daily-hobby-card .hobby-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.daily-hobby-card .hobby-icon-circle{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;border-radius:50%;color:var(--accent-color);background:var(--surface-color);border:1px solid var(--border-light);transition:transform var(--transition-fast)}.daily-hobby-card:hover .hobby-icon-circle{transform:scale(1.06)}.daily-hobby-card .hobby-title{font-size:1.05rem;font-weight:700;color:var(--text-color)}.daily-hobby-card .hobby-badge{margin-left:8px;padding:2px 12px;border-radius:var(--radius-full);font-size:0.55rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);background:var(--tag-bg);border:1px solid var(--border-light)}.daily-hobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.daily-hobby-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-color);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:default;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.daily-hobby-item:hover{transform:translateY(-2px);border-color:var(--accent-light);box-shadow:var(--shadow-sm)}.daily-hobby-item .hobby-label{font-size:0.85rem;font-weight:600;line-height:1.25;color:var(--text-color)}.daily-hobby-item .hobby-sub{font-size:0.65rem;color:var(--text-secondary)}.hobby-icon-minecraft,.hobby-icon-music,.hobby-icon-paint,.hobby-icon-piano{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:0.9rem;border-radius:50%}.hobby-icon-minecraft{color:#2f9e63;background:rgba(47,158,99,0.12)}.hobby-icon-music{color:#8e5bb5;background:rgba(142,91,181,0.12)}.hobby-icon-paint{color:#c2564a;background:rgba(194,86,74,0.12)}.hobby-icon-piano{color:#4a7fd4;background:rgba(74,127,212,0.12)}[data-theme="dark"] .hobby-icon-minecraft{color:#57c98f;background:rgba(87,201,143,0.13)}[data-theme="dark"] .hobby-icon-music{color:#b48ede;background:rgba(180,142,222,0.13)}[data-theme="dark"] .hobby-icon-paint{color:#e07163;background:rgba(224,113,99,0.13)}[data-theme="dark"] .hobby-icon-piano{color:#7aa5ec;background:rgba(122,165,236,0.13)}.comment-card{margin-top:2rem;padding:1.6rem 1.8rem 1.3rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.comment-card:hover{border-color:var(--accent-light);box-shadow:var(--shadow-md)}@media (max-width:768px){.instance-grid::before{padding:8px 1.2rem}.instance-grid::after{right:1.1rem}.instance-card{padding:1.1rem 1.2rem 1.25rem}.instance-card:hover{padding-left:1.9rem}.instance-card::before{left:9px;top:1.35rem}.instance-name{font-size:1.25rem}.player-header-card{padding:1.2rem 1.2rem 1rem}.player-name{font-size:1.5rem}.skill-tree{grid-template-columns:1fr 1fr}.exp-capsule{flex-direction:column;align-items:stretch;padding:0.9rem 1rem}.exp-bar-wrapper{flex-wrap:wrap}.exp-countdown{justify-content:center;white-space:normal;text-align:center}.achievement-grid{grid-template-columns:1fr}.achievement-card{padding:16px 18px}.flip-card-front,.flip-card-back{padding:26px 20px}.flip-btn{padding:11px 24px;font-size:0.88rem}.comment-card{padding:1.2rem 1.2rem 1rem}}@media (max-width:480px){.skill-tree{grid-template-columns:1fr}.player-meta-grid{font-size:0.8rem;gap:4px 16px}.player-status-badge{font-size:0.62rem;padding:2px 12px}.player-header-card::before{font-size:48px;right:-4px;bottom:-8px}.daily-hobby-grid{grid-template-columns:1fr}.daily-hobby-card{padding:1rem 1.1rem 1.1rem}.daily-hobby-card .hobby-icon-circle{width:36px;height:36px;font-size:0.95rem}.flip-card-front,.flip-card-back{padding:22px 16px}.flip-btn{width:100%;justify-content:center;padding:10px 18px;font-size:0.85rem;gap:8px}.comment-card{padding:1rem 0.9rem 0.8rem}}@media (max-width:360px){.achievement-card{padding:14px 14px}.achievement-icon{width:44px;height:44px;font-size:1.25rem}.instance-name{font-size:1rem}}